/* HERO + POLISH V18 — o banner agora vem do Admin (hero.background). */
html body #heroSection,
html body #heroSection.hero-v4{
  position:relative!important;
  width:min(1220px,calc(100% - 44px))!important;
  min-height:410px!important;
  margin:18px auto 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(34,179,255,.24)!important;
  border-radius:18px!important;
  background:#020914!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
}
html body #heroSection #heroBg,
html body #heroSection .hero-bg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  opacity:1!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body #heroSection .hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,9,20,.92) 0%,rgba(2,9,20,.74) 37%,rgba(2,9,20,.32) 58%,rgba(2,9,20,.08) 100%)!important;
}
html body #heroSection::before,
html body #heroSection::after{display:none!important}
html body #heroSection .hero-content{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  width:52%!important;
  max-width:610px!important;
  min-height:410px!important;
  padding:42px 0 38px 42px!important;
  flex-direction:column!important;
  justify-content:center!important;
}
html body #heroSection .hero-content .eyebrow{margin:0 0 8px!important;color:#28b9ff!important;font-size:.7rem!important;letter-spacing:.18em!important}
html body #heroSection .hero-content h1{margin:0 0 14px!important;max-width:560px!important;font-size:clamp(2.7rem,4vw,4.45rem)!important;line-height:.89!important;letter-spacing:-.055em!important;text-shadow:0 4px 18px rgba(0,0,0,.42)!important}
html body #heroSection .hero-content h1 span{display:block!important;color:#fff!important}
html body #heroSection .hero-content h1 strong{display:block!important;color:#08a8ff!important}
html body #heroSection #heroDescription{max-width:510px!important;margin:0!important;color:#f2f7fb!important;font-size:.9rem!important;line-height:1.58!important;white-space:pre-line!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}
html body #heroSection #heroStats,html body #heroSection .hero-stats{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:14px!important}
html body #heroSection .hero-stat{min-width:0!important;padding:7px 10px!important;border:1px solid rgba(51,178,255,.44)!important;border-radius:8px!important;background:rgba(2,13,24,.66)!important;backdrop-filter:blur(7px)!important;box-shadow:none!important}
html body #heroSection .hero-stat strong{font-size:.66rem!important;line-height:1.1!important}
html body #heroSection .hero-stat span{font-size:.49rem!important;margin-top:2px!important}

/* Cards públicos: alturas, imagens, preços e CTAs sempre alinhados. */
html body .store-grid,html body .product-grid{align-items:stretch!important}
html body .store-card,html body .product-card{height:100%!important;min-width:0!important;overflow:hidden!important;border-radius:18px!important}
html body .store-card{display:flex!important;flex-direction:column!important}
html body .store-card p{flex:1!important}
html body .store-btn{margin-top:auto!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
html body .product-card{display:flex!important;flex-direction:column!important;border:1px solid rgba(93,185,242,.16)!important;background:linear-gradient(180deg,rgba(11,23,39,.98),rgba(5,13,24,.98))!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
html body .product-card:hover{transform:translateY(-4px)!important;border-color:rgba(48,183,255,.42)!important;box-shadow:0 22px 50px rgba(0,0,0,.26)!important}
html body .product-media{position:relative!important;display:grid!important;width:100%!important;aspect-ratio:4/3!important;min-height:0!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(145deg,#f8fbfe,#e9f0f6)!important}
html body .product-media>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:18px!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
html body .product-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;padding:24px!important;text-align:center!important;background:radial-gradient(circle at 50% 25%,rgba(29,175,255,.15),transparent 48%),#07121f!important}
html body .product-placeholder strong{max-width:240px!important;margin-top:8px!important}
html body .product-placeholder small{max-width:245px!important;margin-top:8px!important;line-height:1.4!important}
html body .product-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:18px!important}
html body .product-body h3{min-height:2.45em!important;margin-bottom:8px!important;line-height:1.22!important}
html body .product-desc{display:-webkit-box!important;min-height:3.9em!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-height:1.45!important}
html body .price-line{display:flex!important;min-height:38px!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:7px!important;margin-top:12px!important}
html body .price-line .price{font-size:1.32rem!important;font-weight:900!important;line-height:1!important}
html body .price-note{min-height:34px!important;margin-top:6px!important;line-height:1.35!important}
html body .product-coupon{margin-top:10px!important}
html body .product-btn{display:flex!important;min-height:48px!important;margin-top:auto!important;align-items:center!important;justify-content:center!important;text-align:center!important}
html body .daily-deal-card{overflow:hidden!important;border-radius:20px!important}
html body .daily-deal-media img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;padding:18px!important}

@media (max-width:1100px) and (min-width:821px){
  html body #heroSection,html body #heroSection.hero-v4{width:calc(100% - 32px)!important}
  html body #heroSection .hero-content{width:56%!important;max-width:540px!important;padding-left:28px!important}
  html body #heroSection .hero-content h1{font-size:clamp(2.35rem,4.1vw,3.8rem)!important}
}
@media (max-width:820px){
  html body #heroSection,html body #heroSection.hero-v4{width:calc(100% - 20px)!important;min-height:570px!important;height:auto!important}
  html body #heroSection #heroBg,html body #heroSection .hero-bg{background-size:cover!important;background-position:center top!important}
  html body #heroSection .hero-shade{background:linear-gradient(180deg,rgba(2,9,20,.12) 0%,rgba(2,9,20,.30) 33%,rgba(2,9,20,.88) 58%,#020914 78%,#020914 100%)!important}
  html body #heroSection .hero-content{width:100%!important;max-width:none!important;min-height:570px!important;height:auto!important;padding:280px 18px 24px!important;justify-content:flex-end!important}
  html body #heroSection .hero-content h1{font-size:clamp(2.15rem,10vw,3.4rem)!important;max-width:100%!important}
  html body #heroSection #heroDescription{font-size:.86rem!important;max-width:100%!important}
  html body .product-body h3,html body .product-desc{min-height:0!important}
}
@media (max-width:520px){
  html body #heroSection,html body #heroSection.hero-v4{width:calc(100% - 14px)!important;min-height:545px!important;border-radius:14px!important}
  html body #heroSection .hero-content{min-height:545px!important;padding:250px 14px 20px!important}
  html body #heroSection .hero-content h1{font-size:clamp(2rem,11vw,3rem)!important}
  html body .product-media{aspect-ratio:1.15/1!important}
}
