:root{--onix:#0D0D0D;--gold:#C9A227;--ivory:#F5F0E6;--grey:#adadad;--cold:#7FA8C9;--hot:#D98E32;--wa:#25D366}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--onix);color:var(--ivory);font-family:Montserrat,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skip-link{position:absolute;left:12px;top:-60px;background:var(--gold);color:var(--onix);padding:10px 18px;font-weight:600;font-size:.85rem;z-index:100;transition:.2s}.skip-link:focus{top:12px}.noscript-warn{background:var(--hot);color:var(--onix);text-align:center;padding:12px 20px;font-size:.85rem;font-weight:500}.noscript-warn a{text-decoration:underline;font-weight:700}section[id]{scroll-margin-top:90px}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,162,39,.25)}nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1080px;margin:0 auto}.logo{font-family:Cinzel,serif;font-weight:700;letter-spacing:.35em;color:var(--gold);font-size:1.15rem}.logo span{display:block;font-size:.55rem;letter-spacing:.5em;color:var(--grey);font-weight:500}.nav-links{display:flex;gap:22px;font-size:.8rem;letter-spacing:.08em}.nav-links a:hover{color:var(--gold)}.cart-btn{background:0 0;border:1px solid var(--gold);color:var(--gold);padding:7px 16px;min-height:44px;border-radius:2px;cursor:pointer;font-family:Montserrat;font-size:.78rem;letter-spacing:.08em}.hero{text-align:center;padding:110px 20px 90px;background:radial-gradient(ellipse at 50% -20%,rgba(201,162,39,.16),transparent 60%)}.hero h1{font-family:Cinzel,serif;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.hero p.sig{font-family:'Playfair Display',serif;font-style:italic;font-size:1.15rem;color:var(--ivory);margin:16px auto 34px;max-width:640px;line-height:1.65}.hero-micro{font-size:.7rem;letter-spacing:.16em;color:var(--grey);text-transform:uppercase;margin-top:16px}.hero-alt{margin-top:22px;font-size:.85rem;color:var(--grey)}.hero-alt a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;padding:6px 2px;display:inline-block}.btn{display:inline-block;background:var(--gold);color:var(--onix);padding:14px 34px;font-weight:600;letter-spacing:.1em;font-size:.82rem;border:none;cursor:pointer;border-radius:2px;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(201,162,39,.25)}.btn.ghost{background:0 0;color:var(--gold);border:1px solid var(--gold);margin-left:12px}.btn.ghost:hover{box-shadow:none;background:rgba(201,162,39,.1)}.btn.wa-btn{background:var(--wa);color:var(--onix);font-weight:700}.btn.wa-btn:hover{box-shadow:0 8px 18px rgba(37,211,102,.3)}.sec{padding:80px 0}.sec-compact{padding:56px 0}.sec-alt{background:rgba(255,255,255,.015)}.sec-head{text-align:center;margin-bottom:46px}.kicker{font-size:.7rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.sec-head h2{font-family:Cinzel,serif;font-size:1.9rem;letter-spacing:.1em;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.card{border:1px solid rgba(201,162,39,.3);padding:28px 22px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.35)}.card.cold{border-color:rgba(127,168,201,.4)}.card.cold:hover{border-color:rgba(127,168,201,.7);box-shadow:0 14px 28px rgba(127,168,201,.12)}.card.hot{border-color:rgba(217,142,50,.4)}.card.hot:hover{border-color:rgba(217,142,50,.7);box-shadow:0 14px 28px rgba(217,142,50,.12)}.card .card-link{display:flex;flex-direction:column;gap:8px;color:inherit}.card .card-link:hover h3{color:#e0bd45}.card .tag{font-size:.65rem;letter-spacing:.12em;color:var(--grey);text-transform:uppercase}.card .tag.cold{color:var(--cold)}.card .tag.hot{color:var(--hot)}.card h3{font-family:Cinzel,serif;letter-spacing:.1em;color:var(--gold);font-size:1.2rem;text-transform:uppercase}.card .sig{font-family:'Playfair Display',serif;font-style:italic;font-size:.92rem}.card .notes{font-size:.85rem;color:var(--grey);flex:1;line-height:1.55}.card .price{font-weight:600;letter-spacing:.05em;margin-top:8px}.card button{margin-top:10px;background:0 0;border:1px solid var(--gold);color:var(--gold);padding:10px;min-height:44px;cursor:pointer;letter-spacing:.1em;font-size:.75rem;font-family:Montserrat}.card button:hover{background:var(--gold);color:var(--onix)}.quiz{background:linear-gradient(180deg,rgba(201,162,39,.07),transparent);border-top:1px solid rgba(201,162,39,.25);border-bottom:1px solid rgba(201,162,39,.25)}.quiz-box{max-width:640px;margin:0 auto;text-align:center}.quiz-q{font-family:'Playfair Display',serif;font-style:italic;font-size:1.3rem;margin-bottom:26px;min-height:64px}.quiz-opts{display:grid;gap:12px}.quiz-opts button{background:0 0;border:1px solid rgba(201,162,39,.45);color:var(--ivory);padding:14px;cursor:pointer;font-family:Montserrat;font-size:.9rem;transition:.2s}.quiz-opts button:hover{border-color:var(--gold);background:rgba(201,162,39,.12)}.quiz-progress{font-size:.7rem;letter-spacing:.2em;color:var(--grey);margin-bottom:18px;text-transform:uppercase}.quiz-result h3{font-family:Cinzel,serif;font-size:2.2rem;letter-spacing:.2em;color:var(--gold);margin:10px 0;text-transform:uppercase}.quiz-result .sig{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;margin-bottom:8px}.quiz-result p{color:var(--grey);font-size:.9rem;margin-bottom:22px}.quiz-result .btn{margin:6px}.crie{border:1px solid var(--gold);padding:50px 36px;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(201,162,39,.14),transparent 65%)}.crie h2{font-family:Cinzel,serif;letter-spacing:.1em;color:var(--gold);font-size:1.7rem;margin-bottom:12px;text-transform:uppercase}.crie p{max-width:560px;margin:0 auto 10px;color:var(--ivory);font-size:.92rem}.crie .price{font-size:1.3rem;font-weight:600;margin:16px 0 22px;letter-spacing:.05em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:34px}.step{border:1px solid rgba(201,162,39,.3);padding:24px}.step b{color:var(--gold);display:block;font-family:Cinzel,serif;letter-spacing:.1em;margin-bottom:8px;font-size:.95rem;text-transform:uppercase}.step p{font-size:.83rem;color:var(--grey)}.prova-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:0 auto}.prova{border:1px solid rgba(201,162,39,.3);padding:26px 22px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.prova b{display:block;font-family:Cinzel,serif;color:var(--gold);font-size:1.9rem;letter-spacing:.08em;margin-bottom:8px;line-height:1.1}.prova p{font-size:.85rem;color:var(--grey);line-height:1.6}.prova-nota{max-width:640px;margin:26px auto 0;text-align:center;font-size:.82rem;color:var(--grey);line-height:1.7}.preco-box{border:1px solid var(--gold);padding:46px 32px;text-align:center;max-width:720px;margin:0 auto;background:radial-gradient(ellipse at 50% -30%,rgba(201,162,39,.12),transparent 65%)}.preco-box h2{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.1em;font-size:1.9rem;margin:10px 0 24px;text-transform:uppercase}.preco-lista{list-style:none;text-align:left;max-width:470px;margin:0 auto 28px;display:grid;gap:10px}.preco-lista li{position:relative;padding-left:26px;font-size:.9rem;color:var(--ivory);line-height:1.55}.preco-lista li::before{content:"";position:absolute;left:0;top:.65em;width:12px;height:1px;background:var(--gold)}.preco-nota{margin-top:18px;font-size:.82rem;color:var(--grey)}.preco-nota a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.legal{font-size:.72rem;color:var(--grey);max-width:640px;margin:18px auto 0;line-height:1.7;opacity:.9}.faq{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(201,162,39,.2)}.faq-item summary{cursor:pointer;padding:18px 4px;font-family:Cinzel,serif;letter-spacing:.05em;color:var(--gold);font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--gold)}.faq-item[open] summary::after{content:"−"}.faq-item p{padding:0 4px 18px;font-size:.85rem;color:var(--grey)}.sobre{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;max-width:760px;margin:0 auto}.sobre p{color:var(--grey);font-size:.92rem;margin-bottom:12px}.sobre .ass{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);margin-top:18px}footer{border-top:1px solid rgba(201,162,39,.25);padding:46px 20px;text-align:center}footer .flinks{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin:18px 0;font-size:.78rem;letter-spacing:.08em}footer .copy{font-size:.7rem;color:var(--grey);letter-spacing:.12em;text-transform:uppercase}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s;z-index:60}.overlay.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-380px;width:min(380px,92vw);height:100%;background:#141414;border-left:1px solid var(--gold);z-index:70;transition:.28s;display:flex;flex-direction:column}.drawer.on{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(201,162,39,.3)}.drawer-head h3{font-family:Cinzel,serif;letter-spacing:.15em;color:var(--gold)}.drawer-head button{background:0 0;border:none;color:var(--ivory);font-size:1.5rem;cursor:pointer}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.drawer-body .empty{color:var(--grey);text-align:center;margin-top:40px;font-size:.9rem}.ci{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.85rem}.ci .qty button{background:0 0;border:1px solid var(--grey);color:var(--ivory);width:22px;height:22px;cursor:pointer;margin:0 4px}.drawer-foot{padding:18px 20px;border-top:1px solid rgba(201,162,39,.3)}.tot{display:flex;justify-content:space-between;font-weight:600;margin-bottom:6px}.frnote{font-size:.72rem;color:var(--gold);margin-bottom:12px}.paynote{font-size:.7rem;color:var(--grey);margin-bottom:12px;line-height:1.5}.wa{width:100%;background:var(--wa);color:var(--onix);border:none;padding:14px;font-weight:700;letter-spacing:.08em;cursor:pointer;font-family:Montserrat}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);background:var(--gold);color:var(--onix);padding:10px 22px;font-size:.82rem;font-weight:600;border-radius:2px;transition:.3s;z-index:80;opacity:0}.toast.on{transform:translate(-50%,0);opacity:1}.wa-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;z-index:55;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:.2s}.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:32px;height:32px;fill:var(--onix)}.burger{display:none;background:0 0;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}.burger span{width:24px;height:2px;background:var(--gold);display:block;transition:.25s}.burger.on span:first-child{transform:translateY(7px) rotate(45deg)}.burger.on span:nth-child(2){opacity:0}.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:640px){.burger{display:flex}.nav-links{position:fixed;top:62px;left:0;right:0;background:#0d0d0d;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:.28s;border-bottom:1px solid rgba(201,162,39,.25)}.nav-links.on{max-height:300px}.nav-links a{padding:16px 24px;border-top:1px solid rgba(201,162,39,.12)}.btn.ghost{margin-left:0;margin-top:10px}}.card picture{display:block;width:100%}.card-visual{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:2px;border:1px solid rgba(201,162,39,.2);margin-bottom:4px;background:#0d0d0d}.card .ml{font-size:.72rem;color:var(--grey);letter-spacing:.08em}.card button.sold-out{border-color:var(--grey);color:var(--grey);cursor:not-allowed}.card button.sold-out:hover{background:0 0;color:var(--grey)}@keyframes cartPulse{0%{transform:scale(1)}30%{transform:scale(1.18)}100%{transform:scale(1)}}.cart-btn.pulse{animation:cartPulse .35s ease}.cookiebar{position:fixed;left:16px;right:16px;bottom:96px;max-width:520px;margin:0 auto;background:#141414;border:1px solid var(--gold);padding:16px 18px;font-size:.78rem;color:var(--grey);z-index:90;display:flex;gap:14px;align-items:center;flex-wrap:wrap;transition:.3s;transform:translateY(0)}.cookiebar.hidden{display:none}.cookiebar a{color:var(--gold);text-decoration:underline}.cookiebar button{background:var(--gold);color:var(--onix);border:none;padding:8px 16px;font-size:.75rem;font-weight:600;cursor:pointer;letter-spacing:.05em;white-space:nowrap}.back-top{position:fixed;bottom:22px;left:22px;width:44px;height:44px;border-radius:50%;background:#141414;border:1px solid var(--gold);color:var(--gold);font-size:1.2rem;cursor:pointer;z-index:55;opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}.back-top:hover{background:var(--gold);color:var(--onix)}.cookiebar p{min-width:0;flex:1 1 240px}
/* ===================================================================
   KIT DESCOBERTA — pagina de captura (kit.html) e confirmacao (obrigado.html)
   Alvo de toque minimo de 44px nos campos e botoes, como no resto do site.
   =================================================================== */
.kit-hero{padding:86px 20px 70px}
.kit-hero h1{line-height:1.15}
.kit-lede{max-width:560px;margin:22px auto 30px;color:var(--ivory);font-size:1rem;line-height:1.75}
.kit-lede b{color:var(--gold)}
.kit-mini{font-size:.72rem;letter-spacing:.14em;color:var(--grey);text-transform:uppercase;margin-top:18px}
.kit-grid{max-width:900px;margin:0 auto}
.kit-grid .card h3{margin-bottom:4px}

/* ---- caixa do formulario ---- */
.kit-form-box{max-width:520px;margin:0 auto;border:1px solid var(--gold);padding:40px 32px;background:radial-gradient(ellipse at 50% -30%,rgba(201,162,39,.1),transparent 70%)}
.kit-form-box .sec-head{margin-bottom:30px}
.campo{margin-bottom:18px}
.campo label{display:block;font-size:.78rem;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:7px}
.campo label .dica{color:var(--grey);text-transform:none;letter-spacing:.02em;font-size:.72rem}
.campo input{width:100%;min-height:48px;background:rgba(255,255,255,.04);border:1px solid rgba(201,162,39,.35);color:var(--ivory);padding:12px 14px;font-family:Montserrat,sans-serif;font-size:1rem;border-radius:2px;transition:border-color .18s ease}
.campo input::placeholder{color:#6b6b6b}
.campo input:focus{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:1px}
.campo input.ruim{border-color:var(--hot)}

/* Mensagem de erro. Fica sem altura quando vazia para o formulario nao
   "pular" a cada validacao — salto de layout confunde no celular. */
.erro{color:var(--hot);font-size:.78rem;margin-top:6px;line-height:1.5;min-height:0}
.erro:empty{margin-top:0}
.erro.geral{margin-top:14px;text-align:center}
.erro.geral a{color:var(--gold);text-decoration:underline;font-weight:600}

/* Armadilha de robo: fora da tela, mas sem display:none — alguns robos
   ignoram campo escondido com display:none e cairiam fora da armadilha. */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.campo-aceite{display:flex;gap:11px;align-items:flex-start;margin:22px 0 4px}
.campo-aceite input{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--gold);cursor:pointer}
.campo-aceite label{font-size:.8rem;color:var(--grey);line-height:1.6;cursor:pointer;text-transform:none;letter-spacing:0}

.kit-enviar{width:100%;min-height:52px;margin-top:20px;font-size:.88rem}
.kit-enviar:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}

