/* Mentoria Pedagógica · estilo global da loja */
:root{
  --tinta:#1C2A3A; --tinta-2:#26384B; --tinta-3:#324861;
  --sun:#FFC83D; --sun-2:#F5B614;
  --sky:#3FA9DB; --sky-deep:#1F7FAE;
  --melon:#D8452E; --grama:#1F8A4C; --laranja:#F28C28;
  --fundo:#EEF1F4; --linha:#DDE2E7; --linha-2:#ECEFF2;
  --txt:#1C2A3A; --txt-2:#4A5666; --txt-3:#6B7684;
  --sombra:0 1px 2px rgba(28,42,58,.06), 0 2px 8px rgba(28,42,58,.05);
  --sombra-2:0 10px 30px rgba(28,42,58,.18);
  --r:12px; --r-lg:16px;
  --fs-3xl:clamp(34px, 5vw, 56px);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:120px;}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{transition:none !important;} }
body{margin:0; font-family:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size:15px; line-height:1.45; color:var(--txt); background:var(--fundo); -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,p{margin:0;}
a{color:inherit; text-decoration:none;}
img,svg{max-width:100%; display:block;}
button,input,select,textarea{font:inherit; color:inherit;}
:focus-visible{outline:3px solid var(--sky); outline-offset:2px;}
.wrap{max-width:1440px; margin:0 auto; padding:0 20px;}
.num{font-variant-numeric:tabular-nums;}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
a.sr-only:focus{position:fixed; top:8px; left:8px; width:auto; height:auto; clip:auto; z-index:100; background:var(--sun); color:var(--tinta); padding:10px 14px; border-radius:8px; font-weight:700;}

/* ---------- botões e campos ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:999px; padding:10px 20px; font-weight:600; font-size:15px; cursor:pointer; text-align:center; transition:background .15s ease, border-color .15s ease;}
.btn:disabled{opacity:.5; cursor:not-allowed;}
.btn-sun{background:var(--sun); color:var(--tinta);}
.btn-sun:hover:not(:disabled){background:var(--sun-2);}
.btn-laranja{background:var(--laranja); color:#fff;}
.btn-laranja:hover{background:#DB7815;}
.btn-tinta{background:var(--tinta); color:#fff;}
.btn-tinta:hover{background:var(--tinta-3);}
.btn-linha{background:#fff; border-color:#C4CBD3; color:var(--tinta);}
.btn-linha:hover{background:#F4F6F8; border-color:#A6AFB9;}
.btn-sm{padding:7px 14px; font-size:13.5px;}
.btn-lg{padding:13px 26px; font-size:16px;}
.btn-full{width:100%;}
.inp,.campo input{width:100%; border:1px solid #C4CBD3; border-radius:8px; padding:10px 12px; background:#fff; font-size:15px;}
.inp:focus,.campo input:focus{border-color:var(--sky-deep); outline:none; box-shadow:0 0 0 3px rgba(63,169,219,.25);}
.campo{margin-bottom:14px;}
.campo label{display:block; font-size:14px; font-weight:600; margin-bottom:6px;}
.link{color:var(--sky-deep); font-size:14px; font-weight:500;}
.link:hover{color:#C45500; text-decoration:underline;}

/* ---------- cabeçalho ---------- */
.site-header{position:sticky; top:0; z-index:50;}
.hdr-top{background:var(--tinta); color:#fff;}
.hdr-top-in{display:flex; align-items:center; gap:10px; min-height:64px; padding-top:8px; padding-bottom:8px;}
.logo{display:block; flex:none; padding:4px 6px; border-radius:6px;}
.logo img{height:40px; width:auto;}
.hdr-box{display:flex; flex-direction:column; justify-content:center; padding:6px 10px; border:1px solid transparent; border-radius:6px; line-height:1.2; white-space:nowrap; color:#fff;}
.hdr-box:hover{border-color:rgba(255,255,255,.7);}
.hdr-box small{font-size:12px; color:#C9D2DC;}
.hdr-box strong{font-size:14px; font-weight:700;}
.busca{flex:1; display:flex; min-width:0; height:42px; border-radius:8px; overflow:hidden; background:#fff; margin:0 6px;}
.busca:focus-within{box-shadow:0 0 0 3px var(--sun);}
.busca select{border:none; background:#E9ECEF; color:#333; font-size:13px; padding:0 8px; max-width:150px; cursor:pointer; border-right:1px solid #CDD3D9;}
.busca input{flex:1; min-width:0; border:none; padding:0 12px; font-size:15px; color:var(--txt); outline:none;}
.busca button{width:52px; border:none; background:var(--sun); cursor:pointer; display:flex; align-items:center; justify-content:center;}
.busca button:hover{background:var(--sun-2);}
.busca button svg{width:22px; height:22px;}
.hdr-cart{flex-direction:row; align-items:flex-end; gap:4px;}
.hdr-cart .ic{position:relative; width:40px; height:34px;}
.hdr-cart .ic svg{width:40px; height:34px;}
.hdr-cart .qtd{position:absolute; top:-4px; left:16px; min-width:20px; text-align:center; color:var(--sun); font-weight:800; font-size:15px;}
.hdr-nav{background:var(--tinta-2); color:#fff;}
.hdr-nav-in{display:flex; align-items:center; gap:2px; overflow-x:auto; scrollbar-width:none; min-height:40px;}
.hdr-nav-in::-webkit-scrollbar{display:none;}
.hdr-nav-in a{padding:7px 10px; border:1px solid transparent; border-radius:4px; font-size:14px; white-space:nowrap;}
.hdr-nav-in a:hover{border-color:rgba(255,255,255,.7);}
.hdr-nav-in .todos{display:flex; align-items:center; gap:6px; font-weight:700;}
.hdr-nav-in .todos svg{width:18px; height:18px;}
.hdr-nav-in .destaque{color:var(--sun); font-weight:700;}
.hdr-nav-in .aviso{margin-left:auto; padding-left:16px; font-size:14px; font-weight:600; color:var(--sun); white-space:nowrap;}

/* menu Devoluções e Pedidos (login e conta ficam aqui dentro) */
.hdr-menu{position:relative; display:flex;}
.hdr-menu > .hdr-box{background:none; cursor:pointer; text-align:left; font:inherit;}
.hdr-menu > .hdr-box strong{display:inline-flex; align-items:center; gap:4px;}
.hdr-menu > .hdr-box .seta{width:10px; height:10px; transition:transform .15s ease;}
.hdr-menu.aberto > .hdr-box .seta{transform:rotate(180deg);}
.hdr-menu-painel{position:absolute; top:100%; right:0; z-index:60; width:270px; max-width:calc(100vw - 24px); padding-top:10px; display:none;}
.hdr-menu.aberto .hdr-menu-painel{display:block;}
@media (hover:hover){ .hdr-menu:hover .hdr-menu-painel{display:block;} .hdr-menu:hover > .hdr-box .seta{transform:rotate(180deg);} }
.hdr-menu-caixa{position:relative; background:#fff; color:var(--tinta); border-radius:var(--r); box-shadow:var(--sombra-2);}
.hdr-menu-caixa::before{content:""; position:absolute; top:-6px; right:30px; width:12px; height:12px; background:#fff; transform:rotate(45deg);}
.hdr-menu-login{position:relative; padding:18px 18px 14px; text-align:center; border-bottom:1px solid var(--linha-2);}
.hdr-menu-login p{font-size:14px; color:var(--txt-2); margin-bottom:10px;}
.hdr-menu-login .btn{width:100%;}
.hdr-menu-login small{display:block; margin-top:10px; font-size:12.5px; color:var(--txt-3);}
.hdr-menu-login small a{color:var(--sky-deep); font-weight:600;}
.hdr-menu-login small a:hover{text-decoration:underline;}
.hdr-menu-lista{list-style:none; margin:0; padding:6px 0;}
.hdr-menu-lista a{display:flex; align-items:center; gap:10px; padding:10px 18px; font-size:14px;}
.hdr-menu-lista a:hover,.hdr-menu-lista a:focus-visible{background:#F4F6F8; color:#C45500;}
.hdr-menu-lista svg{width:18px; height:18px; flex:none; color:var(--txt-3);}

@media (max-width:860px){
  .hdr-top-in{flex-wrap:wrap; gap:4px; padding-top:6px; padding-bottom:10px;}
  .logo{margin-right:auto;} .logo img{height:34px;}
  .busca{order:10; flex-basis:100%; margin:4px 0 0;}
  .busca select{display:none;}
  .hdr-cart strong{display:none;}
  .hdr-box{padding:6px 8px;}
  .hdr-nav-in .aviso{display:none;}
}

/* ---------- blocos comuns ---------- */
.painel{background:#fff; border-radius:var(--r); padding:20px; box-shadow:var(--sombra);}
.sec-titulo{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px;}
.sec-titulo h2{font-size:21px; font-weight:700;}
.migalhas{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; color:var(--txt-3); padding:14px 0;}
.migalhas a{color:var(--sky-deep);}
.migalhas a:hover{text-decoration:underline;}
.trilho{display:grid; grid-auto-flow:column; grid-auto-columns:200px; gap:14px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity;}
.trilho > *{scroll-snap-align:start;}

/* preço, selo e estrelas */
.preco{display:inline-flex; align-items:flex-start; font-weight:600; font-size:22px; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap;}
.preco small{font-size:.5em; margin:.18em 2px 0 0; font-weight:600;}
.preco sup{font-size:.5em; margin-top:.18em; top:0; position:static;}
.selo{display:inline-block; background:var(--melon); color:#fff; font-weight:700; font-size:12px; padding:4px 8px; border-radius:6px; line-height:1.1;}
.selo.sun{background:var(--sun); color:var(--tinta);}
.selo.tinta{background:var(--tinta); color:#fff;}
.estrelas{display:inline-flex; align-items:center; gap:6px; vertical-align:middle;}
.estrelas .fx{position:relative; display:inline-block; line-height:0; white-space:nowrap;}
.estrelas .fx span{display:inline-flex;}
.estrelas .fx .on{position:absolute; inset:0 auto 0 0; overflow:hidden;}
.estrelas svg{width:15px; height:15px; flex:none;}
.estrelas .qtd{font-size:13px; color:var(--sky-deep);}

/* card de produto */
.pcard{background:#fff; border:1px solid var(--linha-2); border-radius:var(--r); padding:12px; display:flex; flex-direction:column; gap:6px; min-width:0;}
.grade .pcard{box-shadow:var(--sombra); border-color:transparent;}
.pcard .thumb{position:relative; aspect-ratio:1/1; background:#F7F8FA; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:4px;}
.pcard .thumb svg{width:78%; height:78%; transition:transform .2s ease;}
.pcard:hover .thumb svg{transform:scale(1.04);}
.pcard .thumb .selo{position:absolute; top:8px; left:8px;}
.pcard .nome{font-size:14px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;}
.pcard .nome:hover{color:#C45500;}
.pcard .de{font-size:12.5px; color:var(--txt-3);}
.pcard .pix{font-size:12.5px; color:var(--grama);}
.pcard .frete-g{font-size:12px; color:var(--txt-2);}
.pcard .frete-g b{color:var(--grama);}
.pcard .btn{margin-top:auto;}
.pcard .acoes{margin-top:auto; padding-top:6px;}

/* faixa de confiança */
.confianca{background:#fff; border-top:1px solid var(--linha); padding:22px 0;}
.confianca .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.confianca .it{display:flex; gap:12px; align-items:center;}
.confianca svg{width:34px; height:34px; flex:none; color:var(--sky-deep);}
.confianca strong{display:block; font-size:15px;}
.confianca span{font-size:13px; color:var(--txt-2);}
@media (max-width:860px){ .confianca .wrap{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .confianca .wrap{grid-template-columns:1fr;} }

/* rodapé */
.topo-btn{display:block; width:100%; border:none; background:var(--tinta-3); color:#fff; padding:14px; font-size:13.5px; cursor:pointer;}
.topo-btn:hover{background:#3C5572;}
.rodape{background:var(--tinta-2); color:#DDE3EA; padding:36px 0;}
.rodape-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:28px;}
.rodape p{font-size:14px; line-height:1.6; margin:12px 0 14px; max-width:320px; color:#C9D2DC;}
.rodape h4{color:#fff; font-size:15px; margin-bottom:10px;}
.rodape-grid > div > a:not(.logo){display:block; font-size:14px; padding:4px 0; color:#C9D2DC;}
.rodape-grid > div > a:not(.logo):hover{color:#fff; text-decoration:underline;}
.pagamentos{display:flex; gap:6px; flex-wrap:wrap;}
.pagamentos span{background:#fff; color:var(--tinta); font-size:12px; font-weight:700; padding:4px 8px; border-radius:4px;}
.rodape-base{background:var(--tinta); color:#A9B4C0; font-size:12.5px; padding:14px 0;}
.rodape-base .wrap{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;}
@media (max-width:860px){ .rodape-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .rodape-grid{grid-template-columns:1fr;} }

/* aviso de item adicionado */
.toast{position:fixed; right:20px; bottom:20px; z-index:80; display:flex; align-items:center; gap:12px; background:#fff; border-radius:var(--r); box-shadow:var(--sombra-2); padding:12px 14px; max-width:min(380px, calc(100vw - 40px)); transform:translateY(20px); opacity:0; pointer-events:none; transition:transform .2s ease, opacity .2s ease, bottom .2s ease;}
.toast.on{transform:none; opacity:1; pointer-events:auto;}
.toast .t{width:52px; height:52px; flex:none; background:#F7F8FA; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.toast .t svg{width:44px; height:44px;}
.toast b{display:block; color:var(--grama); font-size:14px;}
.toast span{font-size:13px; color:var(--txt-2); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.toast .btn{flex:none;}

/* ---- página: loja ---- */
body.pg-loja .hero{background:linear-gradient(180deg,#FFE7A8 0%, #FFF1CC 55%, var(--fundo) 100%); padding:44px 0 150px; overflow:hidden;}
body.pg-loja .hero .wrap{display:grid; grid-template-columns:1.05fr .95fr; gap:30px; align-items:center;}
body.pg-loja .hero .etiqueta{display:inline-block; background:var(--tinta); color:var(--sun); font-weight:700; font-size:13px; padding:6px 12px; border-radius:999px; margin-bottom:16px;}
body.pg-loja .hero h1{font-size:var(--fs-3xl); font-weight:800; line-height:1.05; letter-spacing:-.02em; max-width:560px;}
body.pg-loja .hero .lead{font-size:17px; color:#3B4756; max-width:470px; margin:16px 0 24px; line-height:1.6;}
body.pg-loja .hero .ctas{display:flex; gap:12px; flex-wrap:wrap;}
body.pg-loja .hero-arte{position:relative; height:320px;}
body.pg-loja .hero-arte .obj{position:absolute; filter:drop-shadow(0 10px 18px rgba(28,42,58,.16));}
body.pg-loja .hero-arte .obj svg{width:100%; height:100%;}
body.pg-loja .hero-arte .o1{width:230px; height:230px; left:4%; top:30px; transform:rotate(-8deg);}
body.pg-loja .hero-arte .o2{width:190px; height:190px; left:42%; top:0;}
body.pg-loja .hero-arte .o3{width:210px; height:210px; right:0; top:110px; transform:rotate(6deg);}
body.pg-loja .hero-arte .preco-tag{position:absolute; left:38%; bottom:6px; background:#fff; border-radius:12px; padding:10px 14px; box-shadow:var(--sombra-2); font-size:13px;}
body.pg-loja .hero-arte .preco-tag b{display:block; font-size:20px; color:var(--melon);}
body.pg-loja .vitrine{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:-120px; position:relative; z-index:2;}
body.pg-loja .vcard{background:#fff; padding:18px 18px 16px; display:flex; flex-direction:column; box-shadow:var(--sombra); border-radius:var(--r);}
body.pg-loja .vcard h2{font-size:19px; margin-bottom:12px;}
body.pg-loja .mini{display:grid; grid-template-columns:1fr 1fr; gap:12px 12px; flex:1;}
body.pg-loja .mini a{display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--txt-2);}
body.pg-loja .mini a:hover span{color:#C45500; text-decoration:underline;}
body.pg-loja .mini .t{aspect-ratio:1/1; background:#F4F6F8; border-radius:6px; display:flex; align-items:center; justify-content:center;}
body.pg-loja .mini .t svg{width:80%; height:80%;}
body.pg-loja .vcard .unico{flex:1; background:#E4F3FB; border-radius:8px; display:flex; align-items:center; justify-content:center; min-height:200px;}
body.pg-loja .vcard .unico svg{width:70%;}
body.pg-loja .vcard .unico-txt{font-size:14px; color:var(--txt-2); margin:12px 0 4px;}
body.pg-loja .vcard .mais{font-size:13.5px; color:var(--sky-deep); margin-top:12px; font-weight:500;}
body.pg-loja .vcard .mais:hover{color:#C45500; text-decoration:underline;}
body.pg-loja .bloco{margin-top:20px;}
body.pg-loja .ofertas .sec-titulo h2{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
body.pg-loja .relogio{font-size:14px; font-weight:600; color:var(--melon); background:#FDECEA; padding:4px 10px; border-radius:6px; font-variant-numeric:tabular-nums;}
body.pg-loja .ofertas .pcard .thumb{aspect-ratio:1/1;}
body.pg-loja .cats{display:grid; grid-template-columns:repeat(7,1fr); gap:14px;}
body.pg-loja .cat{background:none; border:none; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:10px; padding:6px 4px; border-radius:var(--r);}
body.pg-loja .cat:hover{background:#F4F6F8;}
body.pg-loja .cat .circ{width:96px; height:96px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid transparent; transition:border-color .15s ease;}
body.pg-loja .cat:hover .circ{border-color:var(--sky-deep);}
body.pg-loja .cat .circ svg{width:66%; height:66%;}
body.pg-loja .cat span{font-size:14px; font-weight:600; text-align:center; line-height:1.25;}
body.pg-loja .resultados{display:grid; grid-template-columns:240px 1fr; gap:20px; align-items:start;}
body.pg-loja .filtros{background:#fff; border-radius:var(--r); padding:18px; position:sticky; top:118px; box-shadow:var(--sombra);}
body.pg-loja .filtros > summary{display:none;}
body.pg-loja .fgrupo{padding:12px 0; border-bottom:1px solid var(--linha-2);}
body.pg-loja .fgrupo:first-of-type{padding-top:0;}
body.pg-loja .fgrupo:last-of-type{border-bottom:none;}
body.pg-loja .fgrupo h3{font-size:14.5px; margin-bottom:8px;}
body.pg-loja .fgrupo label{display:flex; align-items:center; gap:8px; font-size:14px; padding:4px 0; cursor:pointer;}
body.pg-loja .fgrupo label small{color:var(--txt-3); margin-left:auto; font-variant-numeric:tabular-nums;}
body.pg-loja .fgrupo input{accent-color:var(--sky-deep); width:16px; height:16px;}
body.pg-loja .limpar{background:none; border:none; color:var(--sky-deep); font-size:13.5px; cursor:pointer; padding:0; margin-top:10px;}
body.pg-loja .limpar:hover{color:#C45500; text-decoration:underline;}
body.pg-loja .res-topo{background:#fff; border-radius:var(--r); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; box-shadow:var(--sombra);}
body.pg-loja .res-topo p{font-size:14.5px;}
body.pg-loja .res-topo p b{color:#C45500;}
body.pg-loja .res-topo select{border:1px solid #C4CBD3; background:#F3F5F7; border-radius:8px; padding:7px 10px; font-size:13.5px; cursor:pointer;}
body.pg-loja .ativos{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px;}
body.pg-loja .ativos:empty{display:none;}
body.pg-loja .tag-filtro{display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid #C4CBD3; border-radius:999px; padding:5px 10px 5px 12px; font-size:13px; cursor:pointer;}
body.pg-loja .tag-filtro:hover{border-color:var(--tinta);}
body.pg-loja .tag-filtro b{font-size:15px; line-height:1;}
body.pg-loja .grade{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
body.pg-loja .vazio{background:#fff; border-radius:var(--r); padding:40px 20px; text-align:center; display:none;}
body.pg-loja .vazio h3{font-size:18px; margin-bottom:6px;}
body.pg-loja .vazio p{color:var(--txt-2); margin-bottom:16px;}
body.pg-loja .kit-box{display:grid; grid-template-columns:1fr 1fr; gap:0; padding:0; overflow:hidden;}
body.pg-loja .kit-lado{padding:28px;}
body.pg-loja .kit-lado h2{font-size:26px;}
body.pg-loja .kit-lado > p{color:var(--txt-2); margin:8px 0 18px; max-width:460px;}
body.pg-loja .kit-lista{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
body.pg-loja .kit-lista label{display:grid; grid-template-columns:22px 48px 1fr auto; align-items:center; gap:12px; border:1px solid var(--linha); border-radius:10px; padding:8px 12px; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
body.pg-loja .kit-lista label:hover{border-color:#A6AFB9;}
body.pg-loja .kit-lista input{width:18px; height:18px; accent-color:var(--grama);}
body.pg-loja .kit-lista .t{width:48px; height:48px; background:#F4F6F8; border-radius:6px; display:flex; align-items:center; justify-content:center;}
body.pg-loja .kit-lista .t svg{width:40px; height:40px;}
body.pg-loja .kit-lista .nm{font-size:14.5px; font-weight:500;}
body.pg-loja .kit-lista .pr{font-weight:600; font-variant-numeric:tabular-nums;}
body.pg-loja .kit-lista label:has(input:checked){border-color:var(--grama); background:#EEF8F1;}
body.pg-loja .kit-total{display:flex; justify-content:space-between; align-items:flex-end; margin:18px 0 6px; padding-top:14px; border-top:1px dashed var(--linha);}
body.pg-loja .kit-total .preco{font-size:32px;}
body.pg-loja .kit-nota{font-size:13px; color:var(--txt-3); margin-bottom:14px;}
body.pg-loja .barra{height:8px; background:var(--linha-2); border-radius:99px; overflow:hidden; margin:8px 0 4px;}
body.pg-loja .barra i{display:block; height:100%; background:var(--grama); width:0; transition:width .3s ease;}
body.pg-loja .kit-visual{background:#1F7FAE; color:#fff; padding:32px; display:flex; flex-direction:column; justify-content:space-between; position:relative;}
body.pg-loja .kit-visual svg{display:block; width:min(300px, 80%); margin:10px auto 0;}
body.pg-loja .kit-visual h3{font-size:24px; line-height:1.2;}
body.pg-loja .kit-visual p{opacity:.92; max-width:380px; margin-top:8px;}
@media (max-width:1180px){body.pg-loja .grade{grid-template-columns:repeat(3,1fr);}
body.pg-loja .cats{grid-template-columns:repeat(4,1fr);}}
@media (max-width:980px){body.pg-loja .hero .wrap{grid-template-columns:1fr;}
body.pg-loja .hero{padding-bottom:130px;}
body.pg-loja .hero-arte{height:250px;}
body.pg-loja .hero-arte .o1{width:170px;height:170px;}
body.pg-loja .hero-arte .o2{width:150px;height:150px;}
body.pg-loja .hero-arte .o3{width:160px;height:160px; top:80px;}
body.pg-loja .vitrine{grid-template-columns:repeat(2,1fr);}
body.pg-loja .resultados{grid-template-columns:1fr;}
body.pg-loja .filtros{position:static; padding:0;}
body.pg-loja .filtros > summary{display:flex; justify-content:space-between; padding:14px 16px; font-weight:700; cursor:pointer; list-style:none;}
body.pg-loja .filtros > summary::-webkit-details-marker{display:none;}
body.pg-loja .filtros .fcorpo{padding:0 16px 14px;}
body.pg-loja .kit-box{grid-template-columns:1fr;}}
@media (max-width:680px){body.pg-loja .hero{padding-top:28px;}
body.pg-loja .hero-arte{display:none;}
body.pg-loja .vitrine{grid-template-columns:1fr; margin-top:-110px;}
body.pg-loja .grade{grid-template-columns:repeat(2,1fr); gap:10px;}
body.pg-loja .cats{grid-template-columns:repeat(4,1fr); gap:6px;}
body.pg-loja .cat .circ{width:66px; height:66px;}
body.pg-loja .cat span{font-size:12.5px;}
body.pg-loja .kit-lista label{grid-template-columns:20px 40px 1fr;}
body.pg-loja .kit-lista .pr{grid-column:3;}}
/* ---- página: produto ---- */
body.pg-produto .pdp > *{min-width:0;}
body.pg-produto .pdp{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:28px; background:#fff; border-radius:var(--r); padding:24px; box-shadow:var(--sombra);}
body.pg-produto .galeria{display:grid; grid-template-columns:72px 1fr; gap:14px; align-self:start; position:sticky; top:118px;}
body.pg-produto .miniaturas{display:flex; flex-direction:column; gap:10px;}
body.pg-produto .miniaturas button{width:72px; height:72px; border:1px solid var(--linha); border-radius:8px; background:#F7F8FA; padding:6px; cursor:pointer;}
body.pg-produto .miniaturas button svg,body.pg-produto .miniaturas button img{width:100%; height:100%;}
body.pg-produto .miniaturas button[aria-pressed="true"]{border:2px solid var(--sky-deep); box-shadow:0 0 0 3px rgba(63,169,219,.2);}
body.pg-produto .palco{position:relative; aspect-ratio:1/1; background:#F7F8FA; border-radius:var(--r-lg); overflow:hidden; cursor:zoom-in;}
body.pg-produto .palco .img{width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:transform .15s ease-out;}
body.pg-produto .palco .img svg,body.pg-produto .palco .img img{width:82%; height:82%;}
body.pg-produto .palco.zoom .img{transform:scale(1.9);}
body.pg-produto .palco .selo{position:absolute; top:14px; left:14px; font-size:13px; padding:6px 10px;}
body.pg-produto .palco .dica{position:absolute; bottom:12px; left:50%; transform:translateX(-50%); background:rgba(255,255,255,.92); font-size:12.5px; color:var(--txt-2); padding:4px 10px; border-radius:99px; pointer-events:none;}
body.pg-produto .palco.zoom .dica{display:none;}
body.pg-produto .palco .dica{white-space:nowrap;}
@media (hover:none){body.pg-produto .palco .dica{display:none;}
body.pg-produto .palco{cursor:default;}}
body.pg-produto .det .topo{display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:13px; color:var(--txt-3); margin-bottom:8px;}
body.pg-produto .det .topo a{color:var(--sky-deep);}
body.pg-produto .det h1{font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-.01em;}
body.pg-produto .det .aval{display:flex; align-items:center; gap:10px; margin:10px 0 4px; flex-wrap:wrap; font-size:14px;}
body.pg-produto .det .aval .nota{font-weight:700;}
body.pg-produto .det .aval a{color:var(--sky-deep);}
body.pg-produto .det .aval a:hover{text-decoration:underline;}
body.pg-produto .det .vendidos{font-size:13px; color:var(--txt-3);}
body.pg-produto .sep{border:none; border-top:1px solid var(--linha); margin:16px 0;}
body.pg-produto .variantes h2{font-size:14.5px; font-weight:500; margin-bottom:8px;}
body.pg-produto .variantes h2 b{font-weight:700;}
body.pg-produto .swatches{display:flex; gap:10px; flex-wrap:wrap;}
body.pg-produto .swatches button{width:62px; height:62px; border-radius:10px; border:1px solid var(--linha); background:#F7F8FA; padding:4px; cursor:pointer;}
body.pg-produto .swatches button svg{width:100%; height:100%;}
body.pg-produto .swatches button[aria-pressed="true"]{border:2px solid var(--sky-deep);}
body.pg-produto .caixa-preco{border:1px solid var(--linha); border-radius:var(--r-lg); padding:18px; margin-top:16px;}
body.pg-produto .caixa-preco .de{font-size:14px; color:var(--txt-3);}
body.pg-produto .caixa-preco .de s{font-variant-numeric:tabular-nums;}
body.pg-produto .caixa-preco .grande{display:flex; align-items:center; gap:12px; margin:4px 0;}
body.pg-produto .caixa-preco .grande .preco{font-size:40px; font-weight:600;}
body.pg-produto .caixa-preco .pix{display:flex; align-items:center; gap:8px; font-size:15px; margin-top:6px;}
body.pg-produto .caixa-preco .pix b{color:var(--grama); font-size:17px;}
body.pg-produto .caixa-preco .pix .ico{width:22px; height:22px; flex-shrink:0;}
body.pg-produto .caixa-preco .parc{font-size:14.5px; color:var(--txt-2); margin-top:4px;}
body.pg-produto .caixa-preco details{margin-top:6px; font-size:13.5px;}
body.pg-produto .caixa-preco summary{color:var(--sky-deep); cursor:pointer; display:inline-block;}
body.pg-produto .caixa-preco summary:hover{text-decoration:underline;}
body.pg-produto .tabela-parc{display:grid; grid-template-columns:1fr 1fr; gap:4px 18px; margin-top:10px; font-variant-numeric:tabular-nums; color:var(--txt-2);}
body.pg-produto .estoque{font-size:15px; font-weight:600; color:var(--grama); margin:14px 0 10px;}
body.pg-produto .estoque.pouco{color:var(--melon);}
body.pg-produto .qtd-linha{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
body.pg-produto .qtd-linha label{font-size:14px;}
body.pg-produto .qtd-linha select{border:1px solid #C4CBD3; background:#F3F5F7; border-radius:8px; padding:7px 10px; cursor:pointer;}
body.pg-produto .botoes{display:grid; gap:10px;}
body.pg-produto .botoes .btn{padding:14px; font-size:16px;}
body.pg-produto .vendedor{display:grid; grid-template-columns:auto 1fr; gap:4px 12px; font-size:13.5px; margin-top:14px; color:var(--txt-2);}
body.pg-produto .vendedor b{color:var(--txt); font-weight:600;}
body.pg-produto .frete{border:1px solid var(--linha); border-radius:var(--r-lg); padding:16px 18px; margin-top:14px;}
body.pg-produto .frete h2{font-size:15px; margin-bottom:10px; display:flex; align-items:center; gap:8px;}
body.pg-produto .frete h2 svg{width:20px; height:20px; color:var(--sky-deep);}
body.pg-produto .frete form{display:flex; gap:8px;}
body.pg-produto .frete .inp{flex:1; min-width:0;}
body.pg-produto .frete .res{margin-top:12px; display:grid; gap:8px;}
body.pg-produto .frete .op{display:flex; justify-content:space-between; gap:10px; font-size:14px; padding:10px 12px; background:#F7F8FA; border-radius:8px;}
body.pg-produto .frete .op b{font-variant-numeric:tabular-nums;}
body.pg-produto .frete .op .g{color:var(--grama);}
body.pg-produto .frete .erro{color:var(--melon); font-size:13.5px;}
body.pg-produto .frete .nao-sei{font-size:12.5px; color:var(--sky-deep); display:inline-block; margin-top:8px;}
body.pg-produto .abas{display:flex; gap:4px; background:#fff; border-radius:var(--r); padding:6px; margin-top:20px; box-shadow:var(--sombra); overflow-x:auto;}
body.pg-produto .abas a{padding:10px 16px; border-radius:8px; font-weight:600; font-size:14.5px; white-space:nowrap;}
body.pg-produto .abas a:hover{background:#F4F6F8;}
body.pg-produto .junto{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
body.pg-produto .junto .item{display:flex; flex-direction:column; align-items:center; gap:6px; width:150px; text-align:center; font-size:13px;}
body.pg-produto .junto .item label{display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer;}
body.pg-produto .junto .item .t{width:130px; height:130px; background:#F7F8FA; border-radius:10px; display:flex; align-items:center; justify-content:center; border:2px solid transparent;}
body.pg-produto .junto .item input:checked + .t{border-color:var(--sky-deep);}
body.pg-produto .junto .item input{accent-color:var(--sky-deep);}
body.pg-produto .junto .item .t svg{width:80%; height:80%;}
body.pg-produto .junto .item .nm{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--txt);}
body.pg-produto .junto .mais{font-size:28px; color:var(--txt-3); font-weight:300;}
body.pg-produto .junto .tot{margin-left:auto; min-width:220px;}
body.pg-produto .junto .tot .preco{font-size:28px;}
body.pg-produto .junto .tot p{font-size:13.5px; color:var(--txt-2); margin:4px 0 10px;}
body.pg-produto .desc{display:grid; grid-template-columns:1.2fr 1fr; gap:32px;}
body.pg-produto .desc h2,body.pg-produto .ficha h2{font-size:21px; margin-bottom:12px;}
body.pg-produto .desc p{color:#333F4D; line-height:1.7; margin-bottom:12px; max-width:68ch;}
body.pg-produto .desc ul{margin:0; padding-left:20px; color:#333F4D; line-height:1.7;}
body.pg-produto .desc ul li{margin-bottom:4px;}
body.pg-produto .ficha table{width:100%; max-width:820px; border-collapse:collapse; font-size:14px;}
body.pg-produto .ficha th,body.pg-produto .ficha td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--linha-2); vertical-align:top;}
body.pg-produto .ficha th{background:#F4F6F8; width:42%; font-weight:600;}
body.pg-produto .aval-grid{display:grid; grid-template-columns:300px 1fr; gap:36px;}
body.pg-produto .resumo .media{display:flex; align-items:center; gap:12px; margin:6px 0 4px;}
body.pg-produto .resumo .media b{font-size:44px; font-weight:700; line-height:1;}
body.pg-produto .resumo .media .estrelas svg{width:20px; height:20px;}
body.pg-produto .resumo .total{font-size:13.5px; color:var(--txt-3); margin-bottom:14px;}
body.pg-produto .dist{display:grid; grid-template-columns:auto 1fr 38px; gap:8px 10px; align-items:center; font-size:13.5px;}
body.pg-produto .dist .bar{height:14px; background:var(--linha-2); border-radius:4px; overflow:hidden;}
body.pg-produto .dist .bar i{display:block; height:100%; background:#FFA41C;}
body.pg-produto .dist span:nth-child(3n){text-align:right; font-variant-numeric:tabular-nums; color:var(--txt-2);}
body.pg-produto .resumo .escrever{margin-top:18px;}
body.pg-produto .resumo .escrever p{font-size:13.5px; color:var(--txt-2); margin-bottom:8px;}
body.pg-produto .rev{padding:16px 0; border-bottom:1px solid var(--linha-2);}
body.pg-produto .rev:first-child{padding-top:0;}
body.pg-produto .rev .quem{display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; margin-bottom:6px;}
body.pg-produto .rev .av{width:32px; height:32px; border-radius:50%; background:#DDE8F2; color:var(--tinta); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700;}
body.pg-produto .rev .tit{display:flex; align-items:center; gap:8px; font-weight:700; font-size:14.5px; flex-wrap:wrap;}
body.pg-produto .rev .meta{font-size:12.5px; color:var(--txt-3); margin:2px 0 6px;}
body.pg-produto .rev .meta b{color:#C45500; font-weight:600;}
body.pg-produto .rev p{font-size:14.5px; line-height:1.6; color:#333F4D;}
body.pg-produto .rev .util{margin-top:8px; font-size:13px; color:var(--txt-3); display:flex; align-items:center; gap:10px;}
body.pg-produto .rev .util button{border:1px solid #C4CBD3; background:#fff; border-radius:99px; padding:4px 14px; font-size:13px; cursor:pointer;}
body.pg-produto .rev .util button:hover{background:#F4F6F8;}
body.pg-produto:has(.barra-fixa.on) .toast{bottom:88px;}
body.pg-produto .barra-fixa{position:fixed; left:0; right:0; bottom:0; background:#fff; box-shadow:0 -4px 16px rgba(28,42,58,.12); z-index:55; transform:translateY(110%); transition:transform .25s ease;}
body.pg-produto .barra-fixa.on{transform:none;}
body.pg-produto .barra-fixa .wrap{display:flex; align-items:center; gap:14px; padding-top:10px; padding-bottom:10px;}
body.pg-produto .barra-fixa .t{width:48px; height:48px; background:#F7F8FA; border-radius:6px; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
body.pg-produto .barra-fixa .t svg{width:42px; height:42px;}
body.pg-produto .barra-fixa .nm{font-size:14px; font-weight:500; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body.pg-produto .barra-fixa .preco{font-size:24px;}
body.pg-produto .nao-achou{background:#fff; border-radius:var(--r); padding:48px 20px; text-align:center;}
body.pg-produto .nao-achou h1{font-size:24px; margin-bottom:8px;}
body.pg-produto .nao-achou p{color:var(--txt-2); margin-bottom:18px;}
@media (max-width:980px){body.pg-produto .pdp{grid-template-columns:minmax(0,1fr); padding:16px;}
body.pg-produto .galeria{position:static; grid-template-columns:1fr;}
body.pg-produto .miniaturas{flex-direction:row; order:2; overflow-x:auto;}
body.pg-produto .miniaturas button{flex-shrink:0;}
body.pg-produto .desc,body.pg-produto .aval-grid{grid-template-columns:1fr;}
body.pg-produto .junto .tot{margin-left:0; width:100%;}}
@media (max-width:680px){body.pg-produto .det h1{font-size:20px;}
body.pg-produto .caixa-preco .grande .preco{font-size:34px;}
body.pg-produto .junto .item{width:120px;}
body.pg-produto .junto .item .t{width:110px; height:110px;}
body.pg-produto .barra-fixa .nm{display:none;}
body.pg-produto .barra-fixa .btn{margin-left:auto;}}
/* ---- página: carrinho ---- */
body.pg-carrinho .carrinho{display:grid; grid-template-columns:1fr 330px; gap:20px; align-items:start; margin-top:18px;}
body.pg-carrinho .lista h1{font-size:26px; font-weight:600;}
body.pg-carrinho .lista .cab{display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:10px; border-bottom:1px solid var(--linha); margin-top:4px;}
body.pg-carrinho .lista .cab span{font-size:13.5px; color:var(--txt-3);}
body.pg-carrinho .cit{display:grid; grid-template-columns:130px 1fr auto; gap:18px; padding:18px 0; border-bottom:1px solid var(--linha);}
body.pg-carrinho .cit .t{width:130px; height:130px; background:#F7F8FA; border-radius:10px; display:flex; align-items:center; justify-content:center;}
body.pg-carrinho .cit .t svg{width:84%; height:84%;}
body.pg-carrinho .cit h2{font-size:17px; font-weight:500; line-height:1.35;}
body.pg-carrinho .cit h2 a:hover{color:#C45500; text-decoration:underline;}
body.pg-carrinho .cit .ok{color:var(--grama); font-size:13px; font-weight:600; margin-top:4px;}
body.pg-carrinho .cit .ok.pouco{color:var(--melon);}
body.pg-carrinho .cit .var{font-size:13.5px; margin-top:2px;}
body.pg-carrinho .cit .var b{font-weight:600;}
body.pg-carrinho .cit .ctrl{display:flex; align-items:center; gap:14px; margin-top:12px; flex-wrap:wrap; font-size:13.5px;}
body.pg-carrinho .passo{display:inline-flex; align-items:center; border:2px solid var(--sun); border-radius:99px; overflow:hidden; background:#fff;}
body.pg-carrinho .passo button{width:34px; height:32px; border:none; background:#fff; cursor:pointer; font-size:18px; line-height:1;}
body.pg-carrinho .passo button:hover{background:#FFF6DC;}
body.pg-carrinho .passo span{min-width:30px; text-align:center; font-weight:700; font-variant-numeric:tabular-nums;}
body.pg-carrinho .cit .ctrl .div{width:1px; height:16px; background:var(--linha);}
body.pg-carrinho .cit .ctrl button.lk{background:none; border:none; padding:0; color:var(--sky-deep); cursor:pointer; font-size:13.5px;}
body.pg-carrinho .cit .ctrl button.lk:hover{color:#C45500; text-decoration:underline;}
body.pg-carrinho .cit .val{text-align:right;}
body.pg-carrinho .cit .val .preco{font-size:20px; font-weight:700;}
body.pg-carrinho .cit .val .un{font-size:12.5px; color:var(--txt-3); margin-top:4px;}
body.pg-carrinho .sub-lista{text-align:right; font-size:18px; padding-top:14px;}
body.pg-carrinho .sub-lista b{font-variant-numeric:tabular-nums;}
body.pg-carrinho .resumo{position:sticky; top:118px;}
body.pg-carrinho .resumo .frete-msg{font-size:13.5px; margin-bottom:6px;}
body.pg-carrinho .resumo .frete-msg b{color:var(--grama);}
body.pg-carrinho .barra{height:8px; background:var(--linha-2); border-radius:99px; overflow:hidden; margin-bottom:16px;}
body.pg-carrinho .barra i{display:block; height:100%; background:var(--grama); transition:width .3s ease;}
body.pg-carrinho .linha{display:flex; justify-content:space-between; font-size:14.5px; margin-bottom:8px; color:var(--txt-2); font-variant-numeric:tabular-nums;}
body.pg-carrinho .linha.desc{color:var(--grama);}
body.pg-carrinho .linha.total{color:var(--txt); font-size:19px; font-weight:700; border-top:1px solid var(--linha); padding-top:12px; margin-top:10px; margin-bottom:2px;}
body.pg-carrinho .resumo .pix{font-size:13.5px; color:var(--grama); text-align:right;}
body.pg-carrinho .resumo .parc{font-size:13px; color:var(--txt-3); text-align:right; margin-bottom:14px;}
body.pg-carrinho .cupom{display:flex; gap:8px; margin:12px 0 4px;}
body.pg-carrinho .cupom .inp{flex:1; min-width:0; text-transform:uppercase;}
body.pg-carrinho .cupom-msg{font-size:13px; min-height:18px; margin-bottom:10px;}
body.pg-carrinho .cupom-msg.ok{color:var(--grama);}
body.pg-carrinho .cupom-msg.erro{color:var(--melon);}
body.pg-carrinho .seguro{display:flex; align-items:center; gap:8px; justify-content:center; font-size:12.5px; color:var(--txt-3); margin-top:10px;}
body.pg-carrinho .seguro svg{width:16px; height:16px;}
body.pg-carrinho .vazio{text-align:center; padding:48px 20px;}
body.pg-carrinho .vazio svg{width:110px; margin:0 auto 18px;}
body.pg-carrinho .vazio h1{font-size:24px; margin-bottom:8px;}
body.pg-carrinho .vazio p{color:var(--txt-2); margin-bottom:20px;}
@media (max-width:980px){body.pg-carrinho .carrinho{grid-template-columns:1fr;}
body.pg-carrinho .resumo{position:static;}}
@media (max-width:680px){body.pg-carrinho .cit{grid-template-columns:90px 1fr; gap:12px;}
body.pg-carrinho .cit .t{width:90px; height:90px;}
body.pg-carrinho .cit .val{grid-column:2; text-align:left;}
body.pg-carrinho .cit h2{font-size:15px;}}
/* ---- página: conta ---- */
body.pg-conta .conta-topo{padding:22px 0 6px;}
body.pg-conta .conta-topo h1{font-size:26px; font-weight:600;}
body.pg-conta .conta-topo p{color:var(--txt-2); margin-top:4px;}
body.pg-conta .aviso-pag{background:#FFF6DC; border:1px solid #F0D48A; border-radius:var(--r); padding:12px 16px; font-size:14px; margin-top:14px; display:none;}
body.pg-conta .conta-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:880px; margin:18px auto 0;}
body.pg-conta .conta-grid .painel{padding:26px;}
body.pg-conta .conta-grid h2{font-size:20px; margin-bottom:4px;}
body.pg-conta .conta-grid .hint{color:var(--txt-3); font-size:13.5px; margin-bottom:18px;}
body.pg-conta .conta-grid .rodape-form{display:flex; justify-content:space-between; margin-top:14px; font-size:13.5px;}
body.pg-conta .conta-grid .termos{font-size:12.5px; color:var(--txt-3); margin-top:12px; line-height:1.5;}
body.pg-conta .msg-form{font-size:13.5px; margin-top:10px; min-height:18px;}
body.pg-conta .msg-form.erro{color:var(--melon);}
body.pg-conta .msg-form.ok{color:var(--grama);}
body.pg-conta .atalhos{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px;}
body.pg-conta .atalho{background:#fff; border-radius:var(--r); padding:18px; display:flex; gap:14px; align-items:flex-start; box-shadow:var(--sombra); border:1px solid transparent;}
body.pg-conta .atalho:hover{border-color:#C4CBD3;}
body.pg-conta .atalho svg{width:38px; height:38px; flex-shrink:0; color:var(--sky-deep);}
body.pg-conta .atalho h3{font-size:16px; margin-bottom:2px;}
body.pg-conta .atalho p{font-size:13.5px; color:var(--txt-2);}
body.pg-conta .faq{margin-top:20px;}
body.pg-conta .faq details{border-bottom:1px solid var(--linha-2); padding:12px 0;}
body.pg-conta .faq summary{font-weight:600; cursor:pointer;}
body.pg-conta .faq details p{color:var(--txt-2); margin-top:8px; line-height:1.6;}
body.pg-conta .sobre{max-width:760px; margin:28px auto 0; text-align:center;}
body.pg-conta .sobre h2{font-size:26px; margin-bottom:12px;}
body.pg-conta .sobre p{color:var(--txt-2); font-size:16px; line-height:1.7; margin-bottom:12px;}
@media (max-width:860px){body.pg-conta .conta-grid,body.pg-conta .atalhos{grid-template-columns:1fr;}}
body.pg-conta .hdr-pedidos{color:var(--sun);}
/* ================================================================
   Versão para celular (Blogger)
   ================================================================ */
:root{--tab-h:62px;}
html{-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;}
/* textos só para leitores de tela ficam presos ao preço (senão "vazam" dos trilhos e alargam a página no celular) */
.preco,.pcard,.trilho{position:relative;}
#mp-app{min-height:100vh;}
.hdr-top{padding-top:env(safe-area-inset-top,0px);}

/* barra de abas inferior (só aparece no celular) */
.tabbar{display:none;}
.cart-mob{display:none;}

/* gaveta de departamentos */
.gaveta{position:fixed; inset:0; z-index:90; visibility:hidden; pointer-events:none;}
.gaveta.on{visibility:visible; pointer-events:auto;}
.gaveta-fundo{position:absolute; inset:0; background:rgba(28,42,58,.55); opacity:0; transition:opacity .2s ease;}
.gaveta.on .gaveta-fundo{opacity:1;}
.gaveta-painel{position:absolute; top:0; bottom:0; left:0; width:min(340px, 88vw); background:#fff; overflow-y:auto; overscroll-behavior:contain; transform:translateX(-102%); transition:transform .22s ease; padding-bottom:calc(20px + env(safe-area-inset-bottom,0px)); display:flex; flex-direction:column;}
.gaveta.on .gaveta-painel{transform:none;}
.gaveta-topo{display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--tinta); padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px 16px;}
.gaveta-topo img{height:34px; width:auto;}
.gaveta-topo button{width:40px; height:40px; border:none; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-size:24px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.gaveta-ola{display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--tinta-2); color:#fff; padding:12px 16px; font-size:14px;}
.gaveta h2{font-size:15px; font-weight:700; padding:18px 16px 6px;}
.gaveta ul{list-style:none; margin:0; padding:0 0 6px; border-bottom:1px solid var(--linha-2);}
.gaveta ul:last-of-type{border-bottom:none;}
.gaveta li a{display:flex; align-items:center; gap:12px; padding:10px 16px; font-size:15px; min-height:48px;}
.gaveta li a:active,.gaveta li a:hover{background:#F4F6F8;}
.gaveta li .t{width:36px; height:36px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center;}
.gaveta li .t svg{width:70%; height:70%;}
.gaveta li .i{width:36px; display:flex; justify-content:center; color:var(--txt-3); flex:none;}
.gaveta li .i svg{width:20px; height:20px;}
.gaveta li small{margin-left:auto; color:var(--txt-3); font-size:13px;}
body.gaveta-aberta{overflow:hidden;}

@media (max-width:860px){
  html{scroll-padding-top:12px;}
  body{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));}
  /* no celular o cabeçalho rola junto e a navegação fica embaixo, ao alcance do polegar */
  .site-header{position:relative;}
  .hdr-menu{display:none;}
  .hdr-nav-in{min-height:44px;}
  .hdr-nav-in a{font-size:13.5px; padding:8px 10px;}
  .busca{height:44px;}
  .busca input{font-size:16px;} /* evita o zoom automático do iPhone */
  .inp,.campo input{font-size:16px;}
  .trilho{grid-auto-columns:158px; gap:10px; margin:0 -4px; padding:0 4px 8px;}
  .painel{padding:16px;}
  .sec-titulo h2{font-size:19px;}

  .tabbar{display:grid; grid-template-columns:repeat(5,1fr); position:fixed; left:0; right:0; bottom:0; z-index:70; background:#fff; border-top:1px solid var(--linha); padding-bottom:env(safe-area-inset-bottom,0px); box-shadow:0 -4px 16px rgba(28,42,58,.08);}
  .tabbar a,.tabbar button{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; height:var(--tab-h); padding:0; border:none; background:none; font-size:11.5px; font-weight:600; color:var(--txt-3); cursor:pointer; -webkit-tap-highlight-color:transparent;}
  .tabbar svg{width:24px; height:24px;}
  .tabbar [aria-current="page"]{color:var(--tinta);}
  .tabbar [aria-current="page"]::before{content:""; position:absolute; top:0; left:26%; right:26%; height:3px; border-radius:0 0 3px 3px; background:var(--sun-2);}
  .tabbar .ic{position:relative; display:block; line-height:0;}
  .tabbar .ic b{position:absolute; top:-6px; left:14px; min-width:18px; height:18px; padding:0 5px; border-radius:99px; background:var(--melon); color:#fff; font-size:11px; line-height:18px; text-align:center; font-variant-numeric:tabular-nums;}
  .tabbar .ic b.zero{display:none;}

  .toast{left:12px; right:12px; max-width:none; bottom:calc(var(--tab-h) + 12px + env(safe-area-inset-bottom,0px));}
  body.pg-produto .barra-fixa{bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));}
  body.pg-produto:has(.barra-fixa.on) .toast{bottom:calc(var(--tab-h) + 84px + env(safe-area-inset-bottom,0px));}
  body.pg-produto .barra-fixa .wrap{padding-top:8px; padding-bottom:8px;}
  body.pg-produto .barra-fixa .preco{font-size:20px;}

  /* carrinho: resumo fixo acima das abas */
  body.pg-carrinho .cart-mob.on{display:flex; align-items:center; justify-content:space-between; gap:12px; position:fixed; left:0; right:0; bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px)); z-index:56; background:#fff; border-top:1px solid var(--linha); box-shadow:0 -4px 16px rgba(28,42,58,.10); padding:10px 16px;}
  body.pg-carrinho:has(.cart-mob.on){padding-bottom:calc(var(--tab-h) + 74px + env(safe-area-inset-bottom,0px));}
  body.pg-carrinho:has(.cart-mob.on) .toast{bottom:calc(var(--tab-h) + 86px + env(safe-area-inset-bottom,0px));}
  .cart-mob small{display:block; font-size:12.5px; color:var(--txt-3);}
  .cart-mob b{display:block; font-size:19px; font-variant-numeric:tabular-nums;}
  .cart-mob span{display:block; font-size:12.5px; color:var(--grama);}
  .cart-mob .btn{flex:none; padding:12px 20px;}
}
@media (max-width:520px){
  .wrap{padding:0 14px;}
  .hero h1{font-size:32px;}
  .hero .lead{font-size:16px;}
  .hero .ctas .btn{flex:1 1 100%;}
  .rodape{padding:28px 0;}
}
@media (prefers-reduced-motion:reduce){ .gaveta-painel,.gaveta-fundo{transition:none;} }