/* E2 · vitrine editorial. Cores e fonte dos títulos vêm do painel (variáveis no <head>). Uma única entrada animada: as fotos do início. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
:root{--surface:color-mix(in srgb,var(--ink) 7%,var(--bg));--line:color-mix(in srgb,var(--ink) 16%,transparent);--muted:color-mix(in srgb,var(--ink) 64%,transparent);--bad:#e0594a;--good:#34b878}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-d);font-weight:600;line-height:1.04;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:3px}
.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}.center{text-align:center}.narrow{max-width:760px}

/* aviso e cabeçalho */
.aviso{background:var(--acc);color:var(--acc-ink);text-align:center;font-size:13px;font-weight:600;padding:8px 16px;letter-spacing:.01em}
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}
.menu{display:flex;gap:22px;font-size:14.5px;font-weight:600}
.menu a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;color:var(--muted)}
.menu a:hover,.menu a.on{color:var(--ink);border-bottom-color:var(--acc)}
.brand{text-decoration:none;font-family:var(--font-d);font-size:28px;font-weight:600;letter-spacing:-.03em;display:flex;justify-content:center;line-height:1}
.brand img{height:40px;width:auto}
.tools{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.search{display:flex;align-items:center;border-bottom:1.5px solid var(--line)}
.search input{width:130px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;padding:8px 4px;transition:width .25s}
.search input::placeholder{color:var(--muted)}
.search input:focus{outline:none;width:190px}.search:focus-within{border-bottom-color:var(--acc)}
.search button,.cartbtn,.burger{background:none;border:0;color:var(--ink);cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;position:relative;text-decoration:none;padding:0}
.search button:hover,.cartbtn:hover,.burger:hover{background:var(--surface)}
.cartbtn i{position:absolute;top:3px;right:1px;font-style:normal;background:var(--acc);color:var(--acc-ink);min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;font-size:11.5px;font-weight:700;padding:0 5px}
.burger{display:none;gap:5px;align-content:center}
.burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s}
.burger[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* preço */
.pr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:15px}
.pr b{font-weight:700}.pr s{color:var(--muted);font-size:13px}.pr em{font-style:normal;font-size:12px;font-weight:700;color:var(--acc)}
.pr.big{font-size:1.6rem;margin:0 0 6px}.pr.big s{font-size:1rem}.pr.big em{font-size:.9rem}

/* início */
.hero{position:relative;padding:60px 0 34px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:48px;align-items:end;position:relative;z-index:1}
.hero h1{font-size:clamp(3.1rem,9.4vw,8.6rem);line-height:.9;letter-spacing:-.045em;margin:0;max-width:11ch}
.hero-side p{color:var(--muted);font-size:1.05rem;margin-bottom:22px}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px}
.hero.has-img{min-height:80vh;display:flex;align-items:flex-end;padding:0 0 56px}
.hero.has-img .hero-in{width:100%;margin:0 auto}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent) 8%,transparent 70%)}
.strip{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:20px;margin-top:56px;align-items:start}
.strip a{text-decoration:none;display:block}
.strip .s1{margin-top:64px}.strip .s2{margin-top:26px}
.strip .pic{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--surface);border-radius:4px}
.strip .pic img{width:100%;height:100%;object-fit:cover}
.strip .cap{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-weight:600;font-size:14.5px;flex-wrap:wrap}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.strip a{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.strip .s1{animation-delay:.12s}.strip .s2{animation-delay:.24s}
@media (prefers-reduced-motion:reduce){.strip a{animation:none}html{scroll-behavior:auto}}
.sec{padding:64px 24px 0}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}
.sec-h h2{font-size:clamp(1.9rem,4vw,3rem);margin:0}.sec-h a{font-weight:700;font-size:14.5px}
.tiles{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.tiles.t1{grid-template-columns:1fr}.tiles.t2{grid-template-columns:1fr 1fr}
.tile{position:relative;display:block;text-decoration:none;border-radius:4px;overflow:hidden;aspect-ratio:3/4;background:var(--surface)}
.tile .pic{position:absolute;inset:0;display:block}.tile .pic img,.tile .pic .ph{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tile:hover .pic img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,14,.72),transparent 55%)}
.tl{position:absolute;left:22px;bottom:20px;z-index:1;color:#fff}.tl b{display:block;font-family:var(--font-d);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;letter-spacing:-.02em;line-height:1}.tl small{opacity:.85;font-size:13.5px}
.rail{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:14px;scrollbar-width:thin}
.rail-in.wrap{max-width:none;width:max-content;display:flex;gap:18px;margin:0;padding-left:max(24px,calc((100vw - 1220px) / 2 + 24px));padding-right:24px}
.rail .card{width:268px;flex:none;scroll-snap-align:start}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin-top:84px;padding-top:44px;border-top:1px solid var(--line)}
.story h2{font-size:clamp(1.9rem,4vw,3rem)}.story p{font-family:var(--font-d);font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.4;max-width:34em}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:56px;padding-top:26px;padding-bottom:6px;border-top:1px solid var(--line)}
.trust div{display:flex;flex-direction:column;gap:2px}.trust b{font-size:15px}.trust span{font-size:14px;color:var(--muted)}