.kit-lgpd{font-size:.72rem;color:var(--grey);line-height:1.7;margin-top:20px;text-align:center}
.kit-lgpd a{color:var(--gold);text-decoration:underline}

/* ---- pagina de confirmacao ---- */
.obg-box{max-width:520px;margin:34px auto 0;border:1px solid rgba(201,162,39,.35);padding:30px 26px;text-align:left}
.obg-passo{font-size:.9rem;color:var(--grey);line-height:1.75;margin-bottom:16px}
.obg-passo b{color:var(--ivory)}
.obg-atalho{margin-top:22px;margin-bottom:14px;text-align:center;color:var(--ivory)}
.obg-box .btn{display:block;text-align:center}

@media(max-width:640px){
  .kit-form-box{padding:30px 20px}
  .kit-hero{padding:64px 20px 54px}
}
/* ===================================================================
   PÁGINA DE PERFUME (perfumes/*.html) — 28/09/2026
   Microcopy sob o preço, "se você gostou de X" e barra fixa de pedido
   no celular (o CTA sumia ao rolar até o texto).
   =================================================================== */
.pd-grid picture{display:block}
.pd-micro{font-size:.78rem;color:var(--grey);margin:-6px 0 18px;line-height:1.7}
.pd-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pd-acoes .btn.ghost{margin-left:0}
.pd-sim{margin-top:50px}
.pd-sim h2{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.08em;font-size:1.1rem;margin-bottom:18px}
.pd-sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.pd-sim-grid a{display:block;border:1px solid rgba(201,162,39,.3);padding:18px 20px;transition:border-color .2s ease}
.pd-sim-grid a:hover{border-color:var(--gold)}
.pd-sim-grid b{display:block;font-family:Cinzel,serif;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.pd-sim-grid span{font-size:.85rem;color:var(--grey);line-height:1.55}
.pd-sticky{display:none}
@media(max-width:640px){
  .pd-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:56;background:rgba(13,13,13,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(201,162,39,.35);padding:10px 16px;align-items:center;justify-content:space-between;gap:12px}
  .pd-sticky span{font-size:.8rem;letter-spacing:.06em;color:var(--ivory);min-width:0}
  .pd-sticky .btn{padding:12px 16px;font-size:.72rem;white-space:nowrap;flex:none}
  body.pd-body{padding-bottom:78px}
}
.quiz-kit{margin-top:16px}
.quiz-kit a{font-size:.82rem;color:var(--grey);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 4px}
.quiz-kit a:hover{color:var(--gold)}

/* Rodada 2 (28/09): conta do preço, resultado do quiz com um botão, convite de avaliação */
.preco-conta{max-width:470px;margin:0 auto 26px;padding:18px 20px;border:1px solid rgba(201,162,39,.3);text-align:left;display:grid;gap:8px}
.preco-conta p{font-size:.88rem;color:var(--ivory);line-height:1.5;margin:0}
.preco-conta b{color:var(--gold);font-weight:600}
.preco-conta small{display:block;font-size:.74rem;color:var(--grey);line-height:1.6;margin-top:4px}
.quiz-result .quiz-preco{color:var(--ivory);font-size:.95rem;letter-spacing:.04em;margin:-6px 0 14px}
.quiz-result .quiz-dupla{font-size:.8rem;color:var(--grey);margin:12px auto 4px;max-width:420px;line-height:1.6}
.link-btn{background:0 0;border:none;color:var(--grey);font:inherit;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:12px 6px;min-height:44px}
.link-btn:hover{color:var(--gold)}
.prova-convite{max-width:640px;margin:14px auto 0;text-align:center;font-size:.82rem;color:var(--grey);line-height:1.7}
.prova-convite a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;padding:10px 0}
.pd-conta{font-size:.8rem;color:var(--grey);margin:-10px 0 14px;line-height:1.6}
.pd-conta a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ===================================================================
   RODADA VISUAL (28/09/2026) — plano elixir-visual, intervenções P2-P4 e P6-P9
   Sobrepõe as regras acima pela ordem da cascata; paleta e fontes intocadas.
   =================================================================== */
