:root{
  --bg:#0d1117;--s1:#161b22;--s2:#21262d;--bd:#30363d;
  --tx:#e6edf3;--mt:#8b949e;
  --cy:#3d8bff;--gr:#3fb950;--rd:#f0262e;--yl:#ffd21a;--pk:#ff7eb6;--mxblue:#0a58e8;--mxred:#e8141c;
  --r:10px;--nav:52px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 12px)}
body{background:var(--bg);color:var(--tx);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:64px}
@media(min-width:900px){body{padding-bottom:0}}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
img,svg{display:block;max-width:100%}
.hide{display:none!important}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.sec{padding:64px 0}
.sec h2{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2;margin:12px 0 8px}
.sec .lead{color:var(--mt);max-width:620px;margin-bottom:28px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid var(--bd);background:var(--s2);color:var(--mt)}
.pill.cy{color:var(--ylt,var(--yl));border-color:color-mix(in srgb,var(--yl) 33%,transparent);background:color-mix(in srgb,var(--yl) 8%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:var(--r);border:1px solid var(--bd);background:var(--s2);color:var(--tx);transition:.15s;cursor:pointer}
.btn:hover{border-color:var(--cy)}
.btn.wa{background:var(--gr);border-color:var(--gr);color:#06120a}
.btn.wa:hover{filter:brightness(1.1)}
.btn.pri{background:var(--mxred);border-color:var(--mxred);color:#fff}
.btn.pri:hover{filter:brightness(1.1)}
.btn:disabled{opacity:.6;cursor:wait}
.btn svg{width:18px;height:18px}

/* NAV */
.nav{position:sticky;top:0;z-index:50;height:var(--nav);background:#0d1117e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.logo svg{width:30px;height:30px}
.logo b{color:var(--cyt,var(--cy))}
.nav ul{display:none;list-style:none;gap:22px;font-size:.92rem;color:var(--mt)}
.nav ul a:hover{color:var(--tx)}
.nav .right{display:flex;gap:8px;align-items:center}
.nav .btn{padding:8px 14px;font-size:.85rem}
.cartbtn{position:relative}
.badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--yl);color:#1a1200;font-size:.7rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}
.badge.zero{display:none}
.nav .wa span{display:none}
@media(min-width:600px){.nav .wa span{display:inline}}
@media(min-width:960px){.nav ul{display:flex}}

/* BANNER sazonal */
.season{display:none;background:linear-gradient(90deg,#d2992222,#f8514922,#00d4ff22);border-bottom:1px solid var(--bd);font-size:.9rem;text-align:center;padding:9px 16px}
.season.on{display:block}
.season a{color:var(--cyt,var(--cy));font-weight:600;margin-left:6px}

/* HERO */
.hero{padding:48px 0 56px;position:relative;overflow:hidden}
.hero .wrap{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.1fr .9fr}.hero{padding:80px 0 88px}}
.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;letter-spacing:-.02em;margin:16px 0}
.hero h1 .c1{color:var(--ylt,var(--yl))}.hero h1 .c2{color:var(--cyt,var(--cy))}.hero h1 .c3{color:var(--mxred)}
.hero p{color:var(--mt);font-size:1.08rem;max-width:520px;margin-bottom:28px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero .facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.toybox{position:relative;max-width:520px;margin:0 auto;width:100%;padding:8% 4%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cy) 20%,transparent),transparent)}
.toybox img{width:100%;height:auto;filter:drop-shadow(0 18px 30px #0008);animation:fl 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.toybox img{animation:none}}
.float{animation:fl 5s ease-in-out infinite}
.float.d2{animation-delay:-1.6s}.float.d3{animation-delay:-3.2s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.float{animation:none}}

/* LOJA */
.shopbar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.search{position:relative;max-width:520px}
.search input{width:100%;background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);padding:13px 14px 13px 44px;font-size:1rem;outline:none}
.search input:focus{border-color:var(--cy)}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--mt)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:7px 14px;border-radius:999px;border:1px solid var(--bd);background:var(--s1);color:var(--mt);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}
.chip.on{color:#fff;border-color:var(--mxblue);background:var(--mxblue)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
.pc{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.pc:hover{border-color:#00d4ff66;transform:translateY(-2px)}
.pc .ph{aspect-ratio:1/1;background:#fff;position:relative;cursor:pointer;overflow:hidden}
.pc .ph img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .25s}
.pc:hover .ph img{transform:scale(1.04)}
.pc .ph .no{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;opacity:.5}
.pc .tag{position:absolute;top:8px;left:8px;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--yl);color:#1a1200}
.pc .bd{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}
.pc .pcat{font-size:.72rem;color:var(--mt);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.pc h3{font-size:.95rem;line-height:1.3;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc .pr{font-weight:800;color:var(--ylt,var(--yl));font-size:1.1rem;margin-top:auto;padding-top:4px}
.pc .pr.q{color:var(--mt);font-size:.9rem;font-weight:600}
.pc .btn{margin-top:8px;padding:10px;font-size:.9rem;width:100%}
.noresult{grid-column:1/-1;background:var(--s1);border:1px dashed var(--bd);border-radius:var(--r);padding:28px;text-align:center;color:var(--mt)}
.noresult .btn{margin-top:14px}
.more{display:flex;justify-content:center;margin-top:20px}

/* CATEGORIAS */
.cats{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:600px){.cats{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.cats{grid-template-columns:repeat(4,1fr)}}
.cat{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;transition:.15s;position:relative;overflow:hidden;cursor:pointer}
.cat:hover{transform:translateY(-3px);border-color:var(--c)}
.cat::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c)}
.cat .ic{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c)}
.cat .ic svg{width:24px;height:24px}
.cat h3{font-size:1.1rem}
.cat p{color:var(--mt);font-size:.92rem;flex:1}
.cat ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.cat li{font-size:.75rem;padding:3px 9px;border-radius:999px;background:var(--s2);color:var(--mt)}
.cat .go{color:var(--c);font-weight:600;font-size:.9rem;margin-top:4px}

/* OCASIÕES */
.alt{background:var(--s1);border-block:1px solid var(--bd)}
.occ{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:800px){.occ{grid-template-columns:repeat(3,1fr)}}
.oc{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:18px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem;transition:.15s}
.oc:hover{border-color:var(--cy)}
.oc span{font-size:1.5rem;line-height:1}
.oc small{display:block;font-weight:400;color:var(--mt);font-size:.8rem}

/* COMO COMPRAR */
.steps{display:grid;gap:16px}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);padding:22px}
.step .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--mxblue);color:#fff;margin-bottom:12px}
.step h3{font-size:1.05rem;margin-bottom:6px}
.step p{color:var(--mt);font-size:.92rem}

