/* HF Express — tokens e casca do site (topo, faixa, rodapé, WhatsApp).
   Um arquivo só, carregado por todas as páginas da loja (services/casca.js injeta).
   Cores da marca: roxo domina, rosa/azul/amarelo como acento e formas. Texto em
   rosa/azul usa a versão "forte" (contraste AA sobre branco). */

/* Fontes servidas do próprio site (hotfix 2, 03/10): antes vinham do Google, com duas conexões a
   mais antes do texto final. Arquivos variáveis (todos os pesos num só), só o alfabeto latino
   (acentos do português inclusos). Licença SIL Open Font License (public/site/fonts/LEIA.txt). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;
  src:url(/site/fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/site/fonts/hanken-grotesk-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* marca */
  --roxo:#3C3264; --roxo-forte:#2A2350; --roxo-noite:#1E1838; --roxo-claro:#ECE9F5; --roxo-nevoa:#F6F5FA;
  --rosa:#E6468C; --rosa-forte:#C8326F; --rosa-claro:#FCE7F1;
  --azul:#3C6EB4; --azul-forte:#2F5C9C; --azul-claro:#E7EEF8;
  --amarelo:#FABE46; --amarelo-forte:#B97E07; --amarelo-claro:#FEF3D9;
  --zap:#25D366;
  /* neutros puxados pro roxo */
  --tinta:#211C32; --tinta-2:#5C5670; --tinta-3:#8A849C;
  --fundo:#FFFFFF; --superficie:#F7F6FB; --linha:#E6E3EF; --linha-forte:#D2CDE1;
  /* tipografia */
  --f-titulo:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --f-texto:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;
  --t-1:.8125rem; --t-2:.875rem; --t-3:1rem; --t-4:1.125rem; --t-5:1.375rem;
  --t-6:clamp(1.6rem,1.2rem + 1.6vw,2.4rem); --t-7:clamp(2.2rem,1.4rem + 3.4vw,4rem); --t-8:clamp(2.6rem,1.4rem + 5vw,5.5rem);
  /* espaço, raio, sombra */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px; --e-7:48px; --e-8:72px; --e-9:112px;
  --r-1:8px; --r-2:14px; --r-3:22px; --r-4:32px; --r-pilula:999px;
  --sombra-1:0 1px 2px rgb(33 28 50 / .06),0 6px 16px -8px rgb(33 28 50 / .14);
  --sombra-2:0 2px 4px rgb(33 28 50 / .05),0 22px 44px -22px rgb(42 35 80 / .38);
  /* movimento */
  --ease:cubic-bezier(.16,1,.3,1); --ease-dentro:cubic-bezier(.7,0,.84,0);
  --d-1:140ms; --d-2:260ms; --d-3:520ms;
  /* grade */
  --largura:1180px; --calha:clamp(16px,4vw,32px); --topo-h:68px;
}