:root{--onix-2:#141414;--onix-3:#1c1c1c;--fio:#8C7A45;--t-xs:.78rem;--t-sm:.9rem;--t-base:1rem;--t-lg:1.15rem}

/* P7 — escala tipográfica: piso .78rem, Montserrat 500 no corpo */
body{font-weight:500}
.kicker{font-size:var(--t-xs);letter-spacing:.18em}
.logo span{font-size:.62rem}
.hero-micro,.card .ml,footer .copy,.legal,.frnote,.paynote,.quiz-progress,.cookiebar button,.card .tag,.preco-conta small,.pd-info .tag,.pd .breadcrumb{font-size:var(--t-xs)}
.step p,.card .notes,.prova p,.faq-item p,.crie p,.pd-sim-grid span,.sobre p{font-size:var(--t-sm)}
.card button{font-size:var(--t-xs)}
@media(max-width:640px){.pd-sticky .btn{font-size:var(--t-xs)}}

/* P6 — friso de meandro em 3 lugares (base do herói, antes do Crie seu Deus, topo do rodapé)
   e um halo só (o do herói). O friso tem os próprios fios, então quem encosta nele perde o seu. */
.hero{position:relative}
.hero::after,#crie::before,footer::before{content:"";display:block;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16'%3E%3Cpath d='M0 1h18M0 15h18M2 1v10.5h11V4.5H6V9h4V7' fill='none' stroke='%23C9A227' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x left center;opacity:.8}
.hero::after{position:absolute;left:0;right:0;bottom:0}
.quiz{border-top:0}
#crie::before{max-width:1040px;margin:0 auto 56px;width:calc(100% - 40px)}
#crie{padding-top:64px}
footer{border-top:0;padding-top:0}
footer::before{margin:0 -20px 40px}
.preco-box{background:none}
.crie{background:var(--onix-2);border-color:var(--gold)}
.selo{display:block;width:84px;height:84px;margin:0 auto 14px;color:var(--gold)}

/* P2 — panteão 3×2, cards com profundidade e faixa de 3 px da cor do clima */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}}
.card,.card.hot,.card.cold{--clima:var(--gold);border:0;border-top:3px solid var(--clima);background:var(--onix-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 24px 44px -24px rgba(0,0,0,.95);padding:22px}
.card.hot{--clima:var(--hot)}.card.cold{--clima:var(--cold)}
.card:hover,.card.hot:hover,.card.cold:hover{border-color:var(--clima);box-shadow:0 28px 48px -22px rgba(0,0,0,.95),0 0 0 1px rgba(201,162,39,.18)}
.card-visual{border:0;border-radius:1px}
.pilulas{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:2px 0}
.pilulas li{font-size:var(--t-xs);line-height:1.3;padding:4px 10px;border-radius:999px;background:var(--onix-3);color:var(--ivory);border:1px solid rgba(201,162,39,.32)}
@media(max-width:559px){
  .card,.card.hot,.card.cold{padding:12px 11px;gap:6px}
  .card .card-link{gap:6px}
  .card h3{font-size:1rem}
  .card .sig{font-size:.85rem;line-height:1.4}
  .card .notes{display:none}
  .card .tag{letter-spacing:.06em;line-height:1.35}
  .pilulas{gap:4px}.pilulas li{padding:3px 8px}
  .card .price{margin-top:auto}
  .card button{letter-spacing:.03em;padding:8px 4px;line-height:1.25}
}

/* P3 — quiz: colunas de progresso, opções com corpo, resultado com o frasco num nicho */
.quiz-cols{display:flex;justify-content:center;gap:10px;margin-bottom:8px}
.qcol{width:14px;height:30px;fill:none;stroke:var(--fio);stroke-width:1.3}
.qcol.agora,.qcol.on{stroke:var(--gold)}
.qcol.on rect{fill:var(--gold)}
.quiz-opts button{background:var(--onix-2);border:1px solid var(--fio);min-height:52px;font-weight:500}
.quiz-opts button:hover,.quiz-opts button:focus-visible{border-color:var(--gold);background:#231d0c}
.nicho{position:relative;width:150px;margin:14px auto 22px;padding:7px;border:1.5px solid var(--gold);border-radius:76px 76px 3px 3px;background:var(--onix-2)}
.nicho::after{content:"";position:absolute;left:-14px;right:-14px;bottom:-10px;height:5px;border-top:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold)}
.nicho img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:68px 68px 2px 2px}
.nicho .selo{width:96px;height:96px;margin:44px auto 48px}
.quiz-result h3{margin-top:4px}

