[hidden]{display:none!important}
/* Loja PlayForma 3D: estilo BOUTIQUE LIMPA (escolha do Michael em 15/10/2026). Fundo branco, muito espaço, fotos grandes,
   topo branco com a logo original grande e sem fundo, categorias num menu suspenso (aparecem uma vez só). Só Poppins. */
:root{--l-fundo:#fff;--l-areia:#F5F5F5;--l-cartao:#fff;--l-linha:#EAEAEA;--l-texto:#1A1A1A;--l-texto2:#5F5A58;--l-terra:#E35D00;--l-terra-esc:#B84700;--l-oliva:#4C4847;--l-rosa:#F3F3F3;--l-verde:#2f7d4a;--l-pix:#0f8a5f;--l-raio:16px}
body{background:#fff;color:var(--l-texto)}
h1,h2,h3{font-family:inherit;color:var(--l-texto);letter-spacing:-.015em}
.l-wrap{max-width:1200px;margin:0 auto;padding-inline:20px}
@media (max-width:600px){.l-wrap{padding-inline:16px}}
.so-leitor{position:absolute;left:-9999px}
html,body{overflow-x:hidden}@supports (overflow:clip){html,body{overflow-x:clip}}
.l-wrap>*{min-width:0}
@media (max-width:820px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}

/* ---------- faixa de avisos: uma mensagem por vez no celular, nada cortado ---------- */
.l-faixa{background:var(--l-areia);color:var(--l-terra-esc);font-size:.8rem;font-weight:500;text-align:center}
.l-faixa .l-wrap{position:relative;height:34px}
.l-faixa span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;transition:opacity .5s;padding-inline:12px}
.l-faixa span.on{opacity:1}.l-faixa svg{width:15px;height:15px}
@media (min-width:1000px){.l-faixa .l-wrap{display:flex;justify-content:center;gap:34px}.l-faixa span{position:static;opacity:1;padding:0}}

/* ---------- topo branco ---------- */
.l-topo{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--l-linha)}
.l-topo>.l-wrap{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:26px;align-items:center;min-height:92px}
.l-logo{display:block;line-height:0}.l-logo img{height:76px;width:auto}
.l-nav{display:flex;gap:4px;align-items:center}
.l-nav>a,.l-nav>div>button{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:.93rem;font-weight:500;color:var(--l-texto);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;min-height:44px}
.l-nav>a:hover,.l-nav>div>button:hover,.l-nav>div>button[aria-expanded=true]{background:var(--l-areia)}.l-nav svg{width:15px;height:15px}
.l-menu-cats{position:relative}
.l-mega{position:absolute;left:0;top:calc(100% + 10px);width:min(560px,90vw);background:#fff;border:1px solid var(--l-linha);border-radius:16px;box-shadow:0 18px 50px rgba(43,33,29,.14);padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;z-index:50}
.l-mega a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--l-texto);text-decoration:none;font-size:.92rem;min-height:44px}
.l-mega a:hover{background:var(--l-areia)}.l-mega svg{width:20px;height:20px;color:var(--l-terra);flex:0 0 20px}.l-mega small{margin-left:auto;color:var(--l-texto2);font-size:.75rem}
.l-mega .l-mega-tudo{grid-column:1/-1;border-top:1px solid var(--l-linha);margin-top:4px;padding-top:12px;font-weight:600;color:var(--l-terra-esc)}
.l-busca{position:relative;display:flex;width:100%;max-width:420px;justify-self:end;background:var(--l-areia);border-radius:99px;border:1px solid transparent;transition:border-color .15s,background .15s}
.l-busca:focus-within{background:#fff;border-color:var(--l-terra)}
.l-busca input{flex:1;border:0;background:none;font:inherit;font-size:.92rem;padding:12px 6px 12px 18px;min-width:0;color:var(--l-texto)}.l-busca input:focus{outline:none}
.l-busca>button{border:0;background:none;color:var(--l-texto);width:48px;cursor:pointer;display:grid;place-items:center}.l-busca>button svg{width:20px;height:20px}
.l-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--l-linha);border-radius:16px;box-shadow:0 18px 50px rgba(43,33,29,.14);overflow:hidden;z-index:50;min-width:300px}
.l-sug a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 14px;color:var(--l-texto);text-decoration:none;font-size:.9rem}
.l-sug a:hover,.l-sug a.on{background:var(--l-areia)}.l-sug img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--l-areia)}
.l-sug b{font-weight:600;white-space:nowrap}.l-sug span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-sug .l-sug-tudo{grid-template-columns:1fr;color:var(--l-terra-esc);font-weight:600;border-top:1px solid var(--l-linha);padding-block:12px}
.l-acoes{display:flex;gap:2px;align-items:center}
.l-ico{position:relative;display:inline-grid;place-items:center;background:none;border:0;color:var(--l-texto);text-decoration:none;border-radius:99px;cursor:pointer;width:44px;height:44px}
.l-ico:hover{background:var(--l-areia);color:var(--l-texto)}.l-ico svg{width:24px;height:24px}.l-ico span{display:none}
.l-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:99px;background:var(--l-terra);color:#fff;font-size:.66rem;font-weight:700;display:grid;place-items:center;padding:0 4px}
.l-menu-bt{display:none}
/* menu lateral do celular */
.l-gaveta{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);background:#fff;z-index:62;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;box-shadow:12px 0 40px rgba(0,0,0,.18);display:flex;flex-direction:column}
.l-gaveta.on{transform:none}
.l-gaveta-topo{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 14px 20px;border-bottom:1px solid var(--l-linha)}.l-gaveta-topo img{height:52px;width:auto}
.l-gaveta-topo button{background:none;border:0;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;color:var(--l-texto)}.l-gaveta-topo svg{width:24px;height:24px}
.l-gaveta h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--l-texto2);margin:18px 20px 4px}
.l-gaveta a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--l-texto);text-decoration:none;font-size:1rem;min-height:48px}.l-gaveta a:hover{background:var(--l-areia)}
.l-gaveta a svg{width:21px;height:21px;color:var(--l-terra);flex:0 0 21px}.l-gaveta small{margin-left:auto;color:var(--l-texto2)}
@media (max-width:1180px){
  .l-topo>.l-wrap{grid-template-columns:auto minmax(0,1fr) auto;gap:4px;min-height:72px}
  .l-menu-bt{display:inline-grid}.l-nav{display:none}.l-logo{justify-self:center}.l-logo img{height:58px}
  .l-busca{grid-column:1/-1;order:5;max-width:none;margin-bottom:10px;justify-self:stretch}
  .l-so-desk{display:none}
}