/* SOBRE */
.about{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.about{grid-template-columns:1fr 1fr}}
.about p{color:var(--mt);margin-bottom:14px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:18px}
.stat b{display:block;font-size:1.5rem}
.stat span{color:var(--mt);font-size:.85rem}

/* CONTATO */
.contact{display:grid;gap:16px}
@media(min-width:900px){.contact{grid-template-columns:1fr 1.3fr}}
.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);padding:22px}
.info{list-style:none;display:flex;flex-direction:column;gap:16px}
.info li{display:flex;gap:12px}
.info svg{width:20px;height:20px;flex:none;color:var(--cyt,var(--cy));margin-top:2px}
.info small{display:block;color:var(--mt);font-size:.8rem}
.info a:hover{color:var(--cyt,var(--cy))}
.hours{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:4px}
.hours td{padding:3px 0}.hours td:last-child{text-align:right;color:var(--mt)}
.status{margin-top:8px}
.status.open{color:var(--grt,var(--gr));border-color:#3fb95055;background:#3fb95014}
.status.closed{color:var(--rd);border-color:#f8514955;background:#f8514914}
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--bd);min-height:320px;background:var(--s2)}
.map iframe{width:100%;height:100%;min-height:320px;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.8)}

footer{border-top:1px solid var(--bd);padding:32px 0;color:var(--mt);font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
footer a:hover{color:var(--cyt,var(--cy))}

/* BARRA INFERIOR (mobile) */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:64px;background:var(--s1);border-top:1px solid var(--bd);display:grid;grid-template-columns:repeat(4,1fr)}
.bar a,.bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.7rem;color:var(--mt);background:none;border:0;cursor:pointer;position:relative}
.bar svg{width:22px;height:22px}
.bar .wa{color:var(--grt,var(--gr))}
.bar .badge{top:6px;right:calc(50% - 22px)}
@media(min-width:900px){.bar{display:none}}
.fab{display:none;position:fixed;right:24px;bottom:24px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--gr);color:#06120a;place-items:center;box-shadow:0 8px 24px #0008;transition:.15s}
.fab:hover{transform:scale(1.07)}
.fab svg{width:28px;height:28px}
@media(min-width:900px){.fab{display:grid}}

