*{box-sizing:border-box}
:root{--bg:#fafafa;--ink:#1a1a1f;--mut:#6b6b76;--line:#e8e8ee;--card:#fff;--ok:#12805c;--warn:#b45309;--err:#c0262d;--r:14px;--cor-dark:color-mix(in srgb,var(--cor) 82%,#000)}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.small{font-size:.82rem;color:var(--mut)}.center{text-align:center;display:block;margin-top:10px}
.empty{padding:40px 16px;text-align:center;color:var(--mut)}.empty a{color:var(--cor);text-decoration:underline}

/* topo */
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:.8rem;position:relative;display:grid}
.tb-item{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:7px 12px;min-height:34px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.tb-item.on{opacity:1;visibility:visible;transition-delay:0s}
.tb-item a{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:inherit;text-decoration:none}
.tb-item.has-count{padding:9px 12px}
.tb-item.has-count .tb-txt{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.tb-count{display:inline-flex;align-items:flex-start;gap:6px}
.tb-count span{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:34px}
.tb-count b{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}
.tb-count small{font-size:.62rem;opacity:.85;margin-top:2px}
.tb-count i{font-style:normal;font-weight:800;font-size:1.3rem;line-height:1}
@media (max-width:600px){.tb-item.has-count .tb-txt{font-size:.85rem}.tb-count b{font-size:1.1rem}.tb-count span{min-width:28px}}
@media (prefers-reduced-motion:reduce){.tb-item{transition:none}}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:center;gap:14px;min-height:64px;padding:6px 0}
.logo{font-weight:800;font-size:1.45rem;letter-spacing:-.5px;color:var(--cor);white-space:nowrap}
.search{flex:1;display:flex;max-width:520px;margin:0 auto;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#f4f4f8}
.search input{flex:1;border:0;background:transparent;padding:10px 16px;font-size:.95rem;outline:none;min-width:0}
.search button{border:0;background:transparent;padding:0 14px;cursor:pointer;font-size:1rem}
.cart-link{position:relative;font-size:1.5rem;padding:4px 6px}
.cart-count{position:absolute;top:-4px;right:-6px;background:var(--cor);color:#fff;font-size:.68rem;font-weight:700;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;padding:0 4px}
.menu-btn{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer}
.nav{border-top:1px solid var(--line);background:#fff}
.nav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav a{padding:11px 14px;font-size:.9rem;font-weight:600;white-space:nowrap;color:#333;border-bottom:2px solid transparent}
.nav a:hover{color:var(--cor);border-color:var(--cor)}
.nav .nav-promo{color:var(--err)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cor);color:#fff;border:0;border-radius:10px;padding:11px 20px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.18s;font-family:inherit}
.btn:hover{background:var(--cor-dark);transform:translateY(-1px)}
.btn:disabled{background:#c9c9d2;cursor:not-allowed;transform:none}
.btn-sm{padding:8px 14px;font-size:.85rem}.btn-lg{padding:15px 26px;font-size:1.02rem}.btn-block{display:flex;width:100%;margin-top:14px}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#f1f1f5}
.btn-danger{background:var(--err)}

/* HERO / banner rotativo animado */
.hero{position:relative;height:clamp(240px,46vw,520px);overflow:hidden;background:#111;isolation:isolate}
.hero{perspective:1600px}
.slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity,transform;
  transition:opacity .9s ease,transform .9s cubic-bezier(.65,0,.35,1),clip-path .9s cubic-bezier(.65,0,.35,1),visibility 0s .9s}
.slide.active,.slide.out{visibility:visible;transition-delay:0s}
.slide.active{opacity:1;z-index:2}
.slide.out{z-index:1}
.slide.nt{transition:none!important}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1)}
.slide.active img{animation:kenburns 8s ease-out forwards}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05) 65%,transparent)}
/* efeitos de transição (o JS troca data-fx; .rev = voltando) */
[data-fx=fade] .slide.out{opacity:0}
[data-fx=slide] .slide{transform:translateX(100%);opacity:1}
[data-fx=slide].rev .slide{transform:translateX(-100%)}
[data-fx=slide] .slide.active{transform:none}
[data-fx=slide] .slide.out{transform:translateX(-100%)}
[data-fx=slide].rev .slide.out{transform:translateX(100%)}
[data-fx=zoom] .slide{transform:scale(1.25)}
[data-fx=zoom] .slide.active{transform:none}
[data-fx=zoom] .slide.out{opacity:0;transform:scale(.88)}
[data-fx=flip] .slide{transform:rotateY(-100deg);transition-duration:1s}
[data-fx=flip].rev .slide{transform:rotateY(100deg)}
[data-fx=flip] .slide.active{transform:none}
[data-fx=flip] .slide.out{transform:rotateY(100deg);opacity:0}
[data-fx=flip].rev .slide.out{transform:rotateY(-100deg)}
[data-fx=cube] .slide{transform-origin:50% 50% calc(var(--w,800px) / -2);transform:rotateY(90deg);opacity:1;transition-duration:1s}
[data-fx=cube].rev .slide{transform:rotateY(-90deg)}
[data-fx=cube] .slide.active{transform:none}
[data-fx=cube] .slide.out{transform:rotateY(-90deg)}
[data-fx=cube].rev .slide.out{transform:rotateY(90deg)}
[data-fx=wipe] .slide{opacity:1;clip-path:inset(0 100% 0 0)}
[data-fx=wipe].rev .slide{clip-path:inset(0 0 0 100%)}
[data-fx=wipe] .slide.active{clip-path:inset(0);z-index:3}
[data-fx=wipe] .slide.out{clip-path:inset(0);z-index:1}
@media (prefers-reduced-motion:reduce){.slide{transition:opacity .4s!important;transform:none!important;clip-path:none!important}.slide.active img{animation:none}}
.slide-text{text-shadow:0 2px 14px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45);position:absolute;left:max(16px,calc((100% - 1148px)/2));top:50%;transform:translateY(-50%);max-width:min(560px,86%);color:#fff;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.s-title{font-size:clamp(1.6rem,5.4vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-1px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.s-sub{font-size:clamp(.95rem,2vw,1.25rem);opacity:.95}
.s-btn{background:#fff;color:var(--ink);padding:12px 24px;border-radius:999px;font-weight:700;font-size:.95rem;margin-top:6px;display:inline-block}
.slide.active .s-title{animation:rise .8s .15s both cubic-bezier(.2,.8,.2,1)}
.slide.active .s-sub{animation:rise .8s .35s both cubic-bezier(.2,.8,.2,1)}
.slide.active .s-btn{animation:pop .7s .6s both cubic-bezier(.2,1.4,.4,1)}
@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.slide-default{background:linear-gradient(120deg,var(--cor),#6d28d9)}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.85);font-size:1.7rem;line-height:1;cursor:pointer;opacity:0;transition:.2s}
.hero:hover .hero-nav{opacity:1}.hero-nav.prev{left:14px}.hero-nav.next{right:14px}
.hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px}
.hero-dots button{width:10px;height:10px;border-radius:99px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:.3s}
.hero-dots button.on{width:30px;background:#fff}
.hero-bar{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;background:rgba(255,255,255,.2)}
.hero-bar i{display:block;height:100%;width:0;background:var(--cor)}
.hero-bar i.run{animation:bar var(--dur,5.5s) linear forwards}
@keyframes bar{to{width:100%}}

/* seções / grid */
.section{margin:42px 0}
.section-head{display:flex;justify-content:space-between;align-items:baseline}
.section-head a{color:var(--cor);font-weight:600;font-size:.9rem}
.section-title{font-size:1.45rem;margin:0 0 18px;letter-spacing:-.4px}
.page-title{font-size:1.6rem;margin:26px 0 16px}.page-title small{font-size:.85rem;color:var(--mut);font-weight:400;margin-left:8px}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cats a{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 14px;text-align:center;transition:.2s;display:flex;flex-direction:column;gap:2px}
.cats a:hover{border-color:var(--cor);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.07)}
.cats small{color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border-radius:var(--r);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.09)}
.card-img{position:relative;aspect-ratio:4/5;background:#f0f0f4;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-img img{transform:scale(1.06)}
.badge{position:absolute;top:10px;left:10px;font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:99px;color:#fff;z-index:2}
.badge-off{background:var(--err)}.badge-new{background:var(--ink)}.badge-out{background:#777;left:auto;right:10px}
.card-body{padding:12px 14px 16px}
.card-body h3{font-size:.95rem;margin:0 0 6px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price s{color:var(--mut);font-size:.85rem}.price strong{font-size:1.1rem}
.parcela{font-size:.78rem;color:var(--mut)}
.dots{display:flex;gap:5px;margin-top:8px}.dots i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18)}

/* loja */
.shop{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:6px 18px 18px;position:sticky;top:130px}
.filters h4{margin:18px 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:.84rem;background:#fff;display:inline-flex;align-items:center;gap:6px}
.chip:hover{border-color:var(--cor)}.chip.on{background:var(--cor);border-color:var(--cor);color:#fff}
.chip-cor i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}
.price-range{display:flex;gap:6px}.price-range input{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem}
.toolbar select{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-left:6px}
#filterBtn{display:none}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0;flex-wrap:wrap}
.pager a{min-width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;font-weight:600}
.pager a.on{background:var(--cor);color:#fff;border-color:var(--cor)}

/* produto */
.crumbs{font-size:.84rem;color:var(--mut);margin:18px 0}.crumbs a:hover{color:var(--cor)}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:start}
.gallery-main{position:relative;border-radius:var(--r);overflow:hidden;background:#f0f0f4;aspect-ratio:4/5;border:1px solid var(--line)}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto}
.thumbs button{border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;width:72px;height:90px;flex:none;cursor:pointer;background:none;opacity:.7}
.thumbs button.on{border-color:var(--cor);opacity:1}.thumbs img{width:100%;height:100%;object-fit:cover}
.info h1{font-size:1.7rem;margin:0 0 10px;letter-spacing:-.5px;line-height:1.2}
.pdp-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pdp-price s{color:var(--mut)}.pdp-price strong{font-size:2rem}
.save{background:#e7f6ef;color:var(--ok);font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:99px}
.opt{margin:20px 0 4px}.opt label{font-size:.9rem;display:block;margin-bottom:8px}
.swatches,.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sw{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0;transition:.15s}
.sw.on{box-shadow:0 0 0 2px var(--cor)}.sw:disabled{opacity:.3;cursor:not-allowed;background-image:linear-gradient(135deg,transparent 46%,#c00 47%,#c00 53%,transparent 54%)}
.sz{min-width:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer;font-family:inherit}
.sz:hover:not(:disabled){border-color:var(--cor)}.sz.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sz:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.buy{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.buy .btn{flex:1;min-width:200px}
.qty{display:inline-flex;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.qty button{width:40px;border:0;background:none;font-size:1.2rem;cursor:pointer}.qty button:hover{background:#f1f1f5}
.qty input{width:44px;text-align:center;border:0;font-size:1rem;font-weight:700;outline:none;font-family:inherit}
.qty-sm button{width:30px}.qty-sm input{width:36px}
.stock{font-size:.85rem;color:var(--warn);min-height:1.2em;margin:8px 0 0}
.msg{margin-top:8px;font-size:.92rem}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.msg a{text-decoration:underline;font-weight:700}
.shipbox{margin-top:22px;border:1px dashed #cfcfd9;border-radius:var(--r);padding:14px 16px;background:#fff}
.shipbox h4{margin:0 0 10px;font-size:.95rem}
.ship-form{display:flex;gap:8px}.ship-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:.95rem}
.ship-res{margin-top:10px;font-size:.9rem}
.ship-opt{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.ship-opt small{color:var(--mut);display:block}
.ship-opt b.free{color:var(--ok)}
.desc{margin-top:26px;color:#3b3b45}.desc h4{margin:0 0 6px}

/* carrinho */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.cart-row{display:grid;grid-template-columns:84px 1fr auto 100px 30px;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}
.cart-row img{width:84px;height:104px;object-fit:cover;border-radius:10px}
.cart-info{display:flex;flex-direction:column;gap:2px}.cart-info small{color:var(--mut)}
.cart-sub{font-weight:800;text-align:right}
.rm{border:0;background:none;color:var(--mut);cursor:pointer;font-size:1rem}.rm:hover{color:var(--err)}
.summary{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;position:sticky;top:140px}
.summary h3{margin:0 0 14px}.line{display:flex;justify-content:space-between;padding:6px 0}
.line.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:1.2rem}
.free-note{font-size:.85rem;color:var(--ok);margin:6px 0}

/* checkout */
.checkout{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start;margin-bottom:50px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}
.panel h3{margin:0 0 14px;font-size:1.05rem}
.fgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.f{grid-column:span 6}.f2{grid-column:span 3}.f3{grid-column:span 2}.f4{grid-column:span 4}
.fgrid label,.form label{display:block;font-size:.8rem;font-weight:600;color:#444;margin-bottom:4px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;padding:10px 12px;border:1px solid #d9d9e2;border-radius:10px;font-size:.95rem;font-family:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--cor) 35%,transparent);border-color:var(--cor)}
.radio-card{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:8px;cursor:pointer;background:#fff}
.radio-card:has(input:checked){border-color:var(--cor);background:color-mix(in srgb,var(--cor) 6%,#fff)}
.radio-card input{accent-color:var(--cor);width:18px;height:18px}.radio-card .grow{flex:1}.radio-card small{color:var(--mut);display:block}
.mini{display:flex;gap:10px;align-items:center;padding:6px 0;font-size:.88rem}.mini img{width:44px;height:54px;object-fit:cover;border-radius:6px}.mini .grow{flex:1}
.flash{padding:12px 16px;border-radius:10px;margin:14px 0;font-weight:600}.flash-ok{background:#e7f6ef;color:var(--ok)}.flash-err{background:#fde8e9;color:var(--err)}

/* pedido / pix */
.pix-box{text-align:center;padding:10px 0}.pix-box img{margin:0 auto;width:240px;height:240px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.copia{display:flex;gap:8px;margin-top:14px}.copia input{flex:1;min-width:0;font-size:.78rem;font-family:ui-monospace,monospace}
.status{display:inline-block;padding:4px 12px;border-radius:99px;font-size:.82rem;font-weight:700;background:#eee}
.st-pago,.st-entregue{background:#e7f6ef;color:var(--ok)}.st-aguardando_pagamento{background:#fff4e0;color:var(--warn)}.st-enviado{background:#e6effd;color:#1d4ed8}.st-cancelado{background:#fde8e9;color:var(--err)}

/* rodapé */
.footer{background:#14141a;color:#c5c5d0;margin-top:60px;font-size:.9rem}
.footer-in{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:40px;padding-bottom:30px}
.footer h4{color:#fff;margin:0 0 10px}.footer a:hover{color:#fff}.footer p{margin:6px 0}
.copy{text-align:center;border-top:1px solid #272730;padding:16px;font-size:.8rem;color:#8d8d9a}

/* responsivo */
@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.pdp,.cart-layout,.checkout{grid-template-columns:1fr}.summary{position:static}}
@media(max-width:760px){
  .grid,.grid-3{grid-template-columns:repeat(2,1fr);gap:12px}
  .header-in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}
  .menu-btn{display:block}.search{order:5;flex:1 1 100%;max-width:none}.logo{margin-right:auto}
  .nav{display:none}
  .shop{grid-template-columns:1fr}.filters{display:none;position:static}.filters.open{display:block}#filterBtn{display:inline-flex}
  .cart-row{grid-template-columns:70px 1fr 30px;grid-template-areas:"i n r" "i q s"}
  .cart-row>a{grid-area:i}.cart-row img{width:70px;height:88px}.cart-info{grid-area:n}.cart-row .qty{grid-area:q}.cart-sub{grid-area:s}.rm{grid-area:r}
  .footer-in{grid-template-columns:1fr}.hero-nav{display:none}
  .fgrid .f2,.fgrid .f3,.fgrid .f4{grid-column:span 6}.fgrid .f3.keep{grid-column:span 2}.fgrid .f4.keep{grid-column:span 4}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* conta / formulários de acesso */
.authbox{max-width:440px;margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.authbox h1{margin:0 0 6px;font-size:1.5rem}
.form label{display:block;font-size:.8rem;font-weight:600;margin-bottom:4px;color:#444;margin-top:10px}
.form .fgrid label{margin-top:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.acc-link{display:flex;align-items:center;gap:4px;font-size:.88rem;font-weight:600;padding:6px 8px;border-radius:99px}.acc-link:hover{background:#f4f4f8}
.line a:hover{color:var(--cor)}
.cart-link{margin-left:0}
/* compartilhar */
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px}
.share-label{font-size:.85rem;font-weight:700;margin-right:2px}
.sh{border:0;border-radius:99px;padding:7px 14px;font-size:.82rem;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;display:inline-block}
.sh-fb{background:#1877f2}.sh-ig{background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888)}.sh-tt{background:#111}.sh-wa{background:#25a244}.sh-cp{background:#fff;color:var(--ink);border:1px solid var(--line)}
.sh:hover{filter:brightness(1.08)}
.share-msg{flex-basis:100%;font-size:.82rem;color:var(--ok);min-height:1.1em}
/* textos / faq / contato */
.prose{max-width:820px}.prose h2{font-size:1.15rem;margin:26px 0 6px}.prose p{margin:8px 0;color:#34343d}.prose ul{padding-left:22px;color:#34343d}.prose li{margin:4px 0}
.faq{background:#fff;border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:0 16px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}.faq summary::after{content:'+';float:right;font-size:1.3rem;line-height:1}.faq[open] summary::after{content:'−'}
.faq div{padding:0 0 10px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;max-width:1000px}
.social{display:flex;gap:12px;flex-wrap:wrap}.social a{text-decoration:underline}
.selos{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.selos img{max-height:54px;width:auto;background:#fff;border-radius:6px;padding:3px}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.acc-txt{display:none}}

/* ===== Turno 3: logo, cards, coração, sacola, galeria, modal ===== */
.logo-img{height:var(--logo-h,40px);width:auto;max-width:60vw;object-fit:contain;display:block}
@media(max-width:700px){.logo-img{height:calc(var(--logo-h,40px)*.75)}}
.fav-link{position:relative}
.card-img a,.card-img>a{display:block;width:100%;height:100%}
.card-img .img2{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.card:hover .card-img .img2{opacity:1}
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start}
.badges .badge{position:static}
.badge-free{background:var(--ok)}
.fav{position:absolute;top:8px;right:8px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.18s;padding:0;color:#444}
.fav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;transition:.18s}
.fav:hover{transform:scale(1.1)}
.fav.on{color:#e11d48}.fav.on svg{fill:#e11d48;stroke:#e11d48}
.card-act{padding:0 14px 14px}
.card-body{display:block;flex:1}
.btn-block{width:100%}
.tag-free{color:var(--ok);font-weight:700;margin:10px 0}
.tiers{background:#fff7ed;border:1px dashed #f59e0b;border-radius:10px;padding:10px 14px;margin:12px 0;font-size:.88rem;display:flex;flex-wrap:wrap;gap:4px 14px}
.tiers>b:first-child{width:100%}.tiers small{width:100%;color:var(--mut)}
/* galeria deslizante */
.gal-main{position:relative;border-radius:var(--r);overflow:hidden;background:#f0f0f4;border:1px solid var(--line)}
.gal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;outline:none}
.gal-track::-webkit-scrollbar{display:none}
.gal-track.dragging{cursor:grabbing}
.gal-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/5;user-select:none}
.gal-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:1.5rem;line-height:1;cursor:pointer;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.gal-nav.prev{left:8px}.gal-nav.next{right:8px}
@media(hover:none){.gal-nav{display:none}}
.gal-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}
.gal-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer}
.gal-dots button.on{background:var(--cor);width:20px;border-radius:99px}
/* aviso e modal rápido */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:.92rem;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:92vw}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast a{color:#fff;text-decoration:underline;font-weight:700}
.noscroll{overflow:hidden}
.qk-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150;display:flex;align-items:flex-end;justify-content:center}
.qk{background:#fff;width:100%;max-width:440px;border-radius:18px 18px 0 0;padding:18px;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow:auto}
@media(min-width:600px){.qk-ov{align-items:center}.qk{border-radius:18px}}
.qk-top{display:flex;gap:12px;align-items:center}.qk-top img{width:64px;height:80px;object-fit:cover;border-radius:10px}
.qk-top>div{flex:1}.qk-x{border:0;background:#f1f1f5;border-radius:50%;width:34px;height:34px;cursor:pointer}
.qk label{font-weight:700;font-size:.88rem}
.discount-line{color:var(--ok)}

/* ===== Categorias em carrossel ===== */
.cat-car{position:relative;padding:0 26px}
.cat-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 2px 10px}
.cat-track::-webkit-scrollbar{display:none}
.cat-item{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.cat-img{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#f0f0f4}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-item:hover .cat-img img{transform:scale(1.06)}
.cat-item strong{font-size:1.05rem}
.cat-nav{position:absolute;top:38%;transform:translateY(-50%);border:0;background:transparent;font-size:1.9rem;font-weight:700;line-height:1;cursor:pointer;color:var(--ink);padding:6px;z-index:2}
.cat-nav.prev{left:-4px}.cat-nav.next{right:-4px}.cat-nav[hidden]{display:none}
@media(min-width:700px){.cat-item{flex-basis:calc((100% - 90px)/6)}}
/* estoque no painel */
.alert-pill{background:var(--err);color:#fff;border-radius:99px;font-size:.7rem;padding:1px 7px;margin-left:6px;font-weight:700}

/* ===== Busca de endereço / CEP ===== */
.addr-bar{background:#f4f4f8;border-bottom:1px solid var(--line);font-size:.84rem}
.addr-btn{background:none;border:0;padding:7px 0;cursor:pointer;font:inherit;color:var(--ink);text-align:left;width:100%}
.addr-btn u{color:var(--cor);font-weight:700;margin-left:4px}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--cor);text-decoration:underline;cursor:pointer;font:inherit;font-size:.84rem}
.addr-tabs{display:flex;gap:6px}
.addr-tabs button{flex:1;padding:9px 6px;border:1px solid var(--line);background:#fff;border-radius:10px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.addr-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.addr-form{display:flex;gap:8px}.addr-form[hidden]{display:none}
.addr-form input,.addr-form select{padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit;min-width:0}
.addr-form>input:first-child{flex:1}
.addr-form2{flex-wrap:wrap}.addr-form2 select{width:78px}.addr-form2 input{flex:1 1 140px}.addr-form2 .btn{width:100%}
.addr-msg{font-size:.88rem;color:var(--mut);min-height:1.2em}
.addr-list{display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow:auto}
.addr-item{text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px}
.addr-item:hover{border-color:var(--cor)}.addr-item small{color:var(--mut)}


/* ===== Menu lateral (drawer) ===== */
.burger{display:flex;flex-direction:column;gap:5px;width:24px}
.burger i{display:block;height:2.5px;background:var(--ink);border-radius:2px;transition:.25s}
.menu-btn[aria-expanded="true"] .burger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .burger i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.menu-btn{padding:8px 6px}
.drawer-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;transition:opacity .28s}
.drawer-ov.show{opacity:1}.drawer-ov[hidden]{display:none}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(84vw,340px);background:#fff;z-index:100;transform:translateX(-102%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;display:flex;flex-direction:column;box-shadow:6px 0 30px rgba(0,0,0,.2);outline:none;overscroll-behavior:contain}
.drawer.open{transform:none;visibility:visible}
@media(min-width:761px){.drawer,.drawer-ov{display:none!important}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.drawer-logo{font-weight:800;font-size:1.3rem;color:var(--cor)}.drawer-logo img{height:calc(var(--logo-h,40px)*.8);width:auto;max-width:200px;display:block}
.drawer-x{border:0;background:#f1f1f5;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer}
.drawer-user{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(120deg,color-mix(in srgb,var(--cor) 12%,#fff),#fff)}
.drawer-user>div{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.drawer-user small{color:var(--mut)}.drawer-user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-avatar{width:42px;height:42px;border-radius:50%;background:var(--cor);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.drawer-nav{flex:1;overflow-y:auto;padding:6px 0 10px;-webkit-overflow-scrolling:touch}
.drawer-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 18px;font-weight:600;color:var(--ink);border-left:3px solid transparent}
.drawer-nav a:active,.drawer-nav a:hover{background:#f6f6fa;border-left-color:var(--cor)}
.drawer-nav a.sub{padding:10px 18px 10px 38px;font-weight:500;font-size:.94rem}
.drawer-nav .nav-promo{color:var(--err)}
.drawer-sec{padding:14px 18px 4px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--mut)}
.dcount{background:var(--cor);color:#fff;border-radius:99px;font-size:.72rem;padding:1px 8px}
.drawer-out button{width:100%;text-align:left;border:0;background:none;padding:13px 18px;font:inherit;font-weight:600;color:var(--err);cursor:pointer}
.drawer-foot{padding:12px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.drawer-social{display:flex;gap:16px;justify-content:center;font-size:.85rem}.drawer-social a{color:var(--mut);text-decoration:underline}

.apartir{font-size:.75rem;color:var(--mut);font-weight:600;margin-right:4px}
.sizes .sz{white-space:normal;text-align:center}

.cb-box{background:#ecfdf3;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:.92rem}
.cb-box label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.cb-tag{display:inline-block;background:#ecfdf3;color:#047857;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;margin:4px 0}

.faixa{display:block;position:relative;border-radius:16px;overflow:hidden;margin:26px 0;background:#eee}
.faixa img{display:block;width:100%;height:auto}
.faixa .slide-text{left:clamp(16px,4vw,48px)}
.faixa .s-title{font-size:clamp(1.2rem,4vw,2.6rem)}

/* banner flutuante */
.pp{position:fixed;z-index:9000;inset:0;display:flex;pointer-events:none}
.pp[hidden]{display:none}
.pp-card{position:relative;pointer-events:auto;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;width:min(440px,calc(100vw - 24px));animation:ppin .45s cubic-bezier(.2,.9,.3,1.1)}
.pp-centro{align-items:center;justify-content:center;background:rgba(0,0,0,.5);pointer-events:auto}
.pp-canto{align-items:flex-end;justify-content:flex-end;padding:14px}
.pp-topo{align-items:flex-start;justify-content:center;padding:10px}.pp-topo .pp-card{width:min(760px,calc(100vw - 20px))}
.pp-rodape{align-items:flex-end;justify-content:center;padding:10px}.pp-rodape .pp-card{width:min(760px,calc(100vw - 20px))}
.pp-link{display:block;color:inherit;text-decoration:none}
.pp-img{display:block;width:100%;height:auto}
.pp-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pp-t{font-size:1.25rem;line-height:1.15}.pp-s{font-size:.95rem;color:#444}
.pp-body .tb-count{color:var(--ink)}
.pp-btn{background:var(--cor);color:#fff;margin-top:4px}
.pp-x{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:1rem;cursor:pointer}
.pp-bar{height:4px;background:rgba(0,0,0,.08)}.pp-bar i{display:block;height:100%;width:100%;background:var(--cor);transform-origin:left}
.pp-bar.run i{animation:ppbar var(--d,8s) linear forwards}
.pp.out .pp-card{animation:ppout .3s ease forwards}.pp.out.pp-centro{background:transparent;transition:background .3s}
@keyframes ppin{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ppout{to{opacity:0;transform:translateY(16px) scale(.97)}}
@keyframes ppbar{to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.pp-card,.pp.out .pp-card{animation:none}}

.vale-box{background:#fff7ed;border:1px dashed #fdba74;border-radius:12px;padding:10px 12px;margin:12px 0;font-size:.92rem}
.vale-box summary{cursor:pointer;font-weight:600}
.vale-row{display:flex;gap:8px;margin:10px 0 6px}.vale-row input{flex:1;min-width:0}
.vale-ap{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px;color:#047857}
.vale-rm{border:0;background:none;color:#b91c1c;cursor:pointer;text-decoration:underline;font-size:.85rem}
.vale-opt{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.vale-opt button{border:2px solid #d9d9e2;background:#fff;border-radius:999px;padding:9px 18px;font-weight:700;cursor:pointer;font-size:.95rem}
.vale-opt button:hover{border-color:var(--cor);color:var(--cor)}
.vl-row{display:grid;grid-template-columns:1fr 90px 36px;gap:8px;margin-bottom:8px;align-items:center}
.vl-card{background:linear-gradient(135deg,var(--cor),#6d28d9);color:#fff;border-radius:16px;padding:20px;margin-bottom:12px;text-align:center}
.vl-card b{display:block;font-size:1.8rem}.vl-card code{display:inline-block;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:8px;letter-spacing:2px;font-size:1.05rem;margin-top:6px}

.slide picture,.faixa picture{display:block;width:100%;height:100%}
.faixa picture{height:auto}
@media (max-width:700px){.hero.hero-sq{height:auto;aspect-ratio:1/1}}