/* Aparencia exclusiva da vitrine; painel, ofertas e banco permanecem intactos. */
.storefront{position:relative;isolation:isolate;background:#0a0a0a;min-height:100vh}
.storefront::before{content:"";position:fixed;inset:210px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0a0a0a 0,rgba(10,10,10,.58) 65px,rgba(10,10,10,.24) 155px,rgba(10,10,10,.55) 70%,#0a0a0a 100%),linear-gradient(90deg,rgba(10,10,10,.65),rgba(10,10,10,.32) 58%,rgba(10,10,10,.05)),url('./garagem-mascote.jpg') center top/cover no-repeat}
.storefront .topbar{position:relative;z-index:1;min-height:210px;background:#0a0a0a;border-color:#ffffff18;padding:18px 32px;gap:28px}
.storefront .brand-image{display:block;width:300px;max-width:55%;line-height:0;flex-shrink:0}
.storefront .brand-image img{display:block;width:100%;height:180px;object-fit:contain}
.storefront .topbar .small-button,.storefront .empty .button{background:#25d366;color:#082b16;border:1px solid #57e58b;box-shadow:0 0 0 0 #25d36655;animation:mg-whatsapp-pulse 2.2s ease-out infinite;transform-origin:center}
.storefront .topbar .small-button{padding:14px 20px;font-size:15px;min-height:50px}
.storefront .topbar .small-button:hover,.storefront .empty .button:hover{background:#38df77;filter:none}
@keyframes mg-whatsapp-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #25d36644}45%{transform:scale(1.035);box-shadow:0 0 0 11px #25d36600}75%{box-shadow:0 0 0 15px #25d36600}}
@media(prefers-reduced-motion:reduce){.storefront .topbar .small-button,.storefront .empty .button{animation:none}}
.storefront main{padding-top:45px}
.storefront .shop-heading{min-height:245px;max-width:720px;padding:12px 0 35px;text-shadow:0 2px 18px #000}
.storefront .shop-heading h1{font-weight:900}
.storefront .shop-heading p:not(.eyebrow){color:#e0e0e5;max-width:650px}
.storefront .offer-card{background:#121214;box-shadow:0 15px 40px #0009;border-color:#ffffff2b}
.storefront .offer-card.featured{border-color:#ef233470}
.storefront .empty{background:rgba(10,10,10,.88);border-color:#ffffff40}
.storefront .shop-note{background:rgba(10,10,10,.86);border-radius:8px;padding:18px;color:#c5c5cc}
.storefront footer{background:rgba(10,10,10,.9)}
@media(max-width:900px){
 .storefront::before{position:absolute;inset:210px 0 auto;height:800px;background:linear-gradient(180deg,#0a0a0a 0,rgba(10,10,10,.45) 70px,rgba(10,10,10,.16) 150px,rgba(10,10,10,.92) 480px,#0a0a0a 700px),url('./garagem-mascote.jpg') 84% top/auto 640px no-repeat}
 .storefront .shop-heading{max-width:none;min-height:0;padding:300px 0 25px;margin-bottom:20px}
 .storefront .shop-heading h1,.storefront .shop-heading p:not(.eyebrow){max-width:620px}
 .storefront main{padding-top:0}
}
@media(max-width:600px){
 .storefront .topbar{flex-direction:column;align-items:center;min-height:238px;padding:16px 20px 22px;gap:12px}
 .storefront .brand-image{width:260px;max-width:100%}
 .storefront .brand-image img{height:138px}
 .storefront .topbar nav{justify-content:center;width:100%}
 .storefront .topbar .small-button{font-size:14px;padding:12px 22px;max-width:none;min-height:48px}
 .storefront::before{inset:238px 0 auto;height:800px;background:linear-gradient(180deg,#0a0a0a 0,rgba(10,10,10,.5) 55px,rgba(10,10,10,.14) 120px,rgba(10,10,10,.92) 365px,#0a0a0a 570px),url('./garagem-mascote.jpg') 83% top/auto 550px no-repeat}
 .storefront .shop-heading{padding-top:295px;padding-bottom:25px}
 .storefront .shop-heading h1{font-size:clamp(32px,9.5vw,42px);line-height:1.1}
 .storefront .shop-heading h1 em{display:block}
 .storefront .shop-heading p:not(.eyebrow){font-size:16px}
 .storefront .offer-card{background:#151517}
}