/* P4 — notas em 3 faixas (página de perfume) e outros deuses em miniatura */
.piramide{margin:4px 0 22px;display:grid;gap:8px}
.pir-faixa{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:12px;background:var(--onix-2);border-left:3px solid var(--gold);padding:10px 14px}
.pir-faixa.saida{border-left-color:rgba(201,162,39,.55)}.pir-faixa.coracao{border-left-color:rgba(201,162,39,.8)}
.pir-rotulo{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.pir-rotulo svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.4}
.pir-faixa .pilulas{margin:0}
@media(max-width:420px){.pir-faixa{grid-template-columns:1fr;gap:8px}}
.pd-related .miniaturas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pd-related .miniaturas a{display:block;text-align:center;color:var(--ivory);font-family:Cinzel,serif;font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;padding-bottom:6px}
.pd-related .miniaturas img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;margin-bottom:8px;background:var(--onix-2);transition:transform .25s ease}
.pd-related .miniaturas a:hover{color:var(--gold)}.pd-related .miniaturas a:hover img{transform:translateY(-3px)}
@media(max-width:559px){.pd-related .miniaturas{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* P9 — sacola: miniatura, stepper único, barra até o frete grátis, vazio com nicho */
.ci{gap:12px;padding:12px 0;font-size:var(--t-sm)}
.ci-img{width:48px;height:64px;object-fit:cover;flex:none;background:var(--onix)}
.ci-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ci-nome{font-family:Cinzel,serif;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
.ci-preco{color:var(--grey);font-size:var(--t-xs)}
.ci .qty{display:inline-flex;align-items:center;border:1px solid var(--fio);flex:none}
.ci .qty button{width:44px;height:44px;margin:0;border:0;background:0 0;color:var(--gold);font-size:1.1rem}
.ci .qty button:hover{background:rgba(201,162,39,.12)}
.ci .qty span{min-width:22px;text-align:center}
.frbar{height:6px;border:1px solid var(--fio);margin:8px 0 6px;background:var(--onix)}
.frbar span{display:block;height:100%;width:0;background:var(--gold);transition:width .35s ease}
.drawer-body .empty{display:flex;flex-direction:column;align-items:center;gap:14px}
.empty-nicho{width:64px;height:84px;border:1.5px solid var(--fio);border-radius:32px 32px 2px 2px}
.empty a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;padding:10px 4px;display:inline-block}
.drawer-head button{min-width:44px;min-height:44px}

/* P9 — rodapé em colunas */
.fgrid{max-width:1040px;margin:0 auto;display:grid;gap:28px;text-align:left}
.fmarca .copy{margin-top:12px;line-height:1.7}
.fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;justify-content:stretch;padding:0;margin:0;max-width:none}
.fcols h2{font-family:Cinzel,serif;font-size:var(--t-xs);letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;font-weight:700}
.fcols a{display:block;font-size:var(--t-sm);color:var(--ivory);padding:10px 0;line-height:1.3}
.fcols a:hover{color:var(--gold)}
footer .legal{margin-top:34px;padding-top:22px;border-top:1px solid rgba(201,162,39,.2);max-width:1040px;text-align:center}
@media(min-width:900px){.fgrid{grid-template-columns:1.2fr 2fr;align-items:start}}
@media(max-width:559px){.fgrid{text-align:center}.fcols{text-align:left;gap:10px}}

/* P8 — movimento só com CSS; com reduced-motion vira só opacidade */
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes aparece{from{opacity:0}to{opacity:1}}
.hero>*{animation:sobe .7s cubic-bezier(.2,.7,.2,1) both}
.hero>:nth-child(2){animation-delay:.12s}.hero>:nth-child(3){animation-delay:.24s}.hero>:nth-child(4){animation-delay:.34s}.hero>:nth-child(5){animation-delay:.42s}
[data-anim]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
[data-anim][data-vis]{opacity:1;transform:none}
.grid>[data-anim]:nth-child(3n+2){transition-delay:.08s}.grid>[data-anim]:nth-child(3n){transition-delay:.16s}
.quiz-result{animation:aparece .5s ease both}
.nicho{animation:sobe .7s .1s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){
  .hero>*,.nicho{animation-name:aparece}
  [data-anim]{transform:none;transition:opacity .6s ease}
  .card:hover,.btn:hover,.pd-related .miniaturas a:hover img{transform:none}
}
.burger{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.cookiebar button{min-height:44px}
@media(min-width:641px){.nav-links a{padding:12px 0;display:inline-block}}
.fcols a{min-height:44px;display:flex;align-items:center;padding:6px 0}
footer .flinks a{display:inline-block;padding:13px 0}
@media(max-width:640px){.pd-sticky .btn{min-height:46px}}

/* P1 — herói em 2 colunas com o frasco (Zeus) num nicho de templo desenhado em SVG (escolha do Artur 28/09: versão 1) */
.hero-templo{display:grid;gap:36px;align-items:center;max-width:1080px;margin:0 auto;padding:72px 20px 96px;text-align:center;background:radial-gradient(ellipse at 70% 10%,rgba(201,162,39,.16),transparent 60%)}
.hero-templo::after{left:0;right:0}
.hero-templo>.hero-txt{animation:none}
.hero-templo .hero-txt>*{animation:sobe .7s cubic-bezier(.2,.7,.2,1) both}
.hero-templo .hero-txt>:nth-child(2){animation-delay:.12s}.hero-templo .hero-txt>:nth-child(3){animation-delay:.24s}.hero-templo .hero-txt>:nth-child(4){animation-delay:.34s}.hero-templo .hero-txt>:nth-child(5){animation-delay:.42s}
.hero-templo p.sig{font-family:Montserrat,sans-serif;font-style:normal;font-size:1.05rem;line-height:1.7}
.templo{position:relative;width:min(240px,70vw);margin:0 auto;aspect-ratio:320/440;color:var(--gold)}
.templo-moldura{position:absolute;inset:0;width:100%;height:100%}
.templo-moldura path{stroke-dasharray:1;stroke-dashoffset:1;animation:traco 1.6s .2s ease forwards}
@keyframes traco{to{stroke-dashoffset:0}}
.templo-nicho{position:absolute;left:28.1%;width:43.8%;top:27%;bottom:9.5%;overflow:hidden;border-radius:50% 50% 0 0/24% 24% 0 0;background:#0a0a0a}
.templo-nicho img{display:block;width:100%;height:100%;object-fit:cover}
.templo-nicho::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(245,240,230,.22) 50%,transparent 65%);transform:translateX(-120%);animation:luz 1.6s 1.4s ease-out forwards}
@keyframes luz{to{transform:translateX(120%)}}
@media(min-width:900px){
  .hero-templo{grid-template-columns:1.1fr .9fr;text-align:left;padding:96px 20px 110px}
  .hero-templo .hero-txt p.sig{margin-left:0}
  .templo{width:min(360px,100%)}
}
@media(prefers-reduced-motion:reduce){
  .hero-templo .hero-txt>*{animation-name:aparece}
  .templo-moldura path{animation:none;stroke-dashoffset:0}
  .templo-moldura{animation:aparece .8s both}
  .templo-nicho::after{display:none}
}
.hero-templo{max-width:none;margin:0;padding-left:max(20px,calc((100% - 1040px)/2));padding-right:max(20px,calc((100% - 1040px)/2))}
.hero-templo h1{font-size:clamp(2rem,5.2vw,3.1rem)}

/* ===================================================================
   OTIMIZAÇÃO RESPONSIVA (28/09/2026, noite) — "do jeito que os outros sites são"
   Cabeçalho compacto com menu de verdade até 899 px (antes o menu quebrava em 3 linhas
   entre 641 e 899), largura máxima única, ritmo vertical e títulos fluidos (clamp),
   herói com a CTA acima da dobra no celular, barra fixa de CTA no celular.
   =================================================================== */
:root{--max:1080px;--gut:20px;--hdr:64px;--sec:clamp(56px,6.5vw,88px);--sec-c:clamp(44px,5vw,64px)}
@media(min-width:900px){:root{--hdr:74px}}
section[id]{scroll-margin-top:calc(var(--hdr) + 12px)}
.wrap{max-width:var(--max);padding:0 var(--gut)}
nav{max-width:var(--max);min-height:var(--hdr);padding:0 var(--gut)}
header{transition:box-shadow .25s ease}
header.rolou{box-shadow:0 12px 26px -14px rgba(0,0,0,.95)}
.nav-acoes{display:flex;align-items:center;gap:6px}
.nav-links .nav-cta{display:none}
@media(max-width:899px){
  .burger{display:flex}
  .nav-links{position:fixed;top:calc(var(--hdr) + 1px);left:0;right:0;flex-direction:column;gap:0;background:#0d0d0d;max-height:0;overflow:hidden;visibility:hidden;border-bottom:0;font-size:.95rem;letter-spacing:.06em;box-shadow:0 30px 40px -24px rgba(0,0,0,.95);transition:max-height .3s ease,visibility 0s linear .3s}
  .nav-links.on{max-height:calc(100vh - var(--hdr));overflow-y:auto;visibility:visible;border-bottom:1px solid rgba(201,162,39,.25);transition:max-height .3s ease}
  .nav-links a{display:flex;align-items:center;min-height:52px;padding:0 var(--gut);border-top:1px solid rgba(201,162,39,.12)}
  .nav-links .nav-cta{display:flex;justify-content:center;margin:14px var(--gut) 18px;background:var(--gold);color:var(--onix);font-weight:600;letter-spacing:.1em;font-size:var(--t-xs);border:0}
  .nav-links .nav-cta:hover{color:var(--onix)}
  .cart-btn{padding:7px 12px}
}
@media(max-width:360px){.logo{letter-spacing:.28em}.cart-btn{padding:7px 10px;letter-spacing:.04em}}

/* ritmo vertical e títulos fluidos */
.sec{padding:var(--sec) 0}
.sec-compact{padding:var(--sec-c) 0}
.sec-head{margin-bottom:clamp(28px,4vw,46px)}
.sec-head h2,.preco-box h2{font-size:clamp(1.4rem,1.05rem + 1.5vw,2.1rem);line-height:1.25}
.crie h2{font-size:clamp(1.35rem,1rem + 1.4vw,1.8rem)}
.quiz-result h3{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.2rem)}
.pd-info h1{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.3rem)}
.crie{padding:clamp(34px,5vw,50px) clamp(20px,4vw,36px)}
.preco-box{padding:clamp(32px,5vw,46px) clamp(20px,4vw,32px)}

