/* ============================================================
   Ducarrinhos — folha de estilo única do site
   Todo o visual mora aqui: o HTML não tem estilo embutido, o que
   permite a regra de segurança que bloqueia código injetado.
   ============================================================ */

/* ---------- Fontes (servidas pelo próprio site) ---------- */
@font-face{font-family:'Bitter';font-style:normal;font-weight:700 900;font-display:swap;src:url("/assets/fontes/bitter-latin-ext.8c1f155977.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bitter';font-style:normal;font-weight:700 900;font-display:swap;src:url("/assets/fontes/bitter-latin.0efe0fbe60.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:'Nunito';font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/fontes/nunito-latin-ext.2c8d792869.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/fontes/nunito-latin.ba344451ea.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}

/* ---------- Temas: azul (menino, padrão) e rosa (menina) ----------
   Só os tons de apoio mudam; o amarelo da marca fica. */
:root{--t1:#0C2E3B;--t2:#123B4A;--t3:#14586A;--t4:#1B8A96;--t5:#17808C;--t6:#1A4653;--t7:#153E4A;--t8:#7FA3AC;--t9:#EFF8F7;--t10:#F7FCFB;--t11:#F6FCFB;--t12:#DBEFED;--t13:#DCEBEA;--t14:#CFE3E1;--t15:#B7D3D1;--t16:#E2EFEE;--t17:#D6E8E7;--t18:#E9F3F2;--t19:#DDEBEA;--t20:#3E6470;--t21:#6E939C;--t22:#0F6472;--t23:#93AEB4;--t24:#E6F4F5;--t25:#F4FBFA;--rgb1:12,46,59;--rgb2:239,248,247;--rgb3:27,138,150;--amarelo:#FFCE5F}
:root.tema-rosa{--t1:#6E1F44;--t2:#822752;--t3:#A23A6B;--t4:#D4548F;--t5:#C74A84;--t6:#8E3059;--t7:#7C2850;--t8:#C393AB;--t9:#FBF1F6;--t10:#FDF8FB;--t11:#FDF7FA;--t12:#F6DFEA;--t13:#F2DCE7;--t14:#EBD0DF;--t15:#E0BCD0;--t16:#F5E2EC;--t17:#EFD6E3;--t18:#F8E9F1;--t19:#F2DEE9;--t20:#7D4062;--t21:#A87390;--t22:#A03468;--t23:#C09CB0;--t24:#FBEAF2;--t25:#FDF6F9;--rgb1:110,31,68;--rgb2:251,241,246;--rgb3:212,84,143}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
html.modal-aberto{overflow:hidden}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;background:#FFFFFF;color:var(--t2);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,figure,address{margin:0}
address{font-style:normal}
img,video{max-width:100%}
button,input{font:inherit;color:inherit}
a{color:var(--t2)}
a:hover{color:var(--t22)}
input::placeholder{color:#B3A88F}
:focus-visible{outline:3px solid var(--t4);outline-offset:2px}
[hidden]{display:none!important}
.so-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Atalho de teclado para pular direto ao catálogo (aparece só com Tab) */
.pular{position:absolute;left:12px;top:-80px;z-index:200;background:var(--t2);color:var(--amarelo);padding:10px 18px;border-radius:999px;font-weight:800;text-decoration:none}
.pular:focus{top:12px;color:var(--amarelo)}

/* Fundo do site: mistura discreta azul (topo) -> amarelo (base), fixo na tela */
.fundo{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(168deg,var(--t24) 0%,var(--t25) 30%,#FFFFFF 52%,#FFF6E0 78%,#FFECC2 100%)}

/* ---------- Texturas reaproveitadas ---------- */
.xadrez-amarelo{background:repeating-linear-gradient(45deg,transparent 0,transparent 13px,rgba(255,255,255,.25) 13px,rgba(255,255,255,.25) 26px),repeating-linear-gradient(-45deg,transparent 0,transparent 13px,rgba(255,255,255,.25) 13px,rgba(255,255,255,.25) 26px),linear-gradient(90deg,#FFD983,#FFC53D)}
.pq-topo{position:relative;overflow:hidden;flex:none;height:46px;background:repeating-linear-gradient(45deg,transparent 0,transparent 13px,rgba(255,255,255,.15) 13px,rgba(255,255,255,.15) 26px),repeating-linear-gradient(-45deg,transparent 0,transparent 13px,rgba(255,255,255,.15) 13px,rgba(255,255,255,.15) 26px),linear-gradient(90deg,var(--t4),var(--t2))}
.pq-topo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,transparent 30%,rgba(0,0,0,.18) 100%)}
@keyframes flutuar{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.9}85%{opacity:.55}100%{transform:translateY(-170px) scale(.35);opacity:0}}

/* ---------- Botões ---------- */
.btn{display:inline-block;border:none;border-radius:999px;font-family:inherit;cursor:pointer;text-decoration:none;text-align:center}
/* Efeito de "encher" de cor a partir do centro, no hover */
.btn-enche{background-image:radial-gradient(circle closest-side,var(--enche) 99%,transparent 100%);background-repeat:no-repeat;background-position:center;background-size:0% 0%;transition:background-size .5s ease-out,color .35s ease,transform .3s ease}
.btn--escuro{background-color:var(--t2);color:var(--amarelo);--enche:var(--amarelo)}
.btn--amarelo{background-color:var(--amarelo);color:var(--t2);--enche:var(--t2)}
.btn--g{padding:13px 26px;font-weight:900;font-size:15px}
.btn--contorno{border:2px solid var(--t2);color:var(--t2);padding:11px 24px;font-weight:800;font-size:15px}
.btn--contorno:hover{color:var(--t2)}
.btn--sobe:active{transform:scale(.97)}
@media (hover:hover){
  .btn-enche:hover{background-size:250% 2500%}
  .btn--escuro:hover{color:var(--t2)}
  .btn--amarelo:hover{color:var(--amarelo)}
  .btn--sobe:hover{transform:translateY(-2px)}
}
/* Botões que só sobem e ganham sombra (amarelo e creme do banner) */
.btn-sombra{transition:transform .3s ease,box-shadow .4s ease}
.btn-sombra:active{transform:translateY(0) scale(.96)}
@media (hover:hover){.btn-sombra:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.35)}}
.btn--creme{background:#E9DCC9;color:#0A2240}
.btn--creme:hover{color:#0A2240}
.btn-sombra.btn--amarelo:hover{color:var(--t2)}

/* ---------- Faixa de autoridade e cabeçalho ---------- */
.faixa{color:var(--t2);text-align:center;font-size:13px;font-weight:800;padding:8px 16px;letter-spacing:.2px}
.topo{position:sticky;top:0;z-index:50;background:#FFFFFF;border-bottom:1px solid var(--t13)}
.topo__linha{max-width:1160px;margin:0 auto;padding:12px clamp(12px,3vw,20px) 10px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.marca{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--t2);text-decoration:none}
.marca:hover{color:var(--t2)}
.marca__logo{flex:none}
.marca__logo g{stroke:var(--t2)}
.marca__logo circle.olho{fill:var(--t2)}
.marca__texto{display:flex;flex-direction:column}
.marca__nome{font-family:'Bitter',Georgia,serif;font-weight:800;font-size:22px;line-height:1;letter-spacing:-.3px}
.marca__sub{font-size:8.5px;font-weight:800;letter-spacing:2.8px;color:var(--t22);margin-top:4px}
.busca{flex:1 1 220px;min-width:160px;display:flex;margin:0}
.busca input{width:100%;min-width:0;border:1.5px solid var(--t14);border-radius:999px;padding:10px 18px;font-size:16px;color:var(--t2);outline-color:var(--amarelo);background:var(--t10)}
.busca input::-webkit-search-cancel-button{cursor:pointer}
.tema-tog{position:relative;flex:none;width:58px;height:30px;border-radius:999px;border:none;padding:0;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);background:linear-gradient(135deg,#1B8A96,#14586A)}
.tema-rosa .tema-tog{background:linear-gradient(135deg,#D4548F,#822752)}
.tema-tog__bola{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:transform .3s ease}
.tema-rosa .tema-tog__bola{transform:translateX(28px)}
@media (hover:hover){.tema-tog:hover{box-shadow:0 3px 10px rgba(var(--rgb1),.35)}}
html:not(.js) .tema-tog{display:none}
.btn-topo{font-weight:800;font-size:14px;padding:11px 18px;white-space:nowrap}
.cats{max-width:1160px;margin:0 auto;padding:0 clamp(12px,3vw,20px) 10px;display:flex;gap:2px;overflow-x:auto}
.cats a{font-weight:700;font-size:14px;color:var(--t20);padding:6px 10px;white-space:nowrap;text-decoration:none}
.cats a:hover{color:var(--t2)}

/* ---------- Banner rotativo ---------- */
.banner{max-width:1160px;margin:20px auto 0;padding:0 clamp(10px,3vw,20px)}
.banner__janela{position:relative;border-radius:24px;overflow:hidden}
.banner__trilho{display:flex;transition:transform .55s ease;transform:translateX(calc(var(--slide,0) * -100%))}
.slide{flex:0 0 100%;min-width:0;position:relative;overflow:hidden;padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.slide--promo{background:radial-gradient(circle at 82% 12%,rgba(255,206,95,.22),transparent 52%),linear-gradient(135deg,#0C2E3B 0%,#123B4A 55%,#14586A 100%)}
.slide--autoridade{background:radial-gradient(circle at 82% 12%,rgba(255,206,95,.30),transparent 52%),radial-gradient(circle at 15% 95%,rgba(var(--rgb3),.25),transparent 45%),linear-gradient(135deg,var(--t1) 0%,var(--t2) 40%,var(--t3) 72%,var(--t4) 100%)}
.slide--destaque{overflow:visible;background:linear-gradient(135deg,var(--t11) 0%,var(--t9) 45%,#FFEDC9 78%,#FFE3AC 100%)}
.slide--maxi{background:radial-gradient(circle at 82% 12%,rgba(233,220,201,.16),transparent 52%),linear-gradient(135deg,#061A2E 0%,#0A2240 55%,#123B66 100%)}
.slide--loja{overflow:visible;background:#FFFFFF;border:1.5px solid var(--t13);border-radius:24px}
.slide__texto{flex:1 1 300px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.slide__texto p{font-size:16px;line-height:1.5;max-width:46ch}
.slide__titulo{font-size:clamp(26px,4vw,44px);line-height:1.1;font-weight:900;color:var(--t2)}
.slide__titulo--claro{color:#FFF}
h1.slide__titulo{font-size:clamp(28px,4.5vw,50px);line-height:1.08;color:var(--t9)}
.realce{color:var(--amarelo)}
.realce--creme{color:#E9DCC9}
.slide--promo p{color:rgba(255,255,255,.85)}
.slide--autoridade p{color:rgba(var(--rgb2),.75)}
.slide--maxi p{color:rgba(255,255,255,.82)}
.slide--loja p{color:var(--t20)}
.slide .btn{margin-top:4px}
.slide--destaque .btn{margin-top:0}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pilula{display:inline-flex;align-items:center;gap:6px;background:var(--amarelo);color:var(--t2);font-weight:900;font-size:13px;padding:6px 14px;border-radius:999px}
.pilula--rotulo{font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:5px 12px}
.pilula--escura{background:var(--t2);color:var(--amarelo);font-size:12px;padding:5px 12px}
.pilula--creme{background:#E9DCC9;color:#0A2240}
.sobretitulo{color:var(--amarelo);font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.slide--loja .sobretitulo{color:var(--t22)}
.slide__foto{flex:1 1 260px;min-width:0;width:100%;height:clamp(240px,32vw,360px);object-fit:cover;border-radius:16px}
.slide__foto--loja{object-position:center 62%}
.slide__foto--maxi{background:#fff}
.slide__produto{flex:1 1 260px;align-self:stretch;display:flex}
.slide__produto img{width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:16px;background:#fff}
.preco-destaque{display:flex;align-items:baseline;gap:10px}
.preco-destaque s{font-size:15px;color:var(--t21)}
.preco-destaque strong{font-size:30px;font-weight:900}
.botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.selo-off{flex:1 1 260px;min-width:0;display:flex;align-items:center;justify-content:center}
.selo-off__disco{background:var(--amarelo);color:var(--t2);border-radius:50%;width:clamp(180px,24vw,260px);height:clamp(180px,24vw,260px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 14px 40px rgba(0,0,0,.35);transform:rotate(-6deg)}
.selo-off__linha{font-size:clamp(15px,1.8vw,19px);font-weight:900;text-transform:uppercase;letter-spacing:1px}
.selo-off__num{font-size:clamp(52px,7vw,80px);font-weight:900;line-height:1}
.banner__seta{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:var(--amarelo);color:var(--t2);font-size:20px;font-weight:900;cursor:pointer;line-height:1;padding:0}
.banner__seta--ant{left:12px}
.banner__seta--prox{right:12px}
.banner__pontos{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}
.banner__ponto{pointer-events:auto;width:8px;height:8px;border-radius:999px;border:none;cursor:pointer;padding:0;background:var(--t15);transition:all .3s}
.banner__ponto[aria-current="true"]{width:22px;background:var(--t2)}
html:not(.js) .banner__seta,html:not(.js) .banner__pontos{display:none}
@media (max-width:640px){.banner__seta{display:none}}

/* Partículas douradas que sobem (enfeite) */
.particulas{position:absolute;inset:0;pointer-events:none}
.particulas span{position:absolute;bottom:-8px;border-radius:50%;opacity:0;animation:flutuar 8s linear infinite;background:var(--amarelo)}
.particulas span.clara{background:#FFE3AC}
.particulas--banner span:nth-child(1){left:6%;width:6px;height:6px;box-shadow:0 0 12px 3px rgba(255,206,95,.75);animation-duration:8s}
.particulas--banner span:nth-child(2){left:18%;width:4px;height:4px;box-shadow:0 0 10px 2px rgba(255,206,95,.6);animation-duration:11s;animation-delay:2.5s}
.particulas--banner span:nth-child(3){left:34%;width:7px;height:7px;box-shadow:0 0 14px 4px rgba(255,206,95,.8);animation-duration:9s;animation-delay:1.2s}
.particulas--banner span:nth-child(4){left:52%;width:5px;height:5px;box-shadow:0 0 10px 2px rgba(255,206,95,.6);animation-duration:12s;animation-delay:4s}
.particulas--banner span:nth-child(5){left:68%;width:8px;height:8px;box-shadow:0 0 16px 4px rgba(255,206,95,.85);animation-duration:7.5s;animation-delay:.6s}
.particulas--banner span:nth-child(6){left:80%;width:5px;height:5px;box-shadow:0 0 10px 2px rgba(255,206,95,.6);animation-duration:10s;animation-delay:3.2s}
.particulas--banner span:nth-child(7){left:91%;width:6px;height:6px;box-shadow:0 0 12px 3px rgba(255,206,95,.75);animation-duration:9.5s;animation-delay:5.4s}
.particulas--banner span:nth-child(8){left:44%;width:4px;height:4px;box-shadow:0 0 8px 2px rgba(255,206,95,.55);animation-duration:13s;animation-delay:6.5s}
.particulas--loja span:nth-child(1){left:10%;width:5px;height:5px;box-shadow:0 0 10px 2px rgba(255,206,95,.7);animation-duration:10s;animation-delay:1s}
.particulas--loja span:nth-child(2){left:38%;width:7px;height:7px;box-shadow:0 0 14px 3px rgba(255,206,95,.8);animation-duration:8s;animation-delay:3s}
.particulas--loja span:nth-child(3){left:62%;width:4px;height:4px;box-shadow:0 0 8px 2px rgba(255,206,95,.55);animation-duration:12s}
.particulas--loja span:nth-child(4){left:88%;width:6px;height:6px;box-shadow:0 0 12px 3px rgba(255,206,95,.75);animation-duration:9s;animation-delay:5s}

/* ---------- Catálogo ---------- */
.catalogo{scroll-margin-top:64px}
.catalogo__in{max-width:1160px;margin:0 auto;padding:clamp(36px,6vw,48px) clamp(14px,3vw,20px) clamp(44px,7vw,56px)}
.catalogo__cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px}
.secao-titulo{font-size:28px;font-weight:900}
.catalogo__conta{font-size:14px;color:var(--t21);font-weight:700}
.filtros{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:start;margin-bottom:22px}
html:not(.js) .filtros{display:none}
.filtros__rot{font-size:12px;font-weight:800;color:var(--t21);text-transform:uppercase;letter-spacing:.5px;padding-top:8px}
.filtros__rot--g{padding-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--t14);background:#fff;color:var(--t2);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .3s ease,box-shadow .4s ease,border-color .3s ease}
.chips--mini .chip{padding:6px 13px;font-size:13px}
.chip[aria-pressed="true"]{background:var(--t2);border-color:var(--t2);color:var(--amarelo)}
.chip:active{transform:translateY(0) scale(.96)}
@media (hover:hover){.chip:hover{transform:translateY(-2px) scale(1.04);border-color:var(--t2);box-shadow:0 4px 12px rgba(var(--rgb1),.35),0 10px 26px rgba(var(--rgb1),.2)}}
.grade{display:grid;gap:clamp(10px,2.5vw,16px);grid-template-columns:repeat(auto-fill,minmax(min(46%,235px),1fr))}

/* Card de produto. O título é o link (para teclado e Google) e cobre o card. */
.card{position:relative;background:#fff;border:1.5px solid var(--t13);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .35s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease,border-color .3s ease}
@media (hover:hover){.card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--t2);box-shadow:0 3px 10px rgba(var(--rgb1),.45),0 14px 34px rgba(var(--rgb1),.42),0 30px 80px rgba(var(--rgb1),.30)}}
.card:has(.card__link:focus-visible){outline:3px solid var(--t4);outline-offset:2px}
.card__foto{position:relative}
.card__foto img{aspect-ratio:1;width:100%;height:auto;object-fit:cover;display:block;background:#fff}
.selo{position:absolute;top:10px;font-size:11px;font-weight:900;padding:4px 11px;border-radius:999px}
.selo--destaque{left:10px;background:var(--amarelo);color:var(--t2)}
.selo--desconto{right:10px;background:var(--t2);color:var(--amarelo);padding:4px 9px}
.card__corpo{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;flex:1}
.meta{font-size:12px;font-weight:800;color:var(--t21);text-transform:uppercase;letter-spacing:.5px}
.card__nome{font-size:16px;font-weight:800;line-height:1.25}
.card__link,.card__link:hover{color:inherit;text-decoration:none}
.card__link:focus-visible{outline:none}
.card__link::after{content:"";position:absolute;inset:0;z-index:1}
.card__desc{font-size:13px;line-height:1.4;color:var(--t20)}
.card__rodape{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:10px}
.preco{display:flex;align-items:baseline;gap:8px}
.preco s{font-size:13px;color:var(--t21)}
.preco strong{font-size:20px;font-weight:900}
.btn-card{position:relative;z-index:2;font-weight:900;font-size:14px;padding:12px 10px;transition:background-size .5s ease-out,color .35s ease,transform .3s ease,box-shadow .4s ease,letter-spacing .3s ease}
.btn-card:active{transform:translateY(0) scale(.98)}
@media (hover:hover){.btn-card:hover{transform:translateY(-2px) scale(1.02);letter-spacing:.6px;box-shadow:0 8px 20px rgba(var(--rgb1),.45)}}
.vazio{background:var(--t9);border-radius:18px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.vazio p{font-size:16px;font-weight:700;color:var(--t20)}
.vazio .btn{padding:12px 24px;font-weight:900;font-size:14px}

/* ---------- Por que comprar ---------- */
.pq{background:rgba(255,255,255,.4);content-visibility:auto;contain-intrinsic-size:auto 520px}
.pq__in{max-width:1160px;margin:0 auto;padding:clamp(40px,7vw,56px) clamp(14px,3vw,20px)}
.pq__titulo{margin-bottom:52px}
.pq__grade{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
/* Folhas empilhadas atrás do card, que abrem no hover */
.pq-card{position:relative;z-index:0;border-radius:18px;transition:transform .48s cubic-bezier(.23,1,.32,1)}
.pq-card::before{content:"";position:absolute;top:-4%;left:50%;width:90%;height:90%;transform:translateX(-50%);background:var(--amarelo);z-index:-1;transform-origin:bottom;border-radius:18px;transition:all .48s cubic-bezier(.23,1,.32,1)}
.pq-card::after{content:"";position:absolute;top:-8%;left:50%;width:80%;height:80%;transform:translateX(-50%);background:#FFE3AC;z-index:-2;transform-origin:bottom;border-radius:18px;transition:all .48s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){
  .pq-card:hover{transform:translateY(-16px)}
  .pq-card:hover::before{rotate:-8deg;top:0;width:100%;height:100%}
  .pq-card:hover::after{rotate:8deg;top:0;width:100%;height:100%}
}
.pq-card__in{position:relative;z-index:1;height:100%;background:radial-gradient(circle at 85% 0%,rgba(255,206,95,.18),transparent 55%),linear-gradient(135deg,var(--t1) 0%,var(--t2) 55%,var(--t3) 100%);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(var(--rgb1),.18)}
.pq-card__corpo{padding:18px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pq-card__icone{width:36px;height:36px;border-radius:50%;background:var(--amarelo);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}
.pq-card h3{font-size:17px;font-weight:800;color:var(--amarelo)}
.pq-card p{font-size:14px;line-height:1.5;color:rgba(var(--rgb2),.82)}
.pq-card p strong{color:var(--amarelo)}
.nota{display:flex;align-items:baseline;gap:10px}
.nota__num{font-size:34px;font-weight:900;color:var(--amarelo);line-height:1}
.nota__estrelas{font-size:18px;color:var(--amarelo);letter-spacing:2px}
.btn-google{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border-radius:8px;border:1px solid rgba(0,0,0,.25);color:#413F3F;background-color:#fff;text-decoration:none;transition:all .6s ease}
.btn-google:hover{color:#413F3F}
.btn-google svg{height:20px;width:auto;flex:none}
@media (hover:hover){.btn-google:hover{transform:scale(1.05);box-shadow:0 6px 18px rgba(0,0,0,.25)}}

/* ---------- Loja física ---------- */
.loja{content-visibility:auto;contain-intrinsic-size:auto 560px;max-width:1160px;margin:0 auto;padding:clamp(40px,7vw,56px) clamp(14px,3vw,20px)}
.loja__caixa{position:relative;border-radius:24px;display:flex;flex-wrap:wrap;overflow:hidden;background:radial-gradient(circle at 85% 8%,rgba(255,206,95,.28),transparent 55%),radial-gradient(circle at 10% 100%,rgba(var(--rgb3),.22),transparent 45%),linear-gradient(120deg,var(--t1) 0%,var(--t2) 45%,var(--t3) 78%,var(--t5) 100%)}
.loja__caixa>.pq-topo{flex:0 0 100%}
.loja__texto{flex:1 1 320px;padding:clamp(28px,5vw,48px);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.loja__texto h2{font-size:clamp(24px,3.5vw,38px);font-weight:900;color:var(--t9);line-height:1.12}
.loja__texto p{font-size:15px;line-height:1.55;color:rgba(var(--rgb2),.75)}
.loja__end{font-size:15px;line-height:1.7;color:var(--t9)}
.loja__botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.loja__botoes .btn{font-size:14px}
.loja__botoes .btn--amarelo{padding:12px 24px;font-weight:900}
.btn--contorno-amarelo{border:2px solid var(--amarelo);color:var(--amarelo);padding:10px 22px;font-weight:800;--enche:var(--amarelo)}
@media (hover:hover){.btn--contorno-amarelo:hover{color:var(--t2)}}
.loja__mapa{flex:1 1 300px;min-height:320px;border:none;display:block}

/* ---------- Rodapé ---------- */
.rodape{background:var(--t2);color:var(--t9);content-visibility:auto;contain-intrinsic-size:auto 420px}
.rodape>.pq-topo{height:16px}
.rodape__grade{max-width:1160px;margin:0 auto;padding:clamp(36px,6vw,48px) clamp(14px,3vw,20px) 28px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.rodape__col{display:flex;flex-direction:column;gap:8px;font-size:14px;color:rgba(var(--rgb2),.85)}
.rodape__col--marca{gap:10px}
.rodape__col a.marca,.rodape__col a.marca:hover{color:var(--t9)}
.rodape .marca__logo g{stroke:var(--amarelo)}
.rodape .marca__logo circle.olho{fill:var(--amarelo)}
.rodape .marca__nome{font-size:20px}
.rodape .marca__sub{font-size:8px;letter-spacing:2.6px;color:var(--amarelo)}
.rodape__sobre{line-height:1.55;color:rgba(var(--rgb2),.7)}
.rodape__titulo{margin:0 0 4px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--amarelo)}
.rodape__col a{color:rgba(var(--rgb2),.85);text-decoration:none}
.rodape__col a:hover{color:var(--amarelo)}
.rodape__col a.btn-insta,.rodape__col a.btn-insta:hover{color:#fff}
.rodape__base{border-top:1px solid rgba(var(--rgb2),.15)}
.rodape__base p{max-width:1160px;margin:0 auto;padding:16px 20px;font-size:12.5px;line-height:1.6;color:rgba(var(--rgb2),.55)}
.redes{display:flex;align-items:center;gap:12px;margin-top:6px}
/* Botão do Instagram que expande no hover */
.btn-insta{border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition-duration:.4s;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);text-decoration:none}
.btn-insta svg{transition-duration:.3s;height:1.5em;width:auto}
.btn-insta svg path{fill:#fff}
.btn-insta .texto{position:absolute;color:#fff;width:120px;text-align:center;font-weight:700;font-size:14px;opacity:0;transition-duration:.4s}
@media (hover:hover){
  .btn-insta:hover{width:120px;border-radius:30px}
  .btn-insta:hover .texto{opacity:1}
  .btn-insta:hover svg{opacity:0}
}

/* ---------- Botão flutuante de WhatsApp ---------- */
.wa-flutua{position:fixed;right:16px;bottom:16px;z-index:90;background:#25D366;color:#fff;font-weight:900;font-size:15px;padding:14px 22px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa-flutua:hover{color:#fff}

/* ---------- Detalhe do produto (janela e página) ---------- */
.modal{position:fixed;inset:auto 0 0 0;margin:0 auto;padding:0;border:none;background:#fff;color:var(--t2);width:min(960px,100%);max-width:100%;max-height:92dvh;overflow:auto;border-radius:24px 24px 0 0}
.modal::backdrop{background:rgba(var(--rgb1,12,46,59),.55)}
.modal__fechar{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:none;background:var(--t9);color:var(--t2);font-size:20px;font-weight:900;cursor:pointer;line-height:1;padding:0}
.detalhe{position:relative;display:flex;flex-wrap:wrap}
.detalhe>.pq-topo{height:40px;flex:0 0 100%}
.detalhe__galeria{flex:1 1 340px;min-width:0;padding:clamp(14px,3.5vw,24px);display:flex;flex-direction:column;gap:10px}
.detalhe__principal img,.detalhe__principal video{aspect-ratio:1;width:100%;height:auto;object-fit:contain;display:block;border-radius:16px;background:#fff;border:1.5px solid var(--t13)}
.detalhe__principal video{object-fit:cover;background:transparent;border:none}
.miniaturas{display:flex;flex-wrap:wrap;gap:8px}
.miniatura{width:56px;height:56px;border-radius:10px;border:1.5px solid var(--t14);background:#fff;cursor:pointer;padding:0;overflow:hidden;flex:none}
.miniatura img{width:100%;height:100%;object-fit:cover;display:block}
.miniatura[aria-current="true"]{border:2px solid var(--t2)}
.miniatura--video{background:var(--t2);color:var(--amarelo);font-size:18px}
.aviso-frete{display:flex;align-items:center;gap:10px;background:var(--t9);border:1.5px solid var(--t13);border-radius:14px;padding:12px 16px}
.aviso-frete__icone{font-size:20px}
.aviso-frete p{font-size:13.5px;line-height:1.4;color:var(--t20)}
.aviso-frete strong{color:var(--t2)}
.detalhe__info{flex:1 1 320px;min-width:0;padding:clamp(14px,3.5vw,24px) clamp(14px,3.5vw,24px) 32px;display:flex;flex-direction:column;gap:12px}
.detalhe__nome{font-size:26px;font-weight:900;line-height:1.15;padding-right:36px}
.detalhe .preco{gap:10px}
.detalhe .preco s{font-size:15px}
.detalhe .preco strong{font-size:28px}
.detalhe__desc{font-size:15px;line-height:1.55;color:var(--t20)}
.detalhe__sub{margin-top:8px;font-size:15px;font-weight:900}
.parcelas{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13.5px;background:var(--t9);border:1.5px solid var(--t13);border-radius:14px;padding:14px 18px;margin:0;list-style:none}
.parcelas li{display:flex;justify-content:space-between;gap:8px}
.parcelas b{font-weight:800;color:var(--t22)}
.parcelas span{color:var(--t2);font-weight:700}
.ficha{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px;background:var(--t9);border-radius:14px;padding:16px 18px;margin:0}
.ficha dt{font-weight:800;color:var(--t22)}
.ficha dd{margin:0;color:var(--t2)}
.btn-detalhe{margin-top:8px;font-weight:900;font-size:16px;padding:15px 10px}
.btn-detalhe:active{transform:scale(.98)}
.detalhe__nota{font-size:12.5px;color:var(--t21);text-align:center}

/* Página própria de cada produto */
.produto{max-width:1160px;margin:0 auto;padding:20px clamp(10px,3vw,20px) clamp(40px,7vw,56px)}
.trilha{font-size:13px;font-weight:700;color:var(--t21);margin:0 0 14px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.trilha li+li::before{content:"›";margin-right:6px}
.trilha a{color:var(--t20);text-decoration:none}
.trilha a:hover{color:var(--t2)}
.produto__caixa{background:#fff;border:1.5px solid var(--t13);border-radius:24px;overflow:hidden}
.produto .detalhe__nome{padding-right:0}
.relacionados{margin-top:clamp(36px,6vw,48px)}
.relacionados .secao-titulo{margin-bottom:16px}

/* Página de erro (404) */
.erro{max-width:640px;margin:0 auto;padding:clamp(48px,10vw,96px) 20px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.erro h1{font-size:clamp(28px,5vw,40px);font-weight:900}
.erro p{font-size:16px;line-height:1.55;color:var(--t20)}

/* ---------- Quem prefere menos movimento ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .particulas{display:none}
}