/* MODAL / GAVETA */
.ov{position:fixed;inset:0;z-index:90;background:#010409cc;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.2s}
.ov.on{opacity:1;pointer-events:auto}
@media(min-width:700px){.ov{align-items:center;padding:24px}}
.md{width:100%;max-width:820px;max-height:92vh;overflow-y:auto;background:var(--s1);border:1px solid var(--bd);border-radius:16px 16px 0 0;position:relative;transform:translateY(30px);transition:.2s}
.ov.on .md{transform:none}
@media(min-width:700px){.md{border-radius:14px}}
.md.sm{max-width:460px}
.x{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--s2);color:var(--tx);font-size:1.3rem;cursor:pointer;line-height:1}
.pv{display:grid}
@media(min-width:700px){.pv{grid-template-columns:1fr 1fr}}
.pv .img{aspect-ratio:1/1;background:var(--s2);display:grid;place-items:center;font-size:4rem}
.pv .img img{width:100%;height:100%;object-fit:cover}
.pv .info2{padding:24px;display:flex;flex-direction:column;gap:10px}
.pv h2{font-size:1.4rem;line-height:1.25;padding-right:30px}
.pv .pr{font-size:1.6rem;font-weight:800;color:var(--ylt,var(--yl))}
.pv .desc{color:var(--mt);white-space:pre-line;font-size:.95rem}
.qty{display:inline-flex;align-items:center;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.qty button{width:40px;height:40px;background:var(--s2);border:0;cursor:pointer;font-size:1.2rem}
.qty span{min-width:40px;text-align:center;font-weight:700}
.qty.s button{width:30px;height:30px;font-size:1rem}
.qty.s span{min-width:28px;font-size:.9rem}
.pv .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.pv .row .btn{flex:1}

.drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(440px,100%);background:var(--s1);border-left:1px solid var(--bd);display:flex;flex-direction:column;transform:translateX(100%);transition:.25s}
.drawer.on{transform:none}
.drawer header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--nav);border-bottom:1px solid var(--bd)}
.drawer header h2{font-size:1.1rem}
.drawer header .x{position:static}
.drawer .items{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}
.ci{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:8px}
.ci .t{width:64px;height:64px;border-radius:8px;background:var(--bg);overflow:hidden;display:grid;place-items:center;font-size:1.6rem}
.ci .t img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.ci b{display:block;font-size:.9rem;line-height:1.3}
.ci small{color:var(--mt)}
.ci .end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ci .rm{background:none;border:0;color:var(--mt);font-size:.78rem;cursor:pointer;text-decoration:underline}
.drawer .foot{border-top:1px solid var(--bd);padding:16px;display:flex;flex-direction:column;gap:12px}
.tot{display:flex;justify-content:space-between;align-items:baseline;font-size:1.05rem}
.tot b{font-size:1.4rem;color:var(--ylt,var(--yl))}
.emptycart{text-align:center;color:var(--mt);padding:48px 12px}
.emptycart div{font-size:3rem;margin-bottom:8px}

.ck{padding:24px}
.ck h2{font-size:1.3rem;margin-bottom:4px;padding-right:30px}
.ck p.mt{color:var(--mt);font-size:.9rem;margin-bottom:18px}
.ck label{display:block;margin-bottom:12px}
.ck label span{display:block;font-size:.8rem;font-weight:600;color:var(--mt);margin-bottom:4px}
.ck input{width:100%;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;font-size:1rem;outline:none}
.ck input:focus{border-color:var(--cy)}
.ck .resumo{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;margin-bottom:16px;font-size:.88rem;display:flex;justify-content:space-between}
.ck .lgpd{font-size:.75rem;color:var(--mt);margin-top:10px;line-height:1.45}
.ck .err{color:var(--rd);font-size:.88rem;min-height:20px;margin-bottom:6px}
.ck .btn{width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%,20px);z-index:120;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px 10px 16px;box-shadow:0 10px 30px #000a;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.9rem;opacity:0;transition:.2s;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast button{background:var(--mxred);color:#fff;border:0;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}
@media(min-width:900px){.toast{bottom:28px}}