/* herói: no celular alinhado à esquerda, título em 2 linhas e a CTA acima da dobra */
.hero-alt a{min-height:44px;display:inline-flex;align-items:center}
.hero-templo{padding-left:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)));padding-right:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)))}
@media(max-width:639px){
  .hero-templo{text-align:left;padding-top:32px;padding-bottom:64px;gap:30px}
  .hero-templo h1{font-size:clamp(1.55rem,7.2vw,2.3rem);letter-spacing:.06em;line-height:1.2}
  .hero-templo p.sig{font-size:1rem;line-height:1.6;margin:14px 0 22px}
  .hero-templo .hero-txt .btn{display:flex;justify-content:center;text-align:center;min-height:50px;align-items:center;padding:14px 20px}
  .hero-templo .hero-micro{letter-spacing:.1em;margin-top:12px}
  .hero-templo .hero-alt{margin-top:10px}
}
@media(min-width:640px){
  .hero-templo h1{font-size:clamp(1.8rem,1rem + 2.6vw,3.1rem);letter-spacing:.1em;line-height:1.2}
  .hero-templo{grid-template-columns:1.25fr .75fr;gap:28px;text-align:left;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(80px,8vw,110px)}
  .hero-templo .hero-txt p.sig{margin-left:0}
  .templo{width:min(300px,100%)}
}
@media(min-width:900px){.hero-templo{grid-template-columns:1.1fr .9fr;gap:36px}.templo{width:min(360px,100%)}}

