/* Clube do Suplemento — loja: cabeçalho com carrinho, vitrine, produto, gaveta do carrinho, pedido.
   Mesma marca do style.css (azul-noite #001634 + ouro #e2b13c). Texto dourado sobre claro usa #8a6209 (AA). */
:root{--ouro-txt:#8a6209;--cinza-aa:#56637a;--erro:#b4232f;--navy-2:#0a2a5c;--ouro-grad:linear-gradient(135deg,#f6d77c 0,#e2b13c 45%,#b98312 100%)}
.muted{color:var(--cinza-aa)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.estado svg{color:var(--ouro-txt)}

/* ── cabeçalho ── */
.hdr{transition:box-shadow .25s}
.hdr.hdr-sc{box-shadow:0 14px 34px -22px rgba(0,0,0,.6)}
.nav a.nav-loja{color:#f0cd7a;font-weight:800}
.nav a.nav-loja::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ouro-grad);margin-left:7px;vertical-align:middle}
.hdr-wa{padding:9px 14px;border-color:rgba(255,255,255,.3);color:#fff;flex:none}
.hdr-wa:hover{border-color:#e2b13c;color:#f0cd7a}
.cart-btn{position:relative;width:46px;height:46px;border-radius:13px;border:1.5px solid rgba(226,177,60,.55);background:rgba(226,177,60,.1);color:#fff;display:grid;place-items:center;flex:none;transition:background .2s,color .2s,transform .15s}
.cart-btn svg{width:21px;height:21px}
.cart-btn:hover{background:var(--ouro-grad);color:#001634;border-color:transparent}
.cart-btn .n{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--ouro-grad);color:#001634;font-size:.72rem;font-weight:800;display:grid;place-items:center;border:2px solid #001634;line-height:1}
.cart-btn .n:empty{display:none}
.cart-btn.bump{animation:bump .5s var(--ease)}
@keyframes bump{30%{transform:scale(1.14) rotate(-5deg)}60%{transform:scale(.97)}}
@media(max-width:1180px){.nav a{padding:9px 8px;font-size:.8rem}.hdr-wa span{display:none}.hdr-wa{width:46px;height:46px;padding:0}.hdr-wa svg{width:20px;height:20px}}
@media(max-width:960px){.hdr-wa{display:none}.cart-btn{margin-left:auto}.menu-btn{margin-left:0}.hdr-in{gap:10px}}

/* ── cabeçalho de página da loja (escuro, igual ao hero) ── */
.cab-loja{background:radial-gradient(110% 120% at 88% 0,var(--navy-2) 0,#001634 58%);color:#fff;padding:clamp(30px,4.5vw,60px) 0 clamp(26px,3.5vw,44px)}
.cab-loja::before{background:radial-gradient(520px 320px at 92% 10%,rgba(226,177,60,.2),transparent 65%)}
.cab-loja h1{color:#fff;max-width:20ch;font-size:clamp(2rem,4.6vw,3.4rem)}
.cab-loja .lead{color:rgba(255,255,255,.78)}
.cab-loja .rotulo{color:#f0cd7a}
.cab-loja .migalhas{color:rgba(255,255,255,.65)}.cab-loja .migalhas a:hover{color:#fff}.cab-loja .migalhas span::before,.cab-loja .migalhas a+a::before{color:rgba(255,255,255,.35)}
.chips-cat .chip{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.04);transition:all .18s}
.chips-cat .chip:hover{border-color:#e2b13c;color:#f0cd7a;background:rgba(226,177,60,.08)}
.chips-cat .chip.on{background:var(--ouro-grad);border-color:transparent;color:#001634}
.aviso-demo{display:flex;gap:10px;align-items:center;background:#fdf3d6;border:1px solid #f0cd7a;color:#5c4200;border-radius:12px;padding:11px 14px;font-size:.84rem;font-weight:600;margin-bottom:22px}
.aviso-demo svg{flex:none;color:#8a6209}

/* ── lista ── */
.sec-lista{padding-top:clamp(22px,3vw,36px)}
.lista-barra{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.busca-l{position:relative;flex:1 1 260px;max-width:420px}
.busca-l svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cinza-aa)}
.busca-l input{width:100%;height:46px;padding:0 14px 0 40px;border-radius:13px;border:1.5px solid var(--linha-2);background:#fff;font:inherit;font-size:.92rem}
.busca-l input:focus,.ordenar select:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(226,177,60,.35)}
.ordenar label{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;color:var(--cinza-aa)}
.ordenar select{font:inherit;font-size:.9rem;font-weight:700;height:46px;padding:0 12px;border-radius:13px;border:1.5px solid var(--linha-2);background:#fff;color:var(--tinta)}
.lista-n{margin-left:auto;font-size:.82rem;color:var(--cinza-aa);font-weight:700}
.vitrine-tit{margin-bottom:6px}

/* ── cards ── */
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:20px;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}
.prod:hover,.prod:focus-within{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,22,52,.5);border-color:rgba(226,177,60,.7)}
.prod.esgotado .prod-img svg,.prod.esgotado .prod-img img{opacity:.45;filter:grayscale(.6)}
.prod-img{display:block;position:relative;aspect-ratio:1/1;background:radial-gradient(70% 60% at 50% 46%,rgba(226,177,60,.18),transparent 70%),linear-gradient(170deg,#f4efe4,#fff);padding:9% 14% 4%;overflow:hidden}
.prod-img .pote,.prod-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s var(--ease);filter:drop-shadow(0 14px 14px rgba(0,22,52,.18))}
.prod:hover .prod-img .pote,.prod:hover .prod-img img{transform:scale(1.06) translateY(-3px)}
.selo{position:absolute;top:12px;left:12px;background:#001634;color:#f0cd7a;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid rgba(226,177,60,.5);z-index:2}
.off{position:absolute;top:12px;right:12px;background:var(--erro);color:#fff;font-size:.7rem;font-weight:800;padding:5px 9px;border-radius:999px;z-index:2}
.ultimas{position:absolute;bottom:12px;left:12px;background:#fff;color:var(--erro);font-size:.66rem;font-weight:800;padding:4px 9px;border-radius:999px;border:1px solid var(--linha);z-index:2}
.prod-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px;flex:1}
.prod-cat{font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--cinza-aa)}
.prod-b h3{font-size:1.02rem;line-height:1.2;letter-spacing:-.01em}
.prod-b h3 a{background:linear-gradient(var(--acento),var(--acento)) 0 100%/0 2px no-repeat;transition:background-size .3s}
.prod-b h3 a:hover{background-size:100% 2px}
.prod-b>p{font-size:.78rem;color:var(--cinza-aa)}
.prod-nota{min-height:18px;display:flex;align-items:center}
.prod-f{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:12px}
.preco{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.preco s{font-size:.76rem;color:var(--cinza-aa)}
.preco b{font-family:var(--display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
.preco small{font-size:.68rem;color:#176b50;font-weight:700}
.add{width:46px;height:46px;border-radius:14px;background:#001634;color:#fff;display:grid;place-items:center;transition:background .2s,color .2s,transform .2s;flex:none}
.add svg{width:18px;height:18px}
.add:hover{background:var(--ouro-grad);color:#001634;transform:scale(1.07) rotate(90deg)}
.esg{font-size:.72rem;font-weight:800;color:var(--cinza-aa);text-transform:uppercase;letter-spacing:.08em}
.estrelas{display:inline-flex;gap:2px;vertical-align:middle}
.estrelas i{width:13px;height:13px;display:inline-block;background:#d9d2c3;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.estrelas i.on{background:#e2a11a}
.estrelas.vazio{font-size:.76rem;color:var(--cinza-aa)}
.estrelas-n{font-size:.76rem;color:var(--cinza-aa);margin-left:6px;font-weight:700}

/* ── home: vitrine e categorias ── */
.sec-vitrine{background:linear-gradient(180deg,var(--branco),#f6f2e9)}
a.linha{color:inherit}
.linha-ver{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.84rem;color:var(--ouro-txt);margin-top:4px}
.linha-ver svg{transition:transform .2s}
a.linha:hover .linha-ver svg{transform:translateX(4px)}
.linhas-cta{gap:12px;flex-wrap:wrap}
.cta-btns{justify-content:center}
.cta-fim .btn-linha{border-color:rgba(255,255,255,.4);color:#fff}.cta-fim .btn-linha:hover{border-color:#fff}

/* ── produto ── */
.pp{padding:clamp(18px,3vw,36px) 0 0}
.pp-g{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4.5vw,68px);align-items:start;margin-top:8px}
.pp-galeria{position:sticky;top:100px;display:grid;gap:14px}
.pp-img{position:relative;border-radius:28px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(75% 70% at 50% 42%,#12396f 0,#0a2347 45%,#001634 100%);border:1px solid rgba(226,177,60,.3)}
.pp-img::before,.pp-img::after{content:"";position:absolute;left:50%;top:48%;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}
.pp-img::before{width:78%;aspect-ratio:1;border:1px solid rgba(226,177,60,.4)}
.pp-img::after{width:98%;aspect-ratio:1;border:1px dashed rgba(226,177,60,.2);animation:gira 70s linear infinite}
.pp-pote{width:62%;filter:drop-shadow(0 30px 28px rgba(0,0,0,.5));animation:flut 6s ease-in-out infinite alternate}
.pp-pote .pote{width:100%;height:auto}
.pp-foto{display:none;width:86%;height:86%;object-fit:contain}
.pp-img:has(.pp-foto):not(.ver-pote){background:#fff;border-color:var(--linha)}
.pp-img:has(.pp-foto):not(.ver-pote)::before,.pp-img:has(.pp-foto):not(.ver-pote)::after{display:none}
.pp-img:has(.pp-foto):not(.ver-pote) .pp-pote{display:none}
.pp-img:has(.pp-foto):not(.ver-pote) .pp-foto{display:block}
.pp-img .selo{top:16px;left:16px;font-size:.7rem;padding:6px 12px}
.pp-img .off{top:16px;right:16px;font-size:.78rem;padding:6px 11px}
.pp-thumbs{display:flex;gap:10px}
.pp-thumbs button{width:72px;height:72px;border-radius:14px;border:2px solid var(--linha-2);background:#fff;padding:6px;overflow:hidden;transition:border-color .2s}
.pp-thumbs button.on,.pp-thumbs button:hover{border-color:#e2b13c}
.pp-thumbs img,.pp-thumbs svg{width:100%;height:100%;object-fit:contain}
.pp-selos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pp-selos li{display:grid;gap:1px;justify-items:start;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 14px;font-size:.74rem;color:var(--cinza-aa)}
.pp-selos svg{color:var(--ouro-txt);margin-bottom:4px}.pp-selos b{color:var(--tinta);font-size:.84rem}
.pp-info{display:grid;gap:16px;min-width:0}
.pp-info h1{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.02}
.pp-nota{display:inline-flex;align-items:center}
.pp-preco{display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,#fff,#f6f2e9);border:1px solid var(--linha)}
.pp-de{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pp-de s{font-size:.95rem;color:var(--cinza-aa)}
.pp-de em{font-style:normal;font-size:.72rem;font-weight:800;color:#176b50;background:#e3f6ee;padding:3px 9px;border-radius:999px}
.pp-preco b{font-family:var(--display);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1;letter-spacing:-.03em}
.pp-preco>span{font-size:.88rem;color:var(--tinta-2)}
.pp-pix{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#176b50!important;margin-top:2px}
.pp-pix strong{font-size:1.05rem}.pp-pix small{font-weight:600;color:var(--cinza-aa)}
.sabores{display:grid;gap:9px}
.sabores>span{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-aa)}.sabores>span b{color:var(--tinta);letter-spacing:0;text-transform:none;font-size:.9rem}
.sabores>div{display:flex;gap:8px;flex-wrap:wrap}
.sabores .chip{min-height:44px;padding:10px 18px;background:#fff;transition:all .18s}
.sabores .chip.on{background:#001634;color:#fff;border-color:#001634;box-shadow:0 0 0 3px rgba(226,177,60,.55)}
.pp-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.qtd{display:inline-flex;align-items:center;border:1.5px solid var(--linha-2);border-radius:14px;height:54px;background:#fff}
.qtd button{width:46px;height:100%;display:grid;place-items:center}.qtd button:hover{color:var(--ouro-txt)}
.qtd input{width:44px;text-align:center;border:0;font:inherit;font-weight:800;font-size:1.05rem;background:none;-moz-appearance:textfield;color:var(--tinta)}
.qtd input::-webkit-inner-spin-button,.qtd input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.btn-compra{flex:1 1 220px}
.pp-estoque{font-size:.84rem;color:var(--erro);font-weight:800}
.pp-frete{display:flex;gap:12px;align-items:flex-start;font-size:.84rem;color:var(--tinta-2);background:#fff;border:1px solid var(--linha);padding:14px 16px;border-radius:16px}
.pp-frete>svg{color:var(--ouro-txt);flex:none;margin-top:2px}.pp-frete b{display:block;color:var(--tinta)}
.pp-cep{display:flex;gap:8px;margin:8px 0}
.pp-cep input{height:44px;width:150px;padding:0 12px;border-radius:12px;border:1.5px solid var(--linha-2);font:inherit}
.pp-cep input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(226,177,60,.35)}
.btn-p{padding:9px 16px}
.pp-aviso{font-size:.76rem;color:var(--cinza-aa)}
.pp-det{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);margin-top:clamp(30px,4.5vw,56px);padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--linha)}
.tabela-n{background:linear-gradient(160deg,#001634,#0a2a5c);color:#fff;border-radius:20px;padding:24px;align-self:start;border:1px solid rgba(226,177,60,.3)}
.tabela-n h3{margin-bottom:12px;color:#f0cd7a}
.tabela-n dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.9rem}
.tabela-n dl div:last-child{border-bottom:0}.tabela-n dt{color:rgba(255,255,255,.75)}.tabela-n dd{font-weight:800;text-align:right}
.msg{padding:12px 14px;border-radius:12px;font-size:.88rem;font-weight:600}.msg.ok{background:#e6f7f0;color:#14583f}.msg.erro{background:#fdecea;color:#8a2a1d}.msg a{text-decoration:underline}
.avs{margin-top:clamp(30px,4.5vw,56px);padding:clamp(24px,3vw,40px) 0 clamp(36px,5vw,64px);border-top:1px solid var(--linha)}
.avs-h{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.avs-h h2{margin:4px 0 6px;font-size:clamp(1.5rem,3vw,2.1rem)}
.av-form{background:#f6f2e9;border-radius:18px;padding:20px;display:grid;gap:12px;margin-bottom:20px;max-width:640px}
.av-nota{display:flex;gap:2px}.av-nota button{color:#cfc6b4;width:44px;height:44px;display:grid;place-items:center}.av-nota button.on{color:#e2a11a}.av-nota svg{fill:currentColor;stroke:none}
.av-campos{display:grid;gap:8px}.av-campos input,.av-campos textarea{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--linha-2);background:#fff;font:inherit;font-size:.92rem}.av-campos textarea{resize:vertical}
.av-campos input:focus,.av-campos textarea:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(226,177,60,.35)}
.avs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.av{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}.av p{font-size:.92rem;color:var(--tinta-2)}.av footer{font-size:.78rem;color:var(--cinza-aa)}
.pp-barra{display:none}

/* ── gaveta do carrinho ── */
.cart-bg{position:fixed;inset:0;z-index:200;background:rgba(0,10,28,.62);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s}
.cart{position:fixed;top:0;right:0;bottom:0;z-index:201;width:min(460px,100%);background:#fffcf8;display:block;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .34s var(--ease),visibility 0s .34s;box-shadow:-30px 0 80px rgba(0,10,28,.5)}
body.cart-open .cart{transform:none;visibility:visible;transition:transform .34s var(--ease),visibility 0s}
body.cart-open .cart-bg{opacity:1;pointer-events:auto}
body.cart-open{overflow:hidden}
.cart-h{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#001634;color:#fff;border-bottom:3px solid #e2b13c}
.cart-h h2{font-size:1.25rem;color:#fff;margin:0}.cart-h h2 span{font-family:var(--sans);font-size:.8rem;color:#f0cd7a;font-weight:700;margin-left:4px;letter-spacing:0}
.cart-x{width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;transition:background .2s,color .2s}
.cart-x:hover{background:#e2b13c;color:#001634;border-color:#e2b13c}
.cart-prog{padding:14px 20px 4px}.cart-prog p{font-size:.82rem;color:var(--tinta-2);margin-bottom:6px}.cart-prog b{color:var(--tinta)}
.cart-prog i{display:block;height:8px;border-radius:99px;background:rgba(0,22,52,.1);overflow:hidden}
.cart-prog i b{display:block;height:100%;width:0;border-radius:99px;background:var(--ouro-grad);transition:width .5s var(--ease)}
.cart-b{padding:14px 20px;display:grid;gap:10px;align-content:start}
.cart-vazio{text-align:center;padding:36px 10px;color:var(--cinza-aa);display:grid;gap:8px;justify-items:center}.cart-vazio b{color:var(--tinta);font-family:var(--display);font-size:1.3rem}
.cart-vazio-ic{width:72px;height:86px;opacity:.9}.cart-vazio-ic svg{width:100%;height:100%}
.ci{display:grid;grid-template-columns:62px 1fr auto 30px;gap:12px;align-items:center;padding:10px;border:1px solid var(--linha);border-radius:16px;background:#fff}
.ci-img{width:62px;height:72px;border-radius:12px;background:linear-gradient(170deg,#f4efe4,#fff);display:grid;place-items:center;padding:6px;overflow:hidden}
.ci-img svg,.ci-img img{width:100%;height:100%;object-fit:contain}
.ci-t{display:grid;line-height:1.3;min-width:0}.ci-t b{font-size:.88rem}.ci-t small{font-size:.74rem;color:var(--cinza-aa)}.ci-t em{font-style:normal;font-size:.84rem;font-weight:800;color:var(--tinta)}
.ci-q{display:inline-flex;flex-direction:column;align-items:center;border:1.5px solid var(--linha-2);border-radius:12px;overflow:hidden}
.ci-q button{width:36px;height:30px;font-weight:800;font-size:1rem}.ci-q button:hover{background:#f6f2e9}.ci-q span{font-weight:800;font-size:.86rem;padding:1px 0}
.ci-rm{color:var(--cinza-aa);font-size:1.3rem;width:30px;height:44px;align-self:start}.ci-rm:hover{color:var(--erro)}
.cart-f{padding:16px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);display:grid;gap:12px;background:#f6f2e9}
.cart-etapa{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--linha-2)}
.cart-linha{display:flex;gap:8px;align-items:center}
.campo-ic{position:relative;flex:1}.campo-ic svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cinza-aa)}
.campo-ic input{width:100%;height:46px;padding:0 10px 0 38px;border-radius:12px;border:1.5px solid var(--linha-2);background:#fff;font:inherit;font-size:.9rem}
.cupom-linha.ok input{border-color:#176b50;background:#f0fbf6}.cupom-linha.erro input{border-color:var(--erro)}
.cart-f .btn-p{height:46px}
.check-l{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:700;cursor:pointer;min-height:44px}.check-l input{width:20px;height:20px;accent-color:#001634}
.cart-tots{display:grid;gap:5px;font-size:.88rem}.cart-tots div{display:flex;justify-content:space-between;gap:10px}.cart-tots dt{color:var(--cinza-aa)}.cart-tots dt small{font-weight:700;color:var(--tinta-2);margin-left:4px}.cart-tots dd{font-weight:800}
.cart-tots .tot{border-top:1px solid var(--linha-2);padding-top:8px;margin-top:3px;align-items:baseline}.cart-tots .tot dt{color:var(--tinta);font-weight:800}.cart-tots .tot dd{font-family:var(--display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.cart-tots .tot dd small{font-size:.7rem;font-family:var(--sans);font-weight:700;color:var(--cinza-aa)}
.cart-tots .pix dt{display:flex;align-items:center;gap:5px;color:#176b50;font-weight:800}.cart-tots .pix dd{color:#176b50}
.cart-nota{font-size:.78rem;color:var(--cinza-aa);line-height:1.5}
.cart-campos{display:grid;gap:8px}
.cart-campos input,.cart-campos select{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--linha-2);background:#fff;font:inherit;font-size:.92rem;color:var(--tinta)}
.cart-campos input:focus,.cart-campos select:focus,.campo-ic input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(226,177,60,.4)}
.btn-fechar{position:sticky;bottom:10px;min-height:56px;font-size:1rem;box-shadow:0 14px 34px -10px rgba(0,22,52,.55);background:var(--ouro-grad);border-color:transparent}
.btn-fechar:disabled{opacity:.7;cursor:wait}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);z-index:300;background:#001634;color:#fff;padding:13px 20px;border-radius:14px;font-size:.88rem;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease);max-width:calc(100% - 32px);border:1px solid rgba(226,177,60,.6);box-shadow:0 20px 40px -14px rgba(0,0,0,.5)}
.toast.on{opacity:1;transform:translate(-50%,0)}.toast b{color:#f0cd7a}

/* ── pedido ── */
.ped-g{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:8px}
.ped h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:6px 0 24px}
.linha-tempo{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:24px}
.linha-tempo li{display:flex;flex-direction:column;gap:6px;position:relative;padding-right:10px}
.linha-tempo li::after{content:"";position:absolute;left:36px;right:0;top:15px;height:2px;background:var(--linha-2)}.linha-tempo li:last-child::after{display:none}.linha-tempo li.feito::after{background:#176b50}
.linha-tempo span{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--linha-2);display:grid;place-items:center;font-weight:800;font-size:.8rem;position:relative;z-index:1}
.linha-tempo li.feito span{background:#176b50;border-color:#176b50;color:#fff}
.linha-tempo li.atual span{border-color:#e2b13c;background:#001634;color:#f0cd7a;box-shadow:0 0 0 4px rgba(226,177,60,.3)}
.linha-tempo b{font-size:.84rem}.linha-tempo small{font-size:.74rem;color:var(--cinza-aa)}
.ped-passo{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--linha);margin-bottom:16px}
.ped-passo svg{color:var(--ouro-txt);flex:none;margin-top:2px}.ped-passo b{display:block}.ped-passo span{font-size:.86rem;color:var(--tinta-2)}
.pix-box{background:linear-gradient(160deg,#001634,#0a2a5c);color:#fff;border-radius:20px;padding:22px;display:grid;gap:14px;margin-bottom:18px;border:1px solid rgba(226,177,60,.4)}
.pix-h{display:flex;gap:12px;align-items:flex-start}.pix-h>svg{color:#f0cd7a;flex:none;margin-top:3px}.pix-h b{display:block;font-family:var(--display);font-size:1.5rem;font-weight:800;color:#fff}.pix-h span{font-size:.86rem;color:rgba(255,255,255,.8)}
.pix-copia{display:grid;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f0cd7a}
.pix-copia textarea{width:100%;font:600 .78rem/1.45 ui-monospace,Menlo,Consolas,monospace;padding:12px;border-radius:12px;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;resize:none}
.pix-box .cart-nota{color:rgba(255,255,255,.7)}
.pix-box .btn-linha{border-color:rgba(255,255,255,.4);color:#fff}.pix-box .btn-linha:hover{border-color:#fff}
.pix-acoes,.ped-cta{display:flex;gap:10px;flex-wrap:wrap}
.ped-resumo{background:#fff;border:1px solid var(--linha);border-radius:20px;padding:22px;display:grid;gap:14px;position:sticky;top:100px}.ped-resumo h2{font-size:1.3rem}
.ped-itens{display:grid;gap:8px;font-size:.9rem}.ped-itens li{display:flex;justify-content:space-between;gap:10px}.ped-itens em{color:var(--cinza-aa);font-style:normal}
.ped-dados{display:grid;gap:10px;font-size:.88rem;border-top:1px solid var(--linha);padding-top:14px}.ped-dados dt{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-aa)}.ped-dados dd small{color:var(--cinza-aa)}
.busca-ped{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:min(580px,100%)}.busca-ped input{height:50px;padding:0 14px;border-radius:13px;border:1.5px solid var(--linha-2);font:inherit}
.busca-ped input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(226,177,60,.35)}

/* ── responsivo ── */
@media(max-width:1100px){.grade{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){
  .ped-g,.pp-g,.pp-det{grid-template-columns:1fr}.pp-galeria{position:static}.ped-resumo{position:static}
  .avs-g{grid-template-columns:1fr 1fr}
  .pp-img{aspect-ratio:1/.92}
}
@media(max-width:820px){
  .pp-barra{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:95;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:#001634;color:#fff;border-top:2px solid #e2b13c;transform:translateY(110%);transition:transform .3s var(--ease);visibility:hidden}
  .pp-barra.on{transform:none;visibility:visible}
  .pp-barra div{min-width:0;display:grid;line-height:1.25}.pp-barra b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-barra span{font-size:.78rem;color:#f0cd7a;font-weight:700}
  body:has(.pp-barra.on) .wa-flut{bottom:84px}
  body:has(.pp-barra.on) .toast{bottom:92px}
}
@media(max-width:700px){
  .linha-tempo{grid-template-columns:1fr;gap:4px}.linha-tempo li{flex-direction:row;align-items:center;gap:12px;padding:6px 0}.linha-tempo li::after{display:none}
  .busca-ped{grid-template-columns:1fr}
}
@media(max-width:600px){
  .grade{grid-template-columns:1fr 1fr;gap:10px}
  .prod{border-radius:16px}.prod-b{padding:11px 12px 13px}.prod-b h3{font-size:.92rem}.preco b{font-size:1.12rem}.preco small{font-size:.64rem}.add{width:44px;height:44px;border-radius:12px}
  .prod-img{padding:10% 12% 3%}.selo{top:8px;left:8px;font-size:.58rem;padding:4px 8px}.off{top:8px;right:8px;font-size:.62rem;padding:4px 7px}.ultimas{left:8px;bottom:8px;font-size:.6rem}
  .avs-g,.pp-selos{grid-template-columns:1fr}
  .pp-selos{grid-template-columns:repeat(3,1fr)}.pp-selos li{padding:10px;font-size:.68rem}
  .pp-acoes .btn-g{flex:1 1 100%}.qtd{width:100%;justify-content:space-between}.qtd input{flex:1}
  .lista-barra{gap:10px}.busca-l{flex:1 1 100%;max-width:none}.lista-n{margin-left:0}
  .cart{width:100%}
  .ci{grid-template-columns:54px 1fr auto 26px;gap:9px}.ci-img{width:54px;height:64px}
  .pix-box{padding:18px}
  .titulo-linha .btn{width:100%}
}
@media(max-width:380px){.grade{gap:8px}.prod-f{flex-direction:column;align-items:stretch}.add{width:100%}.pp-selos{gap:6px}}
@media(prefers-reduced-motion:reduce){.pp-pote,.pp-img::after,.cart-btn.bump{animation:none}.prod:hover,.prod:focus-within{transform:none}.prod:hover .prod-img .pote,.prod:hover .prod-img img{transform:none}.add:hover{transform:none}}

[hidden]{display:none!important}
svg.pote{stroke:none;fill:none;stroke-width:0}
.pp-info h1{text-wrap:balance}

/* ===== stands ===== */
.topo-stand b{color:#e2b13c;font-weight:800}
.cab-stand .rotulo{display:inline-flex;align-items:center;gap:6px}
.cab-stand h1{margin-bottom:4px}
.stand-local{font-size:1.05rem;color:rgba(255,255,255,.78);font-weight:600;margin-bottom:8px}
.stand-fatos{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 4px;font-size:.9rem;color:rgba(255,255,255,.82)}
.stand-fatos li{display:inline-flex;align-items:flex-start;gap:7px}
.stand-fatos svg{color:#e2b13c;flex:none;margin-top:2px}
.chip.chip-esg{opacity:.5;text-decoration:line-through;cursor:not-allowed}
.chip small{font-size:.72em;opacity:.8;margin-left:3px;text-decoration:none;display:inline-block}
.chip.on small{opacity:.9}
.stand-pedido{display:flex;gap:14px;align-items:flex-start;background:#fff6dc;border:1px solid #f0cd7a;border-radius:14px;padding:16px 18px;margin:18px 0}
.stand-pedido svg{color:#8a6209;flex:none;margin-top:2px}
.stand-pedido b{display:block;font-size:1.02rem}
.stand-pedido span,.stand-pedido small{display:block;font-size:.9rem;color:#5c4200}
.stand-pedido small{margin-top:4px}
.cart-retira{display:flex;gap:6px;align-items:flex-start;background:#fff6dc;border-radius:10px;padding:10px 12px;color:#5c4200}
.cart-retira svg{flex:none;margin-top:3px;color:#8a6209}