/* LOJA: cabeçalho e rodapé enxutos */
.shophero{padding:32px 0 8px}
.shophero h1{font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.15;margin:10px 0 6px;letter-spacing:-.01em}
.shophero p{color:var(--mt);margin-bottom:20px;max-width:620px}
.shopsec{padding:8px 0 56px}
.back{color:var(--mt);font-size:.9rem;display:none}
.back:hover{color:var(--tx)}
@media(min-width:700px){.back{display:inline}}
.minifoot{border-top:1px solid var(--bd);padding:28px 0;color:var(--mt);font-size:.88rem}
.minifoot .wrap{display:grid;gap:18px}
@media(min-width:800px){.minifoot .wrap{grid-template-columns:1.2fr 1fr 1fr;align-items:start}}
.minifoot b{color:var(--tx);display:block;margin-bottom:4px}
.minifoot a:hover{color:var(--cyt,var(--cy))}
.minifoot .info{gap:10px}
.minifoot .info li{gap:8px;font-size:.88rem}
.minifoot .info svg{width:18px;height:18px}
.pc a.btn{text-align:center}

/* Identidade da loja (as cores vêm do painel: Minha loja › Cores) */
.logoimg{height:44px;width:auto;max-width:100%;object-fit:contain;object-position:left center;display:block}
.nav .logo{min-width:0;flex:0 1 auto}.nav .logo .logoimg{min-width:0;flex:0 1 auto}.nav .btn{flex-shrink:0}
.nav .right{flex-shrink:0}
@media(max-width:600px){.nav .logo{max-width:calc(100% - 172px)}.nav .logoimg{width:100%;height:auto;max-height:44px}}
.nav{border-bottom:3px solid var(--mxred);box-shadow:0 3px 0 var(--yl)}
.season{background:linear-gradient(90deg,color-mix(in srgb,var(--mxblue) 20%,transparent),color-mix(in srgb,var(--mxred) 20%,transparent),color-mix(in srgb,var(--yl) 20%,transparent))}
.pc:hover{border-color:color-mix(in srgb,var(--yl) 53%,transparent)}
.search input:focus,.ck input:focus{border-color:var(--yl)}