/* panteão: entre 560 e 899 px o card também esconde o parágrafo longo (as pílulas resumem) */
@media(max-width:899px){.card .notes{display:none}}

/* barra fixa de CTA no celular (home): quiz + WhatsApp; some enquanto o quiz está na tela */
.barra-movel{display:none}
@media(max-width:640px){
  .barra-movel{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:56;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(13,13,13,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(201,162,39,.35);transition:transform .3s ease}
  .barra-movel .btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;font-size:var(--t-xs);letter-spacing:.08em;text-align:center}
  .barra-wa{flex:none;width:48px;height:48px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center}
  .barra-wa svg{width:26px;height:26px;fill:var(--onix)}
  .barra-movel.fora{transform:translateY(110%)}
  body.tem-barra{padding-bottom:76px}
  body.tem-barra .wa-float{display:none}
  body.tem-barra .back-top{bottom:86px;left:16px}
  body.tem-barra .toast{bottom:88px}
  body.tem-barra .cookiebar{bottom:84px}
}

/* página de perfume no celular: menos vazio antes do produto, foto contida, rodapé em colunas */
@media(max-width:759px){
  .pd{padding-top:20px;gap:28px}
  .pd .breadcrumb{margin-bottom:4px}
  .pd-grid{gap:24px}
  .pd-grid picture{width:100%;max-width:340px;margin:0 auto}
}
footer .fgrid+.legal{margin-top:34px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nav-links,.nav-links.on,.barra-movel,header{transition:none}
}
/* aviso de armazenamento mais compacto no celular: texto e botão lado a lado */
@media(max-width:640px){
  .cookiebar{left:10px;right:10px;padding:12px 14px;gap:12px;flex-wrap:nowrap;font-size:var(--t-xs);line-height:1.5}
  .cookiebar p{flex:1 1 auto}
  .cookiebar button{flex:none;padding:8px 14px}
}