/* cartões e listas */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:40px 20px}
.card{display:block;text-decoration:none}
.card .pic{position:relative;display:block;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--surface)}
.card .pic img{width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform .7s}
.card .pic .alt{position:absolute;inset:0;opacity:0}.card:hover .pic .alt{opacity:1}.card:hover .pic img:not(.alt){transform:scale(1.03)}
.card .nm{display:block;margin:12px 0 2px;font-weight:600;font-size:15px;line-height:1.3}
.card.out .pic img,.card.out .ph{opacity:.4}
.ph{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-d);font-size:clamp(2.6rem,6vw,4rem);font-weight:600}
.flag{position:absolute;top:10px;left:10px;font-style:normal;font-size:11.5px;font-weight:700;background:var(--ink);color:var(--bg);padding:3px 10px;border-radius:999px}
.flag.sale{background:var(--acc);color:var(--acc-ink)}
.page{padding-top:26px;padding-bottom:70px}
.page h1{font-size:clamp(2.2rem,5vw,3.8rem)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;margin-bottom:18px;color:var(--muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}
.list-h{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.list-h h1{margin:0}
.sort label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.sort select{width:auto;margin:0;padding:8px 12px}
.count{color:var(--muted);margin:8px 0 28px;font-size:14px}
.pager{display:flex;gap:6px;justify-content:center;margin-top:40px}
.pager a{min-width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);text-decoration:none;font-weight:600}.pager a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.empty{padding:56px 0;text-align:center}

/* botões e campos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--acc);background:var(--acc);color:var(--acc-ink);font:700 15px var(--font);padding:14px 28px;border-radius:999px;text-decoration:none;cursor:pointer;transition:filter .15s,background .15s,color .15s}
.btn:hover{filter:brightness(1.08)}
.btn.sec{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 55%,transparent)}.btn.sec:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);filter:none}
.btn.wide{display:flex;width:100%}
.link{background:none;border:0;color:var(--ink);text-decoration:underline;font:inherit;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 14px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:0;border-color:transparent}
select option{color:#111}
label{display:block;font-weight:600;font-size:14px}label>input,label>select,label>textarea{margin-top:6px;font-weight:400}
.row{display:flex;gap:8px;margin-top:6px}.row input{margin:0}.row .btn{padding:10px 18px;flex:none}
.flash{margin:18px 0 0;padding:12px 16px;border-radius:8px;font-weight:600;background:color-mix(in srgb,var(--acc) 16%,var(--bg));border:1px solid color-mix(in srgb,var(--acc) 45%,transparent)}
.flash.err{background:color-mix(in srgb,var(--bad) 18%,var(--bg));border-color:color-mix(in srgb,var(--bad) 55%,transparent)}

/* produto */
.pdp{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gal-main{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--surface)}.gal-main.first{grid-column:1/-1;aspect-ratio:1/1.1}
.gal-main img{width:100%;height:100%;object-fit:cover}
.pdp-info{position:sticky;top:96px}
.pdp-info h1{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:.3em}
.pdp-price{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}.parc{font-size:14px;color:var(--muted)}
.buy{display:grid;gap:12px}.buy-row{display:flex;gap:12px}.buy-row .btn{flex:1}
.opts{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.opts legend{font-weight:700;font-size:14px;margin-bottom:8px;padding:0}
.opt{display:inline-block}.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt span{display:inline-block;min-width:52px;text-align:center;padding:10px 16px;border:1px solid var(--line);border-radius:6px;font-weight:600;cursor:pointer;background:var(--surface)}
.opt input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.opt input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.opt.off span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}
.qty button{width:40px;height:44px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}.qty button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.qty input{width:42px;border:0;border-radius:0;text-align:center;padding:10px 0;margin:0;background:none;outline:0}.qty span{min-width:34px;text-align:center;font-weight:700}
.low{color:#e8a23a;font-weight:600;font-size:14px;margin:10px 0 0}.soldout{font-weight:700;font-size:1.1rem}
.shipcalc{margin:26px 0;padding:16px;border:1px dashed var(--line);border-radius:8px}
.shipres{margin-top:10px;font-size:14.5px}.shipres div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line)}.shipres small{display:block;color:var(--muted)}
.descr h2{font-size:1.35rem}.descr p{max-width:60ch;color:var(--muted)}.sku{font-size:13px;color:var(--muted)}.ask a{font-weight:600}