/* base mínima (as páginas ainda têm o próprio reset) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--f-texto);color:var(--tinta);background:var(--fundo)}
::selection{background:var(--amarelo);color:var(--tinta)}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:6px}
html{scrollbar-color:var(--linha-forte) transparent}
.sx-salto{position:absolute;left:var(--e-3);top:-60px;z-index:100;background:var(--roxo);color:#fff;padding:var(--e-2) var(--e-4);border-radius:var(--r-1);font-weight:700;transition:top var(--d-1) var(--ease)}
.sx-salto:focus{top:var(--e-3)}
.sx-ic{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sx-ic.cheio{fill:currentColor;stroke:none}
.sx-wrap{max-width:var(--largura);margin:0 auto;padding:0 var(--calha)}
.sx-oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── TOPO ─────────────────────────────────────────────── */
.sx-topo{position:sticky;top:0;z-index:50;background:rgb(255 255 255 / .94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease)}
.sx-topo.rolou{border-bottom-color:var(--linha);box-shadow:0 10px 24px -20px rgb(33 28 50 / .5)}
.sx-topo-in{display:flex;align-items:center;gap:var(--e-4);height:var(--topo-h)}
.sx-marca{display:flex;align-items:center;gap:10px;flex:none;color:var(--tinta);text-decoration:none}
.sx-marca img{height:34px;width:auto;display:block}
.sx-marca span{font-family:var(--f-titulo);font-weight:800;font-size:23px;letter-spacing:-.04em;line-height:1}
.sx-nav{display:flex;align-items:center;gap:2px;margin:0 auto;padding:0;list-style:none}
.sx-nav a{position:relative;display:block;padding:9px 13px;border-radius:var(--r-pilula);font-weight:600;font-size:var(--t-2);color:var(--tinta-2);text-decoration:none;white-space:nowrap;transition:color var(--d-1) var(--ease),background var(--d-1) var(--ease)}
.sx-nav a:hover{color:var(--tinta);background:var(--roxo-nevoa)}
.sx-nav a[aria-current="page"]{color:var(--roxo);background:var(--roxo-claro)}
.sx-nav a .sx-ponto{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:7px;vertical-align:1px;transform:rotate(45deg)}
.sx-nav a.sx-gerador{color:var(--rosa-forte)}
.sx-nav a.sx-gerador:hover{background:var(--rosa-claro);color:var(--rosa-forte)}
.sx-acoes{display:flex;align-items:center;gap:var(--e-2);flex:none}
.sx-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border-radius:var(--r-pilula);font:600 var(--t-2)/1 var(--f-texto);text-decoration:none;cursor:pointer;border:1.5px solid transparent;background:none;color:var(--tinta);transition:background var(--d-1) var(--ease),border-color var(--d-1) var(--ease),transform var(--d-1) var(--ease)}
.sx-bt:active{transform:scale(.97)}
.sx-bt-linha{border-color:var(--linha-forte)}
.sx-bt-linha:hover{border-color:var(--tinta)}
.sx-carrinho{position:relative;background:var(--roxo);color:#fff}
.sx-carrinho:hover{background:var(--roxo-forte)}
.sx-carrinho #cart-count{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 6px;border-radius:var(--r-pilula);background:var(--rosa-forte);color:#fff;font:800 11px/21px var(--f-texto);text-align:center;box-shadow:0 0 0 2px #fff}
.sx-burger{display:none;width:44px;padding:0}
.sx-so-mobile{display:none}

/* ── FAIXA (marquee) ─────────────────────────────────── */
.sx-faixa{position:relative;overflow:hidden;background:var(--roxo);color:#fff;font:600 var(--t-2)/1 var(--f-texto);height:40px;display:flex;align-items:center}
.sx-faixa-trilho{display:flex;flex:none;gap:0;width:max-content;animation:sx-correr 34s linear infinite}
.sx-faixa:hover .sx-faixa-trilho,.sx-faixa.parada .sx-faixa-trilho{animation-play-state:paused}
.sx-faixa-grupo{display:flex;align-items:center;flex:none}
.sx-faixa-item{display:inline-flex;align-items:center;gap:14px;padding:0 22px;white-space:nowrap;color:#fff;text-decoration:none}
.sx-faixa-item a{color:#fff;text-decoration:underline;text-decoration-color:rgb(255 255 255 / .5);text-underline-offset:3px}
.sx-faixa-item a:hover{text-decoration-color:#fff}
.sx-faixa svg{width:11px;height:11px;flex:none}
@keyframes sx-correr{to{transform:translateX(-50%)}}

/* ── WHATSAPP ────────────────────────────────────────── */
.sx-zap{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;text-decoration:none}
.sx-zap-bola{width:58px;height:58px;border-radius:50%;background:var(--zap);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgb(18 140 70 / .6);transition:transform var(--d-2) var(--ease)}
.sx-zap-bola .sx-ic{width:30px;height:30px}
.sx-zap-rotulo{background:#fff;color:var(--tinta);font:700 var(--t-2)/1 var(--f-texto);padding:11px 14px;border-radius:var(--r-pilula);box-shadow:var(--sombra-1);opacity:0;transform:translateX(8px);transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease);pointer-events:none}
.sx-zap:hover .sx-zap-bola,.sx-zap:focus-visible .sx-zap-bola{transform:scale(1.06)}
.sx-zap:hover .sx-zap-rotulo,.sx-zap:focus-visible .sx-zap-rotulo{opacity:1;transform:none}

/* ── MENU MOBILE ─────────────────────────────────────── */
.sx-gaveta{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto 1fr auto;background:#fff;padding:0 var(--calha) max(var(--e-5),env(safe-area-inset-bottom));visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease),visibility 0s linear var(--d-2)}
.sx-gaveta.aberta{visibility:visible;opacity:1;transform:none;transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease)}
.sx-gaveta-topo{display:flex;align-items:center;justify-content:space-between;height:var(--topo-h)}
.sx-gaveta ul{list-style:none;margin:var(--e-4) 0 0;padding:0;display:grid;gap:2px;align-content:start}
.sx-gaveta li a{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--linha);font:800 1.6rem/1.1 var(--f-titulo);letter-spacing:-.02em;color:var(--tinta);text-decoration:none}
.sx-gaveta li a .sx-forma{width:14px;height:14px;flex:none}
.sx-gaveta-pe{display:grid;gap:var(--e-2);padding-top:var(--e-4);color:var(--tinta-2);font-size:var(--t-2)}
body.sx-travado{overflow:hidden}

/* ── RODAPÉ ──────────────────────────────────────────── */
.sx-rodape{position:relative;background:var(--roxo-noite);color:#D9D5E8;margin-top:var(--e-8);padding:var(--e-8) 0 96px;overflow:hidden;font-size:var(--t-2);line-height:1.6}
.sx-rodape a{color:#fff;text-decoration:none}
.sx-rodape a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--amarelo)}
.sx-confete{position:absolute;inset:0 0 auto 0;height:100%;pointer-events:none;opacity:.9}
.sx-rodape-grade{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:var(--e-6)}
.sx-rodape h2{font:700 var(--t-1)/1 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--amarelo);margin:0 0 var(--e-4)}
.sx-rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sx-rodape-marca p{max-width:32ch;margin:var(--e-4) 0 var(--e-5);color:#D9D5E8}
.sx-rodape-marca img{height:84px;width:auto;display:block;background:#fff;padding:10px 14px;border-radius:var(--r-3);box-shadow:0 10px 24px -14px rgb(0 0 0 / .6)}
.sx-sociais{display:flex;gap:var(--e-2)}
.sx-sociais a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgb(255 255 255 / .08);transition:background var(--d-1) var(--ease)}
.sx-sociais a:hover{background:rgb(255 255 255 / .16);text-decoration:none}
.sx-loja li{display:flex;gap:10px;align-items:flex-start}
.sx-loja .sx-ic{width:18px;height:18px;margin-top:2px;color:var(--amarelo)}
.sx-selos{position:relative;display:flex;flex-wrap:wrap;gap:var(--e-2) var(--e-5);margin-top:var(--e-7);padding:var(--e-4) 0;border-top:1px solid rgb(255 255 255 / .12);border-bottom:1px solid rgb(255 255 255 / .12)}
.sx-selos span{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:#fff}
.sx-selos .sx-ic{width:19px;height:19px;color:var(--amarelo)}
.sx-rodape-fim{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-2);margin-top:var(--e-5);font-size:var(--t-1);color:#B9B3CE}

@media (max-width:1060px){
  .sx-nav a{padding:9px 9px}
  .sx-bt-zap span{display:none}
}
@media (max-width:900px){
  :root{--topo-h:60px}
  .sx-nav,.sx-bt-zap{display:none}
  .sx-burger,.sx-so-mobile{display:inline-flex}
  .sx-acoes{margin-left:auto}
  .sx-marca img{height:30px}
  .sx-marca span{font-size:21px}
  .sx-carrinho{width:44px;padding:0}
  .sx-carrinho .sx-rot{display:none}
  .sx-rodape-grade{grid-template-columns:1fr 1fr}
  .sx-rodape-marca{grid-column:1/-1}
  .sx-zap-rotulo{display:none}
}
@media (max-width:520px){
  .sx-rodape-grade{grid-template-columns:1fr}
  /* no celular a coluna é estreita e longa: o confete fica só na faixa de cima, longe do texto */
  .sx-confete{height:56px}
  .sx-faixa{height:36px;font-size:var(--t-1)}
}
/* ── Card de produto (Fase 4, 03/10): listagens e "Mais pedidos" da home ─────────────── */
.sx-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--linha);border-radius:var(--r-3);overflow:hidden;color:inherit;text-decoration:none;
  transition:transform var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease),border-color var(--d-2) var(--ease)}
.sx-card:hover{transform:translateY(-6px);box-shadow:var(--sombra-2);border-color:color-mix(in srgb,var(--cor) 40%,var(--linha))}
.sx-card:focus-visible{outline:3px solid var(--roxo);outline-offset:2px}
/* capa inteira (as capas são quadradas, com título e selos desenhados): nada por cima dela */
.sx-card-foto{aspect-ratio:1;overflow:hidden;background:color-mix(in srgb,var(--cor) 10%,#fff)}
.sx-card-foto img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 700ms var(--ease)}
.sx-card:hover .sx-card-foto img{transform:scale(1.045)}
.sx-card-ph{display:grid;place-items:center;height:100%;padding:16px;text-align:center;font:800 19px/1.1 var(--f-titulo);color:var(--roxo)}
.sx-card-corpo{display:flex;flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px}
.sx-card-pilulas{display:flex;flex-wrap:wrap;gap:6px}
.sx-pilula{font:700 11px/1 var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta);background:color-mix(in srgb,var(--cor) 18%,#fff);padding:5px 8px;border-radius:var(--r-1)}
.sx-selo{display:inline-flex;align-items:center;gap:4px;font:700 11px/1.1 var(--f-texto);color:var(--roxo);background:var(--amarelo-claro);border:1px solid color-mix(in srgb,var(--amarelo) 55%,#fff);padding:4px 7px;border-radius:var(--r-1)}
.sx-selo .sx-ic{width:12px;height:12px;color:var(--amarelo-forte)}
/* "Vários temas pra escolher": mais discreto que o da prévia (só contorno, sem fundo cheio) */
.sx-selo-temas{background:transparent;color:var(--tinta-2);border:1px dashed var(--linha-forte);font-weight:600}
.badge-oferta{font:800 11px/1 var(--f-texto);letter-spacing:.06em;background:var(--rosa-forte);color:#fff;padding:5px 8px;border-radius:var(--r-1)}
.sx-card h3{font:700 var(--t-3)/1.3 var(--f-texto);letter-spacing:-.01em;margin:2px 0 0}
.sx-card-resumo{font-size:var(--t-1);line-height:1.45;color:var(--tinta-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sx-card-pe{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.sx-card-preco{display:flex;flex-direction:column;gap:2px;min-width:0}
.sx-card-de{font:600 12px/1 var(--f-texto);color:var(--tinta-2)}
.sx-card-valor{font:800 22px/1.05 var(--f-titulo);color:var(--tinta);white-space:nowrap}
.sx-card-valor s{font:500 13px/1 var(--f-texto);color:var(--tinta-2);margin-right:2px}
.sx-card-bt{flex:none;font:700 var(--t-1)/1 var(--f-texto);color:#fff;background:var(--roxo);padding:10px 14px;border-radius:var(--r-pilula);transition:background var(--d-1) var(--ease),transform var(--d-1) var(--ease)}
.sx-card:hover .sx-card-bt{background:var(--rosa-forte)}
@media (max-width:700px){
  /* 2 por linha no celular: card estreito (~170px), preço e botão um embaixo do outro */
  .sx-card-corpo{padding:10px 11px 12px;gap:5px}
  .sx-card h3{font-size:14px}
  .sx-card-resumo{font-size:12px;-webkit-line-clamp:2}
  .sx-pilula,.sx-selo,.badge-oferta{font-size:10px;padding:4px 6px}
  .sx-card-pe{flex-direction:column;align-items:stretch;gap:8px}
  .sx-card-valor{font-size:19px}
  .sx-card-bt{text-align:center;padding:10px 8px}
}

/* Gaveta do carrinho (Fase 6, 04/10 — public/site/carrinho.js): lateral no computador, de baixo
   no celular; rodapé (subtotal + Finalizar) fixo. */
.sx-cart{position:fixed;inset:0;z-index:90}
.sx-cart-fundo{position:absolute;inset:0;background:rgb(30 24 56 / .45);opacity:0;transition:opacity 280ms var(--ease)}
.sx-cart.aberta .sx-cart-fundo{opacity:1}
.sx-cart-painel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;background:#fff;box-shadow:var(--sombra-2);transform:translateX(102%);transition:transform 320ms var(--ease);outline:none}
.sx-cart.aberta .sx-cart-painel{transform:none}
.sx-cart-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}
.sx-cart-topo h2{margin:0;font:800 1.35rem/1.1 var(--f-titulo);color:var(--tinta)}
.sx-cart-n{font:600 15px var(--f-texto);color:var(--tinta-2)}
.sx-cart-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--roxo-nevoa);color:var(--roxo);border:0;cursor:pointer}
.sx-cart-x:hover{background:var(--roxo-claro)}
.sx-cart-cupom{display:flex;gap:10px;align-items:center;margin:0 20px 8px;padding:10px 14px;border-radius:var(--r-2);background:var(--amarelo-claro);color:#6B4A00;font-size:14px;line-height:1.35;text-decoration:none}
.sx-cart-cupom .sx-ic{flex:none;width:18px;height:18px;color:var(--amarelo-forte)}
.sx-cart-cupom:hover b{text-decoration:underline}
.sx-cart-lista{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 12px}
.sx-cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha);overflow:hidden;transition:height 260ms var(--ease),opacity 200ms var(--ease),padding 260ms var(--ease)}
.sx-cart-item.saindo{opacity:0;padding-top:0;padding-bottom:0}
.sx-cart-item.novo{animation:sx-cart-novo 900ms var(--ease)}
@keyframes sx-cart-novo{0%{background:var(--rosa-claro)}100%{background:transparent}}
.sx-cart-foto{flex:none;width:80px;height:80px;border-radius:var(--r-2);overflow:hidden;background:var(--roxo-nevoa);display:grid;place-items:center;color:var(--roxo)}
.sx-cart-foto img{width:100%;height:100%;object-fit:cover;display:block}
.sx-cart-foto .sx-ic{width:30px;height:30px}
.sx-cart-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sx-cart-nome{margin:0;font:700 15px/1.3 var(--f-texto);color:var(--tinta)}
.sx-cart-op{margin:0;font-size:13px;color:var(--tinta-2);line-height:1.35}
.sx-cart-txt{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-cart-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.sx-cart-qtd{display:inline-flex;align-items:center;border:1.5px solid var(--linha-forte);border-radius:var(--r-pilula);height:38px}
.sx-cart-qtd button{width:38px;height:38px;display:grid;place-items:center;border:0;background:none;color:var(--roxo);cursor:pointer;border-radius:50%}
.sx-cart-qtd button:disabled{color:var(--linha-forte);cursor:default}
.sx-cart-qtd button:not(:disabled):hover{background:var(--roxo-nevoa)}
.sx-cart-qtd .sx-ic{width:16px;height:16px}
.sx-cart-qtd span{min-width:58px;text-align:center;font:700 14px var(--f-texto);font-variant-numeric:tabular-nums}
.sx-cart-qtd-fixa{border-color:transparent;padding:0 4px}
.sx-cart-qtd-fixa span{min-width:0;color:var(--tinta-2);font-weight:600}
.sx-cart-preco{font:800 17px/1 var(--f-titulo);color:var(--tinta);font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-cart-preco.muda{animation:sx-cart-muda 320ms var(--ease)}
@keyframes sx-cart-muda{0%{opacity:.3;transform:translateY(5px)}100%{opacity:1;transform:none}}
.sx-cart-rm{align-self:flex-start;margin-top:4px;padding:6px 0;border:0;background:none;font:600 13px var(--f-texto);color:var(--tinta-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sx-cart-rm:hover{color:var(--rosa-forte)}
.sx-cart-rodape{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:#fff;box-shadow:0 -12px 24px -20px rgb(33 28 50 / .35)}
.sx-cart-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--tinta-2)}
.sx-cart-sub strong{font:800 24px/1 var(--f-titulo);color:var(--tinta);font-variant-numeric:tabular-nums}
.sx-cart-nota{margin:4px 0 12px;font-size:13px;color:var(--tinta-2)}
.sx-cart-bt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:var(--r-pilula);background:var(--roxo);color:#fff;font:800 17px/1 var(--f-titulo);text-decoration:none;transition:background var(--d-1) var(--ease),transform var(--d-1) var(--ease)}
.sx-cart-bt:hover{background:var(--rosa-forte)}
.sx-cart-bt:active{transform:scale(.98)}
.sx-cart-vazio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 10px}
.sx-cart-vazio>.sx-ic{width:56px;height:56px;color:var(--roxo);padding:14px;border-radius:50%;background:var(--roxo-nevoa);box-sizing:content-box}
.sx-cart-vazio p{margin:0;color:var(--tinta-2);line-height:1.5}
.sx-cart-vazio b{color:var(--tinta)}
.sx-cart :focus-visible{outline:3px solid var(--roxo);outline-offset:2px}
.sx-voo{position:fixed;z-index:95;border-radius:var(--r-2);object-fit:cover;pointer-events:none;box-shadow:var(--sombra-2)}
#cart-count.sx-pulsa,[data-cart-count].sx-pulsa{animation:sx-pulsa 520ms var(--ease)}
@keyframes sx-pulsa{0%{transform:scale(1)}35%{transform:scale(1.45)}70%{transform:scale(.92)}100%{transform:scale(1)}}
@media (max-width:640px){
  .sx-cart-painel{top:auto;left:0;width:100%;max-height:88vh;max-height:88dvh;border-radius:var(--r-3) var(--r-3) 0 0;transform:translateY(102%)}
  .sx-cart-painel::before{content:"";display:block;width:44px;height:5px;margin:10px auto 0;border-radius:9px;background:var(--linha-forte)}
  .sx-cart-topo{padding-top:8px}
}

@media (prefers-reduced-motion:reduce){
  .sx-cart-fundo,.sx-cart-painel,.sx-cart-item,.sx-cart-bt{transition:none}
  .sx-cart-item.novo,.sx-cart-preco.muda,#cart-count.sx-pulsa,[data-cart-count].sx-pulsa{animation:none}
  .sx-card,.sx-card-foto img{transition:none}
  .sx-card:hover,.sx-card:hover .sx-card-foto img{transform:none}
  .sx-faixa-trilho{animation:none;width:100%;justify-content:center;flex-wrap:wrap}
  .sx-faixa{height:auto;padding:8px 0}
  .sx-faixa-grupo+.sx-faixa-grupo{display:none}
  .sx-faixa-grupo{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .sx-gaveta,.sx-gaveta.aberta{transform:none}
  *,*::before,*::after{scroll-behavior:auto!important}
}