/* Ajustes para celular e preferências de movimento. Carregado por último para prevalecer sobre os estilos base. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:860px){
html{scroll-padding-top:112px}
header.top .wrap{grid-template-columns:1fr auto;padding-top:8px;row-gap:6px}
.logo{grid-column:1;grid-row:1}
.cartbtn{grid-column:2;grid-row:1}
nav{grid-column:1/-1;grid-row:2;gap:10px;justify-content:safe center;overflow-x:auto;padding:4px 0 10px}
nav a{white-space:nowrap;background:#222;border-radius:99px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:600px){
section{padding:40px 0}
.chips{display:grid;grid-template-columns:1fr 1fr}
.chip{text-align:left;min-height:46px;padding:8px 12px;font-size:16px;border-width:2px}
#sTier,#sAd{grid-template-columns:1fr}
.live .btn{width:100%}
.live{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.step{padding:14px}
.hero{background:radial-gradient(circle at 80% 20%,#3a2a00 0,transparent 55%),var(--bk);border-bottom:6px solid var(--y)}
.btn{width:100%;text-align:center;font-size:17px;padding:12px 16px;border-width:2px}
.item .act button{min-height:44px;font-size:15px}
.price{font-size:34px}
.qty button{width:44px;height:44px;font-size:22px}
.live .tot{font-size:24px}
}
@media(min-width:760px){.hero .wrap{grid-template-columns:1.1fr .9fr}}