/* carrinho, finalizar, pedido */
.cart,.checkout{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:start;margin-top:12px}
.line{display:grid;grid-template-columns:84px 1fr auto 100px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.lthumb{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--surface);display:block}.lthumb img{width:100%;height:100%;object-fit:cover}.lthumb .ph{font-size:1.6rem}
.linfo{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.lname{font-weight:700;text-decoration:none}.lvar,.lunit{font-size:13.5px;color:var(--muted)}
.lnote{font-size:13px;font-weight:600;color:#e8a23a}.lrem{border:0;background:none;padding:0;margin-top:4px;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;color:var(--muted)}
.ltot{text-align:right;font-weight:700}.cart-upd{padding-top:18px}.line.bad{opacity:.65}
.sum{background:var(--surface);border-radius:10px;padding:24px;border:1px solid var(--line);position:sticky;top:96px}
.sum h2,.box h2{font-size:1.4rem}.sum dl,.box dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 14px}.sum dt,.box dt{color:var(--muted)}.sum dd,.box dd{margin:0;text-align:right;font-weight:600}
.sum .tot,.box .tot,.dr-foot .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:12px;margin:14px 0}.tot b{font-size:1.5rem;letter-spacing:-.02em}
.sum .back{display:block;text-align:center;margin-top:12px;font-size:14px}.fine{font-size:12.5px;color:var(--muted);margin:14px 0 0}
.coupon{margin:0 0 16px}
.sum-items{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;font-size:14.5px}.sum-items li{display:flex;justify-content:space-between;gap:12px}
.co-main{display:grid;gap:18px}
.co-box{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:22px;margin:0;display:grid;gap:14px}
.co-box legend{font-family:var(--font-d);font-weight:600;font-size:1.35rem;padding:0 8px;margin-left:-8px;background:var(--bg);border-radius:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two.cep{grid-template-columns:200px 1fr;align-items:end}.cep-msg{font-size:13.5px;padding-bottom:12px;color:var(--muted)}
[data-end]{display:grid;gap:14px}
.choice{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:14px 16px;cursor:pointer;font-weight:400;background:var(--bg)}
.choice:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--bg))}
.choice input{width:auto;margin:0;accent-color:var(--acc)}.choice span b{display:block}.choice small{display:block;color:var(--muted);font-size:13.5px}.choice em{font-style:normal;font-weight:700}
.ships{display:grid;gap:10px}.hint{margin:0;color:var(--muted);font-size:14px}
.steps{list-style:none;display:flex;padding:0;margin:26px 0}
.steps li{flex:1;position:relative;text-align:center;font-size:13px;font-weight:600;color:var(--muted);padding-top:26px}
.steps li::before{content:"";position:absolute;top:6px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);border:2px solid var(--line);z-index:1}
.steps li::after{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--line)}.steps li:first-child::after{display:none}
.steps li.done,.steps li.now{color:var(--ink)}.steps li.done::before,.steps li.now::before{background:var(--acc);border-color:var(--acc)}.steps li.done::after,.steps li.now::after{background:var(--acc)}
.state{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:10px;margin:0 0 20px;background:var(--surface);border:1px solid var(--line)}
.state b{display:block}.state span,.state div span{display:block;font-size:14.5px;color:var(--muted)}
.state.wait{background:color-mix(in srgb,var(--acc) 14%,var(--bg));border-color:color-mix(in srgb,var(--acc) 45%,transparent)}
.state.ok{background:color-mix(in srgb,var(--good) 16%,var(--bg));border-color:color-mix(in srgb,var(--good) 45%,transparent)}
.state.bad{background:color-mix(in srgb,var(--bad) 16%,var(--bg));border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.box{background:var(--surface);border-radius:10px;padding:22px;margin-bottom:16px;border:1px solid var(--line)}

/* carrinho lateral */
.dr-ov{position:fixed;inset:0;background:rgba(5,4,8,.55);z-index:60;opacity:0;transition:opacity .25s}.dr-ov.on{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);border-left:1px solid var(--line);z-index:61;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;visibility:hidden}
.drawer.on{transform:none;visibility:visible}
.dr-h{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);font-family:var(--font-d);font-size:1.4rem}
.dr-h button{background:none;border:0;color:var(--ink);font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:50%}.dr-h button:hover{background:var(--surface)}
.dr-body{flex:1;overflow:auto;display:flex;flex-direction:column}.dr-body .flash{margin:14px 22px 0}
.dr-list{list-style:none;margin:0;padding:6px 22px;flex:1}
.dr-list li{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.dr-th{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--surface);display:block}.dr-th img{width:100%;height:100%;object-fit:cover}.dr-th .ph{font-size:1.2rem}
.dr-in{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0}.dr-q{display:flex;align-items:center;gap:12px;margin-top:8px}.dr-q .qty button{width:34px;height:34px}.dr-p{font-weight:700;font-size:14.5px}
.dr-foot{padding:16px 22px 22px;border-top:1px solid var(--line);display:grid;gap:10px}.dr-foot .tot{margin:0 0 4px;border-top:0;padding-top:0}.dr-foot small{color:var(--muted);margin-top:-8px}
.dr-empty{padding:60px 22px;text-align:center}
body.dr-open{overflow:hidden}