/* ---------- botões ---------- */
.l-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:600 .96rem/1.2 inherit;font-family:inherit;padding:14px 26px;border-radius:99px;border:0;background:var(--l-texto);color:#fff;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s;min-height:48px}
.l-btn:hover{background:#000;color:#fff}.l-btn:active{transform:scale(.98)}.l-btn svg{width:20px;height:20px}.l-btn[disabled]{opacity:.5;cursor:not-allowed}
.l-btn-terra{background:var(--l-terra)}.l-btn-terra:hover{background:var(--l-terra-esc)}
.l-btn-sec{background:#fff;color:var(--l-texto);box-shadow:inset 0 0 0 1.5px var(--l-texto)}.l-btn-sec:hover{background:var(--l-areia);color:var(--l-texto)}
.l-btn-whats{background:#1fa855}.l-btn-whats:hover{background:#178a45}
.l-btn-comprar{background:var(--l-terra)}.l-btn-comprar:hover{background:var(--l-terra-esc)}
.l-link{background:none;border:0;color:var(--l-terra-esc);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}

/* ---------- seções ---------- */
.l-sec{padding:56px 0}.l-sec.cola{padding-top:0}
@media (max-width:700px){.l-sec{padding:40px 0}}
.l-sec-topo{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}
.l-sec-topo h2{margin:0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:600}
.l-sec-topo p{margin:4px 0 0;color:var(--l-texto2);font-size:.95rem}
.l-sec-topo a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;min-height:44px;color:var(--l-texto);font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:4px}.l-sec-topo a svg{width:16px;height:16px}
/* destaque principal (hero) */
.l-hero{padding:28px 0 8px}
.l-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:var(--l-areia);border-radius:28px;padding:56px 64px;overflow:hidden;position:relative}
.l-hero .l-tag{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--l-terra-esc)}
.l-hero h1{font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.05;font-weight:700;margin:12px 0 16px;letter-spacing:-.03em}
.l-hero p{font-size:1.08rem;color:var(--l-texto2);max-width:460px;margin:0 0 26px;line-height:1.6}
.l-hero .l-btns{display:flex;gap:12px;flex-wrap:wrap}
.l-hero-foto{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgba(90,61,51,.18);margin:0}
.l-hero-foto img{width:100%;height:100%;object-fit:cover;display:block}
.l-hero-foto figcaption{position:absolute;left:14px;bottom:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-radius:14px;padding:10px 14px;font-size:.88rem}
.l-hero-foto figcaption a{color:var(--l-texto);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-hero-foto figcaption b{white-space:nowrap}
.l-hero-icone{display:grid;place-items:center;background:#fff}.l-hero-icone img{width:62%;height:auto;object-fit:contain}
@media (max-width:860px){.l-hero{padding-top:12px}.l-hero-in{grid-template-columns:minmax(0,1fr);gap:26px;padding:34px 24px 24px;border-radius:22px}.l-hero p{font-size:1rem;margin-bottom:20px}}
/* vantagens (linha discreta) */
.l-benef{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--l-linha)}
.l-benef div{display:flex;align-items:center;gap:12px;padding:22px 18px}.l-benef div+div{border-left:1px solid var(--l-linha)}
.l-benef svg{width:26px;height:26px;color:var(--l-terra);flex:0 0 26px}.l-benef .pix svg{color:var(--l-pix)}
.l-benef b{display:block;font-size:.9rem;font-weight:600}.l-benef small{color:var(--l-texto2);font-size:.8rem}
@media (max-width:900px){.l-benef{grid-template-columns:repeat(2,minmax(0,1fr))}.l-benef div{padding:16px 10px}.l-benef div:nth-child(3){border-left:0}.l-benef div:nth-child(n+3){border-top:1px solid var(--l-linha)}}
/* categorias com foto */
.l-catfotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.l-catfoto{display:block;text-decoration:none;color:var(--l-texto)}
.l-catfoto span{display:block;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--l-areia);margin-bottom:10px}
.l-catfoto img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.l-catfoto:hover img{transform:scale(1.04)}
.l-catfoto b{font-weight:600;font-size:.98rem}.l-catfoto small{display:block;color:var(--l-texto2);font-size:.82rem}
@media (max-width:600px){.l-catfotos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* ---------- cartão de produto (limpo, sem caixa) ---------- */
.l-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}
@media (max-width:1000px){.l-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.l-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}}
.l-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px) / 4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.l-trilho::-webkit-scrollbar{display:none}.l-trilho>*{scroll-snap-align:start}
@media (max-width:700px){.l-trilho{grid-auto-columns:46%;gap:12px}}
.l-grade>*,.l-trilho>*{min-width:0}
.l-card{position:relative;display:flex;flex-direction:column;background:none}
.l-card .l-foto{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--l-areia);border-radius:18px}
.l-card .l-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.l-card:hover .l-foto img{transform:scale(1.04)}
.l-selos{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;z-index:3}
.l-fav{position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;color:var(--l-texto)}
.l-fav svg{width:19px;height:19px}.l-fav.on{color:#e0245e}
.l-ex-faixa{position:absolute;left:0;right:0;bottom:0;z-index:2;height:26px;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#B84700;font-size:.7rem;font-weight:700}
.l-card .l-info{display:flex;flex-direction:column;gap:2px;padding:14px 2px 0;flex:1}
.l-card .l-cat{font-size:.74rem;color:var(--l-texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l-card h3{font-weight:500;font-size:.98rem;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.l-card h3 a{color:var(--l-texto);text-decoration:none}.l-card h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.l-preco{font-weight:600;font-size:1.05rem;color:var(--l-texto);line-height:1.3}.l-preco small{font-weight:400;font-size:.75rem;color:var(--l-texto2)}
.l-preco s{font-weight:400;font-size:.85em;color:var(--l-texto2);margin-right:6px}
.l-card .l-preco{margin-top:6px}
.l-pix{display:block;font-size:.8rem;color:var(--l-pix);font-weight:500}
.l-parc{display:none}
.l-prazo{font-size:.78rem;color:var(--l-texto2);margin-top:2px}.l-prazo.pronta{color:var(--l-verde);font-weight:600}
.l-card .l-add,.l-card .l-add-off{display:none}
/* adicionar rápido: botão redondo sobre a foto */
.l-rapido{position:absolute;right:10px;bottom:10px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--l-texto);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14);transition:transform .15s}
.l-rapido:hover{transform:scale(1.08);background:var(--l-texto);color:#fff}.l-rapido svg{width:20px;height:20px}
/* selos (pequenos e discretos) */
.l-selo{display:inline-block;font-style:normal;font-size:.7rem;font-weight:600;padding:4px 9px;border-radius:99px;background:#fff;color:var(--l-texto);line-height:1.3}
.l-selo.promo{background:#c8321f;color:#fff}.l-selo.esg{background:#eee;color:#555}.l-selo.ultimas{background:#c2570c;color:#fff}.l-selo.mais{background:var(--l-texto);color:#fff}
.l-selo.novo,.l-selo.pronta,.l-selo.frete,.l-selo.pers,.l-selo.esp{background:#fff;color:var(--l-texto)}.l-selo.cat{background:var(--l-areia);color:var(--l-terra-esc)}

/* ---------- sob medida / passos ---------- */
.l-chamada{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--l-texto);color:#fff;border-radius:28px;padding:48px 56px}
.l-chamada h2{color:#fff;margin:0 0 8px;font-size:clamp(1.4rem,3vw,2rem)}.l-chamada p{color:#D4D4D4;margin:0;max-width:560px}
.l-chamada .l-btns{display:flex;gap:10px;flex-wrap:wrap}.l-chamada .l-btn{background:#fff;color:var(--l-texto)}.l-chamada .l-btn:hover{background:var(--l-areia)}
@media (max-width:760px){.l-chamada{grid-template-columns:minmax(0,1fr);padding:32px 24px;border-radius:22px}}
.l-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}@media (max-width:900px){.l-passos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.l-passo b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--l-areia);color:var(--l-terra-esc);font-weight:700;margin-bottom:12px}
.l-passo h3{font-size:1rem;margin:0 0 6px;font-weight:600}.l-passo p{margin:0;color:var(--l-texto2);font-size:.9rem;line-height:1.55}
.l-vazio{text-align:center;padding:56px 16px;background:var(--l-areia);border-radius:22px;color:var(--l-texto2)}

/* ---------- lista de produtos ---------- */
.l-lista-topo{padding:30px 0 6px}.l-lista-topo h1{margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:600}.l-lista-topo small{color:var(--l-texto2)}
.l-ferr{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 0 26px;border-bottom:1px solid var(--l-linha);margin-bottom:30px}
.l-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.l-chips::-webkit-scrollbar{display:none}
.l-chips button{flex:0 0 auto;border:1px solid var(--l-linha);background:#fff;color:var(--l-texto);font:inherit;font-size:.88rem;padding:9px 16px;border-radius:99px;cursor:pointer;min-height:42px}
.l-chips button:hover{border-color:var(--l-texto)}.l-chips button.on{background:var(--l-texto);border-color:var(--l-texto);color:#fff}
.l-ferr-dir{display:flex;gap:8px;align-items:center}
.l-ferr select{font:inherit;font-size:.9rem;padding:10px 14px;border:1px solid var(--l-linha);border-radius:99px;background:#fff;min-height:42px;color:var(--l-texto)}
.l-filtro-bt{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.9rem;font-weight:500;padding:10px 16px;border:1px solid var(--l-linha);border-radius:99px;background:#fff;cursor:pointer;min-height:42px;color:var(--l-texto)}.l-filtro-bt svg{width:18px;height:18px}
.l-filtro-bt b{background:var(--l-terra);color:#fff;border-radius:99px;font-size:.7rem;min-width:18px;height:18px;display:grid;place-items:center}
.l-filtros{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);z-index:62;background:#fff;transform:translateX(105%);transition:transform .25s ease;overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,.16);padding:0 24px calc(24px + env(safe-area-inset-bottom,0px))}
.l-filtros.on{transform:none}
.l-filtros-topo{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:18px 0 10px;z-index:1;border-bottom:1px solid var(--l-linha)}
.l-filtros-topo b{font-size:1.15rem}.l-filtros-topo button{background:none;border:0;width:44px;height:44px;cursor:pointer;display:grid;place-items:center}.l-filtros-topo svg{width:22px;height:22px}
.l-filtros h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--l-texto2);margin:22px 0 6px}
.l-filtros label{display:flex;gap:12px;align-items:center;font-size:.95rem;padding:8px 0;cursor:pointer;min-height:44px}.l-filtros input{accent-color:var(--l-texto);width:20px;height:20px;flex:0 0 20px}
.l-filtros-pe{position:sticky;bottom:0;background:#fff;display:flex;gap:10px;align-items:center;padding-top:16px;margin-top:20px;border-top:1px solid var(--l-linha)}
.l-migalha{font-size:.82rem;color:var(--l-texto2);padding:18px 0 0}.l-migalha a{color:var(--l-texto2);display:inline-flex;align-items:center;min-height:36px;text-decoration:none}.l-migalha a:hover{text-decoration:underline}

/* ---------- página do produto ---------- */
.l-prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start;padding:14px 0 30px}
.l-galeria{position:sticky;top:112px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}
.l-galeria.unica{grid-template-columns:minmax(0,1fr)}
.l-galeria .l-principal{grid-column:-2/-1;grid-row:1;position:relative;background:var(--l-areia);border-radius:22px;overflow:hidden;aspect-ratio:1;display:grid;place-items:center;cursor:zoom-in}
.l-galeria .l-principal img{width:100%;height:100%;object-fit:contain}.l-galeria video{width:100%;height:100%;object-fit:contain;background:#000}
.l-minis{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:100%;scrollbar-width:none}.l-minis::-webkit-scrollbar{display:none}
.l-minis button{flex:0 0 76px;width:76px;height:76px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--l-areia);cursor:pointer;position:relative;opacity:.75}
.l-minis button[aria-current=true]{border-color:var(--l-texto);opacity:1}.l-minis img{width:100%;height:100%;object-fit:cover}
.l-minis .vid::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.3);font-size:1.1rem}
.l-gal-n{position:absolute;right:12px;bottom:12px;background:rgba(43,33,29,.7);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:99px;z-index:2;display:none}
.l-compra{padding-top:6px}
.l-compra h1{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.15;margin:10px 0 10px;letter-spacing:-.02em}
.l-compra .l-curta{color:var(--l-texto2);margin:0 0 20px;font-size:1rem;line-height:1.6}
.l-precobox{padding:18px 0;border-block:1px solid var(--l-linha)}
.l-compra .l-preco{font-size:1.9rem;font-weight:600}.l-compra .l-preco s{font-size:1rem}
.l-pix-g{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--l-pix);font-size:.98rem;font-weight:500}.l-pix-g svg{width:19px;height:19px}.l-pix-g b{font-weight:700}
.l-parc-g{display:block;color:var(--l-texto2);font-size:.9rem;margin:4px 0 0}
.l-compra .l-disp{display:flex;gap:9px;align-items:flex-start;font-size:.93rem;margin:18px 0 6px}.l-compra .l-disp svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px}
.l-opc{margin:20px 0}.l-opc>span,.l-opc>label>span{display:block;font-weight:600;font-size:.92rem;margin-bottom:10px}
.l-opc .l-cores{display:flex;flex-wrap:wrap;gap:8px}.l-opc .l-cores label{position:relative}.l-opc .l-cores input{position:absolute;opacity:0}
.l-opc .l-cores span{display:inline-flex;align-items:center;min-height:42px;border:1.5px solid var(--l-linha);border-radius:99px;padding:6px 18px;font-size:.92rem;cursor:pointer;font-weight:400!important;margin:0!important}
.l-opc .l-cores input:checked+span{border-color:var(--l-texto);background:var(--l-texto);color:#fff}.l-opc .l-cores input:focus-visible+span{outline:2px solid var(--l-terra);outline-offset:2px}
.l-opc textarea,.l-opc input#pers{width:100%;font:inherit;font-size:.95rem;border:1.5px solid var(--l-linha);border-radius:14px;padding:12px 14px;box-sizing:border-box}.l-opc textarea{min-height:76px}
.l-opc textarea:focus,.l-opc input#pers:focus{outline:none;border-color:var(--l-texto)}
.l-pers-av{display:block;color:#b3261e;font-size:.85rem;margin-top:6px}
.l-qtd{display:inline-flex;align-items:center;border:1.5px solid var(--l-linha);border-radius:99px;overflow:hidden;background:#fff}
.l-qtd button{width:44px;height:48px;border:0;background:none;font-size:1.2rem;cursor:pointer;color:var(--l-texto)}.l-qtd input,.l-qtd span{width:36px;text-align:center;border:0;font:inherit;font-weight:600;height:48px;line-height:48px;background:none}
.l-comprar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:22px}
.l-comprar .l-btn-comprar{order:-1;grid-column:1/-1;min-height:54px;font-size:1.02rem}
.l-comprar #add-car{background:#fff;color:var(--l-texto);box-shadow:inset 0 0 0 1.5px var(--l-texto)}.l-comprar #add-car:hover{background:var(--l-areia)}
.l-comprar .l-btn-whats{grid-column:1/-1;background:none;color:#178a45;box-shadow:none;font-size:.94rem;min-height:44px;padding:8px}.l-comprar .l-btn-whats:hover{background:#eefaf2}
.l-confia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--l-linha)}
.l-confia div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:.78rem;color:var(--l-texto2)}.l-confia svg{width:24px;height:24px;color:var(--l-texto)}
.l-info-envio{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;font-size:.9rem;color:var(--l-texto2)}
.l-info-envio>div{display:flex;gap:10px;align-items:flex-start}.l-info-envio svg{width:20px;height:20px;flex:0 0 20px;color:var(--l-texto)}.l-info-envio b{color:var(--l-texto);font-weight:600}
.l-desc{padding:40px 0 10px;border-top:1px solid var(--l-linha);margin-top:20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}
.l-desc h2{margin:0 0 14px;font-size:1.3rem;font-weight:600}
.l-desc p,.l-desc li{color:#4a3d37;line-height:1.75}
.l-ficha{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}.l-ficha div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--l-linha)}
.l-ficha dt{font-size:.9rem;color:var(--l-texto2)}.l-ficha dd{margin:0;font-weight:500;text-align:right}
@media (max-width:860px){.l-desc{grid-template-columns:minmax(0,1fr);gap:24px}}
.l-aviso-ex{background:#F5F5F5;color:#4C4847;border-radius:12px;padding:12px 14px;font-size:.9rem;margin-bottom:12px}
.l-compra .l-selo{margin:0 4px 4px 0;border:1px solid var(--l-linha)}
.l-barra-compra{display:none}
@media (min-width:901px){.l-galeria .l-principal>*:not(.on){display:none}.l-galeria .l-principal>*{width:100%;height:100%}}
@media (max-width:900px){
  .l-prod{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:4px}
  .l-galeria{position:relative;display:block;margin-inline:-16px}
  .l-galeria .l-principal{border-radius:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:default;place-items:initial}
  .l-galeria .l-principal::-webkit-scrollbar{display:none}
  .l-galeria .l-principal>*{flex:0 0 100%;scroll-snap-align:center;width:100%;height:100%}
  .l-gal-n{display:block}.l-minis{display:none}
  .l-barra-compra{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--l-linha);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:12px;align-items:center;transform:translateY(110%);transition:transform .2s}
  .l-barra-compra.on{transform:none}.l-barra-compra div{flex:1;min-width:0;line-height:1.25}.l-barra-compra b{display:block;font-size:1.1rem}.l-barra-compra small{color:var(--l-pix);font-size:.8rem}
  .l-barra-compra .l-btn{flex:0 0 auto;padding:12px 22px}
  body.tem-barra{padding-bottom:78px}
}

/* ---------- frete pelo CEP ---------- */
.l-frete{margin:14px 0 4px;padding:16px;border:1px solid var(--l-linha);border-radius:16px;background:#fff}
.l-frete label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px;color:var(--l-texto)}
.l-frete-in{display:flex;gap:8px}.l-frete-in input{flex:1;width:100%;min-width:0;padding:11px 16px;border:1px solid var(--l-linha);border-radius:99px;font:inherit;background:#fff}.l-frete-in .l-btn{padding:10px 18px;min-height:46px}
.l-cep-nao{display:inline-flex;align-items:center;min-height:36px;font-size:.8rem;color:var(--l-texto2)}
.l-frete-res{display:grid;gap:6px;margin-top:8px}.l-frete-msg{font-size:.86rem;color:var(--l-texto2);margin:4px 0}
.l-frete-op{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--l-linha);border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:400!important;margin:0}
.l-frete label.l-frete-op{display:flex;margin:0}
.l-frete-op input{margin-top:3px;accent-color:var(--l-texto);width:20px;height:20px;flex:0 0 20px}.l-frete-op span{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;font-size:.88rem}
.l-frete-op b{font-weight:600;color:var(--l-texto)}.l-frete-op small{grid-column:1;color:var(--l-texto2);font-size:.78rem}.l-frete-op em{grid-row:1/span 2;grid-column:2;font-style:normal;font-weight:700;color:var(--l-texto);align-self:center}
.l-info-envio .l-frete{display:block;color:var(--l-texto);margin:0}

/* ---------- carrinho (gaveta) ---------- */
.l-veu{position:fixed;inset:0;background:rgba(30,20,16,.42);z-index:60}
.l-carrinho{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);height:100vh;height:100dvh;background:#fff;z-index:61;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease;box-shadow:-12px 0 40px rgba(0,0,0,.16);overflow-y:auto;overscroll-behavior:contain}
.l-carrinho.on{transform:none}
.l-car-topo{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 16px 22px;border-bottom:1px solid var(--l-linha)}
.l-car-topo b{display:flex;gap:9px;align-items:center;font-size:1.1rem;font-weight:600}.l-car-topo svg{width:22px;height:22px}
.l-car-itens{padding:4px 22px}
.l-car-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--l-linha)}
.l-car-item img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--l-areia)}.l-car-item a{color:var(--l-texto);font-weight:500;text-decoration:none;font-size:.95rem}.l-car-item small{display:block;color:var(--l-texto2);font-size:.8rem}
.l-car-linha{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.l-car-linha .l-qtd button{width:38px;height:38px}.l-car-linha .l-qtd span{width:30px;height:38px;line-height:38px}
.l-car-vazio{text-align:center;padding:50px 10px;color:var(--l-texto2)}
.l-car-pe{border-top:1px solid var(--l-linha);padding:18px 22px calc(18px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:auto}
.l-car-total{display:flex;justify-content:space-between;font-size:1.05rem}.l-car-total b{font-weight:600}.l-car-geral b{font-size:1.15rem}.l-car-nota{font-size:.8rem;color:var(--l-texto2);margin:0}
.l-car-pe .l-frete{margin:0}.l-car-pe a.l-btn{display:flex}
.l-car-pix{font-size:.86rem;color:var(--l-pix);text-align:right;margin-top:-6px}
.l-aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--l-texto);color:#fff;padding:13px 20px;border-radius:99px;z-index:70;font-weight:500;font-size:.92rem;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:calc(100vw - 32px)}
@media (max-width:900px){.l-aviso{top:16px;bottom:auto}}

/* ---------- rodapé (claro) ---------- */
.l-rodape{background:var(--l-areia);color:var(--l-texto2);padding:56px 0 22px;font-size:.92rem;margin-top:40px}
.l-cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:30px}
@media (max-width:860px){.l-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.l-cols>:first-child{grid-column:1/-1}}
.l-rodape img{height:84px;width:auto;margin-bottom:10px}.l-rodape p{line-height:1.6;max-width:360px}
.l-rodape h2{color:var(--l-texto);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-weight:600}
.l-rodape ul{list-style:none;margin:0;padding:0}.l-rodape li a{display:inline-block;padding:6px 0;color:var(--l-texto2);text-decoration:none;word-break:break-word}.l-rodape li a:hover{color:var(--l-texto)}
.l-redes{display:flex;gap:8px;margin-top:14px}.l-redes a{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--l-texto)}.l-redes svg{width:20px;height:20px}
.l-pagam{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.l-pagam span{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--l-texto);font-size:.78rem;padding:6px 11px;border-radius:99px}.l-pagam svg{width:16px;height:16px}
.l-final{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--l-linha);margin-top:34px;padding-top:18px;font-size:.82rem}
/* fotos inteiras (sem cortar a peça nem a marca d'água): retrato 3:4, que é o formato da foto do celular */
.l-card .l-foto{aspect-ratio:3/4}.l-card .l-foto img{object-fit:contain}
.l-hero-foto{aspect-ratio:3/4;max-height:560px;justify-self:center;width:auto;height:100%}.l-hero-foto img{object-fit:contain;background:#fff}
@media (max-width:860px){.l-hero-foto{max-height:none;width:100%;height:auto}}
.l-catfoto span{aspect-ratio:3/4}.l-catfoto img{object-fit:contain}
@media (max-width:700px){.l-ferr{flex-direction:column;align-items:stretch;gap:12px}.l-chips{flex:none}.l-ferr-dir{justify-content:space-between}.l-ferr-dir select{flex:1;min-width:0}}
.l-comprar #add-car{white-space:nowrap;padding-inline:16px;font-size:.92rem}
/* não cobrir a marca d'água (canto de baixo à direita) */
.l-rapido{top:58px;bottom:auto;right:10px;width:40px;height:40px}
.l-hero-foto{display:flex;flex-direction:column}.l-hero-foto img{flex:1;min-height:0}
.l-hero-foto figcaption{position:static;border-radius:0;background:#fff;backdrop-filter:none;padding:14px 18px;border-top:1px solid var(--l-linha)}
@media (max-width:900px){.l-galeria{top:auto}}
@media (max-width:700px){.l-ferr{flex-wrap:nowrap}.l-chips,.l-ferr-dir{width:100%}}
@media (min-width:901px){.l-galeria .l-principal{display:block}.l-galeria .l-principal>*{position:absolute;inset:0;width:100%;height:100%}}

/* 16/10: favoritos + compartilhar lado a lado; menu de redes no computador */
.l-acoes2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:8px}
.l-acoes2 .l-link{display:inline-flex;align-items:center;gap:6px}.l-acoes2 .l-link svg{width:18px;height:18px}
.l-comp{position:relative}
.l-comp-menu{position:absolute;left:0;top:100%;z-index:30;min-width:210px;background:#fff;border:1px solid #E6E6E6;border-radius:14px;box-shadow:0 10px 30px #3b2a2322;padding:6px;display:flex;flex-direction:column}
.l-comp-menu[hidden]{display:none}
.l-comp-menu a,.l-comp-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--l-texto,#1A1A1A);text-decoration:none;font:inherit;font-size:.92rem;background:none;border:0;cursor:pointer;text-align:left}
.l-comp-menu a:hover,.l-comp-menu button:hover{background:#F4F4F4}
.l-comp-menu svg{width:20px;height:20px;flex:0 0 auto}
.l-comp-menu a[data-umami-event$=whatsapp] svg{color:#25d366}.l-comp-menu a[data-umami-event$=facebook] svg{color:#1877f2}.l-comp-menu a[data-umami-event$=pinterest] svg{color:#e60023}.l-comp-menu a[data-umami-event$=telegram] svg{color:#229ed9}

/* 16/10: balão "Fale conosco" (atendimento NETFY): sobe acima da barra de compra do celular e some com carrinho/menu/filtros abertos */
body:has(.l-carrinho.on) #nfy-chat-btn,body:has(.l-gaveta.on) #nfy-chat-btn,body:has(.l-filtros.on) #nfy-chat-btn{display:none!important}
@media (max-width:900px){body:has(.l-barra-compra.on) #nfy-chat-btn{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* 16/10: logo horizontal (ícone + nome + frase legível), proporcional ao menu */
.l-lk{--h:58px;display:inline-flex;align-items:center;gap:calc(var(--h)*.17);line-height:1;text-decoration:none}
.l-lk .ic{height:var(--h);width:auto;margin:0}
.l-lk .tx{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--h)*.09)}
.l-lk .nm{height:calc(var(--h)*.5);width:auto;margin:0;display:block}
.l-lk .tg{font-size:calc(var(--h)*.165);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#4C4847;white-space:nowrap;text-decoration:none}
.l-logo,.l-logo-rod{text-decoration:none}.l-logo-rod{display:inline-block;margin-bottom:12px}
.l-lk.p{--h:44px}.l-lk.g{--h:62px}
@media (max-width:1180px){.l-logo .l-lk{--h:46px}}
@media (max-width:380px){.l-logo .l-lk{--h:40px}}
@media (min-width:1181px){.l-topo>.l-wrap{gap:20px}.l-logo .l-lk{--h:54px}.l-busca{min-width:240px}}

/* 16/10: variações (escolha obrigatória antes de comprar) */
.l-var > span b{font-weight:600;color:var(--l-texto)}.l-var-av{color:#c0392b;font-weight:600;margin-left:6px}
.l-var.falta .l-cores label span{border-color:#F5A26B}

/* 16/10: promoção "leve N por R$ Y" */
.l-car-promo{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:var(--l-texto2);padding:4px 0}.l-car-promo.ok{color:var(--l-verde);font-weight:600}
.l-promo-kit{display:inline-flex;align-items:center;gap:6px;background:#F5F5F5;color:#9a4b12;border-radius:99px;padding:6px 12px;font-weight:600;font-size:.9rem;margin:6px 0 2px}
.l-selo.kit{background:#c2410c;color:#fff}

/* PlayForma 3D: o nome da marca é mais largo; em telas de notebook o topo precisa de mais espaço para o menu */
@media (min-width:1181px) and (max-width:1499px){
  .l-topo>.l-wrap{gap:14px}
  .l-logo .l-lk{--h:46px}
  .l-busca{min-width:180px}
  .l-nav>a[target=_blank]{display:none}   /* "Sob medida" (continua no botão da página inicial, no rodapé e no menu do celular) */
}
@media (min-width:1500px){.l-topo>.l-wrap{max-width:1440px}}   /* telas grandes: o topo usa mais largura e mostra o menu inteiro */
/* PlayForma 3D: quadro do ícone na página inicial (sem produtos em destaque) com fundo preto liso */
.l-hero-icone{background:#111;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.l-hero-icone img{background:transparent}