/* Opção 2 aprovada: topo preto, catálogo claro e cards brancos. */
:root{--bg:#f3f4f0;--panel:#fff;--muted:#626b5c;--line:#dce2d5;color-scheme:light}
body{color:#1b2117;background:var(--bg)}
header,nav{background:#090d0a;color:#f5f6f2;border-color:#2a3325}
.topline{background:#141b11}
header .logo{width:190px}
.brand-logo-image{border-radius:5px}
.basket{color:#fff}
.hero-carousel{position:relative;isolation:isolate;overflow:clip;border:1px solid #d4d9cc;border-radius:10px;aspect-ratio:2.47;background:#e8e9e1}
.hero-slide{position:absolute;inset:0;overflow:clip;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.storefront-image{position:absolute;top:0;left:0;width:100%;height:123.54%;object-fit:cover;object-position:center top;max-width:none}
.storefront-link{position:absolute;left:34px;bottom:34px;box-shadow:0 3px 18px #0002}
.hero-phone{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:linear-gradient(90deg,#ecede5 0%,#e5e6dc 44%,#4e5645 65%,#131b13 100%)}
.hero-phone::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 36%,#c5f5001c,transparent 55%);pointer-events:none}
.hero-phone .hero-copy{position:relative;padding:30px 0 44px 42px;z-index:2}
.hero-phone .eyebrow{color:#435226}
.hero-phone h1{color:#182014;font-size:clamp(28px,3.3vw,48px)}
.hero-phone .hero-copy p{color:#4f5c44}
.hero-phone .hero-caption{color:#4b593e}
.hero-phone .hero-caption i{background:#617d1b}
.hero-phone .hero-art{height:100%;z-index:1}
.hero-phone .hero-art img{width:92%;height:85%;max-height:370px;object-fit:contain;filter:drop-shadow(0 22px 22px #0005)}
.hero-phone .backword{font-size:clamp(100px,16vw,210px);top:10%;left:0;-webkit-text-stroke:1px #dfe8ca35}
.hero-phone .hero-product{color:#fff;bottom:42px}
.hero-phone .hero-product span{color:#d9e1cc}
.carousel-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:3;padding:2px 5px;border-radius:30px;background:#10170ee6;color:#fff}
.carousel-controls button{display:grid;place-items:center;width:32px;height:30px;border:0;background:none;color:#fff;border-radius:20px;padding:0}
.carousel-dot::before{content:"";display:block;width:7px;height:7px;border-radius:5px;background:#a7b098;transition:width .3s,background .3s}
.carousel-dot[aria-pressed=true]::before{width:21px;background:var(--lime)}
.carousel-controls .carousel-toggle{font-size:12px;width:30px}
.benefits>div>span{color:#647d27}
.benefits b{color:#242e1e}
#catalog>.section-head .eyebrow{color:#637149}
.section-head select{color:#34402a;background:#fff;border-color:#d6ddce;color-scheme:light}
.catalog-meta{color:#65705c}
.product{background:#fff;border-color:#dce2d5;box-shadow:0 3px 12px #1a260405}
.product:hover{border-color:#a0b66e;box-shadow:0 8px 22px #1a26040d}
.product-photo{background:#fff}
.product-photo img{filter:drop-shadow(0 10px 10px #0002)}
.product-brand{color:#627052}
.specs,.payment{color:#65705b}
.price{color:#20291a}
.old{color:#77806e}
.view{background:#fff;color:#2b3820;border-color:#d1dac5}
.view:hover{background:#f0f5e7}
.brand-strip{border-color:#d5deca}
.brand-strip p{color:#4e5b43}
.group-label,footer{color:#657457}
.footer-logo-image{border-radius:5px}
.empty{border-color:#d5deca;color:#58664b}
dialog{background:#fff;color:#1f2918;border-color:#bdcaa9;color-scheme:light}
dialog .eyebrow{color:#597328}
.close{color:#596849}
.detail-grid p,.cart-row small,.note{color:#647354}
.cart-row{border-color:#d8e1cb}
.cart-row button{background:#f2f5eb;border-color:#cbd7bb;color:#314322}
@media(max-width:1000px){.hero-phone .hero-copy{padding:22px 0 42px 28px}.hero-phone h1{font-size:32px}.hero-phone .hero-copy p{font-size:12px;margin-bottom:13px}.hero-phone .hero-caption{margin-top:15px}.hero-phone .hero-product{right:17px}.hero-phone .hero-product b{font-size:14px}.hero-carousel{min-height:330px}}
@media(max-width:700px){header .logo{width:160px}.hero-carousel{aspect-ratio:auto;height:470px;min-height:0}.storefront-image{object-position:69% top}.storefront-link{left:20px;bottom:62px;padding:11px 16px;font-size:12px}.hero-phone{grid-template-columns:1fr;background:linear-gradient(150deg,#ecede5 0%,#e5e6dc 42%,#616951 67%,#182015 100%)}.hero-phone .hero-copy{padding:25px;align-self:start;pointer-events:auto}.hero-phone h1{font-size:34px;margin:14px 0}.hero-phone .hero-copy p{font-size:12px;max-width:280px;margin-bottom:13px}.hero-phone .hero-caption{display:none}.hero-phone .hero-art{position:absolute;right:0;bottom:27px;width:60%;height:205px;margin:0;z-index:1}.hero-phone .hero-art img{height:215px;width:100%;margin:0;max-height:none}.hero-phone .backword{top:0;font-size:100px}.hero-phone .hero-product{display:none}.carousel-controls{bottom:14px}.carousel-controls button{width:38px;height:34px}.brand-strip{flex-wrap:wrap}.brand-strip p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.carousel-dot::before{transition:none}}
@media(max-width:700px){.navlinks{scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.storefront-image{object-position:78% top}}