/* rodapé */
.foot{margin-top:90px;border-top:1px solid var(--line);padding-top:48px}
.foot-big{padding-bottom:18px}.foot-big .fn{display:block;font-family:var(--font-d);font-size:clamp(3rem,11vw,9rem);font-weight:600;letter-spacing:-.05em;line-height:.9;color:color-mix(in srgb,var(--ink) 92%,transparent)}.foot-big p{color:var(--muted);margin:12px 0 0}
.foot-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding-top:26px;padding-bottom:30px}
.foot b{display:block;margin-bottom:8px}.foot a{display:block;text-decoration:none;padding:3px 0;color:var(--muted)}.foot a:hover{color:var(--ink);text-decoration:underline}.foot p{margin:0 0 4px;font-size:14.5px;color:var(--muted)}
.foot-end{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.wa-float{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;box-shadow:0 10px 28px -10px rgba(0,0,0,.6);z-index:40}

@media(max-width:940px){
  .hero-in,.pdp,.cart,.checkout,.story{grid-template-columns:1fr}
  .hero-in{gap:24px}.strip{grid-template-columns:1fr 1fr 1fr;gap:12px}.strip .s1{margin-top:36px}.strip .s2{margin-top:14px}
  .sum,.pdp-info{position:static}.tiles{grid-template-columns:1fr 1fr}.tiles.t3 .tile:last-child{grid-column:1/-1;aspect-ratio:16/9}
  .story{gap:20px}
}
@media(max-width:720px){
  .top-in{grid-template-columns:auto 1fr auto}.burger{display:grid}.brand{font-size:24px}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:8px 24px 16px;background:var(--bg);border-bottom:1px solid var(--line)}
  .menu.open{display:flex}.menu a{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
  .search input{width:0;padding:8px 0}.search input:focus{width:130px;padding:8px 4px}
  .hero{padding-top:34px}.strip .cap{font-size:12.5px}.strip .cap .pr{font-size:12.5px}
  .grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .line{grid-template-columns:70px 1fr;grid-template-areas:"t i" "q p"}.lthumb{grid-area:t}.linfo{grid-area:i}.lqty{grid-area:q}.ltot{grid-area:p;align-self:center}
  .two,.two.cep{grid-template-columns:1fr}.cep-msg{padding:0}
  .buy-row{flex-direction:column}.steps li{font-size:11px}
  .tiles,.tiles.t2{grid-template-columns:1fr}.tile{aspect-ratio:4/3}.tiles.t3 .tile:last-child{aspect-ratio:4/3}
}
.page .sec{padding-left:0;padding-right:0}
.gal-main:nth-child(2):last-child{grid-column:1/-1;aspect-ratio:1/1.1}
.sec.rail-sec{padding-left:0;padding-right:0}
.rail{scroll-padding-left:max(24px,calc((100vw - 1220px) / 2 + 24px))}