/* Tudo Para Você - loja */
:root{
  --azul:#1638E0; --azul-escuro:#0F2BB0; --azul-claro:#E8EDFF;
  --vermelho:#D9302F; --vermelho-escuro:#B02221;
  --tinta:#14204A; --tinta-suave:#4A5378;
  --papel:#FAF7F1; --creme:#F0EBE0; --linha:#E0D8C8;
  --raio:8px; --raio-grande:14px;
  --t-titulo:'Fraunces', Georgia, 'Times New Roman', serif;
  --t-corpo:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-mono:'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.6 var(--t-corpo)}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
a:hover{color:var(--azul-escuro)}
h1,h2,h3{font-family:var(--t-titulo);font-weight:600;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
:focus-visible{outline:3px solid var(--vermelho);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--tinta);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}
.pular:focus{left:8px}
main{max-width:1200px;margin:0 auto;padding:0 20px 56px}

/* Botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--azul);color:#fff;font:700 16px var(--t-corpo);text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.botao:hover{background:var(--azul-escuro);color:#fff}
.botao:active{transform:translateY(1px)}
.botao:disabled{background:#9AA3C7;cursor:not-allowed}
.botao-grande{min-height:56px;font-size:17px;width:100%}
.botao-claro{background:#fff;color:var(--azul)}
.botao-claro:hover{background:var(--creme);color:var(--azul-escuro)}
.botao-contorno{background:transparent;color:var(--azul);box-shadow:inset 0 0 0 2px var(--azul)}
.botao-contorno:hover{background:var(--azul-claro);color:var(--azul-escuro)}

/* Topo */
.topo{background:var(--papel);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:20}
.topo-linha{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}
.marca img{width:200px}
.busca{flex:1;display:flex;max-width:520px;margin-left:auto;background:#fff;border:2px solid var(--linha);border-radius:999px;overflow:hidden}
.busca:focus-within{border-color:var(--azul)}
.busca input{flex:1;border:0;padding:0 18px;font:16px var(--t-corpo);color:var(--tinta);min-height:44px;background:transparent;min-width:0}
.busca input:focus{outline:none}
.busca button{border:0;background:transparent;color:var(--azul);padding:0 16px;cursor:pointer}
.sacola{display:flex;align-items:center;gap:6px;color:var(--tinta);text-decoration:none;font-weight:800;position:relative;padding:8px 4px}
.sacola svg{color:var(--azul)}
.sacola-qtd{background:var(--vermelho);color:#fff;font-size:12px;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;padding:0 6px}
.sacola-qtd.vazio{background:var(--linha);color:var(--tinta-suave)}
.cats{max-width:1200px;margin:0 auto;padding:0 20px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;padding:6px 14px;border-radius:999px;color:var(--tinta);text-decoration:none;font-weight:700;font-size:15px}
.cats a:hover{background:var(--creme)}
.cats a[aria-current]{background:var(--azul);color:#fff}

/* Vitrine */
.vitrine{padding-top:40px}
.vitrine-topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.vitrine-topo h2{font-size:30px;margin:0}
.vitrine-topo p{margin:0;color:var(--tinta-suave)}
.grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
.cartao a{display:block;text-decoration:none;color:inherit}
.cartao-foto{position:relative;background:#fff;border-radius:var(--raio);overflow:hidden;border:1px solid var(--linha);aspect-ratio:1}
.cartao-foto img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cartao a:hover .cartao-foto img{transform:scale(1.04)}
.cartao-info{padding:12px 4px 0}
.cartao-cat{font-size:13px;font-weight:700;color:var(--tinta-suave)}
.cartao h3{font-family:var(--t-corpo);font-weight:800;font-size:16px;line-height:1.35;margin:2px 0 4px}
.cartao a:hover h3{color:var(--azul)}
.cartao p{margin:0;font-size:14px;color:var(--tinta-suave);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Etiqueta de preço pendurada (o elemento de assinatura da loja) */
.etiqueta{position:absolute;right:12px;bottom:14px;background:var(--vermelho);color:#fff;font:700 18px var(--t-titulo);padding:6px 14px 6px 24px;border-radius:4px 10px 10px 4px;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);transform:rotate(-4deg);transform-origin:right center;line-height:1.1;text-align:right;box-shadow:0 2px 0 var(--vermelho-escuro)}
.etiqueta::before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff}
.etiqueta small{display:block;font:700 11px var(--t-corpo);opacity:.9}

/* Página de produto */
.trilha{display:flex;gap:8px;font-size:14px;padding:20px 0 8px;color:var(--tinta-suave)}
.trilha a{color:var(--tinta-suave)}
.produto{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.galeria-principal{background:#fff;border:1px solid var(--linha);border-radius:var(--raio-grande);overflow:hidden;aspect-ratio:1}
.galeria-principal img{width:100%;height:100%;object-fit:contain}
.galeria-miniaturas{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px}
.miniatura{flex:none;width:76px;height:76px;padding:0;border:2px solid var(--linha);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer}
.miniatura[aria-current]{border-color:var(--azul)}
.miniatura img{width:100%;height:100%;object-fit:cover}
.compra{position:sticky;top:130px}
.compra h1{font-size:clamp(26px,3vw,34px)}
.compra-resumo{color:var(--tinta-suave);margin:0 0 18px}
.preco-grande{font:700 40px var(--t-titulo);color:var(--vermelho);margin:0;line-height:1}
.parcelas{margin:6px 0 20px;color:var(--tinta-suave);font-size:15px}
.opcoes{border:0;padding:0;margin:0 0 18px}
.opcoes legend{font-weight:800;margin-bottom:8px}
.opcao{display:inline-block;margin:0 8px 8px 0;cursor:pointer}
.opcao input{position:absolute;opacity:0}
.opcao span{display:block;padding:10px 16px;border:2px solid var(--linha);border-radius:12px;font-weight:700;background:#fff}
.opcao small{display:block;font-weight:600;color:var(--tinta-suave)}
.opcao input:checked+span{border-color:var(--azul);background:var(--azul-claro)}
.opcao input:focus-visible+span{outline:3px solid var(--vermelho);outline-offset:2px}
.linha-compra{display:flex;gap:12px;align-items:flex-end}
.qtd{display:flex;flex-direction:column;font-weight:700;font-size:14px}
.qtd input{width:84px;min-height:56px;border:2px solid var(--linha);border-radius:12px;font:700 18px var(--t-corpo);text-align:center;color:var(--tinta)}
.linha-compra .botao{flex:1}
.simular-frete{margin-top:26px;padding:18px;background:var(--creme);border-radius:var(--raio)}
.simular-frete label{font-weight:800;display:block;margin-bottom:8px}
.simular-linha{display:flex;gap:10px}
.simular-linha input{flex:1;min-width:0;min-height:48px;border:2px solid var(--linha);border-radius:12px;padding:0 14px;font:16px var(--t-corpo)}
.nao-sei-cep{font-size:14px;display:inline-block;margin-top:8px}
.resultado-frete ul{list-style:none;padding:0;margin:14px 0 0}
.resultado-frete li{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 0;border-top:1px solid var(--linha)}
.resultado-frete li small{grid-column:1;color:var(--tinta-suave)}
.resultado-frete li b{grid-row:1/3;grid-column:2;align-self:center}
.descricao{grid-column:1/-1;max-width:760px;padding-top:12px}
.descricao h2{font-size:26px}
.specs{background:var(--creme);border-radius:var(--raio);padding:18px 18px 18px 38px;margin:18px 0}
.specs li{margin:4px 0}
.junto{margin-top:48px}
.junto h2{font-size:24px}
.grade-pequena{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Sacola */
.pagina-sacola{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding-top:28px}
.pagina-sacola>h1,.pagina-sacola>.aviso-ok,.pagina-sacola>.vazio-caixa{grid-column:1/-1}
.sacola-lista ul{list-style:none;margin:0;padding:0}
.sacola-item{display:grid;grid-template-columns:96px 1fr auto auto;grid-template-rows:auto auto;gap:4px 18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--linha)}
.sacola-item img{grid-row:1/3;border-radius:12px;border:1px solid var(--linha);width:96px;height:96px;object-fit:cover}
.sacola-item-info{display:flex;flex-direction:column}
.sacola-item-info a{font-weight:800;color:var(--tinta);text-decoration:none}
.sacola-var,.sacola-unit{font-size:14px;color:var(--tinta-suave)}
.qtd-pequena input{width:70px;min-height:44px}
.sacola-total-item{font-size:17px}
.remover{grid-column:2;justify-self:start;background:none;border:0;color:var(--vermelho);font:700 14px var(--t-corpo);padding:4px 0;cursor:pointer;text-decoration:underline}
.sacola-resumo,.checkout-resumo{background:#fff;border:1px solid var(--linha);border-radius:var(--raio-grande);padding:24px;position:sticky;top:130px}
.sacola-resumo p{display:flex;justify-content:space-between;margin:0 0 6px;font-size:18px}
.sacola-frete-nota{font-size:14px!important;color:var(--tinta-suave);margin-bottom:18px!important}
.link-voltar{display:block;text-align:center;margin-top:14px;font-weight:700}

/* Checkout */
.pagina-checkout{padding-top:28px}
.checkout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}
.checkout fieldset{border:1px solid var(--linha);border-radius:var(--raio-grande);padding:20px 22px 8px;margin:0 0 20px;background:#fff}
.checkout legend{font:600 20px var(--t-titulo);padding:0 8px}
.checkout label{display:block;font-weight:700;font-size:15px;margin-bottom:14px}
.checkout label small{font-weight:600;color:var(--tinta-suave)}
.checkout input:not([type=checkbox]):not([type=radio]){display:block;width:100%;margin-top:4px;min-height:48px;border:2px solid var(--linha);border-radius:12px;padding:0 14px;font:16px var(--t-corpo);color:var(--tinta);background:var(--papel)}
.checkout input:focus{border-color:var(--azul);outline:none}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dupla-cep{align-items:center}
.cep-status{font-size:14px;color:var(--tinta-suave);margin:0}
.dica{color:var(--tinta-suave);margin:0 0 14px}
.frete-opcao{display:grid!important;grid-template-columns:auto 1fr auto;gap:0 12px;align-items:center;padding:12px 14px;border:2px solid var(--linha);border-radius:12px;cursor:pointer}
.frete-opcao:has(input:checked){border-color:var(--azul);background:var(--azul-claro)}
.frete-opcao input{grid-row:1/3;width:20px;height:20px;accent-color:var(--azul)}
.frete-prazo{grid-column:2;font-weight:600;font-size:14px;color:var(--tinta-suave)}
.frete-opcao b{grid-row:1/3;grid-column:3}
.aceite{display:flex!important;gap:10px;align-items:flex-start;font-weight:600!important}
.aceite input{width:20px;height:20px;margin-top:3px;accent-color:var(--azul);flex:none}
.checkout-resumo h2{font-size:22px}
.checkout-resumo ul{list-style:none;padding:0;margin:0 0 12px;font-size:15px}
.checkout-resumo li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--linha)}
.linha-valor{display:flex;justify-content:space-between;margin:6px 0}
.linha-total{font-size:22px;font-family:var(--t-titulo);margin:12px 0 18px}
.linha-total b{color:var(--vermelho)}
.seguro{font-size:13px;color:var(--tinta-suave);text-align:center;margin:12px 0 0}

/* Avisos e páginas simples */
.aviso-ok{background:#E3F6E8;color:#1B5E2E;padding:12px 16px;border-radius:12px;font-weight:700}
.aviso-erro{background:#FDE8E8;color:#8E1B1B;padding:12px 16px;border-radius:12px;font-weight:700}
.erro-inline{color:#A4211F;font-weight:700;margin:10px 0 0}
.carregando{color:var(--tinta-suave);margin:10px 0}
.vazio-caixa{background:var(--creme);border-radius:var(--raio-grande);padding:36px;text-align:center}
.pagina-simples{max-width:720px;margin:0 auto;padding:48px 0}
.confirmacao{text-align:center}
.confirmacao img{margin:0 auto 18px}
.confirmacao-resumo{background:var(--creme);border-radius:var(--raio);padding:18px 22px;text-align:left;margin:24px 0}
.texto-longo h2{font-size:22px;margin-top:1.6em}

/* Rodapé */
.rodape{background:var(--tinta);color:#D5DAF0;margin-top:40px}
.rodape-garantias{max-width:1200px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-bottom:1px solid #2B376A}
.rodape-garantias div{display:flex;gap:14px;align-items:flex-start}
.rodape-garantias svg{color:#fff;flex:none;margin-top:2px}
.rodape-garantias p{margin:0;font-size:15px}
.rodape-garantias strong{display:block;color:#fff;font-size:16px}
.rodape-base{max-width:1200px;margin:0 auto;padding:24px 20px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.rodape-base nav{display:flex;gap:20px;flex-wrap:wrap;flex:1}
.rodape-base a{color:#fff}
.rodape-base p{margin:0;font-size:14px}
.zap{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#1FA855;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,32,74,.25);z-index:30}
.zap:hover{color:#fff;background:#178C46}

/* Responsivo */
@media (max-width:1000px){
  .grade,.grade-pequena{grid-template-columns:repeat(3,minmax(0,1fr))}
  .produto{grid-template-columns:minmax(0,1fr);gap:24px}
  .compra{position:static}
  .checkout,.pagina-sacola{grid-template-columns:minmax(0,1fr)}
  .sacola-resumo,.checkout-resumo{position:static}
}
@media (max-width:760px){
  .topo-linha{flex-wrap:wrap;gap:10px 14px}
  .marca img{width:160px}
  .busca{order:3;flex-basis:100%;max-width:none}
  .sacola{margin-left:auto}
  .sacola span{display:none}
  .grade,.grade-pequena{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .etiqueta{font-size:15px;right:8px;bottom:10px}
  .rodape-garantias{grid-template-columns:1fr}
  .dupla{grid-template-columns:1fr}
  .sacola-item{grid-template-columns:72px 1fr auto;}
  .sacola-item img{width:72px;height:72px}
  .sacola-total-item{grid-column:3;grid-row:1}
  .qtd-pequena{grid-column:3;grid-row:2}
}


/* ============================================================
   EDITORIAL CLARO (v3): serifa de revista, poucas cores,
   movimento lento, celular redesenhado (não só encolhido)
   ============================================================ */
html,body{overflow-x:clip}
body{font-size:16px;line-height:1.65;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:500;letter-spacing:-.02em}
h1 em,h2 em{font-style:italic;color:var(--azul);font-weight:400}
::selection{background:var(--azul);color:#fff}
main{padding:0 24px 64px}
.legenda{display:flex;align-items:center;gap:12px;margin:0 0 22px;font:500 11.5px var(--t-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--azul)}
.filete{display:inline-block;width:34px;height:1px;background:currentColor}

/* Faixa fina no topo */
.aviso-topo{background:var(--tinta);color:#E9E5DA;font:500 11px var(--t-mono);letter-spacing:.12em;text-transform:uppercase}
.aviso-topo p{max-width:1200px;margin:0 auto;padding:9px 24px;display:flex;justify-content:center;gap:6px 34px;flex-wrap:wrap}
.aviso-topo span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 17px 2px -19px;border-radius:50%;background:#C9A36B}

/* Topo: começa liso e ganha vidro depois de 60px de rolagem */
.topo{background:var(--papel);border-bottom:1px solid transparent;transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}
.topo.rolou{background:rgba(250,247,241,.82);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px);border-color:var(--linha)}
.topo-linha{padding:14px 24px}
.cats{padding:0 24px 8px;gap:4px}
.cats a{border-radius:0;padding:7px 12px;font-size:14px;font-weight:500;color:var(--tinta-suave);position:relative;transition:color .3s}
.cats a::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:1px;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cats a:hover{background:none;color:var(--tinta)}
.cats a:hover::after,.cats a[aria-current]::after{transform:scaleX(1)}
.cats a[aria-current]{background:none;color:var(--tinta)}
.busca{border-radius:6px;border-width:1px;background:transparent}
.busca:focus-within{background:#fff}
.sacola-qtd{font-family:var(--t-mono);font-weight:500}

/* Botões: retos, discretos */
.botao{border-radius:6px;font-weight:600;letter-spacing:.01em;box-shadow:none;transition:background .3s,transform .3s,color .3s}
.botao:hover{transform:none}
.botao-contorno{box-shadow:inset 0 0 0 1px var(--azul)}
.botao-editorial{min-height:54px;padding:0 28px;background:var(--tinta);gap:12px}
.botao-editorial:hover{background:var(--azul)}
.botao-editorial span{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.botao-editorial:hover span{transform:translateX(4px)}
.link-fino{color:var(--tinta);font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .5s cubic-bezier(.2,.7,.2,1),color .3s}
.link-fino:hover{color:var(--azul);background-size:0 1px;background-position:100% 100%}

/* ---------- Abertura ---------- */
.abertura{position:relative;margin:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center;padding:64px 0 72px;min-height:calc(100svh - 150px);isolation:isolate}
.abertura-lume{position:absolute;z-index:-1;right:-12%;top:0;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(22,56,224,.16),rgba(22,56,224,0));transform:translate3d(0,calc(var(--py,0) * 1px),0);pointer-events:none}
.abertura h1{font-size:clamp(44px,5.6vw,84px);line-height:1;letter-spacing:-.02em;word-spacing:.08em;margin:0 0 26px;max-width:12.5ch;font-variation-settings:"opsz" 48}
.abertura .w{display:inline-block}
.abertura .w.em{font-style:italic;font-weight:400;color:var(--azul);padding-right:.06em}
.abertura-sub{font-size:18px;color:var(--tinta-suave);max-width:44ch;margin:0 0 34px}
.abertura-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.abertura-fichas{list-style:none;margin:44px 0 0;padding:26px 0 0;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:8px 30px;font:500 11.5px var(--t-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}

/* Mosaico de produtos (desktop) */
.abertura-vitrine{display:grid;grid-template-columns:1.18fr 1fr;grid-template-rows:auto auto;gap:14px;align-items:start}
.placa{display:block;position:relative;text-decoration:none;color:var(--tinta)}
.placa img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--creme);border-radius:6px;mix-blend-mode:multiply;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.placa{overflow:hidden;border-radius:6px;background:var(--creme)}
.placa:hover img{transform:scale(1.04)}
.placa-1{grid-row:1/3}
.placa-1 img{aspect-ratio:4/5.4}
.placa-legenda{display:flex;gap:10px;align-items:baseline;padding:10px 12px 12px;font:500 11px/1.35 var(--t-mono);letter-spacing:.04em;color:var(--tinta-suave)}
.placa-legenda i{font-style:normal;color:var(--azul)}

/* Entrada lenta do título (palavra por palavra) */
@keyframes sobe{from{opacity:0;transform:translateY(.42em);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes surge{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.abertura .w{animation:sobe 1.15s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 95ms + 150ms)}
.abertura .legenda{animation:surge 1s ease both}
.abertura-sub{animation:surge 1s ease 1s both}
.abertura-acoes{animation:surge 1s ease 1.2s both}
.abertura-fichas{animation:surge 1s ease 1.4s both}
.abertura-vitrine .placa{animation:surge 1.3s cubic-bezier(.2,.7,.2,1) both}
.abertura-vitrine .placa-1{animation-delay:.5s}
.abertura-vitrine .placa-2{animation-delay:.75s}
.abertura-vitrine .placa-3{animation-delay:1s}

/* ---------- Índice por categoria ---------- */
.indice{padding:40px 0 8px}
.indice ol{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--linha)}
.indice li{border-top:1px solid var(--linha)}
.indice a{display:grid;grid-template-columns:64px minmax(0,1fr) auto 72px 28px;align-items:center;gap:0 20px;padding:14px 0;text-decoration:none;color:var(--tinta)}
.indice-num{font:500 12px var(--t-mono);letter-spacing:.1em;color:var(--tinta-suave)}
.indice b{font:500 clamp(22px,2.6vw,32px)/1.15 var(--t-titulo);letter-spacing:-.01em;font-variation-settings:"opsz" 36;transition:transform .6s cubic-bezier(.2,.7,.2,1),color .3s}
.indice-qtd{font:500 11.5px var(--t-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.indice img{width:64px;height:64px;object-fit:cover;border-radius:6px;background:var(--creme);mix-blend-mode:multiply;opacity:.9;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.indice-seta{font-size:20px;color:var(--azul);transform:translateX(-6px);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
.indice a:hover b{transform:translateX(10px);color:var(--azul)}
.indice a:hover img{transform:scale(1.08)}
.indice a:hover .indice-seta{transform:none;opacity:1}

/* ---------- Vitrine ---------- */
.vitrine{padding-top:72px}
.vitrine-topo{align-items:flex-end;padding-bottom:18px;margin-bottom:34px;border-bottom:1px solid var(--tinta)}
.vitrine-topo h2{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.02em;word-spacing:.06em;line-height:1;font-variation-settings:"opsz" 48}
.vitrine-topo p{white-space:nowrap;background:none;padding:0;font:500 11.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.grade{gap:52px 28px}
.cartao-foto{border:0;border-radius:6px;background:var(--creme);transition:box-shadow .6s ease}
.cartao-foto img{mix-blend-mode:multiply;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.cartao a:hover .cartao-foto img{transform:scale(1.045)}
.cartao a:hover .cartao-foto{box-shadow:none;border-color:transparent}
.cartao-info{padding:16px 2px 0}
.cartao-cat{font:500 10.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.cartao h3{font:500 20px/1.2 var(--t-titulo);letter-spacing:-.015em;margin:8px 0 8px;transition:color .3s}
.cartao p{font-size:14px;line-height:1.55}
.etiqueta{font:600 16px var(--t-corpo);letter-spacing:-.01em;right:10px;bottom:12px}

/* Entrada suave ao rolar (só com JavaScript ativo) */
.anima .cartao,.anima .indice li,.anima .rodape-garantias>div{opacity:0;transform:translateY(22px);transition:opacity 1s ease var(--atraso,0ms),transform 1s cubic-bezier(.2,.7,.2,1) var(--atraso,0ms)}
.anima .cartao.visto,.anima .indice li.visto,.anima .rodape-garantias>div.visto{opacity:1;transform:none}

/* ---------- Página de produto ---------- */
.trilha{font:500 11px var(--t-mono);letter-spacing:.1em;text-transform:uppercase;padding:28px 0 18px}
.trilha a{text-decoration:none}
.trilha a:hover{color:var(--azul)}
.produto{gap:64px}
.galeria,.compra{min-width:0}
.galeria-principal{border:0;border-radius:6px;background:var(--creme);box-shadow:none}
.galeria-principal img{mix-blend-mode:multiply}
.miniatura{border-radius:6px;border-width:1px;background:var(--creme)}
.miniatura img{mix-blend-mode:multiply}
.miniatura[aria-current]{border-color:var(--tinta)}
.compra h1{font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-.02em;word-spacing:.05em;font-variation-settings:"opsz" 48}
.compra-resumo{font-size:17px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--linha)}
.preco-grande{font:500 44px/1 var(--t-titulo);letter-spacing:-.01em;color:var(--tinta);font-variation-settings:"opsz" 48}
.parcelas{font:500 11.5px var(--t-mono);letter-spacing:.06em;text-transform:uppercase}
.opcoes legend{font:500 11.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.opcao span,.qtd input,.simular-linha input,.checkout input:not([type=checkbox]):not([type=radio]),.frete-opcao{border-radius:6px;border-width:1px}
.opcao input:checked+span{border-color:var(--tinta);background:#fff;box-shadow:inset 0 0 0 1px var(--tinta)}
.qtd{font:500 11.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.qtd input{border-width:1px}
.botao-grande{min-height:58px;background:var(--tinta)}
.botao-grande:hover{background:var(--azul)}
.botao-grande:disabled{background:#9AA3C7}
.garantias-produto{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px;font-size:14px;color:var(--tinta-suave)}
.garantias-produto li{display:flex;align-items:center;gap:12px}
.garantias-produto li::before{content:"";flex:none;width:18px;height:1px;background:var(--azul)}
.simular-frete{margin-top:28px;background:transparent;border:1px solid var(--linha);border-radius:8px}
.simular-frete label{font:500 11.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase}
.descricao{max-width:64ch;padding-top:40px;border-top:1px solid var(--linha);margin-top:24px}
.descricao h2{font-size:34px;letter-spacing:-.015em;font-variation-settings:"opsz" 48}
.descricao p{font-size:17px;line-height:1.75}
.specs{background:var(--creme);border-radius:8px}
.junto{margin-top:72px;padding-top:28px;border-top:1px solid var(--tinta)}
.junto h2{font-size:32px;letter-spacing:-.015em;font-variation-settings:"opsz" 48}
.barra-compra{display:none}

/* Sacola, checkout e páginas simples herdam a mesma pele */
.pagina-sacola>h1,.pagina-checkout>h1,.pagina-simples h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.02em;font-variation-settings:"opsz" 48}
.sacola-resumo,.checkout-resumo,.checkout fieldset{border-radius:10px}
.checkout legend{font-family:var(--t-titulo);font-weight:500}
.linha-total{font-family:var(--t-titulo)}
.linha-total b{color:var(--tinta)}

/* Rodapé */
.rodape{margin-top:88px}
.rodape-garantias strong{font-family:var(--t-titulo);font-weight:500;font-size:19px;margin-bottom:2px}
.rodape-base p{font:500 11px var(--t-mono);letter-spacing:.08em;text-transform:uppercase}
.zap{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.zap:hover{transform:scale(1.06)}

/* ---------- Tablet ---------- */
@media (max-width:1000px){
  .abertura{grid-template-columns:1fr;gap:44px;min-height:0;padding:44px 0 56px}
  .abertura h1{max-width:13ch}
  .abertura-vitrine{grid-template-columns:repeat(3,minmax(0,1fr))}
  .placa-1{grid-row:auto}
  .placa-1 img{aspect-ratio:1}
  .produto{gap:32px}
}

/* ---------- Celular: redesenhado, não só encolhido ---------- */
@media (max-width:760px){
  main{padding:0 20px 88px}
  .aviso-topo p{padding:8px 20px;font-size:10px;justify-content:center}
  .aviso-topo span:not(:first-child){display:none}
  .topo-linha{padding:12px 20px}
  .cats{padding:0 12px 6px}
  .abertura{padding:34px 0 44px;gap:34px}
  .abertura h1{font-size:clamp(40px,12vw,60px);line-height:1;margin-bottom:20px}
  .abertura-sub{font-size:16.5px;margin-bottom:26px}
  .abertura-acoes{flex-direction:column;align-items:stretch;gap:16px}
  .abertura-acoes .botao{width:100%}
  .link-fino{align-self:flex-start}
  .abertura-fichas{margin-top:32px;padding-top:20px;flex-direction:column;gap:8px}
  /* fotos viram uma fileira que desliza com o dedo */
  .abertura-vitrine{display:flex;gap:12px;margin:0 -20px;padding:0 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .abertura-vitrine::-webkit-scrollbar{display:none}
  .placa{flex:0 0 74%;scroll-snap-align:start}
  .placa img,.placa-1 img{aspect-ratio:1}
  .indice{padding-top:28px}
  .indice a{grid-template-columns:34px minmax(0,1fr) auto 22px;gap:0 12px;padding:16px 0}
  .indice img{display:none}
  .indice b{font-size:22px}
  .indice-seta{opacity:1;transform:none}
  .indice-qtd{font-size:10.5px}
  .vitrine{padding-top:52px}
  .vitrine-topo{flex-direction:row;flex-wrap:nowrap;align-items:flex-end}
  .grade,.grade-pequena{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px}
  .cartao h3{font-size:17px}
  .cartao p{display:none}
  .etiqueta{font-size:14px;right:6px;bottom:8px}
  .produto{gap:22px}
  .compra h1{font-size:36px}
  .preco-grande{font-size:38px}
  .descricao{padding-top:28px}
  .rodape{margin-top:64px}
  .zap{width:52px;height:52px;right:14px;bottom:14px}
  /* barra fixa de compra na página de produto */
  .barra-compra{display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(250,247,241,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--linha)}
  .barra-compra small{display:block;font:500 10px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
  .barra-compra b{font:500 24px/1 var(--t-titulo);letter-spacing:-.02em}
  .barra-compra .botao{flex:1;max-width:220px;min-height:50px;background:var(--azul)}
  body:has(.barra-compra) .zap{display:none}
  body:has(.barra-compra) .rodape{padding-bottom:72px}
}

@media (prefers-reduced-motion:reduce){
  .abertura .w,.abertura .legenda,.abertura-sub,.abertura-acoes,.abertura-fichas,.abertura-vitrine .placa{animation:none!important}
  .anima .cartao,.anima .indice li,.anima .rodape-garantias>div{opacity:1;transform:none}
  .abertura-lume{transform:none}
}

/* Cupom no checkout */
[hidden]{display:none!important}
.cupom{margin:4px 0 14px;padding:14px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.checkout .cupom label{font:500 11.5px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin:0 0 8px}
.cupom-linha{display:flex;gap:8px}
.checkout .cupom-linha input{flex:1;min-width:0;margin-top:0;text-transform:uppercase;letter-spacing:.04em}
.cupom-linha .botao{min-height:48px;padding:0 18px}
.cupom-status{margin:8px 0 0;font-size:14px;min-height:1.2em;color:var(--tinta-suave)}
.cupom-status.ok{color:#1B5E2E;font-weight:600}
.cupom-status.erro{color:#A4211F;font-weight:600}
.linha-desconto b{color:#1B5E2E}