/* PÁGINA DO PRODUTO */
.pc a.ph{display:block}
.pc h3 a{color:inherit}
.pc h3 a:hover{color:var(--ylt,var(--yl))}
.prod{padding-top:18px;padding-bottom:56px}
.crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem;color:var(--mt);margin-bottom:18px}
.crumb a:hover{color:var(--ylt,var(--yl))}
.crumb b{color:var(--tx);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.pgrid{display:grid;gap:28px}
@media(min-width:860px){.pgrid{grid-template-columns:1.05fr 1fr;gap:40px;align-items:start}.gal{position:sticky;top:calc(var(--nav) + 16px)}}
.gmain{aspect-ratio:1/1;background:#fff;border:1px solid var(--bd);border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center}
.gzoom{position:absolute;inset:0;padding:22px;overflow:hidden;cursor:zoom-in;touch-action:pan-y}
.gzoom img{width:100%;height:100%;object-fit:contain;transition:transform .15s ease-out;user-select:none;-webkit-user-drag:none}
.gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#0d1117b8;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s;box-shadow:0 4px 14px #0005}
.gnav:hover{background:var(--mxred)}
.gnav svg{width:22px;height:22px}
.gnav.prev{left:10px}.gnav.next{right:10px}
.gcount{position:absolute;right:12px;bottom:12px;z-index:3;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#0d1117b8;color:#fff;pointer-events:none}
.ghint{position:absolute;left:12px;bottom:12px;z-index:3;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:#0d1117b8;color:#fff;pointer-events:none;transition:opacity .2s}
.ghint .ht{display:none}
@media(hover:none){.ghint .hm{display:none}.ghint .ht{display:inline}}
.gmain.zooming .ghint,.gmain.zooming .gnav,.gmain.zooming .gcount,.gmain.zooming .tag{opacity:0;pointer-events:none}
.gmain .tag{z-index:3;transition:opacity .2s}
.gmain .no{font-size:5rem;opacity:.6}
.gmain .tag{position:absolute;top:12px;left:12px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--yl);color:#1a1200}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.thumbs button{flex:none;width:72px;height:72px;border-radius:10px;overflow:hidden;border:2px solid var(--bd);padding:0;background:#fff;cursor:pointer}
.thumbs button.on{border-color:var(--yl)}
.thumbs img{width:100%;height:100%;object-fit:contain;padding:4px}
.pinfo{display:flex;flex-direction:column;gap:12px}
.pinfo h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2;letter-spacing:-.01em}
.pmeta{color:var(--mt);font-size:.9rem;margin-top:-4px}
.pprice{font-size:2.1rem;font-weight:800;color:var(--ylt,var(--yl));line-height:1.1}
.pprice.q{font-size:1.2rem;color:var(--mt)}
.buy{display:flex;gap:10px;margin-top:6px}
.buy .btn{flex:1}
.buynow{width:100%;background:transparent;border-color:var(--mxred);color:#fff}
.buynow:hover{background:color-mix(in srgb,var(--mxred) 13%,transparent);border-color:var(--mxred)}
.buy2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ficha{width:100%;border-collapse:collapse;background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;font-size:.92rem;margin-top:6px}
.ficha th,.ficha td{padding:10px 14px;border-bottom:1px solid var(--bd);text-align:left}
.ficha tr:last-child th,.ficha tr:last-child td{border-bottom:0}
.ficha th{width:40%;color:var(--mt);font-weight:600;background:var(--s2)}
.perks{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--mt);background:var(--s1);border:1px dashed var(--bd);border-radius:var(--r);padding:14px 16px}
.pdesc{margin-top:40px;max-width:780px}
.pdesc h2,.prel h2{font-size:1.35rem;margin-bottom:12px}
.pdesc p{color:#c9d1d9;margin-bottom:14px;line-height:1.7}
.prel{margin-top:48px}

/* VISUALIZADOR EM TELA CHEIA */
.lb{position:fixed;inset:0;z-index:300;background:#05070b;display:none}
.lb.on{display:block}
.lbstage{position:absolute;inset:0 0 68px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.lbstage.z{cursor:grab}.lbstage.drag{cursor:grabbing}
.lbstage img{max-width:calc(100% - 40px);max-height:calc(100% - 40px);object-fit:contain;background:#fff;border-radius:6px;user-select:none;-webkit-user-drag:none;will-change:transform}
.lbstage img.anim{transition:transform .2s ease-out}
.lbx{position:absolute;top:14px;right:14px;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff33;background:#0d1117cc;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.lbnav{position:absolute;top:calc(50% - 34px);transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff33;background:#0d1117cc;color:#fff;display:grid;place-items:center;cursor:pointer}
.lbnav:hover,.lbx:hover{background:var(--mxred);border-color:var(--mxred)}
.lbnav svg{width:26px;height:26px}
.lbnav.prev{left:14px}.lbnav.next{right:14px}
.lb.one .lbnav{display:none}
.lbbar{position:absolute;left:0;right:0;bottom:0;height:68px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}
.lbbar button{min-width:44px;height:40px;border-radius:10px;border:1px solid #ffffff33;background:#161b22;color:#fff;font-size:1.3rem;cursor:pointer;padding:0 12px}
.lbbar button.txt{font-size:.85rem;font-weight:600}
.lbbar button:hover{border-color:var(--yl)}
.lbbar #lbPct{min-width:56px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.lbcount{margin-left:10px;color:#ffffffaa;font-size:.85rem}
@media(max-width:600px){.lbnav{width:42px;height:42px}.lbnav.prev{left:6px}.lbnav.next{right:6px}}

/* CUPOM NO CHECKOUT */
.ck .resumo{display:flex;flex-direction:column;gap:4px}
.ck .resumo div{display:flex;justify-content:space-between}
.ck .resumo .dsc{color:var(--grt,var(--gr))}
.ck .resumo .tt{border-top:1px solid var(--bd);padding-top:6px;margin-top:2px;font-size:1rem}
.ck .resumo .tt b{color:var(--ylt,var(--yl))}
.cupom{margin-bottom:12px}
.cplab{display:block;font-size:.8rem;font-weight:600;color:var(--mt);margin-bottom:4px}
.cplab small{font-weight:400}
.cprow{display:flex;gap:8px}
.cprow input{text-transform:uppercase;flex:1}
.cprow .btn{padding:10px 14px}
.cpmsg{font-size:.82rem;margin-top:4px;min-height:1px}
.cpmsg.ok{color:var(--grt,var(--gr))}.cpmsg.er{color:var(--rd)}
.cprow .btn{width:auto}

/* MENSAGEM DA LOJA PARA O VISITANTE */
.mxmsg{position:fixed;left:16px;bottom:80px;z-index:150;width:min(360px,calc(100% - 32px));background:var(--s1);border:1px solid var(--bd);border-top:3px solid var(--yl);border-radius:14px;padding:14px 16px 16px;box-shadow:0 18px 50px #000c;transform:translateY(24px) scale(.97);opacity:0;transition:.3s}
.mxmsg.on{transform:none;opacity:1}
@media(min-width:900px){.mxmsg{bottom:24px;left:24px}}
.mxh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mxh img{width:26px;height:26px;border-radius:7px}
.mxh b{font-size:.92rem}
.mxh small{color:var(--mt);font-size:.75rem;flex:1}
.mxx{background:none;border:0;color:var(--mt);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}
.mxmsg p{font-size:.95rem;line-height:1.5;margin-bottom:12px}
.mxcup{display:flex;align-items:center;gap:10px;justify-content:space-between;border:2px dashed var(--yl);border-radius:10px;padding:10px 12px;margin-bottom:10px;background:color-mix(in srgb,var(--yl) 6%,transparent);flex-wrap:wrap}
.mxcup small{display:block;color:var(--mt);font-size:.75rem}
.mxcup b{font-size:1.25rem;letter-spacing:.06em;color:var(--ylt,var(--yl))}
.mxcup .btn{padding:8px 14px;font-size:.88rem}
.mxok{color:var(--grt,var(--gr));font-size:.85rem;font-weight:600}
.mxbtn{width:100%}

/* CUPOM NO CARRINHO */
.cpcart{display:flex;flex-direction:column;gap:6px}
.cpcart:empty{display:none}
.cpline{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--mt)}
.cpline.dsc{color:var(--grt,var(--gr))}
.cpline.dsc b{color:var(--grt,var(--gr))}
.cprm{background:none;border:0;color:var(--mt);font-size:.78rem;text-decoration:underline;cursor:pointer;margin-left:4px}
.cplink{background:none;border:1px dashed var(--bd);border-radius:var(--r);color:var(--ylt,var(--yl));font-weight:600;font-size:.88rem;padding:8px 12px;cursor:pointer;text-align:left}
.cplink:hover{border-color:var(--yl)}
.cpcart .cprow input{width:100%;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;outline:none;text-transform:uppercase}
.cpcart .cprow input:focus{border-color:var(--yl)}

/* CONTA DO CLIENTE */
.btn.acct{position:relative;padding:8px 12px}
.btn.acct span:not(.badge){display:none}
@media(min-width:700px){.btn.acct span:not(.badge){display:inline;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.btn.acct .badge,.bar .acctm .badge{position:absolute;top:-6px;right:-6px}
.bar .acctm .badge{top:6px;right:calc(50% - 22px)}
.bar .acctm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.7rem;color:var(--mt);background:none;border:0;cursor:pointer;position:relative}
.bar .acctm svg{width:22px;height:22px}
.md.ac{max-width:560px}
.ac #acBody{padding:22px}
.ach{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:36px}
.ach .av{width:46px;height:46px;border-radius:50%;background:var(--mxblue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem;flex:none}
.ach b{display:block;font-size:1.1rem}
.ach small{color:var(--mt);font-size:.82rem}
.actabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;border-bottom:1px solid var(--bd);padding-bottom:10px;scrollbar-width:none}
.actabs button{flex:none;background:none;border:1px solid var(--bd);color:var(--mt);border-radius:999px;padding:7px 14px;font-weight:600;font-size:.86rem;cursor:pointer}
.actabs button.on{background:var(--mxblue);border-color:var(--mxblue);color:#fff}
.acin .actabs{padding-right:36px}
.acben{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:16px;color:var(--mt);font-size:.9rem;background:var(--s2);border-radius:var(--r);padding:12px 14px}
.ac .ck{padding:0}
.ac .ck .btn{width:100%}
.acvazio{text-align:center;color:var(--mt);padding:24px 8px;font-size:.95rem;line-height:1.7}
.acvazio:first-line{font-size:2rem}
.wal{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.wc{display:flex;align-items:center;gap:12px;border:2px dashed var(--yl);border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--yl) 5%,transparent)}
.wc.off{border-color:var(--bd);background:none;opacity:.6}
.wc .wl{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.wc .wl b{font-size:1.25rem;letter-spacing:.05em;color:var(--ylt,var(--yl))}
.wc.off .wl b{color:var(--mt)}
.wc .wl span{font-size:.9rem}
.wc .wl small{color:var(--mt);font-size:.75rem}
.wc .btn{width:auto!important;padding:8px 16px}
.acguard{margin-top:6px}
.acguard input{width:100%;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;outline:none;text-transform:uppercase}
.acguard .btn{width:auto!important}
.stp{background:var(--s2);border-radius:var(--r);padding:14px 16px;margin-bottom:14px;font-size:.92rem}
.stt{margin-bottom:8px}
.stv{background:color-mix(in srgb,var(--yl) 8%,transparent);border:1px solid color-mix(in srgb,var(--yl) 33%,transparent);color:var(--ylt,var(--yl));border-radius:8px;padding:8px 12px;margin-bottom:10px}
.stp ol{padding-left:18px;color:var(--mt);display:flex;flex-direction:column;gap:4px}
.stp a{color:var(--ylt,var(--yl));font-weight:600}
.acinfo{background:var(--s2);border-radius:var(--r);padding:12px 14px;font-size:.92rem;margin-bottom:12px}
.ac input[type=file]{padding:9px;font-size:.85rem}
.ach4{font-size:.85rem;color:var(--mt);margin:16px 0 8px}
.sth,.peds{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.88rem}
.sth li{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pill.ok{color:var(--grt,var(--gr));border-color:#3fb95055;background:#3fb95014}
.pill.er{color:var(--rd);border-color:#f8514955;background:#f8514914}
.peds li{display:flex;justify-content:space-between;gap:10px;background:var(--s2);border-radius:var(--r);padding:12px 14px}
.peds small{display:block;color:var(--mt);font-size:.78rem}
.peds .r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pill.st-entregue{color:var(--grt,var(--gr))}.pill.st-saiu{color:#ff9f43}.pill.st-cancelado{color:var(--rd)}.pill.st-pago{color:var(--cyt,var(--cy))}
.wchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wchips small{color:var(--mt);font-size:.8rem;width:100%}
.wchip{border:1px dashed var(--yl);background:color-mix(in srgb,var(--yl) 6%,transparent);color:var(--ylt,var(--yl));border-radius:999px;padding:5px 12px;font-weight:700;font-size:.82rem;cursor:pointer;letter-spacing:.03em}
.cplink.sm{padding:5px 10px;font-size:.78rem}

/* PÁGINA DO PEDIDO */
.ped{padding-top:24px;padding-bottom:56px}
.pedhead{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.pedhead h1{font-size:clamp(1.6rem,5vw,2.2rem);margin:8px 0 4px}
.pedhead p{color:var(--mt)}
.pst{color:var(--ylt,var(--yl))}.pst.st-entregue{color:var(--grt,var(--gr))}.pst.st-cancelado{color:var(--rd)}.pst.st-saiu{color:#ff9f43}
.pedacts{display:flex;gap:8px;flex-wrap:wrap}
.pedgrid{display:grid;gap:24px;align-items:start}
@media(min-width:900px){.pedgrid{grid-template-columns:auto 1fr}}
.recibo{background:#fffdf5;color:#1b1b1b;border-radius:4px;padding:22px 18px 26px;box-shadow:0 12px 30px #0008;max-width:100%;overflow-x:auto;position:relative;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,#0000 98%,#000) 0 100%/16px 10px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,#0000 98%,#000) 0 100%/16px 10px repeat-x}
.recibo pre{font-family:"Courier New",Courier,monospace;font-size:13px;line-height:1.45;margin:0;white-space:pre}
.recibo pre b{font-weight:800}
@media(max-width:420px){.recibo{padding:16px 10px 22px}.recibo pre{font-size:10.6px}}
.pedside{display:flex;flex-direction:column;gap:14px;min-width:0}
.pedok{background:#3fb95014;border:1px solid #3fb95055;color:#a7e8b4;border-radius:var(--r);padding:12px 14px;font-size:.9rem}
.endc h2{font-size:1.15rem;margin-bottom:6px}
.endc p{color:var(--mt);margin-bottom:12px}
.endc .ck{padding:0}
.endc .ck .btn{width:100%}
.row2c{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.mkacc{background:var(--s2);border-radius:var(--r);padding:12px 14px;margin:6px 0 12px}
.mkacc span{color:var(--mt);font-size:.85rem}
.mkacc p{color:var(--mt);font-size:.85rem;margin:4px 0 8px}
.cpline.lim{color:var(--ylt,var(--yl));font-size:.82rem}
.ach>div:nth-child(2){flex:1;min-width:0}
.acsair{flex:none;border:1px solid var(--bd);background:transparent;color:var(--mt);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600;cursor:pointer}
.acsair:hover{border-color:var(--mxred);color:#fff;background:var(--mxred)}

/* HERO compacto: deixa a busca e os produtos aparecerem já na primeira tela */
.hero.slim{padding:22px 0 18px}
.hero.slim .wrap{gap:16px}
.hero.slim h1{font-size:clamp(1.55rem,4.4vw,2.4rem);margin:10px 0 6px}
.hero.slim p{font-size:.98rem;margin-bottom:12px;max-width:600px}
.hero.slim .facts{margin-top:0;gap:6px}
.hero.slim .facts .pill{font-size:.78rem}
.hero.slim .pill.wa{background:#25d36622;border-color:#25d36666;color:#5ee38f;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.hero.slim .pill.wa svg{width:14px;height:14px;fill:currentColor}
.hero.slim .toybox{max-width:300px;padding:0}
.hero.slim .toybox img{max-height:150px;width:auto;margin:0 auto;display:block}
@media(min-width:900px){.hero.slim{padding:26px 0 22px}.hero.slim .wrap{grid-template-columns:1fr 320px}}
@media(max-width:899px){.hero.slim .toybox{display:none}.hero.slim p{display:none}.hero.slim{padding:16px 0 12px}}
.shopsec{padding-top:22px}
.shophead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:12px}
.shophead h2{margin:0;font-size:clamp(1.25rem,3.4vw,1.6rem)}
.shophead .lead{margin:0;font-size:.9rem}
@media(max-width:899px){.hero.slim .facts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.hero.slim .facts::-webkit-scrollbar{display:none}.hero.slim .facts .pill{flex:none}.shophead .lead{display:none}.shopsec{padding-top:16px}}

/* Estoque, atacado e avise-me */
.atac{display:inline-block;vertical-align:middle;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--mxblue);color:#fff;border-radius:6px;padding:2px 7px;margin-left:4px}
.prv{font-size:.8rem;color:var(--mt);text-decoration:line-through;margin:-2px 0 8px}
.pc .tag.off{background:#30363d;color:#fff}
.pc:has(.tag.off) .ph img{filter:grayscale(.6);opacity:.75}
.btn.avise{background:transparent;border:1px solid var(--yl);color:var(--ylt,var(--yl));width:100%;font-weight:700}
.btn.avise:hover{background:color-mix(in srgb,var(--yl) 8%,transparent)}
.btn.avise.ok{border-color:var(--gr);color:var(--grt,var(--gr));cursor:default}
.btn.avise.big{padding:14px 18px;font-size:1rem;margin-top:6px}
.indisp{display:flex;flex-direction:column;gap:4px;border:1px solid #f8514966;background:#f8514912;border-radius:12px;padding:12px 14px;margin:6px 0 8px}
.indisp b{color:#ff7b72}.indisp span{color:var(--mt);font-size:.9rem}
.ci small.ind{color:#ff7b72;display:block}

/* Loja sem logo: o nome escrito no lugar */
.logotxt{font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
.logotxt::first-letter{color:var(--ylt,var(--yl))}
@media(min-width:900px){.hero.semlogo .wrap{grid-template-columns:1fr}}
.contact.semmapa{grid-template-columns:1fr}
.toybox img{max-height:340px;object-fit:contain}