/* Site público Laktim Design — visual Apple: produto primeiro, preço discreto, muito respiro. */
/* --preto: o fundo escuro (quadros, Showroom, A Laktim, rodapé) e --tinta: o texto. Quase preto, sem ser grafite (Jonas, 27/10: "o preto grita muito"). */
:root{--preto:#111111;--tinta:#1d1d1f;--ink:var(--tinta);--mut:#6e6e73;--hair:#d2d2d7;--bg:#fff;--soft:#f5f5f7;--acc:#1d1d1f;--laranja:#D97757;--laranja-forte:#B5532F;--ok:var(--tinta)}   /* Jonas 31/10: laranja só no essencial (botões do WhatsApp); o resto em tinta. A única cor de destaque da Laktim é o laranja terracota (o do ícone do Claude); nada de verde. Nos botões com texto branco, o tom mais fechado (contraste 4,95:1) */
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Figtree,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
/* topo */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.top .lg{display:flex;align-items:center;min-height:44px}.top .lg img{height:30px}
.top nav{display:flex;gap:22px;margin-left:auto;font-size:14px}
.top nav a{text-decoration:none;color:var(--ink);opacity:.85;white-space:nowrap}.top nav a:hover{opacity:1}
.sel-bt{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font:500 var(--fs-2) Figtree,Arial;cursor:pointer;white-space:nowrap}
.sel-bt b{background:#fff;color:var(--ink);border-radius:999px;padding:1px 7px;margin-left:6px;font-size:var(--fs-min)}
/* capa */
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;background:#222 center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,.08) 60%)}
.hero .wrap{position:relative;z-index:2;padding-bottom:9vh;width:100%}
.hero .k{font-size:var(--fs-min);letter-spacing:.24em;text-transform:uppercase;opacity:.85}
.hero h1{font-size:clamp(36px,6vw,68px);font-weight:500;letter-spacing:-.025em;line-height:1.02;margin:14px 0 16px;max-width:820px}
.hero p{font-size:clamp(16px,2vw,20px);font-weight:300;max-width:620px;opacity:.92;margin:0 0 26px}
.cta{display:inline-flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;border:0;border-radius:999px;padding:13px 22px;font:500 15px Figtree,Arial;text-decoration:none;cursor:pointer}
.btn.w{background:#fff;color:var(--ink)}.btn.d{background:var(--ink);color:#fff}.btn.o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8)}
.btn.zap{background:var(--laranja-forte);color:#fff}.btn.zap:hover{background:#9E4727}
/* seções */
section.s{padding:84px 0}section.s.soft{background:var(--soft)}
.s .k2{font-size:var(--fs-min);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.s h2{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0 0 34px;max-width:780px}
.cats{display:flex;flex-wrap:wrap;gap:10px}
.cats a{text-decoration:none;background:#fff;border:1px solid var(--hair);border-radius:999px;padding:0 18px;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.cats a:hover{border-color:var(--ink)}
.marcas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.mc{display:block;text-decoration:none;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .25s}
.mc:hover{transform:translateY(-3px)}
.mc .cp{height:180px;background:var(--soft) center/cover;position:relative;inset:auto;display:block;z-index:auto;pointer-events:auto}   /* a capa do card não herda o painel "Sua casa" (.cp, mais abaixo) */
.mc .cp.prod{background-size:contain;background-repeat:no-repeat;background-origin:content-box;padding:18px}
.mc .cp-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mc .cp.prod .cp-im{object-fit:contain;padding:18px;box-sizing:border-box}   /* capa como <img> preguiçosa (cópia WebP pequena): só baixa a que aparece */
.mc .lgm{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:10px;padding:7px 11px;max-width:70%}
.mc .lgm img{height:22px;max-width:150px;object-fit:contain}.mc .lgm span{font-weight:500;font-size:14px}
.mc .tx{padding:14px 16px 16px;font-size:var(--fs-2);color:var(--mut);line-height:1.4}
.porque{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.porque div{border-top:1px solid var(--hair);padding-top:14px}.porque b{display:block;font-size:17px;margin-bottom:6px}.porque span{color:var(--mut);font-size:15px;line-height:1.5}
.show{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.show .ft{border-radius:22px;min-height:340px;background:#ddd center/cover}
.show p{font-size:17px;line-height:1.7;color:var(--mut)}
/* página da marca */
.mhero{min-height:56vh}
.mhero .lgb{background:rgba(255,255,255,.95);border-radius:14px;padding:12px 18px;display:inline-block;margin-bottom:18px}
.mhero .lgb img{height:34px;max-width:240px;object-fit:contain}.mhero .lgb span{color:var(--ink);font-weight:500;font-size:22px}
.ben{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0 0 30px;padding:0;list-style:none}
.ben li{background:#fff;border-radius:16px;padding:18px;font-size:15px;line-height:1.45;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.hist{color:var(--mut);font-size:15px;line-height:1.6;border-left:2px solid var(--hair);padding-left:16px;max-width:760px}
/* produtos */
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px;align-items:center}
.filtros input,.filtros select{font:15px Figtree,Arial;padding:11px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;min-width:220px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.grid-res:empty{min-height:100vh}   /* 30/10: a grade guarda o lugar enquanto os produtos chegam (o rodapé não aparece no alto e "pula"; tools/site_montar.mjs grade) */
.pd{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column}
.pd .im{aspect-ratio:1/1;background:var(--soft) center/contain no-repeat;border-bottom:1px solid #f0f0f2}
/* foto do card e da janela (<img class="im-f">): no tamanho natural, centrada no quadro neutro; só reduz, nunca amplia (foto pequena = miniatura limpa, não borrão) */
.pd .im{position:relative}.im-f{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;mix-blend-mode:multiply}
.pd .in{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.pd .mk{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pd .nm{font-size:14px;line-height:1.35;font-weight:500}
.pd .pr{margin-top:auto;font-size:var(--fs-2);color:var(--mut)}.pd .pr b{color:var(--ink);font-size:15px;font-weight:500}
.mais{display:block;margin:26px auto 0}
/* carregar mais sozinho (lib/carregar-mais.js, 27/10/2026): o marcador no fim da lista, o "Carregando…" pequeno e a pílula parada no pé */
.mais.cm{min-height:1px;margin:18px auto 0;text-align:center}.mais.cm[hidden]{display:none}.mais.cm .btn{min-height:44px}
.cm-st{display:inline-block;font-size:var(--fs-2);color:var(--mut);padding:6px 0}
.cm-pe{position:sticky;bottom:14px;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;width:max-content;max-width:calc(100% - 150px);margin:18px auto 0;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 4px 18px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06);font-size:var(--fs-2);color:var(--mut)}
.cm-pe[hidden]{display:none}.cm-pe a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;min-height:28px;display:inline-flex;align-items:center}
.cm-pe a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
.casa-bi-pe{bottom:8px;max-width:100%}#modOpc .casa-opc{overflow-anchor:none}
@media (max-width:767px){.cm-pe{max-width:calc(100% - 96px);margin-left:16px;font-size:var(--fs-min);padding:7px 12px}.casa-bi-pe{max-width:100%;margin:14px auto 0}}
/* ícones por produto (lib/icones-produto.js): traço fino, sempre com o texto ao lado; card até 5, janela todos, uma legenda */
.ics{display:flex;flex-wrap:wrap;gap:3px 10px;margin:2px 0}
.ic-i{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-min);line-height:1.25;color:var(--mut);min-width:0;max-width:100%}
.ic-s{flex:none;width:14px;height:14px}.ic-t{overflow-wrap:anywhere}
.ics-j{margin:12px 0 4px}.ics-j .ics{gap:6px 14px}.ics-j .ic-i{font-size:var(--fs-2);color:var(--ink)}.ics-j .ic-s{width:16px;height:16px}
.ic-leg{margin:6px 0 12px;font-size:var(--fs-2);color:var(--mut)}
.ic-leg summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px;list-style:none}.ic-leg summary::-webkit-details-marker{display:none}
.ic-leg ul{list-style:none;margin:2px 0 8px;padding:0;display:grid;gap:8px}.ic-leg li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}
.ic-leg li .ic-i{color:var(--ink);font-size:var(--fs-2);min-width:160px}.ic-d{flex:1;min-width:160px;line-height:1.4}.ic-leg p{margin:6px 0 0;font-size:var(--fs-min);line-height:1.5}
/* janela do produto e da seleção */
.mod{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.mod.on{display:flex}
.mb{background:#fff;border-radius:22px;max-width:920px;width:100%;max-height:92vh;overflow:auto;position:relative}
.mb .x{position:absolute;top:12px;right:12px;z-index:3;border:0;background:var(--soft);border-radius:999px;width:44px;height:44px;font-size:18px;cursor:pointer}
/* janela do produto: o fundo escuro fecha (toque/clique), a lista atrás não rola junto; no celular, o tracinho no alto (puxar para baixo fecha; site.js) */
#modProd{cursor:pointer}#modProd .mb{cursor:auto;overscroll-behavior:contain}
.pd-puxa{display:none}
@media (hover:none) and (pointer:coarse){#modProd .pd-puxa{display:block;position:absolute;top:7px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(29,29,31,.3);z-index:4;pointer-events:none}}
#modProd.pux,#modProd.pux .mb{transition:none}
.pdm{display:grid;grid-template-columns:1fr 1fr}
.pdm .im{background:var(--soft) center/contain no-repeat;min-height:420px}
/* foto grande + miniaturas das outras posições (site.js htmlFotos); "foto do modelo em cromado" sobre a foto grande */
.pdf{display:flex;flex-direction:column;background:var(--soft);min-width:0}.pdf .im{flex:1;position:relative}
.pdg{display:flex;gap:8px;padding:10px 12px 12px;overflow-x:auto;scrollbar-width:thin}
.pdg-b{flex:0 0 auto;width:60px;height:60px;padding:0;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;overflow:hidden}
.pdg-b img{display:block;width:100%;height:100%;object-fit:contain}
.pdg-b.on{box-shadow:0 0 0 2px var(--ink)}.pdg-b:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pdg-b.pj{position:relative}.pdg-p{position:absolute;left:0;right:0;bottom:0;font-size:var(--fs-min);line-height:1.5;letter-spacing:.02em;text-align:center;color:#fff;background:rgba(29,29,31,.72)}
.pd-proj{position:absolute;left:12px;top:12px;font-style:normal;font-size:var(--fs-min);line-height:1.3;letter-spacing:.04em;color:var(--ink);background:rgba(255,255,255,.92);border-radius:8px;padding:4px 8px}.pd-proj[hidden]{display:none}
.pd-cred{position:absolute;right:12px;bottom:12px;max-width:min(70%,calc(100% - 24px));font-size:var(--fs-min);line-height:1.35;color:var(--mut);background:rgba(255,255,255,.92);border-radius:8px;padding:4px 8px;text-align:right}.pd-cred[hidden]{display:none}
/* foto ilustrativa (lib/icones-produto.js fotoIlustrativa, 26/10/2026): o selo escuro sobre a foto — pequeno, calmo, impossível de não ver; a nota junto do acabamento */
.pd-fa,.cmb-fa,.casa-fa{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);font-style:normal;font-size:var(--fs-min);font-weight:500;line-height:1.3;letter-spacing:.01em;color:#fff;background:rgba(29,29,31,.8);-webkit-backdrop-filter:saturate(1.6) blur(8px);backdrop-filter:saturate(1.6) blur(8px);border-radius:999px;padding:4px 10px;pointer-events:none;z-index:1}
.pdf .im .pd-fa{top:12px;bottom:auto}   /* janela: no alto da foto (a foto grande pode passar da altura da tela) */
.pd .im .pd-fa{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:var(--fs-min);padding:3px 8px}
.cmb-ft{position:relative}.cmb-fa{left:6px;bottom:6px;max-width:calc(100% - 12px);font-size:var(--fs-min);padding:2px 7px}
.si-fa{display:inline-block;font-style:normal;font-size:var(--fs-min);font-weight:500;line-height:1.3;color:#fff;background:rgba(29,29,31,.8);border-radius:999px;padding:2px 8px;margin:3px 0 2px}
.pd-fan{margin:10px 0 0;font-size:var(--fs-2);line-height:1.45;color:var(--ink);background:var(--soft);border-radius:12px;padding:8px 12px}
@media (max-width:520px){.pd .im .pd-fa{left:6px;bottom:6px;max-width:calc(100% - 12px);font-size:var(--fs-min);padding:2px 7px;white-space:normal}}
.pdm .tx{padding:34px 30px}.pdm h3{font-size:24px;letter-spacing:-.01em;margin:6px 0 10px}
.pdm div.d{color:var(--mut);font-size:14px;line-height:1.6;margin:14px 0}
.ref{background:var(--soft);border-radius:14px;padding:14px 16px;margin:16px 0}
.ref .v{font-size:24px;font-weight:500}.ref small{display:block;color:var(--mut);font-size:var(--fs-min);margin-top:4px;line-height:1.4}
/* janela do produto (lib/produto-contato.js): a condição de pagamento perto do valor e "Perguntar sobre este produto", um link de texto discreto */
.ref small.ref-pg{color:var(--ink);font-size:var(--fs-2);margin-top:2px}.ref small.ref-pgt{font-size:var(--fs-min);margin-top:1px}
.pd-perg{margin:6px 0 0;text-align:center}.pd-perg a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair)}.pd-perg a:hover{text-decoration-color:currentColor}
.qt{display:flex;gap:10px;align-items:center;margin:14px 0}.qt input{width:90px;font:16px Figtree;padding:10px;border:1px solid var(--hair);border-radius:10px}
.sel{max-width:560px}.sel .bd{padding:30px}.sel h3{margin:0 0 6px;font-size:24px;padding-right:48px}
/* Minha seleção (site.js abreSel): linhas .si (não .sl, que é do simulador de ladrilho), formulário, "Pronto!" e a marca do envio */
.si{border-top:1px solid #eee;padding:12px 0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px}
.si .t{width:56px;height:56px;border-radius:10px;background:var(--soft) center/contain no-repeat}
.si-q{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--fs-2);color:var(--mut)}
.si-q input{width:72px;min-height:44px;font:16px Figtree,Arial;padding:6px 8px;border:1px solid var(--hair);border-radius:10px;color:var(--ink)}
.si .rm{border:0;background:none;color:#a33;cursor:pointer;font-size:var(--fs-2);min-height:44px;min-width:44px;padding:0 4px}
.si>.si-cx{grid-column:2/-1;margin-top:-6px}   /* "24 m² → 15 caixas (…)" embaixo do nome, na largura da linha (antes caía na coluna da foto, uma palavra por linha) */
#modSel .ref .ref-pg,#modSel .ref .ref-pgt{display:block;margin-top:2px}
.sel-f{display:grid;gap:12px;margin:18px 0 0}
.sel-f>label:not(.casa-ck){display:flex;flex-direction:column;gap:6px;font-size:var(--fs-2);color:var(--mut)}
.sel-f input:not([type=checkbox]){font:16px Figtree,Arial;color:var(--ink);padding:12px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;width:100%;min-height:46px}
.sel-f input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 2px rgba(0,0,0,.08)}
.sel-f input[aria-invalid=true]{border-color:#b3261e}.sel-f .casa-ck input[aria-invalid=true]{outline:2px solid #b3261e;outline-offset:2px}
.sel-f .casa-ck a{color:var(--ink)}
.sel-enviar{width:100%;min-height:52px;font-size:16px}
.sel-f .casa-falta{color:#b3261e;font-size:var(--fs-2)}
.sel-mudou{background:var(--soft);border-radius:12px;padding:10px 12px;margin:16px 0 0}
.sel-ok{background:#eef7f0;border-radius:16px;padding:18px;margin:18px 0 0;outline:0}
.sel-ok h4{margin:0 0 6px;font-size:19px}.sel-ok p{margin:0 0 14px;color:var(--mut);font-size:14px;line-height:1.5}
.sel-copia{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font-size:16px;text-align:center}
.sel-lk{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;font-size:var(--fs-2);color:var(--ink);text-align:center}
.sel-marca{margin:14px 0 0}.sel-marca p{margin:0 0 10px;font-size:14px;color:var(--ink)}
.sel-acoes{display:flex;flex-wrap:wrap;gap:8px}.sel-acoes .btn{min-height:44px;flex:1 1 140px}
@media (max-width:520px){.sel .bd{padding:22px 16px}.si{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.si .t{width:48px;height:48px}}
.aviso{font-size:var(--fs-min);color:var(--mut);line-height:1.5}
/* rodapé e cookies */
footer{background:var(--preto);color:#bbb;padding:52px 0;font-size:14px;line-height:1.8}
footer .lg img{height:28px;filter:brightness(0) invert(1);margin-bottom:14px}
footer a{color:#ddd}
/* rodapé legal (tools/site_legal.mjs): identificação, links com 44 px de toque e a nota do valor de referência */
footer .rod-id{margin:0 0 8px}footer .rod-id a{padding:12px 2px}footer .rod-fds{color:#a0a0a6}
.rod-links{display:flex;flex-wrap:wrap;gap:0 24px;margin:0 0 6px}
.rod-links a,.rod-links button{display:inline-flex;align-items:center;min-height:44px;color:#ddd;text-decoration:underline;text-underline-offset:3px}
.rod-links button{border:0;background:none;padding:0;font:inherit;cursor:pointer}
footer .rod-nota{font-size:var(--fs-min);line-height:1.6;color:#a0a0a6;max-width:760px;margin:12px 0 0;padding-top:14px;border-top:1px solid #2c2c30}
/* páginas legais */
.leg{max-width:760px;line-height:1.7}.leg h3{font-size:17px;font-weight:500;margin:28px 0 6px}.leg p{margin:0 0 12px}.leg .lk{margin:0;min-height:44px;padding:0 4px;font-size:inherit;color:var(--ink)}
/* selo "Valor de referência*" fora do Monte sua casa: área de toque de 44 px (os botões vizinhos ficam por cima) */
.casa-selo.selo-t:after{inset:-16px -8px}
.pd .pr .casa-selo{display:block;margin-top:3px}.ref .casa-selo{display:block;margin:2px 0 6px}.svalor .casa-selo{display:block;margin:4px 0 6px}
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:620px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:16px 18px;font-size:var(--fs-2);display:none;gap:12px;align-items:center;flex-wrap:wrap}
.ck.on{display:flex;justify-content:flex-end}.ck p{margin:0;flex:1 1 100%;min-width:220px;color:var(--mut)}   /* 30/10: o texto em cima, os 3 botões numa linha embaixo */
@media (max-width:480px){.ck .btn{flex:1 1 0;padding-left:6px;padding-right:6px;min-width:0}}   /* celular: os botões dividem a linha por igual (mesmo destaque) */.ck-op{display:flex;gap:10px;align-items:flex-start;width:100%;line-height:1.4;cursor:pointer}.ck-op input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--ink)}
.zapf{position:fixed;right:18px;bottom:18px;z-index:90;width:56px;height:56px;border-radius:50%;background:var(--laranja-forte);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media (max-width:760px){.show,.pdm{grid-template-columns:1fr}.pdm .im{min-height:280px}.hero{min-height:70vh}section.s{padding:56px 0}}
/* simulador de ladrilho (Dalle Piagge) */
.simcta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--soft);border-radius:22px;padding:28px 32px}.simcta h2{margin:0 0 6px}.simcta p{margin:0;color:var(--mut)}
.simg{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;margin-top:22px;align-items:start}
.sesq input{width:100%;border:1px solid var(--hair);border-radius:12px;padding:10px 12px;font:inherit;margin-bottom:10px}
.sest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:72vh;overflow:auto;padding:2px}
.se{border:2px solid transparent;border-radius:12px;background:#fff;padding:4px;cursor:pointer;font:inherit}.se.on{border-color:var(--ink)}
.se img{width:100%;aspect-ratio:1/1;display:block;border-radius:6px}.se span{font-size:var(--fs-min);color:var(--mut)}
.stit{font-weight:500;margin-bottom:10px}.slay{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.slay button,.sl{border:1px solid var(--hair);background:#fff;border-radius:999px;padding:7px 14px;font:500 var(--fs-2) Figtree,Arial;cursor:pointer}.slay button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.spiso{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:rgba(0,0,0,.08);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.12);max-width:560px}
.pc{aspect-ratio:1/1;overflow:hidden}.pc img{width:100%;height:100%;display:block}
.scor{margin:18px 0}.k3{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:12px 0 8px}
.sslots{display:flex;gap:8px;flex-wrap:wrap}.sl{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px}.sl.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.sl i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}.sl span{font-size:var(--fs-min)}
.spal{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:6px;max-width:560px}
.pal{aspect-ratio:1/1;border-radius:8px;border:1px solid rgba(0,0,0,.12);cursor:pointer}.pal:hover{transform:scale(1.12)}
.lk{border:0;background:none;color:var(--mut);text-decoration:underline;cursor:pointer;margin-top:8px;font:inherit;font-size:var(--fs-2)}
.sm2 label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-2);color:var(--mut);max-width:260px}.sm2 input{border:1px solid var(--hair);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px}
.svalor{margin:12px 0}.svalor b{font-size:26px;font-weight:500;display:block}.svalor small{color:var(--mut)}
.btn.o2{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
@media (max-width:820px){.simg{grid-template-columns:minmax(0,1fr)}.sest{grid-template-columns:repeat(4,minmax(0,1fr));max-height:260px}.sesq input{font-size:16px}}
/* Monte sua casa (site/casa.js): celular primeiro, foto em destaque, preço discreto, botões de 44 px */
.casa-pg section{overflow-wrap:anywhere}
.casa-topo{padding:56px 0 18px}.casa-topo h1{font-size:clamp(32px,6vw,56px);font-weight:500;letter-spacing:-.025em;line-height:1.04;margin:0 0 14px;max-width:760px}
.casa-topo p{font-size:clamp(16px,1.8vw,19px);font-weight:300;color:var(--mut);line-height:1.5;max-width:620px;margin:0 0 26px}
.casa-topo .k2,.casa-s .k2{font-size:var(--fs-min);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.casa-chips{display:flex;flex-wrap:wrap;gap:10px}
.casa-chip{min-height:44px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 18px;font:500 15px Figtree,Arial;color:var(--ink);cursor:pointer}
.casa-chip span{color:var(--mut);margin-right:2px}.casa-chip:hover{border-color:var(--ink)}.casa-chip:active{background:var(--soft)}
.casa-corpo{padding:18px 0 64px}
.casa-vazio{border-radius:22px;background:var(--soft);padding:34px 24px;text-align:center;color:var(--mut)}.casa-vazio b{display:block;color:var(--ink);font-size:19px;margin-bottom:6px}
.casa-g{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;background:var(--soft);border-radius:22px;padding:18px 20px}
.casa-g-anel{position:relative;width:64px;height:64px;flex:none}.casa-g-anel .casa-anel{width:64px;height:64px}
.casa-g-anel b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}
.casa-g-tx{flex:1;min-width:150px}.casa-g-tx b{display:block;font-size:19px}.casa-g-tx span{color:var(--mut);font-size:14px}
.casa-g-bt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.casa-g-bt .btn{min-height:44px}
.casa-link{margin-top:12px}.casa-link input{width:100%;font:16px Figtree,Arial;padding:12px;border:1px solid var(--hair);border-radius:12px;background:#fff}.casa-link small{display:block;color:var(--mut);margin-top:6px}
.casa-anel{display:block}.casa-anel circle{fill:none;stroke-width:3.2}.casa-anel .t{stroke:#e3e3e8}.casa-anel .v{stroke:var(--ok);stroke-linecap:round;transition:stroke-dasharray .4s}
.casa-lk{min-height:44px;border:0;background:none;color:var(--mut);font:500 14px Figtree,Arial;padding:0 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.casa-lk:hover{color:var(--ink)}
.casa-linkaviso{background:var(--soft);border-radius:18px;padding:16px;margin:0 0 16px}.casa-linkaviso p{margin:0 0 10px;font-size:15px;line-height:1.5}.casa-linkaviso-bt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.casa-linkaviso-bt .btn{min-height:44px}
.casa-amb{margin-top:40px;padding-top:28px;border-top:1px solid var(--hair);scroll-margin-top:80px}
.casa-amb-h{display:flex;align-items:center;gap:14px}
.casa-a-anel{width:46px;height:46px;flex:none}.casa-a-anel .casa-anel{width:46px;height:46px}
.casa-a-tx{flex:1;min-width:0}.casa-a-tx span{display:block;color:var(--mut);font-size:var(--fs-2)}
.casa-nome{width:100%;min-width:0;min-height:44px;border:0;border-bottom:1px dashed transparent;background:transparent;font:500 clamp(22px,3vw,30px) Figtree,Arial;letter-spacing:-.015em;color:var(--ink);padding:2px 0;border-radius:0}
.casa-nome:hover{border-bottom-color:var(--hair)}.casa-nome:focus{outline:0;border-bottom-color:var(--ink)}
.casa-ver{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:4px;background:var(--soft);border-radius:999px;padding:4px;margin:18px 0 16px;max-width:520px}
.casa-ver button{min-height:44px;border:0;background:transparent;border-radius:999px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer;padding:0 4px;white-space:nowrap}
.casa-ver button.on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);font-weight:500}
.casa-itens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.casa-it{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 14px;align-items:start;background:var(--soft);border-radius:18px;padding:12px}
.casa-ft{grid-row:span 2;width:84px;height:84px;border-radius:14px;background:#fff;border:0;padding:0;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}
.casa-ft img{width:100%;height:100%;object-fit:contain;padding:6px}
.casa-ft.vz{background:transparent;border:1.5px dashed #c7c7cc;font-size:28px;font-weight:300;color:#8e8e93}
.casa-it.sob .casa-ft.vz{cursor:default;border-style:solid;border-color:#e3e3e8}
.casa-it-tx{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px}
.casa-rot{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.casa-n{font-size:15px;font-weight:500;line-height:1.3}.casa-it.falta .casa-n,.casa-it.sob .casa-n{color:var(--mut);font-weight:400}
.casa-mk{font-size:var(--fs-min);color:var(--mut)}
.casa-pr{font-size:var(--fs-2);color:var(--mut);margin-top:4px}.casa-pr b{color:var(--ink);font-weight:500;font-size:14px}
.casa-selo{position:relative;border:0;background:none;padding:0;margin:0;font:400 var(--fs-min) Figtree,Arial;color:var(--mut);cursor:pointer;white-space:nowrap}
.casa-selo:after{content:"";position:absolute;inset:-16px -8px}   /* área de toque >= 44 px, como o .selo-t */
.casa-ac,.casa-op-bt,.casa-ft{position:relative;z-index:1}   /* os botões vizinhos ficam por cima da área de toque do selo */
.casa-pu{display:block;font-size:var(--fs-min);color:var(--mut);margin-top:2px}.casa-m2est{display:block;font-size:var(--fs-min);color:var(--mut);margin-top:2px}.casa-m2est .casa-lk{font-size:var(--fs-min);padding:0;min-height:24px}.casa-un{font-size:var(--fs-2);color:var(--mut);margin-left:-4px}
.casa-dica{display:block;font-size:var(--fs-min);color:var(--mut);line-height:1.4;margin-top:4px}
.casa-ac{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.casa-qt{display:inline-flex;align-items:center;background:#fff;border-radius:999px;padding:2px}
.casa-qt button{width:44px;height:44px;border:0;background:transparent;border-radius:50%;font-size:20px;color:var(--ink);cursor:pointer}.casa-qt button:active{background:var(--soft)}
.casa-qt input{width:58px;height:44px;border:0;text-align:center;font:500 16px Figtree,Arial;background:transparent;-moz-appearance:textfield;appearance:textfield}
.casa-qt input::-webkit-inner-spin-button,.casa-qt input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.casa-esc{min-height:44px;padding:0 18px;font-size:14px}
.casa-it.falta{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.casa-it.falta .casa-ft{grid-row:auto;width:64px;height:64px}
.casa-it.falta .casa-ac{grid-column:3}.casa-it.sob .casa-ft{grid-row:auto}
/* painel de opções: folha que sobe no celular */
#modOpc .casa-opc{max-width:900px}.casa-opc .bd{padding:30px 26px 26px}
.casa-opc-h{padding-right:44px;margin-bottom:18px}.casa-opc-h .k2{font-size:var(--fs-min);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.casa-opc-h h3{font-size:26px;letter-spacing:-.015em;margin:4px 0 6px}.casa-opc-h p{margin:4px 0 0}
.casa-opc .x,.casa-mnota .x{width:44px;height:44px;z-index:2}
.casa-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 14px}.casa-ops[hidden]{display:none}
.casa-vermais{display:block;margin:22px 0 12px}.casa-ops-mais{padding-top:4px}
.casa-op{display:flex;flex-direction:column;border-radius:18px;padding:6px}
.casa-op.on{box-shadow:0 0 0 2px var(--ink)}
.casa-op-bt{display:flex;flex-direction:column;gap:3px;text-align:left;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.casa-op-ft{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;background:var(--soft);overflow:hidden;margin-bottom:8px}
.casa-op-ft img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:80%;max-height:80%;mix-blend-mode:multiply}   /* nunca amplia a foto pequena */
.casa-fa{left:8px;bottom:8px;right:auto;max-width:calc(100% - 16px);font-size:var(--fs-min);padding:3px 8px}
.casa-ft .casa-fa{left:3px;right:3px;bottom:3px;font-size:var(--fs-min);line-height:1.2;padding:2px 4px;border-radius:6px;text-align:center}
.casa-mood .casa-fa{left:12px;right:auto;bottom:12px;max-width:calc(100% - 24px)}
.casa-op-n{font-size:14px;line-height:1.35;font-weight:500}
.casa-op .casa-pr{padding:0 0 4px}
.casa-tira-it{display:block;margin:22px auto 0}
/* busca no item (site/casa.js biForm/biPinta): um campo, as palavras viram chips, a lista amplia; produto primeiro, texto pouco */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.casa-bi{margin:-6px 0 18px}
.casa-bi-c{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:12px;padding:0 14px;min-height:48px;cursor:text}
.casa-bi-c:focus-within{box-shadow:0 0 0 2px var(--ink)}
.casa-bi-c svg{flex:none;width:18px;height:18px;color:var(--mut)}
.casa-bi-c input{flex:1;min-width:0;border:0;background:none;font:400 16px Figtree,Arial;color:var(--ink);padding:12px 0;outline:0}   /* 16 px: o iPhone não dá zoom */
.casa-bi-c input::placeholder{color:#8e8e93}
.casa-opc-av:empty{display:none}.casa-opc-av{margin:0 0 14px}.casa-opc-av .aviso{margin:0 0 4px}
.casa-bi-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.casa-bi-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 10px 0 14px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer}
.casa-bi-chip span{font-size:17px;line-height:1;color:var(--mut)}.casa-bi-chip:hover{border-color:var(--ink)}.casa-bi-chip:hover span{color:var(--ink)}
.casa-bi-st{font-size:var(--fs-2);color:var(--mut);margin:0 0 14px;outline:0}
.casa-bi-t{font:500 var(--fs-min) Figtree,Arial;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:30px 0 12px}
.casa-bi-sug{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.casa-bi-s{min-height:44px;border:0;background:var(--soft);border-radius:999px;padding:0 16px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer}.casa-bi-s:hover{background:#ebebef}
.casa-bi-fim{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:24px 0 0}.casa-bi-fim:empty{display:none}
.casa-bi-fim .btn{min-height:44px}.casa-bi-zap.casa-lk{padding:0}
.casa-bi-chip:focus-visible,.casa-bi-s:focus-visible,.casa-bi-fim .btn:focus-visible,.casa-bi-zap:focus-visible,.casa-op-bt:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (pointer:coarse){.casa-bi-chip{min-height:44px}.casa-m2est .casa-lk{min-height:44px;padding:0 6px;margin-left:-6px}}   /* "ajuste" da metragem: alvo de 44 px no toque */
.casa-it.orf,.casa-it.carrega{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.casa-it.orf .casa-ft,.casa-it.carrega .casa-ft{grid-row:auto;width:64px;height:64px}
.casa-orf{display:block;font-size:var(--fs-min);color:#9a5b00;margin-top:2px}   /* a peça salva saiu da lista: à vista, com "Trocar" */
.casa-sk{display:block;height:10px;width:60%;margin-top:8px;border-radius:6px;background:linear-gradient(90deg,#eee 25%,#f6f6f6 50%,#eee 75%);background-size:200% 100%;animation:casaSk 1.2s linear infinite}
@keyframes casaSk{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.casa-sk{animation:none}}
.casa-sf{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12%;text-align:center;font:500 var(--fs-min)/1.3 Figtree,Arial;letter-spacing:.14em;text-transform:uppercase;color:#a1a1a6;background:var(--soft)}   /* sem foto: a marca, nunca o ícone quebrado */
.casa-ft .casa-sf{font-size:var(--fs-min);letter-spacing:.08em;padding:6%}
.casa-bi-more{display:block;margin:20px auto 0;min-height:44px}
.casa-extras{margin-top:14px}.casa-extras-t{display:block;font:500 var(--fs-2) Figtree,Arial;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
.casa-it.casa-x .casa-ft{cursor:default}
.casa-mnota{max-width:520px}.casa-mnota p{margin:0;padding:52px 26px 28px;font-size:14.5px;line-height:1.6;color:var(--ink)}
/* moodboard (o mesmo desenho do 27": a peça de destaque grande e as demais ao redor) */
.casa-s{padding:72px 0}.casa-s.soft{background:var(--soft)}
.casa-s h2{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0 0 28px}
.casa-mood-d{margin:-14px 0 28px;color:var(--mut);font-size:15px;line-height:1.5;max-width:640px}
/* moodboard editável (site/casa.js): um bloco por ambiente; a peça de maior valor grande; tocar na foto abre a folha de ações */
.casa-mood{display:block}.mood-ambs{display:grid;gap:44px}
.mood-amb{border-radius:26px;padding:4px;margin:-4px;transition:background .15s,box-shadow .15s}
.mood-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px}
.mood-h h3{font-size:24px;font-weight:500;letter-spacing:-.015em;margin:0;outline:0}.mood-h>span{color:var(--mut);font-size:14px}
.mood-solta{display:none;margin-left:auto;font-weight:500;color:var(--ink)!important}
.mood-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mood-g.grande .mood-t:first-child{grid-column:span 2;grid-row:span 2}
.mood-t{min-width:0;display:flex;flex-direction:column}
.casa-mood figure{position:relative;margin:0;background:var(--soft);border-radius:22px;overflow:hidden;aspect-ratio:1/1;min-width:0}
.mood-ft{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;font:inherit;border-radius:inherit}
.mood-ft:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.mood-ft img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply}   /* a foto nunca dá o tamanho da linha */
.mood-sf{padding:16px;font-size:14px;color:var(--mut);text-align:center}
.mood-mais{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.mood-ac{position:absolute;left:8px;right:8px;bottom:8px;display:none;flex-wrap:wrap;gap:6px;justify-content:center}
.mood-ac button{min-height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.12);font:500 var(--fs-2) Figtree,Arial;color:var(--ink);padding:0 14px;cursor:pointer}
.mood-ac button:hover{background:var(--ink);color:#fff}
@media (hover:hover) and (pointer:fine) and (min-width:900px){.mood-t:hover .mood-ac,.mood-t:focus-within .mood-ac{display:flex}.mood-t:hover .casa-fa{display:none}.mood-t[draggable=true] .mood-ft{cursor:grab}}
.mood-tx{padding:8px 4px 0;display:flex;flex-direction:column;gap:1px;min-width:0}
.mood-tx small{font-size:var(--fs-min);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.mood-tx b{font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mood-tx span{font-size:var(--fs-min);color:var(--mut)}
.mood-add{align-self:start}.mood-add .mood-ft{position:relative;aspect-ratio:1/1;flex-direction:column;gap:4px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--hair);border-radius:22px;padding:12px;text-align:center}
.mood-add .mood-ft:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.mood-mais-ic{font-size:30px;line-height:1;font-weight:300}.mood-add b{font-size:15px}.mood-add small{font-size:var(--fs-min);color:var(--mut);line-height:1.35}
.mood-arr .mood-amb.pode{box-shadow:0 0 0 2px var(--ink) inset;background:rgba(245,245,247,.6)}.mood-arr .mood-amb.pode .mood-solta{display:inline}
.mood-arr .mood-amb.nao{opacity:.45}.mood-amb.alvo{background:var(--soft)}.mood-amb.nao.alvo{box-shadow:0 0 0 2px #b3261e inset;background:#fdf3f2;opacity:1}
/* moodboard em apresentação (site/casa.js quadroHtml): papel claro, colagem sobreposta, conceito, paleta e quadro por categoria */
.mood-modo{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;margin:-6px 0 24px}
.mood-modo button{min-height:44px;border:0;background:none;border-radius:999px;padding:0 20px;font:500 14px Figtree,Arial;color:var(--mut);cursor:pointer}
.mood-modo button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.mb-fil{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.mb-fil button{min-height:44px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 16px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer}
.mb-fil button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.mb-board{background:#F4F1EC;border-radius:28px;padding:48px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px 48px;color:var(--ink)}
.mb-col{position:relative;aspect-ratio:1/1.03;min-height:0}
.mb-col .mb-pc{position:absolute;margin:0;display:flex;align-items:center;justify-content:center;aspect-ratio:auto;background:none;border-radius:0;overflow:hidden}   /* vence o .casa-mood figure do modo Editar */
.mb-pc img{width:100%;height:100%;object-fit:contain}.mb-col .mb-pc:not(.mat){mix-blend-mode:multiply}   /* na própria peça: com z-index ela isola a mistura; o fundo branco da foto some no papel */
.mb-col .mb-pc.mat{background:#fff;box-shadow:0 14px 30px rgba(60,40,20,.16),0 2px 6px rgba(0,0,0,.06)}
.mb-pc.mat img{object-fit:cover;mix-blend-mode:normal}
.mb-col.vazio{display:flex;align-items:center;justify-content:center;border:1.5px dashed #d8d2c8;border-radius:20px;color:var(--mut);padding:24px;text-align:center}
.mb-lado{min-width:0}
.mb-t{font:500 var(--fs-2) Figtree,Arial;letter-spacing:.22em;text-transform:uppercase;margin:6px 0 12px}
.mb-conc{display:block;width:calc(100% + 20px);border:1px solid transparent;border-radius:12px;background:transparent;font:400 16px/1.6 Figtree,Arial;color:#3a3a3c;padding:8px 10px;margin:0 -10px;resize:vertical;min-height:112px}
.mb-conc:hover{border-color:#d8d2c8}.mb-conc:focus{outline:0;border-color:var(--ink);background:#fff}
.mb-dica{display:block;font-size:var(--fs-min);line-height:1.45;color:var(--mut);margin:6px 0 0}.mb-volta{padding:0}
.mb-lado .mb-t+.mb-g,.mb-lado .mb-dica+.mb-t,.mb-lado .mb-volta+.mb-t{margin-top:30px}
.mb-g{display:block;font:500 var(--fs-min) Figtree,Arial;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:16px 0 10px}
.mb-pal{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mb-chip{display:flex;align-items:center;gap:16px;width:100%;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;min-height:44px}
button.mb-chip{cursor:pointer;border-radius:20px}button.mb-chip:hover .mb-cor{transform:scale(1.04)}button.mb-chip:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.mb-cor{flex:none;width:92px;height:58px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .15s}
.mb-ct{display:flex;flex-direction:column;gap:1px;min-width:0}
.mb-ct small{font:500 var(--fs-min) Figtree,Arial;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);overflow-wrap:anywhere}
.mb-ct b{font-size:15px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.mb-ct em{font-style:normal;font-size:var(--fs-min);color:var(--mut);overflow-wrap:anywhere}
.mb-addt{margin-top:16px;min-height:44px}.mb-addt:disabled{opacity:.4;cursor:default}
.mb-aviso{font-size:var(--fs-min);line-height:1.5;color:var(--mut);margin:12px 0 0}
.mb-cats{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-top:1px solid #d8d2c8;border-left:1px solid #d8d2c8}
.mb-cat{border-right:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8;padding:16px 14px 18px;min-width:0}
.mb-cat h4{font:500 var(--fs-min) Figtree,Arial;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin:0 0 14px}
.mb-cat ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mb-cat li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}
.mb-cft{display:block;width:72px;height:72px;overflow:hidden;border-radius:6px}.mb-cft img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mb-cft.mat img{object-fit:cover;mix-blend-mode:normal}
.mb-cat small{font-size:var(--fs-min);line-height:1.35;color:#3a3a3c;text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}.mb-cat small em{display:block;font-style:normal;color:var(--mut);text-transform:none;letter-spacing:0;margin-top:2px}
.mb-pe{grid-column:1/-1;margin:0;font-size:var(--fs-min);color:var(--mut)}
.mb-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px}.mb-acoes .btn{min-height:48px}.mb-acoes .btn:disabled{opacity:.6}.mb-acoes small{color:var(--mut);font-size:var(--fs-2)}
/* formulário da tinta (na folha de ações) */
.mb-tf{display:grid;gap:12px}.mb-tf .mood-sh-h{margin-bottom:4px}.mb-tf-d{margin:6px 0 0;font-size:var(--fs-2);line-height:1.5;color:var(--mut)}
.mb-tf label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-2);color:var(--mut);min-width:0}
.mb-tf input:not([type=color]){font:16px Figtree,Arial;color:var(--ink);padding:11px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;width:100%;min-height:46px}
.mb-tf input:focus{outline:0;border-color:var(--ink)}
.mb-tf2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.mb-tcor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end}
.mb-tsel input{width:64px;height:46px;border:1px solid var(--hair);border-radius:12px;padding:3px;background:#fff;cursor:pointer}
.mb-prev{width:64px;height:46px;border-radius:14px}
.mb-terr{margin:0;min-height:1em;color:#b3261e}
/* "Baixar moodboard" sem canvas: a impressão leva só o quadro (salvar em PDF) */
@media print{body.mb-imprime *{visibility:hidden}body.mb-imprime .mb-board,body.mb-imprime .mb-board *{visibility:visible}body.mb-imprime .mb-board{position:absolute;left:0;top:0;width:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.mb-imprime .mb-addt,body.mb-imprime .mb-volta,body.mb-imprime .mb-dica{display:none}}
/* folha de ações (janela no computador, folha de baixo no celular) */
.casa-msh{max-width:560px}.casa-msh .bd{padding:28px 24px 24px}
.mood-sh-h{display:flex;gap:16px;align-items:flex-start;padding-right:44px;margin-bottom:18px}
.mood-sh-h .k2{font-size:var(--fs-min);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.mood-sh-h h3{font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:4px 0 2px}.mood-sh-h .casa-pr{display:block;padding:6px 0 0}
.mood-sh-ft{flex:none;width:96px;height:96px;border-radius:16px;background:var(--soft);overflow:hidden}.mood-sh-ft img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.mood-sh-q{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 14px;background:var(--soft);border-radius:16px}.mood-sh-q>span:first-child{font-size:14px;color:var(--mut);margin-right:auto}
.mood-sh-q .casa-qt button:disabled{opacity:.3;cursor:default}
.mood-sh-bt{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:16px 0 4px}.mood-sh-bt .btn{min-height:44px}
.mood-sh-t{font-size:var(--fs-2);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:20px 0 10px;font-weight:500}
.mood-sh-nv[hidden]{display:none}.mood-sh-nv .mood-sh-t{margin-top:16px}
.mood-sh-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mood-sh-l[hidden]{display:none}#moodNovos{margin-top:8px}
.mood-d{min-height:52px;border:1.5px solid var(--hair);background:#fff;border-radius:14px;padding:8px 12px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:1px}
.mood-d:hover{border-color:var(--ink)}.mood-d b{font-size:14.5px;font-weight:500}.mood-d small{font-size:var(--fs-min);color:var(--mut);line-height:1.3}
.mood-d.nao{border-style:dashed;color:var(--mut)}.mood-d.novo{border-style:dashed}
.mood-sh-av{margin:12px 0 0;min-height:1em}
/* resumo "Sua casa" e envio */
.casa-fim{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.casa-r-amb{padding:16px 0;border-bottom:1px solid var(--hair)}
.casa-r-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.casa-r-h b{font-size:17px}.casa-r-h span{text-align:right;font-weight:500;font-size:15px}
.casa-r-h .casa-selo{display:block;margin-left:auto}
.casa-r-amb ul{list-style:none;margin:8px 0 0;padding:0}.casa-r-amb li{font-size:14px;color:var(--ink);padding:3px 0;line-height:1.4}.casa-r-amb li small{color:var(--mut)}
.casa-r-amb .aviso{margin:6px 0 0}
.casa-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:20px 0 0}
.casa-total span{width:100%;font-size:var(--fs-2);color:var(--mut)}.casa-total b{font-size:32px;font-weight:500;letter-spacing:-.02em}
.casa-total small{width:100%;font-size:var(--fs-min);color:var(--mut)}
.casa-envio,.casa-ok{background:#fff;border-radius:22px;padding:26px 22px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.casa-envio{display:grid;gap:14px}.casa-envio[hidden],.casa-ok[hidden]{display:none}
.casa-envio>label:not(.casa-ck){display:flex;flex-direction:column;gap:6px;font-size:var(--fs-2);color:var(--mut)}
.casa-envio input:not([type=checkbox]),.casa-envio textarea{font:16px Figtree,Arial;color:var(--ink);padding:12px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;width:100%;min-height:46px}
.casa-envio textarea{min-height:92px;line-height:1.5;resize:vertical}.casa-envio small{font-size:var(--fs-min);color:var(--mut);line-height:1.4}
.casa-envio input:focus,.casa-envio textarea:focus{outline:0;border-color:var(--ink)}
.casa-ck{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-2);line-height:1.5;color:var(--ink);cursor:pointer;min-height:44px}
.casa-ck input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--ink)}
.casa-acima{font-size:var(--fs-2);line-height:1.5;color:var(--mut);margin:4px 0 0}.casa-acima b{color:var(--ink)}
.casa-enviar{width:100%;min-height:52px;font-size:16px}.casa-enviar:disabled{background:#c7c7cc;cursor:not-allowed}
.casa-falta{margin:0;font-size:var(--fs-min);color:var(--mut);min-height:1em}
.casa-ok .casa-okn{margin:0 0 10px;font-size:var(--fs-2);letter-spacing:.06em;color:var(--mut)}.casa-okn[hidden]{display:none}.casa-okn b{color:var(--ink);font-weight:500;letter-spacing:.08em}
.casa-ok h3{font-size:24px;margin:0 0 8px}.casa-ok p{color:var(--mut);line-height:1.6;margin:0 0 18px}.casa-ok .btn{min-height:44px}
.casa-pe{padding:36px 0 48px}.casa-nota{font-size:var(--fs-min);line-height:1.6;color:var(--mut);max-width:760px;margin:0}
.casa-pg [hidden]{display:none!important}
/* ---------- Monte sua casa "como Lego" (25/10/2026): começo com os ambientes em peças, faixa "Minha casa", vagas tracejadas, "Mais itens",
   "+ Adicionar produto", "Adicionar ambiente" no fim e a barra de baixo com a ação principal ---------- */
.casa-ic{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.casa-comeco{text-align:left;padding:30px 26px 26px}.casa-comeco>b{font-size:clamp(22px,3vw,28px);letter-spacing:-.015em}.casa-comeco>span{display:block;font-size:15px;line-height:1.5;margin:0 0 20px}
.casa-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.casa-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:16px;border:0;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .15s,transform .15s}
.casa-tile:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-1px)}.casa-tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.casa-tile-ic{width:46px;height:46px;border-radius:13px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:auto}.casa-tile-ic .casa-ic{width:24px;height:24px}
.casa-vazio .casa-tile b,.casa-tile b{display:block;font-size:16px;font-weight:500;margin:10px 0 0;color:var(--ink)}.casa-tile small{font-size:var(--fs-min);color:var(--mut)}
.casa-nav{position:sticky;top:var(--casa-topo,65px);z-index:40;margin:18px -22px 0;padding:10px 22px;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.casa-nav-l{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;scroll-padding:0 16px}.casa-nav-l::-webkit-scrollbar{display:none}
.casa-pill{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;border:0;border-radius:999px;background:var(--soft);color:var(--ink);text-decoration:none;font:500 14px Figtree,Arial;cursor:pointer;white-space:nowrap}
.casa-pill .casa-ic{width:18px;height:18px}.casa-pill:hover{background:#ebebef}.casa-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.casa-pill-p{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-min);color:var(--mut);font-variant-numeric:tabular-nums}.casa-pill-p .casa-anel{width:16px;height:16px}.casa-pill-p .casa-anel circle{stroke-width:4.5}
.casa-pill[aria-current=true]{background:var(--ink);color:#fff}.casa-pill[aria-current=true] .casa-pill-p{color:rgba(255,255,255,.78)}
.casa-pill[aria-current=true] .casa-anel .t{stroke:rgba(255,255,255,.28)}.casa-pill[aria-current=true] .casa-anel .v{stroke:#fff}
.casa-pill-add{background:#fff;box-shadow:inset 0 0 0 1px var(--hair)}.casa-pill-add .casa-ic{width:16px;height:16px}
.casa-amb{scroll-margin-top:calc(var(--casa-topo,65px) + 72px)}.casa-nav:not([hidden])+.casa-ambs>.casa-amb:first-child{border-top:0;margin-top:12px}
.casa-a-sub{color:var(--ink);font-weight:500}.casa-a-tx span .casa-selo{font-size:var(--fs-min)}
.casa-ver-w{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:18px 0 16px}.casa-ver-w .casa-ver{margin:0;flex:1 1 300px}.casa-ver-d{font-size:var(--fs-2);color:var(--mut)}
.casa-it.casa-slot,.casa-it.casa-addp{display:block;padding:0;background:none;border-radius:18px}
.casa-slot-bt{display:flex;align-items:center;gap:14px;width:100%;height:100%;min-height:108px;padding:14px 16px;border:1.5px dashed #c7c7cc;border-radius:18px;background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.casa-slot-bt:hover{border-color:var(--ink)}.casa-slot-bt:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.casa-slot-ic{flex:none;width:56px;height:56px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:#8e8e93}.casa-slot-ic .casa-ic{width:26px;height:26px}
.casa-slot-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.casa-slot-tx b{font-size:15px;font-weight:500;line-height:1.3}.casa-slot-tx small{font-size:var(--fs-min);color:var(--mut)}
.casa-slot-cta{flex:none;font:500 14px Figtree,Arial;padding:10px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ink)}
.casa-prox{font-style:normal;font-size:var(--fs-min);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
.casa-slot.prox .casa-slot-bt{border-style:solid;border-color:var(--ink);box-shadow:0 6px 20px rgba(0,0,0,.06)}.casa-slot.prox .casa-slot-ic{color:var(--ink)}.casa-slot.prox .casa-slot-cta{background:var(--ink);color:#fff}
.casa-addp .casa-slot-bt{background:transparent;border-color:var(--hair)}.casa-addp .casa-slot-ic{background:transparent;box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink)}
.casa-mais{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:14px 0 0;padding:0 18px;border:0;border-radius:16px;background:var(--soft);font:500 15px Figtree,Arial;color:var(--ink);text-align:left;cursor:pointer}
.casa-mais span{flex:1}.casa-mais small{background:#fff;border-radius:999px;padding:2px 9px;font-size:var(--fs-min);color:var(--mut)}.casa-mais:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.casa-mais svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}.casa-mais[aria-expanded=true] svg{transform:rotate(180deg)}.casa-itens-mais{margin-top:12px}
/* "Para completar" (27/10/2026): os complementos do ambiente numa linha recolhida e, aberta, uma grade de peças pequenas (foto ~60 px, nome, "Escolher") */
.casa-cp{margin:14px 0 0}
.casa-cp-h{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 18px;border:0;border-radius:16px;background:var(--soft);font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.casa-cp-h:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.casa-cp-hn{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.casa-cp-hn b{font-weight:500;font-size:15px}.casa-cp-hn span{font-size:var(--fs-2);color:var(--mut)}
.casa-cp-ver{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.casa-cp-h svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}.casa-cp-h[aria-expanded=true] svg{transform:rotate(180deg)}
.casa-cp-g{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.casa-cp-t{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;padding:10px 8px 9px;border:1.5px dashed #c7c7cc;border-radius:14px;background:#fff;font:inherit;color:var(--ink);text-align:center;cursor:pointer}
.casa-cp-t:hover{border-color:var(--ink)}.casa-cp-t:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.casa-cp-ft{width:60px;height:60px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8e8e93}
.casa-cp-ft img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.casa-cp-ft .casa-ic{width:26px;height:26px}
.casa-cp-t b{font-size:var(--fs-2);font-weight:500;line-height:1.25}.casa-cp-t small{font-size:var(--fs-min);font-weight:500;color:var(--mut)}
.casa-it.casa-it-cp{grid-template-columns:56px minmax(0,1fr);padding:10px}.casa-it.casa-it-cp .casa-ft{width:56px;height:56px}
@media (max-width:760px){.casa-cp-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.casa-cp-t{padding:8px 4px}.casa-cp-ft{width:52px;height:52px}.casa-cp-h{padding:8px 14px}}
@media (prefers-reduced-motion: reduce){.casa-cp-h svg{transition:none}}
.casa-fimamb{margin-top:40px}
.casa-fimamb-bt{display:flex;align-items:center;gap:16px;width:100%;min-height:88px;padding:18px 22px;border:1.5px dashed #c7c7cc;border-radius:22px;background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.casa-fimamb-bt:hover{border-color:var(--ink)}.casa-fimamb-bt:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.casa-fimamb-bt .casa-ic{flex:none;width:28px;height:28px}
.casa-fimamb-bt b{display:block;font-size:18px;font-weight:500}.casa-fimamb-bt small{font-size:14px;color:var(--mut)}
#modAmb .casa-mamb{max-width:760px}.casa-mamb .bd{padding:30px 26px 26px}.casa-mamb .k2{font-size:var(--fs-min);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.casa-mamb h3{font-size:26px;letter-spacing:-.015em;margin:4px 0 18px}.casa-mamb .x{width:44px;height:44px;z-index:2}.casa-mamb .casa-tile{background:var(--soft);box-shadow:none}.casa-mamb .casa-tile-ic{background:#fff}
.casa-sala-its{margin-top:0}
.casa-barra{position:fixed;left:0;right:0;bottom:0;z-index:85;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid rgba(0,0,0,.08);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
.casa-barra-w{display:flex;align-items:center;justify-content:space-between;gap:14px}.casa-barra-tx{display:flex;flex-direction:column;min-width:0}
.casa-barra-tx b{font-size:var(--fs-2);font-weight:500;color:var(--mut)}.casa-barra-tx>span{font-size:17px;font-weight:500}.casa-barra-tx .casa-selo{font-size:var(--fs-min);font-weight:400}
.casa-barra-bt{flex:none;min-height:48px;white-space:nowrap}
body.casa-com-barra .zapf{bottom:88px}body.casa-com-barra .casa-pe{padding-bottom:112px}
@media (max-width:760px){
  .casa-comeco{padding:24px 16px 18px}.casa-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.casa-tile{min-height:112px;padding:14px}
  .casa-nav{margin:14px -22px 0;padding:8px 16px}.casa-pill{padding:0 12px 0 10px;font-size:var(--fs-2)}
  .casa-slot-bt{min-height:84px;padding:12px;gap:12px}.casa-slot-ic{width:48px;height:48px}.casa-slot-cta{padding:8px 12px;font-size:var(--fs-2)}
  .casa-ver-d{width:100%}.casa-fimamb-bt{padding:16px}
  .casa-barra-tx>span{font-size:15px;line-height:1.25}.casa-barra-tx .casa-selo{display:block;font-size:var(--fs-min)}.casa-barra-amb{display:none}.casa-barra-bt{padding:12px 16px;font-size:14px}
  #modAmb{align-items:flex-end;padding:0}#modAmb .casa-mamb{border-radius:22px 22px 0 0;max-height:90vh;overflow:auto}.casa-mamb .bd{padding:26px 16px 24px}
}
@media (prefers-reduced-motion: reduce){.casa-tile,.casa-mais svg{transition:none}}
@media (max-width:760px){
  .casa-topo{padding:36px 0 10px}.casa-s{padding:52px 0}
  .casa-itens{grid-template-columns:minmax(0,1fr)}
  .casa-it{grid-template-columns:72px minmax(0,1fr)}.casa-ft{width:72px;height:72px}.casa-ver button{font-size:var(--fs-2)}
  .casa-it.falta{grid-template-columns:56px minmax(0,1fr) auto;gap:8px 12px}.casa-it.falta .casa-ft{width:56px;height:56px}
  .mood-ambs{gap:36px}.casa-mood figure{border-radius:16px}
  .mb-board{grid-template-columns:minmax(0,1fr);padding:22px 16px;border-radius:22px;gap:28px}
  .mb-col{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mb-col .mb-pc{position:static!important;width:auto!important;height:auto!important;aspect-ratio:1/1;z-index:auto!important;border-radius:14px}.mb-col .mb-pc:first-child{grid-column:1/-1;aspect-ratio:4/3}
  .mb-cats{grid-template-columns:minmax(0,1fr)}.mb-cor{width:76px;height:50px;border-radius:16px}
  .mb-tf2{grid-template-columns:minmax(0,1fr)}.mb-tcor{grid-template-columns:auto minmax(0,1fr)}.mb-prev{display:none}.mood-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mood-g.grande .mood-t:first-child{grid-row:auto}.mood-g.grande .mood-t:first-child figure{aspect-ratio:4/3}.mood-add .mood-ft{border-radius:16px}
  #modMood{align-items:flex-end;padding:0}#modMood .casa-msh{border-radius:22px 22px 0 0;max-height:90vh}.casa-msh .bd{padding:24px 16px 28px}.mood-sh-ft{width:72px;height:72px}
  .casa-fim{grid-template-columns:minmax(0,1fr);gap:28px}
  .casa-envio,.casa-ok{padding:22px 18px}
  #modOpc{align-items:flex-end;padding:0}#modOpc .casa-opc{border-radius:22px 22px 0 0;max-height:90vh}
  .casa-opc .bd{padding:24px 16px 28px}.casa-ops{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .casa-bi-fim .btn{flex:1 1 100%;text-align:center}.casa-bi-zap.casa-lk{flex:1 1 100%;text-align:center}
}
/* menu: "Monte sua casa" em destaque em todas as páginas (no celular é o único link à vista) */
.top nav{align-items:center}
.top nav a.nav-casa{opacity:1;font-weight:500;border-radius:999px;padding:0 15px;min-height:36px;display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1.5px var(--ink)}
.top nav a.nav-casa:hover{background:var(--soft)}
.sel-c{display:none}
/* home: chamada do Monte sua casa */
.casa-cta{padding:104px 0 96px;text-align:center}
.casa-cta .k2{font-size:var(--fs-min);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.casa-cta h2{font-size:clamp(34px,5.4vw,60px);font-weight:500;letter-spacing:-.03em;line-height:1.04;margin:0 auto 18px;max-width:820px}
.casa-cta p{font-size:clamp(17px,1.9vw,21px);font-weight:300;color:var(--mut);line-height:1.5;max-width:640px;margin:0 auto 30px}
.casa-cta .btn{min-height:50px;padding:0 30px;display:inline-flex;align-items:center}
.casa-cta-ft{display:flex;justify-content:center;gap:16px;margin:64px auto 0;max-width:1040px}
.casa-cta-ft span{flex:1 1 0;min-width:0;max-width:200px;aspect-ratio:1/1;background:var(--soft);border-radius:22px;padding:16px}
.casa-cta-ft img,.cmb-ft img{mix-blend-mode:multiply}.casa-cta-ft img{width:100%;height:100%;object-fit:contain}
/* confiança: bloco da home e faixa compacta acima do rodapé */
.confia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.confia li{display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.35;font-weight:500;border-top:1px solid var(--hair);padding-top:18px}
.confia svg{width:30px;height:30px;flex:none;color:var(--ink)}
.confia-faixa{border-top:1px solid #e8e8ed;background:#fff;padding:18px 0}
.confia-faixa .wrap{max-width:1440px}
.confia-faixa ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;font-size:var(--fs-min);color:var(--mut)}
.confia-faixa li{white-space:nowrap}.confia-faixa li+li:before{content:"·";margin:0 9px;color:#a1a1a6}
/* janela do produto: "Adicionar à minha casa" e "Combina com" */
.pcasa:empty{display:none}.pcasa{margin-top:10px}
.pd-tec{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;font-size:var(--fs-min);color:var(--mut)}
.pd-ins{line-height:1.4}
.pd-arq{display:inline-block;font-size:var(--fs-min);font-weight:500;color:var(--ink);text-decoration:none;border:1px solid var(--hair);border-radius:999px;padding:4px 11px;min-height:28px;line-height:1.5}
.pd-arq:hover,.pd-arq:focus-visible{border-color:var(--ink)}
.pcasa-bt{width:100%;min-height:48px}
.pcasa-esc{display:flex;flex-direction:column;gap:8px}
.pcasa-t{font-size:14px;margin:6px 0 2px}
.pcasa-op{min-height:48px;border:1px solid var(--hair);background:#fff;border-radius:14px;padding:10px 16px;text-align:left;font:500 15px Figtree,Arial;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:2px}
.pcasa-op:hover{border-color:var(--ink)}.pcasa-op small{font-size:var(--fs-min);color:var(--mut);font-weight:400}
.pcasa-op.novo{border-style:dashed}.pcasa-op:disabled{cursor:default;opacity:.55}
.pcasa-x{min-height:44px;align-self:center;margin:0}
.pcasa-ok{margin:12px 0 10px;font-size:15px}.pcasa-av{margin:10px 0}
.pcasa-ver{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center}
.cmb-w:empty{display:none}
.cmb-w{padding:4px 30px 30px;border-top:1px solid #f0f0f2}
.cmb-h{font-size:19px;font-weight:500;letter-spacing:-.01em;margin:24px 0 14px}
.cmb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:16px 14px}
.cmb-it{display:flex;flex-direction:column;gap:6px;min-width:0}
.cmb-bt{position:relative;z-index:1;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:8px;min-width:0}   /* por cima da área de toque do selo */
.cmb-ft{display:block;aspect-ratio:1/1;background:var(--soft);border-radius:14px;overflow:hidden}
.cmb-ft img{width:100%;height:100%;object-fit:contain}
.cmb-n{font-size:var(--fs-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cmb-pr{font-size:var(--fs-min);color:var(--mut);display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:2px 6px;min-height:44px}.cmb-pr b{color:var(--ink);font-size:var(--fs-2);font-weight:500}
.cmb-nota{margin:20px 0 0;max-width:760px;border-radius:10px;transition:background .3s}.cmb-nota.on{background:var(--soft);padding:10px 12px;outline:0}
@media (max-width:980px){.confia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .top .wrap{gap:8px;padding:0 16px}.top .lg img{height:24px}
  .top nav{margin-left:auto;gap:0}.top nav a:not(.nav-casa){display:none}
  .top nav a.nav-casa{min-height:44px;padding:0 13px;font-size:var(--fs-2)}
  .sel-bt{min-height:44px;padding:0 13px}.sel-l{display:none}.sel-c{display:inline}
  .casa-cta{padding:64px 0 60px}.casa-cta-ft{gap:10px;margin-top:40px}.casa-cta-ft span{border-radius:16px;padding:10px}.casa-cta-ft span:nth-child(n+4){display:none}
  .confia{grid-template-columns:minmax(0,1fr);gap:0}.confia li{flex-direction:row;align-items:center;padding:16px 0;font-size:16px}.confia svg{width:26px;height:26px}
  .confia-faixa ul{gap:6px 14px}.confia-faixa li+li:before{content:none}
  .cmb-w{padding:4px 18px 24px}.cmb-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer{padding-bottom:92px}   /* o botão do WhatsApp (fixo) não cobre a nota */
}
/* busca do cabeçalho (site/busca-site.js): combobox com sugestões; no celular fica atrás da lupa e abre por cima do cabeçalho */
.bt{position:relative;flex:1 1 300px;max-width:440px;min-width:0;margin:0}
.bt-c{position:relative;display:flex;align-items:center;min-width:0}
.bt-ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--mut);pointer-events:none;display:flex}
.bt-ic svg,.bt-abre svg{width:100%;height:100%}
.bt input{width:100%;min-width:0;height:40px;font:15px Figtree,Arial;padding:0 14px 0 38px;border:1px solid var(--hair);border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);-webkit-appearance:none;appearance:none}
.bt input:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:transparent}
.bt input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}   /* Esc limpa; no celular, o × fecha */
.sel-i{display:none}.sel-i svg{width:18px;height:18px}
.bt-abre,.bt-x{display:none;border:0;background:none;color:var(--ink);width:44px;height:44px;padding:11px;cursor:pointer;flex:none;font-size:24px;line-height:1}
.bt-d{position:absolute;top:calc(100% + 8px);left:0;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:6px 0;z-index:60}
.bt-d[hidden]{display:none}
.bt-info{margin:0;padding:8px 16px 4px;font-size:var(--fs-min);line-height:1.4;color:var(--mut)}.bt-info:empty{display:none}
.bt-d ul{list-style:none;margin:0;padding:0}
.bt-o{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:14.5px;line-height:1.3;cursor:pointer;color:var(--ink);font-weight:400;overflow-wrap:anywhere}
.bt-o b{font-weight:500}.bt-o small{color:var(--mut);font-size:var(--fs-min)}
.bt-o[aria-selected="true"]{background:var(--soft)}
.bt-q small{margin-left:auto;white-space:nowrap;padding-left:8px}
.bt-t{padding-left:40px;position:relative}.bt-t:before{content:"";position:absolute;left:18px;top:50%;width:9px;height:9px;margin-top:-6px;border-left:1.5px solid var(--hair);border-bottom:1.5px solid var(--hair)}
/* linha de produto da busca (27/10/2026): miniatura (lib/busca-previa.js), nome e marca embaixo, valor de referência discreto à direita */
.bt-p{gap:12px;padding-top:6px;padding-bottom:6px}.bt-pt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bt-n{min-width:0}.bt-m{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-min)}.bt-cod{white-space:nowrap}.bt-v{flex:none;font-size:var(--fs-min);color:var(--mut);white-space:nowrap;margin-left:4px}
.bp-mini{flex:none;width:44px;height:44px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;overflow:hidden}.bp-mini img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.bt-q+.bt-p,.bt-t+.bt-p{border-top:1px solid #f0f0f2}
.bt-zap b{color:var(--ok)}
/* painel da busca "como a Apple" (27/10/2026): no cabeçalho só a lupa; aberto (.top.bt-on), o painel desce por cima da página com o campo grande,
   o ✕ redondo, títulos pequenos em cinza e as linhas entrando uma a uma; o fundo escurece com desfoque. Seletores com .top form.bt (mais fortes que as
   regras antigas do campo na barra e do celular); sem animação com prefers-reduced-motion. */
.top form.bt{flex:none;max-width:none;margin:0;position:static;order:9}
.top form.bt .bt-abre{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:12px;border-radius:999px;color:var(--ink)}
.top form.bt .bt-abre:hover{background:rgba(0,0,0,.05)}.top form.bt .bt-abre:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
html.bt-trava{overflow:hidden}
.top.bt-on{-webkit-backdrop-filter:none;backdrop-filter:none}   /* o filtro do cabeçalho prenderia o painel fixo dentro dele */
.top form.bt .bt-vu{position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.top.bt-on form.bt .bt-vu{opacity:1;visibility:visible;transition:opacity .2s ease}
.top form.bt .bt-c{position:fixed;left:0;right:0;top:0;z-index:70;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;height:auto;
  padding:30px max(16px,calc(50vw - 360px)) 26px;background:#fff;box-shadow:0 24px 60px -24px rgba(0,0,0,.25);max-height:100vh;overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.top.bt-on form.bt .bt-c{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}
.top form.bt .bt-ic{position:static;transform:none;width:24px;height:24px;color:var(--mut)}
.top form.bt input{height:52px;border:0;border-radius:0;background:none;padding:0;font:300 30px/1.2 Figtree,Arial;letter-spacing:-.01em;color:var(--ink)}
.top form.bt input:focus{outline:0}.top form.bt input::placeholder{color:#a1a1a6}
.top form.bt .bt-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;font-size:0}
.top form.bt .bt-x span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8e8ed;color:#6e6e73;font-size:19px;line-height:1}
.top form.bt .bt-x:hover span{background:#d2d2d7;color:var(--ink)}.top form.bt .bt-x:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:50%}
.top form.bt .bt-d{position:static;grid-column:1/-1;width:auto;max-width:600px;max-height:calc(100vh - 140px);margin-top:16px;padding:0 0 4px;background:none;border-radius:0;box-shadow:none}
.top form.bt .bt-d ul{display:block}
.bt-h{padding:14px 0 6px;font-size:var(--fs-min);letter-spacing:.02em;color:var(--mut);list-style:none}.top form.bt .bt-info{padding:0 0 6px}.top form.bt .bt-l{min-height:38px}
.top form.bt .bt-o{padding-left:0;padding-right:8px;border-radius:10px;animation:btEntra .3s ease both}
.top form.bt .bt-o[aria-selected="true"]{background:var(--soft);padding-left:8px;margin-left:-8px}
.top form.bt .bt-t{padding-left:0}.top form.bt .bt-t:before{content:none}.top form.bt .bt-q+.bt-p,.top form.bt .bt-t+.bt-p{border-top:0}
.bt-l,.top form.bt .bt-t,.top form.bt .bt-q{font-size:15px;font-weight:500;color:var(--ink)}
.bt-l:before,.top form.bt .bt-t:after{content:"→";color:var(--mut);font-weight:400}.bt-l:before{order:-1}
.top form.bt .bt-t{flex-direction:row-reverse;justify-content:flex-end}.top form.bt .bt-t b{font-weight:500}.top form.bt .bt-t span{font-weight:400}.top form.bt .bt-t span b{font-weight:500}
.top form.bt .bt-mc{display:inline-flex;min-height:36px;margin:2px 8px 4px 0;padding:0 14px;border:1px solid var(--hair);border-radius:999px;font-size:var(--fs-2);font-weight:500;animation:btEntra .3s ease both}
.top form.bt .bt-mc[aria-selected="true"]{margin-left:0;padding-left:14px;border-color:var(--ink)}
.top form.bt .bt-o:nth-child(2){animation-delay:.02s}.top form.bt .bt-o:nth-child(3){animation-delay:.04s}.top form.bt .bt-o:nth-child(4){animation-delay:.06s}.top form.bt .bt-o:nth-child(5){animation-delay:.08s}
.top form.bt .bt-o:nth-child(6){animation-delay:.1s}.top form.bt .bt-o:nth-child(7){animation-delay:.12s}.top form.bt .bt-o:nth-child(n+8){animation-delay:.14s}
@keyframes btEntra{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .top form.bt .bt-c{padding:12px 8px 0 16px;column-gap:10px;border-radius:0 0 18px 18px}
  .top form.bt .bt-ic{width:20px;height:20px}.top form.bt input{height:48px;font-size:22px}
  .top form.bt .bt-d{max-width:none;max-height:calc(100vh - 80px);margin-top:4px;padding-right:8px;padding-bottom:12px}
  .top form.bt .bt-v{font-size:var(--fs-min)}
}
@media (prefers-reduced-motion:reduce){.top form.bt .bt-c,.top form.bt .bt-vu,.top.bt-on form.bt .bt-c,.top.bt-on form.bt .bt-vu{transition:none}.top form.bt .bt-o,.top form.bt .bt-mc{animation:none}}
/* refinamentos da grade (botões liga/desliga que somam com o texto), "também procurando" e sem resultado */
.rfs{display:flex;flex-direction:column;gap:4px;margin:0 0 18px}.rfs:empty{display:none}
.rf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.rf-t{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);min-width:130px}
.rf-b{min-height:36px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 14px;font:14px Figtree,Arial;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rf-b small{color:var(--mut);font-size:var(--fs-min)}.rf-b:hover{border-color:var(--ink)}
.rf-b.on{background:var(--ink);color:#fff;border-color:var(--ink)}.rf-b.on small{color:rgba(255,255,255,.75)}
/* filtro que nem todos os produtos informam (aviso), "N produtos sem essa informação — ver também" e "+N marcas" (busca-site.js htmlRefinos) */
.rf-p{display:block;font-size:var(--fs-min);letter-spacing:0;text-transform:none;color:var(--mut);margin-top:2px}
.rf-sem,.rf-mais{min-height:36px;border:0;background:none;padding:0 6px;font:var(--fs-2) Figtree,Arial;color:var(--mut);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.rf-sem:hover,.rf-mais:hover,.rf-sem.on{color:var(--ink)}
.rf-resto{display:contents}.rf-resto[hidden]{display:none}
.rf-sem:focus-visible,.rf-mais:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* faixa "Estilo da casa" (lib/estilos.js htmlFaixa): o mesmo visual dos refinamentos; o aviso só aparece com um estilo ligado */
.est-av{margin:6px 0 0}.est-av:empty{display:none}.casa-est{margin:0 0 22px}
.casa-topo .est-av{font-size:var(--fs-min);font-weight:400;line-height:1.5;max-width:none;margin:6px 0 0}
.bi{margin:0 0 12px;font-size:14px;color:var(--mut)}.bi b{color:var(--ink)}
.bz{background:var(--soft);border-radius:18px;padding:24px;margin:0 0 18px}.bz-t{font-size:17px;font-weight:500;margin:0 0 14px;overflow-wrap:anywhere}
.bz-a{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.bz-b{min-height:44px;max-width:100%;white-space:normal;text-align:center}
@media (max-width:760px),(pointer:coarse){.rf-b{min-height:44px}}
@media (max-width:760px),(pointer:coarse){.rf-sem,.rf-mais{min-height:44px}}   /* toque: alvo de 44 px; no computador, 36 px para os produtos aparecerem antes */
@media (max-width:1000px){   /* até o tablet a busca fica atrás da lupa (o menu e a seleção cabem na linha) e abre por cima do cabeçalho */
  .bt{flex:none;max-width:none;margin-left:auto;position:static}.top nav{margin-left:0}
  .bt-abre{display:block}.bt-c{display:none}
  .top.bt-on .bt-c{display:flex;position:absolute;left:0;right:0;top:0;height:64px;background:#fff;padding:0 4px 0 16px;gap:2px;z-index:61}
  .top.bt-on .bt-ic{left:29px}.top.bt-on .bt-x{display:block}
  .bt input{height:44px;font-size:16px}
  .top.bt-on .bt-d{top:100%;left:0;right:0;width:auto;max-height:calc(100vh - 64px);border-radius:0 0 16px 16px}
  /* Produtos: o campo fica à vista numa segunda linha do cabeçalho */
  .top.bt-fixo .wrap{flex-wrap:wrap;height:auto;min-height:64px;row-gap:0}
  .top.bt-fixo .bt{order:9;flex:1 1 100%;margin:0;position:relative}.top.bt-fixo .bt-abre{display:none}
  .top.bt-fixo nav{margin-left:auto}
  .top.bt-fixo .bt-c{display:flex;padding-bottom:10px}.top.bt-fixo .bt-d{top:calc(100% - 4px);left:0;right:0;width:auto;max-height:calc(100vh - 130px)}
  .top.bt-fixo .lg{min-height:64px}
}
@media (max-width:760px){
  .rf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.rf::-webkit-scrollbar{display:none}
  .rf-t{min-width:0;flex:none}
  .bz{padding:18px}.bz-a{flex-direction:column}.bz-b{width:100%}
}
@media (max-width:420px){   /* celular: a lupa entra no cabeçalho; "Minha seleção" vira a sacola (o nome continua para o leitor de tela) */
  .top .wrap{gap:6px}.top .lg img{object-fit:contain;object-position:left center}.top nav a.nav-casa{padding:0 11px;font-size:var(--fs-2)}.sel-bt{padding:0 12px;display:inline-flex;align-items:center}.sel-i{display:inline-flex}.sel-bt b{margin-left:5px}
  .sel-c{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* Laktim Design + Curio Brazil (Jonas, 27/10/2026; tools/site_collabs.mjs): a cápsula na identidade da Curio (areia, azul-ardósia, laranja), em contraste
   proposital com os quadros da Laktim. A logo é o vetor do arquivo do Jonas (assets/marca/curio-brazil.svg) usado como máscara e pintado com currentColor:
   no claro, azul em repouso e laranja no hover/foco; no escuro (#111), laranja em repouso e azul claro no hover (contraste ≥ 3:1). 200 ms; sem movimento
   com prefers-reduced-motion. Textos do quadro ≥ 16 px (o selo do topo e a linha do cupom ficam menores, como na referência dele). */
.cu-lg{display:inline-block;height:1em;aspect-ratio:var(--cu-ar);background:currentColor;-webkit-mask:var(--cu-m) center/contain no-repeat;mask:var(--cu-m) center/contain no-repeat;color:var(--cu-c,#3f5a70);transition:color .2s ease;vertical-align:middle}
a:hover .cu-lg,a:focus-visible .cu-lg{color:var(--cu-h,#d24e2b)}
.tl-escuro,footer,.cu-esc{--cu-c:#d24e2b;--cu-h:#58789a}
.cu{--cu-c:var(--cu-azul);--cu-h:var(--cu-lar);background:var(--cu-areia);color:#2b3a47;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:64px 56px}
.cu-k{margin:0 0 14px;font:600 13px/1.3 Figtree,Arial,sans-serif;letter-spacing:.24em;color:#a63d1d}
.cu-t{margin:0;font-size:clamp(84px,9vw,128px);line-height:1;font-weight:400}
.cu-tl{display:inline-flex;color:inherit;text-decoration:none;border-radius:6px}
.cu-s{font-size:18px;line-height:1.5;margin:22px 0 28px;max-width:470px;color:#2b3a47}
.cu-a{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.cu-bt{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--cu-lar,#d24e2b);color:#fff;font:600 14px Figtree,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s ease}
.cu-bt:hover,.cu-bt:focus-visible{background:#a63d1d}
.cu-cod{display:flex;flex-direction:column;gap:6px}
.cu-cx{display:flex;align-items:stretch;min-height:52px;border:1.5px solid #2b3a47;border-radius:2px}
.cu-cv{display:flex;align-items:center;padding:0 16px;font:600 16px Figtree,Arial,sans-serif;letter-spacing:.16em;color:#2b3a47}
.cu-cp{border:0;border-left:1.5px solid #2b3a47;background:transparent;min-width:104px;min-height:44px;padding:0 16px;font:500 15px Figtree,Arial,sans-serif;color:#2b3a47;cursor:pointer;transition:background .2s ease}
.cu-cp:hover{background:rgba(43,58,71,.08)}.cu-cp.ok{color:#1f6b35}
.cu-cod small{font-size:14px;color:#46525d}
.cu a:focus-visible,.cu button:focus-visible{outline:2px solid #2b3a47;outline-offset:3px}
.cu-mais{margin:22px 0 0}.cu-mais a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:16px;color:#2b3a47;text-underline-offset:4px}
/* home: o quadro da largura toda no fim da grade; /collabs/: maior */
.tl-g>.cu{grid-column:1/-1;min-height:520px;justify-content:center;padding-left:max(56px,calc((100% - 1040px)/2));padding-right:max(56px,calc((100% - 1040px)/2))}
/* Jonas 28/10/2026 ("meio perdido... sem borda, sobressaindo com sombra, borda arredondada"): o quadro da Curio vira um cartão que flutua —
   cantos arredondados, sombra macia em camadas, afastado das bordas da grade; o código do cupom sem a moldura fina (fundo leve no lugar) */
.tl-g>.cu{margin:clamp(28px,5vw,64px) clamp(16px,4vw,56px);border-radius:32px;box-shadow:0 2px 6px rgba(43,58,71,.06),0 18px 40px -12px rgba(43,58,71,.22),0 48px 96px -32px rgba(43,58,71,.28)}
.rod-cu .cu{box-shadow:0 1px 4px rgba(43,58,71,.06),0 14px 32px -10px rgba(43,58,71,.24),0 36px 72px -28px rgba(43,58,71,.26);border-radius:22px}
.cu-cx{border:0;border-radius:12px;background:rgba(43,58,71,.07);overflow:hidden}.cu-cp{border-left:1px solid rgba(43,58,71,.14)}
@media (max-width:760px){.tl-g>.cu{border-radius:24px;margin:20px 12px}}
.cu-g{min-height:clamp(560px,78vh,760px);justify-content:center;padding-left:max(22px,calc((100% - 1136px)/2));padding-right:max(22px,calc((100% - 1136px)/2))}
.cu-g .cu-t{font-size:clamp(110px,15vw,200px)}.cu-g .cu-s{font-size:20px;max-width:560px}
.cu-hist{max-width:1180px}.cu-hist h2{margin-bottom:14px}.cu-hist>p{font-size:18px;line-height:1.6;color:var(--mut);max-width:680px;margin:0 0 34px}
.cu-gal{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cu-gal img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:var(--soft)}
.cu-use{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.cu-use p{margin:0;font-size:20px}.cu-use b{letter-spacing:.12em}
/* cabeçalho: a logo pequena ao lado do ícone do Spotify (só computador; no celular fica no Menu) */
.cu-top{display:flex;align-items:center;justify-content:center;flex:none;height:44px;padding:0 6px;border-radius:10px;text-decoration:none;font-size:19px}.top .wrap>.cu-top{order:8}
.cu-top:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.nv-cu{display:none}
@media (max-width:760px){.top .cu-top{display:none}.nv-m .nv-cu{display:block}}
/* rodapé: a cápsula compacta na coluna da direita (computador) ou embaixo do texto (celular) */
footer .wrap:has(>.rod-cu){display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:56px;align-items:start}footer .wrap:has(>.rod-cu)>*{grid-column:1}footer .wrap>.rod-cu{grid-column:2;grid-row:1/span 8}
.rod-cu .cu{padding:28px 26px;border-radius:18px;margin-top:4px}.rod-cu .cu-k{font-size:11px;margin-bottom:10px}.rod-cu .cu-t{font-size:56px}
.rod-cu .cu-a{margin-top:18px;gap:10px}.rod-cu .cu-bt{min-height:46px;padding:0 18px;font-size:13px}.rod-cu .cu-cx{min-height:46px}.rod-cu .cu-cv{font-size:14px;padding:0 12px}.rod-cu .cu-cp{min-width:88px;font-size:14px}
.rod-cu .cu-cod small{font-size:13px}
footer .rod-cu a{color:inherit}footer .rod-cu .cu-bt{color:#fff}
/* Monte sua casa: o cartão discreto do fim */
.cu-casa{margin:22px 0 0}
.cu-casa-l{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:16px 18px;border-radius:14px;background:#e9d9bf;color:#2b3a47;text-decoration:none;transition:background .2s ease}
.cu-casa-l:hover,.cu-casa-l:focus-visible{background:#e2cfae}.cu-casa-l:focus-visible{outline:2px solid #2b3a47;outline-offset:2px}
.cu-casa-t{font-weight:500;font-size:16px}.cu-casa-s{grid-column:1;font-size:14px;color:#46525d}.cu-casa-ir{grid-row:1/3;grid-column:2;font-size:26px;color:#a63d1d}
/* cupom na Minha seleção e no Monte sua casa (site/collabs.js) */
.cup-w{margin:14px 0 0}
.cup-ab,.cup-tira{border:0;background:none;padding:0;min-height:44px;font:500 15px Figtree,Arial,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cup-tira{font-weight:500;color:var(--mut);font-size:14px}
.cup-f{display:flex;flex-direction:column;gap:6px;margin:4px 0 0}.cup-f label{font-size:14px;color:var(--mut)}
.cup-in{display:flex;gap:8px;max-width:360px}.cup-in input{flex:1;min-width:0;font:500 16px Figtree,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:0 14px;min-height:46px;border:1px solid var(--hair);border-radius:12px}
.cup-in button{border:0;border-radius:999px;background:var(--ink);color:#fff;font:500 15px Figtree,Arial,sans-serif;padding:0 18px;min-height:46px;cursor:pointer}
.cup-msg{font-size:14px;margin:6px 0 0;color:var(--mut)}.cup-err{color:#b3261e}
.cup-ok{border-top:1px solid var(--hair);padding-top:10px}.cup-ok p{display:flex;justify-content:space-between;gap:12px;margin:0 0 4px;font-size:16px}
.cup-l span{font-weight:500}.cup-t b{font-size:18px}.cup-ok small{display:block;font-size:13px;color:var(--mut);line-height:1.5}.cup-ok .cup-lim{color:#8a5a00}
@media (max-width:760px){
  .cu{padding:44px 20px}.cu-t{font-size:clamp(76px,22vw,104px)}.cu-g .cu-t{font-size:clamp(92px,28vw,128px)}
  .cu-a{flex-direction:column;align-items:stretch;width:100%}.cu-bt{width:100%}.cu-cx{width:100%}.cu-cv{flex:1}
  .tl-g>.cu{min-height:0;padding:48px 20px}.cu-g{min-height:0;padding:56px 20px}
  .cu-gal{grid-template-columns:1fr 1fr}.cu-gal li:first-child{grid-column:1/-1}.cu-gal li:first-child img{aspect-ratio:4/3}
  footer .wrap:has(>.rod-cu){grid-template-columns:1fr}footer .wrap>.rod-cu{grid-column:1;grid-row:auto;margin-top:22px}.rod-cu .cu{padding:24px 18px}.rod-cu .cu-t{font-size:52px}
}
@media (prefers-reduced-motion:reduce){.cu-lg,.cu-bt,.cu-cp,.cu-casa-l{transition:none}}
/* site interativo (site/site.js + site/interacao.js): "+" do card (gaveta "Adicionar a…"), 3D com o mouse, arrastar, painel "Sua casa",
   aviso com "Desfazer" e o aviso do celular. Só transform/opacity nas animações; "reduzir movimento" desliga tudo (fim do arquivo). */
.pd{position:relative}
.pd-add{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.16);font:300 26px/1 Figtree,Arial;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.pd-add:hover{background:var(--ink);color:#fff}.pd-add:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pd,.cmb-bt,.casa-op{transition:transform .18s ease-out,opacity .2s}   /* sombra sem transição: só transform/opacity animam */
.pd.inc,.cmb-bt.inc,.casa-op.inc{position:relative;z-index:3;box-shadow:0 22px 50px rgba(0,0,0,.16);will-change:transform}
.pd .im{transition:transform .25s ease}.pd.inc .im{transform:scale(1.04)}   /* a foto vem à frente */
.lev{opacity:.35}
.arrastando,.arrastando *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
.arr-g{position:fixed;left:0;top:0;z-index:140;width:160px;pointer-events:none;background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.28);overflow:hidden;will-change:transform}
.arr-ft{display:block;height:100px;background:var(--soft)}.arr-ft img{width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}
.arr-n{display:block;padding:8px 10px 10px;font-size:var(--fs-min);line-height:1.3;font-weight:500}.arr-n small{display:block;font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:400}
/* painel "Sua casa": aba recolhida na lateral (abre ao arrastar ou no clique); fixo a partir de 1440 px */
.cp[hidden]{display:none}
.cp{position:fixed;top:80px;right:0;bottom:92px;z-index:95;display:flex;align-items:flex-start;pointer-events:none}
.arrastando .cp{z-index:120}
.cp-aba{pointer-events:auto;margin-top:96px;writing-mode:vertical-rl;transform:rotate(180deg);min-width:44px;min-height:118px;border:0;border-radius:0 14px 14px 0;background:var(--ink);color:#fff;font:500 var(--fs-2) Figtree,Arial;letter-spacing:.04em;padding:14px 0;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.cp-aba b{background:#fff;color:var(--ink);border-radius:999px;padding:5px 2px;font-size:var(--fs-min)}.cp-aba b:empty{display:none}
.cp-aba:focus-visible,.cp-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cp-corpo{pointer-events:auto;display:none;width:300px;max-height:100%;overflow-y:auto;background:#fff;border-radius:22px 0 0 22px;box-shadow:-10px 0 40px rgba(0,0,0,.14);padding:14px 16px 18px}
.cp.aberto .cp-corpo{display:block;animation:cp-entra .22s ease-out}.cp.aberto .cp-aba{display:none}
@keyframes cp-entra{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.cp-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cp-t{font-size:var(--fs-2);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:500}.cp-h span{font-size:var(--fs-min);color:var(--mut)}
.cp-x{margin-left:auto;width:44px;height:44px;border:0;background:var(--soft);border-radius:50%;font-size:18px;cursor:pointer;flex:none}
.cp-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cp-slot{position:relative;border:2px dashed var(--hair);border-radius:16px;padding:10px 12px;background:#fff;transition:transform .2s,opacity .2s}
.cp-sh{display:flex;align-items:center;gap:10px}.cp-anel{width:34px;height:34px;flex:none}.cp-anel .casa-anel{width:34px;height:34px}
.cp-st{display:flex;flex-direction:column;min-width:0}.cp-st b{font-size:15px;overflow-wrap:anywhere}.cp-st small{font-size:var(--fs-min);color:var(--mut)}
.cp-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cp-mini img{width:40px;height:40px;object-fit:contain;background:var(--soft);border-radius:10px;padding:3px;mix-blend-mode:multiply}
.cp-mini em{font-style:normal;font-size:var(--fs-min);color:var(--mut);align-self:center}
.cp-nao{display:none;font-size:var(--fs-min);color:#b3261e;margin-top:4px}
.arrastando .cp-slot.nao{opacity:.6;border-style:solid}.arrastando .cp-slot.nao .cp-nao{display:block}
.cp-slot.alvo{border-color:var(--ink);border-style:solid;background:var(--soft);transform:scale(1.03)}
.cp-slot.nao.alvo{border-color:#b3261e;background:#fdf3f2}
.cp-slot.novo{text-align:center;color:var(--mut);font-size:var(--fs-2);padding:14px 12px}
.cp-q{display:block;color:var(--ink);font-size:14px;margin-bottom:8px}.cp-qs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.cp-qb{min-height:44px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 14px;font:500 var(--fs-2) Figtree,Arial;color:var(--ink);cursor:pointer}.cp-qb:hover{border-color:var(--ink)}
.cp-t2{display:block;font-size:var(--fs-2);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:18px 0 8px}
.cp-slot.vit{border-style:solid;border-color:#ececf0;background:var(--soft);display:flex;align-items:center;gap:8px}.cp-slot.vit.alvo{border-color:var(--ink)}.cp-vv{margin-left:auto}
.cp-ver{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;text-decoration:none}
.cp-dica{margin:10px 0 0}
.encaixe{animation:encaixe .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes encaixe{0%{transform:scale(1.08)}45%{transform:scale(.97)}100%{transform:none}}
.recusa{animation:recusa .45s ease}
@keyframes recusa{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@media (min-width:1440px){
  body.cp-on{padding-right:316px}
  .cp{right:16px}.cp-aba,.cp-x{display:none}
  .cp-corpo{display:block;border-radius:22px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.07)}
}
/* Monte sua casa: a janela de opções some enquanto arrasta; o item que aceita a opção fica marcado */
#modOpc.arrasta{background:transparent;pointer-events:none}#modOpc.arrasta .mb{opacity:0}
.casa-it.pode{outline:2px dashed var(--ink);outline-offset:3px}.casa-it.pode.alvo{outline-style:solid;background:#fff;transform:scale(1.02)}
.casa-it{transition:transform .2s}
/* gaveta "Adicionar a…": folha de baixo no celular, janela pequena no computador; gaveta, aviso e "Desfazer" ficam acima do aviso de cookies (.ck) */
body.gav-on{overflow:hidden}
.gav-w{position:fixed;inset:0;z-index:205;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center}
.gav{background:#fff;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;animation:gav-sobe .22s ease-out}
@keyframes gav-sobe{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.gav-p{display:flex;align-items:center;gap:12px;padding-bottom:4px}.gav-ft{width:56px;height:56px;flex:none;border-radius:12px;background:var(--soft);overflow:hidden}.gav-ft img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.gav-pt{display:flex;flex-direction:column;min-width:0}.gav-pt small{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.gav-pt b{font-size:14.5px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}
.gav-t{font-size:17px;margin:4px 0 2px}
.gav-l{display:flex;flex-direction:column;gap:8px}
.gav-o{width:100%;min-height:48px;border:1px solid var(--hair);background:#fff;border-radius:14px;padding:10px 16px;text-align:left;font:500 15px Figtree,Arial;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:2px}
.gav-o small{font-size:var(--fs-min);color:var(--mut);font-weight:400}.gav-o:hover{border-color:var(--ink)}.gav-o:disabled{cursor:default;opacity:.55}
.gav-o.novo{border-style:dashed}.gav-o.vit{background:var(--soft);border-color:#ececf0;margin-top:4px}
.gav-n{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 4px}.gav-n[hidden]{display:none}
.gav-c{min-height:44px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 16px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer}.gav-c small{color:var(--mut);font-weight:400;font-size:var(--fs-min)}.gav-c:hover{border-color:var(--ink)}
.gav-x{align-self:center;margin:2px 0 0}.gav-av{margin:4px 0}
.gav :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (min-width:761px){.gav-w{align-items:center;padding:18px}.gav{border-radius:22px;padding:22px}}
/* aviso com ações ("Desfazer" por 6 s; a recusa traz onde serve) */
.tst-w{position:fixed;left:16px;right:16px;bottom:16px;z-index:210;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.tst{pointer-events:auto;width:100%;max-width:560px;background:var(--ink);color:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.25);padding:10px 6px 10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;animation:tst-entra .2s ease-out}
.tst-m{margin:0;flex:1 1 200px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.tst-m small{display:block;color:rgba(255,255,255,.78);font-size:var(--fs-min);margin-top:2px}
.tst-a{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto}
.tst-b{min-height:44px;border:0;background:transparent;color:#fff;font:500 14px Figtree,Arial;padding:0 12px;border-radius:999px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center}
.tst-b.um{background:#fff;color:var(--ink);text-decoration:none}
.tst-x{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer;border-radius:50%}
.tst :focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes tst-entra{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
/* celular: uma vez por visita, depois do 3º item */
.avc{pointer-events:auto;width:100%;max-width:560px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.16);display:flex;align-items:center;gap:4px;padding:2px 2px 2px 14px}
.avc-l{flex:1;min-height:44px;display:flex;align-items:center;font-size:var(--fs-2);line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.avc-x{width:44px;height:44px;flex:none;border:0;background:none;font-size:18px;color:var(--mut);cursor:pointer}
@media (prefers-reduced-motion: reduce){
  .pd,.cmb-bt,.casa-op,.pd .im,.cp-slot,.casa-it{transition:none}
  .pd.inc .im,.cp-slot.alvo,.casa-it.pode.alvo{transform:none}
  .encaixe,.recusa,.gav,.tst,.cp.aberto .cp-corpo{animation:none}
}
/* Fotos de ambiente no topo (lib/amb-site.js; spec 2026-10-24 item 9): fotos dos catálogos das marcas, passagem suave e aproximação lenta;
   a legenda sempre cita a marca. Com "reduzir movimento": parada (a troca de estilo troca a foto sem animação). */
.amb{position:absolute;inset:0;overflow:hidden;background:#222}
.amb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;transform-origin:50% 60%}
.amb img.on{opacity:1;animation:amb-zoom 18s ease-out both}
@keyframes amb-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero.amb-on:after{z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.12) 65%),linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0) 72%)}
.hero .amb-leg{position:absolute;right:16px;bottom:10px;z-index:3;margin:0;max-width:none;opacity:1;font-size:var(--fs-min);font-weight:400;letter-spacing:.02em;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.est-lk{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.est-lk a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:var(--fs-2);color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);background:rgba(0,0,0,.18);white-space:nowrap}
.est-lk a:hover,.est-lk a[aria-current]{background:#fff;color:var(--ink)}
@media (pointer:coarse){.est-lk a{min-height:44px}}   /* tablet de toque (768–1024 px): alvo de 44 px, como os refinamentos */
.est-lk span{font-size:var(--fs-min);letter-spacing:.18em;text-transform:uppercase;opacity:.8;align-self:center;margin-right:4px}
.hero.casa-hero{min-height:clamp(320px,46vh,500px)}.hero.casa-hero .wrap{padding-bottom:44px}
.casa-topo.casa-topo-c{padding-top:26px}
.hero.est-hero{min-height:64vh}
@media (max-width:760px){.est-lk{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.est-lk a{min-height:44px}.hero .amb-leg{right:12px;bottom:6px;font-size:var(--fs-min)}.hero.est-hero{min-height:58vh}}
@media (prefers-reduced-motion: reduce){.amb img{transition:none}.amb img.on{animation:none}}
/* Índice A–Z das marcas (lib/marcas-indice.js), como os contatos do iPhone: fixo à direita enquanto a grade de marcas está na tela, acima do botão de WhatsApp.
   Letra sem marca apagada e sem link; a letra da rolagem fica marcada; ao arrastar, a letra grande no meio da tela. Cabeçalho de letra discreto na grade. */
.ml{grid-column:1/-1;margin:18px 0 -4px;padding:0 0 8px;font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--mut);border-bottom:1px solid var(--hair);scroll-margin-top:var(--mi-topo,76px)}
.ml:first-child{margin-top:0}
.mi{position:fixed;right:4px;top:80px;z-index:80;width:28px;padding:4px 0;border-radius:14px;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:stretch;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;opacity:0;pointer-events:none;transition:opacity .2s}
.mi.ver{opacity:1;pointer-events:auto}
.mi a,.mi span{display:block;font-size:var(--fs-min);font-weight:500;line-height:24px;color:var(--ink);text-decoration:none;border-radius:8px;margin:0 2px;cursor:pointer}
.mi span.x{color:var(--mut);opacity:.35;cursor:default}
.mi a:hover{background:rgba(0,0,0,.07)}
.mi a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.mi a.on,.mi span.on{background:var(--ink);color:#fff;opacity:1}
.mi.cmp>:nth-child(even){font-size:0}.mi.cmp>:nth-child(even):before{content:"•";font-size:var(--fs-min);font-weight:400}
.mi-b{position:fixed;left:50%;top:50%;z-index:95;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:28px;background:rgba(28,28,30,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;font-size:64px;font-weight:500;line-height:112px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s}
.mi-b.on{opacity:1}
@media (max-width:1260px){.s-mi .wrap{padding-right:40px}}
@media (max-width:760px){.mi{right:0;width:24px;border-radius:12px 0 0 12px}.mi a,.mi span{font-size:var(--fs-min)}.s-mi .wrap{padding-right:30px}}
@media print{.mi,.mi-b{display:none!important}}
@media (prefers-reduced-motion: reduce){.mi,.mi-b{transition:none}}
/* Filtro das marcas por tipo (lib/marcas-tipos.js): botões acima da grade (a barra rola de lado no celular), cartão e cabeçalho de letra escondidos pelo filtro. */
.marcas [hidden]{display:none!important}
#marcas{scroll-margin-top:64px}
.mt{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
.mt[hidden],.mt-n[hidden]{display:none}
.mt-c{font:inherit;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--hair);border-radius:999px;padding:0 18px;min-height:44px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.mt-c span{font-size:var(--fs-min);font-weight:500;color:var(--mut);font-variant-numeric:tabular-nums}
.mt-c:hover{border-color:var(--ink)}
.mt-c:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mt-c[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mt-c[aria-pressed="true"] span{color:rgba(255,255,255,.7)}
.mt-n{min-height:20px;margin:6px 0 14px;font-size:var(--fs-2);color:var(--mut)}
@media (max-width:760px){.mt{flex-wrap:nowrap;overflow-x:auto;margin-right:-30px;padding:2px 30px 6px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mt::-webkit-scrollbar{display:none}.mt-c{flex:none}}
.mi a.off{color:var(--mut);opacity:.35;cursor:default;pointer-events:none}
.mi a.off.on{background:none;color:var(--mut)}
/* Atendimento ao vivo (site/aovivo.js): chamada, aviso com o código grande, barra fixa embaixo e cartões "Sugestão da Laktim" */
.aov-chama{margin:14px 0 0;font-size:14px;color:var(--mut);line-height:1.5}
.aov-lk{border:0;background:none;padding:0 2px;min-height:44px;font:500 14px Figtree,Arial;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.aov-lk:focus-visible,.aov-fim:focus-visible,.aov-sug .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.aov-mod{z-index:220}.aov-mod .mb{max-width:520px;opacity:1}.aov-mod .bd{padding:30px 26px 26px}
.aov-mod h3{margin:0 44px 12px 0;font-size:22px;letter-spacing:-.01em}.aov-mod p{line-height:1.55;margin:0 0 12px}
.aov-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.aov-cta .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.aov-big{font:600 48px/1.1 Figtree,Arial;letter-spacing:.06em;text-align:center;background:var(--soft);border-radius:18px;padding:18px 10px;margin:8px 0 16px!important}
.aov-err{color:#b3261e;font-size:14px}
.aov-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--ink);color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.aov-in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}
.aov-dot{width:10px;height:10px;border-radius:50%;background:var(--tinta);flex:none;box-shadow:0 0 0 4px rgba(29,29,31,.12)}
.aov-tx{flex:1;min-width:0;font-size:14px;line-height:1.35}.aov-cod{font-weight:600;letter-spacing:.05em;margin-left:6px;font-size:16px}
.aov-st{display:block;color:rgba(255,255,255,.75);font-size:var(--fs-min)}
.aov-fim{flex:none;min-height:44px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:500 14px Figtree,Arial;padding:0 16px;cursor:pointer}
.aov-fimmsg{padding:14px 16px;text-align:center;font-size:14px}
body.aov-on{padding-bottom:76px}body.aov-on .zapf{bottom:88px}body.aov-on .tst-w{bottom:88px!important}body.aov-on .ck{bottom:88px;z-index:206}
.aov-sugs{position:fixed;right:16px;bottom:84px;z-index:205;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px}
.aov-sugs:empty{display:none}
.aov-sug{background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.22);padding:14px 14px 12px}
.aov-sk{font-size:var(--fs-min);font-weight:500;color:var(--ok);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.aov-sl{display:flex;gap:12px;align-items:flex-start}.aov-sl img,.aov-sf{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--soft);flex:none}
.aov-sx{min-width:0;font-size:14px;line-height:1.35}.aov-sx b{display:block;overflow-wrap:anywhere}.aov-sx small{display:block;color:var(--mut);font-size:var(--fs-min);margin-top:2px}
.aov-nota{margin:6px 0 0;font-size:var(--fs-2);font-style:italic}
.aov-rec{margin:10px 0 0;font-size:var(--fs-2);color:#b3261e}
.aov-sb{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.aov-sb .btn{flex:1 1 120px;min-height:44px;padding:0 14px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:560px){.aov-in{padding:8px 12px;gap:10px}.aov-fim{padding:0 12px;font-size:var(--fs-2)}.aov-sugs{right:16px;left:16px;width:auto}.aov-big{font-size:40px}}
/* filtros curtos (análise Apple Store, 25/10/2026) e a ordem dos filtros (26/10/2026: "primeiro o tipo de produto, depois a marca"):
   no computador (1024 px ou mais) a coluna da esquerda (aside #fSheet) parada abaixo do cabeçalho (--htop), com rolagem própria: Tipo -> Marca ->
   Refinar, cada passo escolhido recolhe para o botão ligado ("Trocar"); "Mais filtros" no fim da coluna. À direita: "Ordenar por", a linha de
   resumo (#fResumo) e a grade. Abaixo de 1024 px, um botão "Filtros" abre a mesma coluna numa folha que sobe de baixo (role=dialog enquanto aberta)
   e a barra com o resumo fica parada no alto. */
.fbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin:0 0 14px}
.fbt{min-height:40px;border:1px solid var(--hair);background:#fff;border-radius:999px;padding:0 16px;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.fbt:hover,.fbt[aria-expanded="true"]{border-color:var(--ink)}.fbt-c{display:none}
.fbt-n{background:var(--ink);color:#fff;border-radius:999px;font-size:var(--fs-min);font-weight:500;padding:1px 7px}
.ford{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-2);color:var(--mut)}
.ford select{font:14px Figtree,Arial;color:var(--ink);min-height:40px;padding:0 14px;border:1px solid var(--hair);border-radius:999px;background:#fff;cursor:pointer}
.fbt:focus-visible,.ford select:focus-visible,.rf-b:focus-visible,.fs-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.fs-h,.fs-p{display:none}.fmais{display:none}.fmais.on{display:block}.fmais[hidden]{display:none!important}
/* os passos: Tipo, Marca, Refinar (separados por um fio); o escolhido fica só com o botão ligado e "Trocar" */
.fp{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #ececf0}.fp:last-of-type{border-bottom:0;margin-bottom:6px}
.fp .rf+.rf{margin-top:12px}
.fp-t{display:block;font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:500;margin:0 0 10px}
.rf-tr,.fmais-bt{min-height:36px;border:0;background:none;padding:0 6px;font:var(--fs-2) Figtree,Arial;color:var(--mut);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.rf-tr:hover,.fmais-bt:hover{color:var(--ink)}.fmais-bt{padding:0;font-weight:500;color:var(--ink);text-decoration:none;margin:0 0 10px}
.fmais-bt::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}
.fmais-bt[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}
.rf-tr:focus-visible,.fmais-bt:focus-visible,.rf-q:focus-visible,.rsm-b:focus-visible,.rsm-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.rf-q{width:100%;min-height:38px;border:1px solid var(--hair);border-radius:999px;padding:0 14px;font:14px Figtree,Arial;color:var(--ink);background:#fff;margin:0 0 4px;box-sizing:border-box}
.rf-b[hidden],.rf-mais[hidden]{display:none}
.fsheet .rf-b{max-width:100%;white-space:normal;text-align:left;line-height:1.25;padding-top:6px;padding-bottom:6px}   /* subtipo de nome comprido quebra a linha dentro da coluna */
/* "como a Requintte" (26/10/2026): tipo e subtipo com a foto pequena ao lado do nome (uma linha cada); marca em quadros de logo, 2 por linha,
   o logo em tons de cinza e na mesma altura (a cor volta no hover e no escolhido), a contagem embaixo; sem logo, o nome no mesmo quadro */
.rf-fotos{gap:6px}
.rf .rf-ft{width:100%;justify-content:flex-start;gap:10px;border-radius:14px;padding:4px 12px 4px 4px;min-height:48px;text-align:left;white-space:normal}
.rf-im{width:40px;height:40px;flex:none;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rf-im img{width:40px;height:40px;object-fit:contain}
.rf-nm{flex:1;min-width:0;line-height:1.25}
.rf-ft.on .rf-im{background:#fff}
.rf-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rf-logos .rf-t,.rf-logos .rf-q,.rf-logos .rf-sem,.rf-logos .rf-tr,.rf-logos .rf-mais{grid-column:1/-1;justify-self:start}
.rf-logos .rf-resto{display:contents}.rf-logos .rf-resto[hidden]{display:none}
.rf .rf-lg{flex-direction:column;justify-content:center;gap:4px;border-radius:12px;min-height:64px;padding:8px 6px;width:100%;white-space:normal;text-align:center;position:relative}
.rf-lg img{max-height:28px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .15s,opacity .15s}
.rf-lg:hover img,.rf-lg.on img{filter:none;opacity:1}
.rf-lg small{font-size:var(--fs-min);color:var(--mut)}
.rf-lgn{font-size:var(--fs-2);font-weight:500;letter-spacing:.02em;line-height:1.2;max-height:2.4em;overflow:hidden}
.rf-lg.on{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.rf-lg.on small{color:var(--mut)}
.rf-lg .rf-x{position:absolute;top:4px;right:8px;color:var(--mut)}
/* a faixa acima da grade: os subtipos do tipo escolhido, a foto em cima do nome, rola de lado (setas no computador) */
#fFaixa:empty{display:none}
.ffx{position:relative;display:flex;align-items:center;gap:4px;margin:0 0 18px}
.ffx-l{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:2px}
.ffx-l::-webkit-scrollbar{display:none}
.ffx-b{flex:none;width:96px;scroll-snap-align:start;border:1px solid transparent;background:none;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:var(--fs-min) Figtree,Arial;color:var(--ink);text-align:center;line-height:1.25}
.ffx-b:hover{background:var(--soft)}.ffx-b.on{border-color:var(--ink)}
.ffx-im{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.ffx-im img{width:56px;height:56px;object-fit:contain}
.ffx-n{max-height:2.5em;overflow:hidden}
.ffx-s{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--hair);background:#fff;font-size:18px;line-height:1;cursor:pointer;color:var(--ink)}
.ffx-b:focus-visible,.ffx-s:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (min-width:1024px){.ffx-t{display:none}}
@media (max-width:1023px){.ffx-s{display:none}.ffx{margin:0 -16px 14px}.ffx-l{padding:2px 16px}.ffx-b{width:84px}}
/* a linha de resumo: "Eletrodomésticos › Elettromec › Cooktop · Até R$ 3.000", × em cada parte, "Limpar tudo" */
.rsm-w:empty{display:none}
.rsm{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 16px;font-size:14px}
.rsm-l{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-width:0}
.rsm-p{display:inline-flex;align-items:center;gap:2px;background:var(--soft);border-radius:999px;padding:0 4px 0 12px;min-height:32px;color:var(--ink)}
.rsm-f{padding:0 12px;background:none;border:1px solid var(--hair)}
.rsm-s{color:var(--mut)}
.rsm-b{width:28px;height:28px;border:0;background:none;border-radius:50%;font-size:16px;line-height:1;color:var(--mut);cursor:pointer}.rsm-b:hover{color:var(--ink);background:#e8e8ed}
.rsm-x{min-height:32px;border:0;background:none;padding:0 2px;font:var(--fs-2) Figtree,Arial;color:var(--mut);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.rsm-x:hover{color:var(--ink)}
@media (pointer:coarse){.rf-tr,.fmais-bt,.rsm-x{min-height:44px}.rsm-b{width:40px;height:40px}}
@media (min-width:1024px){
  .glay{display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start}
  .fsheet{position:sticky;top:calc(var(--htop,64px) + 16px);max-height:calc(100vh - var(--htop,64px) - 32px);overflow-y:auto;overscroll-behavior:contain;padding:2px 10px 12px 2px;scrollbar-width:thin}
  .fsheet .rf{flex-wrap:wrap}.fsheet .rf-t{width:100%;min-width:0;margin:0 0 2px}.fsheet .rfs{margin:0 0 6px}
  .fbt{display:none}.fbar{justify-content:flex-end}
  .gmain .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}
@media (max-width:1023px){
  .fbt-l{display:none}.fbt-c{display:inline}.fbt{min-height:44px}.ford select{min-height:44px}.ford span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fsheet{display:none}
  .fsheet.on{display:block;position:fixed;left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;overscroll-behavior:contain;background:#fff;z-index:120;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18);padding:0 16px}
  body.fs-on{overflow:hidden}body.fs-on::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:110}
  .fs-h{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:12px 0;z-index:1;font-size:17px}
  .fs-x{width:44px;height:44px;border:0;background:#f5f5f7;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
  .fs-p{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0 16px}.fs-p .btn{width:100%}
  .fsheet .rf{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.fsheet .rf-t{width:100%;margin-top:6px}.fsheet .rfs{margin:0 0 10px}
  .gtopo{position:sticky;top:var(--htop,64px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(14px);margin:0 -16px;padding:8px 16px 0}
  .gtopo .fbar{margin:0 0 8px}.gtopo .rsm{margin:0 0 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gtopo .rsm::-webkit-scrollbar{display:none}
  .gtopo .rsm-l{flex-wrap:nowrap;flex:none}.gtopo .rsm-p,.gtopo .rsm-x{flex:none;white-space:nowrap}
}
/* card de produto pelo teclado: foto + marca + nome = um link (Tab, Enter abre); preço e "+" fora dele, cada um com o seu foco */
.pd-a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;border-radius:16px}
.pd-a .in{padding-bottom:6px}
.pd > .pr{display:block;padding:0 14px 14px;cursor:default}
.pd-a:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.pd:focus-within{box-shadow:0 0 0 1px var(--hair),0 6px 20px rgba(0,0,0,.08)}
/* conta da cliente (só com LAKTIM_CONTA=1: tools/conta_pagina.mjs; tela em site/conta.js). Entrada no cabeçalho, ao lado da Minha seleção */
.conta-bt{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;color:var(--ink);text-decoration:none;font:500 var(--fs-2) Figtree,Arial;white-space:nowrap;flex:none}
.conta-bt:hover{background:var(--soft)}.conta-bt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.conta-i{display:inline-flex}.conta-i svg{width:19px;height:19px}
.conta-bt.on .conta-l{font-weight:500}
@media (max-width:760px){.conta-bt{min-height:44px;padding:0 10px}}
@media (max-width:1000px) and (min-width:421px){.conta-l{max-width:96px;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:420px){.conta-bt{padding:0;width:40px;justify-content:center}.conta-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* página /conta/: uma coluna estreita, título grande, uma ação principal por tela */
.ct{padding:72px 0 96px}.ct-w{max-width:440px}
.ct-tela h1{font-size:40px;line-height:1.1;letter-spacing:-.02em;margin:0 0 10px;outline:0}
.ct-sub{color:var(--mut);font-size:17px;line-height:1.5;margin:0 0 28px}.ct-email{margin-top:-4px;overflow-wrap:anywhere}
.ct-carrega{color:var(--mut)}
.ct-c{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.ct-c>label:not(.ct-ck){font-size:var(--fs-2);color:var(--mut)}.ct-op{color:var(--mut);font-weight:400}
.ct-c input:not([type=checkbox]){font:16px Figtree,Arial;color:var(--ink);padding:12px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;width:100%;min-height:48px;box-sizing:border-box}
.ct-c input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 2px rgba(0,0,0,.08)}
.ct-c input[aria-invalid=true]{border-color:#b3261e}.ct-ck input[aria-invalid=true]{outline:2px solid #b3261e;outline-offset:2px}
.ct-pw{position:relative}.ct-pw input:not([type=checkbox]){padding-right:92px}
.ct-ver{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:40px;min-width:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:500 var(--fs-2) Figtree,Arial;cursor:pointer}
.ct-ver:hover{background:var(--soft)}.ct-ver:focus-visible{outline:2px solid var(--ink)}
.ct-dica{font-size:var(--fs-min);color:var(--mut);line-height:1.45}
.ct-e{font-size:var(--fs-2);color:#b3261e;line-height:1.4}.ct-e[hidden]{display:none}
.ct-ck{font-size:var(--fs-2)}.ct-ck a{color:var(--ink)}
.ct-erro{background:#fdecea;color:#8a1c14;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;margin:0 0 16px}
.ct-ok{background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;margin:0 0 20px}
.ct-av{background:#fff7e6;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;margin:0 0 16px}
.ct-erro[hidden],.ct-ok[hidden],.ct-av[hidden]{display:none}
.ct-msg{font-size:17px;line-height:1.55;margin:0 0 14px}
.ct-bt{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font-size:16px;margin:8px 0 0;box-sizing:border-box;text-align:center}
.ct-bt:disabled{opacity:.6;cursor:default}.ct .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ct-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:14px}.ct-links[hidden]{display:none}
.ct-lk{border:0;background:none;color:var(--ink);font:500 14px Figtree,Arial;min-height:44px;padding:0 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair)}
.ct-lk:hover{text-decoration-color:var(--ink)}.ct-lk:focus-visible{outline:2px solid var(--ink);border-radius:6px}
.ct-cards,.ct-duas{display:grid;gap:12px;margin:0 0 20px}.ct-duas{grid-template-columns:1fr 1fr}
.ct-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--soft);border:0;border-radius:18px;padding:18px 20px;color:var(--ink);font:inherit;text-decoration:none}
button.ct-card{cursor:pointer}button.ct-card:hover{background:#ececef}button.ct-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ct-peds{background:var(--soft);border-radius:18px;padding:18px 20px;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.ct-peds[hidden]{display:none}
.ct-pl{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ct-pl li{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.ct-k{font-size:var(--fs-min);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.ct-card b{font-size:19px;font-weight:500}.ct-m{font-size:var(--fs-2);color:var(--mut);line-height:1.4;overflow-wrap:anywhere}.ct-m:empty{display:none}
.ct-perigo{width:100%;min-height:48px;background:#fff;color:#b3261e;box-shadow:inset 0 0 0 1.5px #b3261e}.ct-perigo:hover{background:#fdecea}.ct-perigo:disabled{opacity:.6}
@media (max-width:760px){.ct{padding:40px 0 72px}.ct-tela h1{font-size:32px}.ct-sub{font-size:16px;margin-bottom:22px}.ct-duas{grid-template-columns:1fr}}
/* conta sem senha (26/10/2026): código de 6 números, cadastro com endereço de entrega e a folha "Entrar ou criar conta" em qualquer página */
.ct-cod{font:500 26px/1 Figtree,Arial!important;letter-spacing:.32em;text-align:center;padding-left:calc(14px + .32em)!important}
.ct-centro{text-align:center;margin:14px 0 0}
.ct-c select{font:16px Figtree,Arial;color:var(--ink);padding:12px 10px;border:1px solid var(--hair);border-radius:12px;background:#fff;width:100%;min-height:48px;box-sizing:border-box}
.ct-c select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 2px rgba(0,0,0,.08)}.ct-c select[aria-invalid=true]{border-color:#b3261e}
.ct-end{border:0;margin:6px 0 4px;padding:0;min-width:0}.ct-end legend{font-size:var(--fs-2);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 12px;padding:0}
.ct-l2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}.ct-l2c{grid-template-columns:minmax(0,1fr) 92px}
.ct-l2>.ct-c:only-child{grid-column:1}
[data-ct-aceite][hidden],[data-ct-voltar][hidden]{display:none}
.ct-mod{z-index:230;align-items:flex-start;overflow-y:auto}.ct-mod .mb{max-width:480px;margin:auto 0;max-height:none;overflow:visible}
.ct-folha{padding:34px 28px 28px}.ct-folha .ct-tela h1{font-size:30px;padding-right:44px}
.ct-motivo{margin:0 44px 18px 0;font-size:14px;line-height:1.5;color:var(--mut)}.ct-motivo[hidden]{display:none}
body.ct-folha-on{overflow:hidden}
@media (max-width:560px){.ct-mod{padding:0;align-items:flex-end}.ct-mod .mb{border-radius:22px 22px 0 0;margin:0}.ct-folha{padding:28px 16px 24px}.ct-folha .ct-tela h1{font-size:26px}.ct-l2c{grid-template-columns:minmax(0,1fr) 84px}}
/* famílias (lib/familias-site.js): um cartão por família ("4 cores · 2 acabamentos") e, na janela, uma escolha por tipo (grupo de rádio) */
.pd .vr{font-size:var(--fs-min);line-height:1.35;color:var(--mut)}
.vxs{display:flex;flex-direction:column;gap:16px;margin:16px 0 8px}
.vx-t{display:block;font-size:var(--fs-2);color:var(--mut);margin-bottom:8px}.vx-t .vx-v{color:var(--ink);font-weight:500;margin-left:4px}
.vx-o{display:flex;flex-wrap:wrap;gap:8px}
.vx-b{font:500 var(--fs-2)/1.25 Figtree,Arial,sans-serif;min-height:44px;min-width:44px;padding:6px 16px;border:0;border-radius:999px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.vx-b:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.vx-b.on{box-shadow:inset 0 0 0 2px var(--ink);font-weight:500}
.vx-b.no{color:#a1a1a6;background:var(--soft);box-shadow:none;cursor:default}.vx-b.no:hover{box-shadow:none}
.vx-b:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
/* ===== navegação explicada (tools/site_partes.mjs NAV, menuTopo/menuCelular/painelSel/comoFunciona; site/nav.js) =====
   Computador: o painel de cada aba abre com o mouse (só mouse de verdade: no toque, o 1º toque não pode virar "hover") ou com o foco do teclado;
   Esc esconde (nv-x). Celular (até 760 px): o botão Menu no canto lista cada aba com a frase embaixo. Home: a faixa "Como funciona". */
.top nav .nv-i{position:relative;display:flex;align-items:center;min-height:44px}
.nv-p{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:8px;width:290px;z-index:56;cursor:default;text-align:left;white-space:normal}
.nv-c{display:block;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05);padding:14px 16px 12px}
.nv-d{display:block;font:400 var(--fs-2)/1.45 Figtree,Arial,sans-serif;color:var(--ink);letter-spacing:0}
.nv-l{display:flex;flex-direction:column;margin-top:10px;padding-top:4px;border-top:1px solid #f0f0f2}
.top nav .nv-l a{opacity:1;display:flex;align-items:center;justify-content:space-between;min-height:34px;font-size:var(--fs-2);color:var(--ink);white-space:normal}
.top nav .nv-l a:after{content:"›";color:var(--mut);font-size:17px;line-height:1;padding-left:10px}
.top nav .nv-l a:hover,.top nav .nv-l a:focus-visible{text-decoration:underline}
.nv-i:focus-within .nv-p,.sel-bt:focus-visible .nv-p-sel{display:block;animation:nvEntra .16s ease-out}
@media (hover:hover) and (pointer:fine){.nv-i:hover .nv-p,.sel-bt:hover .nv-p-sel{display:block;animation:nvEntra .16s ease-out}}
.nv-x .nv-p,.nv-x.nv-i .nv-p,.sel-bt.nv-x .nv-p-sel{display:none!important}
@keyframes nvEntra{from{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%,0)}}
.sel-bt{position:relative}
.nv-p-sel{left:auto;right:0;transform:none;width:260px;animation-name:nvEntraSel!important}
@keyframes nvEntraSel{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.nv-mb{display:none;border:0;background:none;color:var(--ink);width:44px;height:44px;padding:11px;cursor:pointer;flex:none}
.nv-mb svg{width:100%;height:100%}
.nv-m{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--hair);box-shadow:0 18px 40px rgba(0,0,0,.12);max-height:calc(100vh - 64px);overflow-y:auto;z-index:58}
.nv-m[hidden]{display:none}
.nv-m ul{list-style:none;margin:0;padding:4px 16px 10px}
.nv-mi{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:56px;padding:14px 0;border:0;border-bottom:1px solid #f0f0f2;background:none;text-align:left;text-decoration:none;color:var(--ink);font:inherit;cursor:pointer}
.nv-m li:last-child .nv-mi{border-bottom:0}
.nv-mi b{font-size:17px;font-weight:500;letter-spacing:-.01em}
.nv-mi span{font-size:14px;line-height:1.4;color:var(--mut)}
.nv-mi:focus-visible,.nv-mb:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}
@media (max-width:760px){
  .nv-p{display:none!important}
  .top nav .nv-i:not(:has(> a[href="/monte-sua-casa/"])){display:none}   /* no celular as abas ficam no Menu; o "Monte sua casa" continua à vista */
  .nv-mb{display:block}
}
@media (min-width:1181px){.nv-m{display:none!important}}
/* 29/10 (Jonas: "versão para iPad"): tablet (761–1180 px, iPad em pé e deitado) — os dois portais à vista, Marcas, Produtos e A Laktim no Menu,
   a sacola só com o ícone; o Menu fica no fim, depois da sacola */
@media (min-width:761px) and (max-width:1180px){
  .top nav .nv-i:not(:has(> a.nav-casa)){display:none}
  .nv-mb{display:block;order:11}
}
@media (max-width:420px){   /* celular: cabe o Menu sem espremer o logo — a sacola vira um círculo com o número no canto, a pílula fica um pouco menor */
  .top .wrap{gap:4px}
  .nv-mb{width:38px;padding:10px 8px}
  .top nav a.nav-casa{padding:0 9px;font-size:var(--fs-min)}
  .sel-bt{width:44px;height:44px;padding:0;justify-content:center;flex:none}
  .sel-bt b{position:absolute;top:0;right:-3px;margin:0;min-width:19px;height:19px;padding:0 5px;line-height:19px;font-size:var(--fs-min);text-align:center;box-shadow:0 0 0 1.5px var(--ink)}
}
@media (max-width:359px){.top:not(.bt-fixo) .bt-abre{display:none}}   /* telas muito estreitas (320): a lupa sai para o logo caber; a busca segue em Produtos (no Menu) */
#marcas,#showroom{scroll-margin-top:64px}   /* as abas Marcas e Showroom levam à seção da home: o cabeçalho fixo não cobre o título */
/* home: "Como funciona" (um bloco por aba, as mesmas frases do menu) */
section.s.nv-cf{padding:44px 0 8px}
.nv-cf-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nv-cf-g a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 20px 18px;border-radius:18px;background:var(--soft);text-decoration:none;color:var(--ink);transition:transform .18s ease-out}
.nv-cf-g a:hover{transform:translateY(-2px)}.nv-cf-g a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.nv-cf-g svg{width:26px;height:26px;margin-bottom:6px}
.nv-cf-g b{font-size:17px;font-weight:500;letter-spacing:-.01em}
.nv-cf-g span{font-size:14px;line-height:1.45;color:var(--mut)}
.nv-cf-g em{font-style:normal;font-size:14px;font-weight:500;margin-top:auto;padding-top:6px}.nv-cf-g em:after{content:" ›"}
@media (max-width:980px){.nv-cf-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){section.s.nv-cf{padding:32px 0 0}.nv-cf-g{grid-template-columns:minmax(0,1fr);gap:10px}.nv-cf-g a{padding:16px 18px}}
@media (prefers-reduced-motion: reduce){.nv-p,.nv-p-sel{animation:none!important}.nv-cf-g a{transition:none}.nv-cf-g a:hover{transform:none}}
/* "Por ambiente" (aba Produtos, 27/10): duas colunas no painel do computador; no Menu do celular, a mesma lista em duas colunas sob a aba */
.nv-p.nv-p-amb{width:360px}
.nv-g{margin-top:8px;padding-top:10px;border-top:1px solid #f0f0f2}
.nv-gt{display:block;font:500 var(--fs-min)/1.3 Figtree,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.nv-g .nv-gl{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.top nav .nv-g a{opacity:1;display:flex;align-items:center;min-height:32px;font-size:var(--fs-2);color:var(--ink);white-space:nowrap}
.top nav .nv-g a:hover,.top nav .nv-g a:focus-visible{text-decoration:underline}
.nv-m li.nv-com{border-bottom:1px solid #f0f0f2}
.nv-m li.nv-com .nv-mi{border-bottom:0;padding-bottom:8px}
.nv-ma{padding:0 0 12px}
.nv-ma .nv-gl{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.nv-ma a{display:flex;align-items:center;min-height:40px;font-size:15px;color:var(--ink);text-decoration:none}
.nv-ma a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}
/* ===== fim da navegação explicada ===== */

/* Showroom: horário de fim de semana e avisos de evento (avisos-showroom.json) */
.show .fds{font-size:14px}
.show .aviso-show{font-size:15px;line-height:1.5;color:var(--tx,#1d1d1f);background:#fff;border-radius:14px;padding:12px 16px;margin:0 0 12px}

/* ===== Como comprar (tools/site_comprar.mjs) e dicas de primeira visita (site/dicas.js), 25/10/2026 ===== */
/* home: 2ª linha do bloco "Como funciona" (sem cartão, para não repetir as abas): 4 passos numerados */
section.s.cc-faixa{padding:28px 0 44px}
.cc-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cc-lk,.cc-mais a{font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)}.cc-lk:after{content:"\00a0›"}
.cc-lk{display:inline-flex;align-items:center;min-height:44px}.cc-lk:hover,.cc-mais a:hover{text-decoration:underline}
.cc-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 22px}
.cc-passos li{position:relative;display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--hair)}
.cc-passos svg{width:24px;height:24px;margin-bottom:6px}
.cc-n{position:absolute;top:16px;right:0;font-size:var(--fs-2);font-weight:500;color:var(--mut)}
.cc-passos b{font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.3;padding-right:18px}
.cc-d{font-size:14px;line-height:1.45;color:var(--mut)}
/* Monte sua casa vazia: os mesmos passos, compactos, num fundo suave */
.casa-comprar{background:var(--soft);border-radius:18px;padding:18px 20px 8px;margin:0 0 18px}
.casa-comprar .cc-passos{gap:10px 18px}.casa-comprar .cc-passos li{border-top:0;padding-top:0}.casa-comprar .cc-n{top:0}
.casa-comprar .casa-lk{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500}.casa-comprar .casa-lk:after{content:"\00a0›"}
.cc-mini svg{width:20px;height:20px;margin-bottom:2px}.cc-mini b{font-size:15px}.cc-mini .cc-d{font-size:var(--fs-2)}
/* página /como-comprar/ */
.cc-t{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px}
.cc-sub{font-size:19px;line-height:1.5;color:var(--mut);margin:0 0 36px;max-width:620px}
.cc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.cc-cta .btn{min-height:48px;display:inline-flex;align-items:center}
.cc-faq h2{margin:0 0 18px}.cc-q{max-width:760px}
.cc-q details{border-bottom:1px solid var(--hair)}
.cc-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-size:17px;font-weight:500;letter-spacing:-.01em}
.cc-q summary::-webkit-details-marker{display:none}
.cc-q summary:after{content:"";flex:none;width:9px;height:9px;border-right:1.6px solid var(--mut);border-bottom:1.6px solid var(--mut);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease-out}
.cc-q details[open] summary:after{transform:rotate(225deg) translateY(-1px)}
.cc-q summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}
.cc-q p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--mut);max-width:680px}.cc-q p a{color:var(--ink)}
.cc-mais{margin:28px 0 0;font-size:15px;color:var(--mut)}.cc-mais a{text-decoration:underline}
@media (max-width:980px){.cc-passos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){section.s.cc-faixa{padding:22px 0 32px}.cc-passos{grid-template-columns:minmax(0,1fr);gap:0}.cc-passos li{padding:14px 0 14px 40px}.cc-passos li svg{position:absolute;left:0;top:14px}.cc-n{top:14px}
  .casa-comprar{padding:14px 16px 4px}.casa-comprar .cc-passos li{padding:8px 0 8px 32px}.casa-comprar .cc-passos li svg{top:9px}.casa-comprar .cc-n{top:8px}.cc-mini .cc-d{display:none}
  .cc-sub{font-size:17px}.cc-cta .btn{flex:1 1 100%;justify-content:center}}
/* ambiente sem peça e Minha seleção vazia: o vazio que ensina */
.casa-amb-vazio{margin:2px 0 14px;font-size:14px;line-height:1.45;color:var(--mut)}
.sel-vazia{text-align:center;padding:30px 8px 18px}.sel-vazia b{display:block;font-size:17px;margin-bottom:6px}.sel-vazia p{margin:0 0 16px;color:var(--mut);font-size:15px;line-height:1.5}.sel-vazia .btn{min-height:44px}
/* dica de primeira visita: bolha pequena presa ao elemento (nunca janela: não cobre a tela nem prende o foco) */
.dica{position:absolute;z-index:95;display:flex;align-items:center;gap:6px 12px;max-width:min(320px,calc(100vw - 32px));padding:6px 6px 6px 16px;border-radius:14px;background:var(--ink);color:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:14px;line-height:1.4;opacity:0;transform:translateY(4px);transition:opacity .2s ease-out,transform .2s ease-out;cursor:pointer}
.dica.on{opacity:1;transform:none}.dica p{margin:0;padding:6px 0}
.dica-ok{flex:none;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#fff;font:500 14px Figtree,-apple-system,Arial,sans-serif;cursor:pointer}
.dica-ok:hover{background:rgba(255,255,255,.12)}.dica-ok:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.dica:after{content:"";position:absolute;left:var(--seta,24px);width:12px;height:12px;margin-left:-6px;background:var(--ink);transform:rotate(45deg)}
.dica-cima:after{bottom:-5px}.dica-baixo:after{top:-5px}
/* "Precisa de ajuda?" ao lado do botão do WhatsApp, uma vez */
.zapf-dica{position:absolute;right:66px;top:50%;white-space:nowrap;padding:9px 14px;border-radius:999px;background:#fff;color:var(--ink);font:500 14px Figtree,-apple-system,Arial,sans-serif;
  box-shadow:0 6px 20px rgba(0,0,0,.18);opacity:0;transform:translate(6px,-50%);transition:opacity .25s ease-out,transform .25s ease-out}
.zapf-dica.on{opacity:1;transform:translate(0,-50%)}
@media (prefers-reduced-motion: reduce){.dica,.zapf-dica,.cc-q summary:after{transition:none}.dica{transform:none}.zapf-dica{transform:translate(0,-50%)}}
/* guia do cliente "como no iOS" (site/guia.js, lib/guia-site.js): luz no elemento de verdade + bolha curta; no celular, folha de baixo (ou de cima) */
.guia-fundo{position:fixed;inset:0;z-index:300;background:rgba(17,17,19,.55)}   /* o furo da luz: clip-path (site/guia.js) */
.guia-luz{position:fixed;z-index:301;border-radius:14px;box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 0 7px rgba(255,255,255,.22);transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease}
.guia-luz.guia-luz0{display:none}
.guia-b{position:fixed;z-index:302;width:min(340px,calc(100vw - 32px));padding:16px 18px 12px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.28);opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}
.guia-b.on{opacity:1;transform:none}
.guia-b:after{content:"";position:absolute;left:var(--seta,24px);width:14px;height:14px;margin-left:-7px;background:#fff;transform:rotate(45deg)}
.guia-baixo:after{top:-6px}.guia-cima:after{bottom:-6px}.guia-centro:after,.guia-folha:after{display:none}
.guia-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.guia-pts{display:flex;align-items:center;gap:6px}.guia-pts i{width:6px;height:6px;border-radius:3px;background:var(--hair);transition:width .22s ease}.guia-pts i.on{width:18px;background:var(--ink)}
.guia-n{font-size:var(--fs-min);color:var(--mut)}
.guia-t{font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px}
.guia-d{font-size:14px;line-height:1.45;color:var(--mut);margin:0 0 4px}
.guia-nao{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--fs-2);color:var(--mut);cursor:pointer}.guia-nao input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.guia-ac{display:flex;align-items:center;gap:8px}.guia-esp{flex:1}
.guia-ac button{min-height:44px;padding:0 16px;border:0;border-radius:999px;font:500 14px Figtree,-apple-system,Arial,sans-serif;cursor:pointer}.guia-ac button[hidden]{display:none}
.guia-ac .guia-pular{padding:0 8px;margin-left:-8px;background:transparent;color:var(--mut)}.guia-voltar{background:var(--soft);color:var(--ink)}.guia-prox{background:var(--ink);color:#fff}
.guia-ac button:focus-visible,.guia-nao input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.guia-folha{left:0;right:0;bottom:0;width:auto;border-radius:20px 20px 0 0;padding:16px 16px calc(12px + env(safe-area-inset-bottom));transform:translateY(16px)}
.guia-folha.guia-topo{top:0;bottom:auto;border-radius:0 0 20px 20px;padding-top:calc(16px + env(safe-area-inset-top));transform:translateY(-16px)}
.guia-folha.on{transform:none}
body.guia-on .zapf-dica,body.guia-on .dica{display:none}
.guia-lk{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--mut);text-decoration:underline;text-underline-offset:3px}.guia-lk:hover{color:var(--ink)}
.cc-cta .cc-guia{margin-left:6px}
@media (prefers-reduced-motion: reduce){.guia-b,.guia-luz,.guia-pts i{transition:none}.guia-b,.guia-folha,.guia-folha.guia-topo{transform:none}}
/* ===== fim de Como comprar e dicas ===== */

/* Celular: o logo no tamanho do computador, sem espremer; "Monte sua casa" fica no menu e no topo da página (Jonas, 26/10) */
@media (max-width:420px){.top .lg{flex-shrink:0}.top .lg img{height:30px;width:auto}.top nav a.nav-casa{display:none}}

/* Monte sua casa: o ambiente em detalhe (site/ambiente.js) — folha grande; tela cheia no celular */
.casa-amb-det{white-space:nowrap}
@media (max-width:560px){.casa-amb-h{flex-wrap:wrap}.casa-amb-det{order:3;flex-basis:100%;text-align:left;padding-left:60px;margin-top:-6px}}   /* no celular, o "Ver detalhes" vai para a linha de baixo (o nome e o total não apertam) */
.cp-abre{color:inherit;text-decoration:none}.cp-abre::after{content:"";position:absolute;inset:0;border-radius:16px}.cp-abre:hover{text-decoration:underline;text-underline-offset:3px}.cp-abre:focus-visible{outline:none}.cp-abre:focus-visible::after{outline:2px solid var(--ink);outline-offset:2px}
.ad{position:fixed;inset:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:24px}.ad[hidden]{display:none}
.ad-fundo{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.ad-folha{position:relative;width:100%;max-width:1080px;height:100%;max-height:900px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:ad-entra .22s ease-out}
@keyframes ad-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.ad-on{overflow:hidden}
.ad-h{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.06);padding:22px 32px 16px}
.ad-x{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border:0;border-radius:999px;background:var(--soft);color:var(--ink);font-size:18px;cursor:pointer}
.ad-x:focus-visible,.ad-ft:focus-visible,.ad-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ad-h1{display:flex;align-items:center;gap:18px;padding-right:56px}
.ad-anel{position:relative;width:60px;height:60px;flex:none}.ad-anel .casa-anel{width:60px;height:60px}
.ad-anel b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2);font-weight:500;font-variant-numeric:tabular-nums}
.ad-tt{flex:1;min-width:0}.ad-tt .k2{font-size:var(--fs-min);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.ad-tt h2{margin:2px 0;font-size:30px;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.ad-tt h2:focus{outline:none}
.ad-st{font-size:14px;color:var(--mut)}
.ad-tot{text-align:right;flex:none}.ad-tot b{display:block;font-size:24px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ad-tot b.sob{font-size:17px;color:var(--mut);font-weight:500}
.ad-tot small{display:block;font-size:var(--fs-min);color:var(--mut)}
.ad-ac{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
.ad-ac .casa-ver{margin:0;flex:1 1 320px}.ad-pedir{margin-left:auto}
.ad-ac-fora{justify-content:space-between}.ad-ac-fora .ad-pedir{white-space:nowrap;text-align:center}   /* a folha sobre Produtos/marca/busca: "Abrir no Monte sua casa ›" e o pré-orçamento */
.ad-corpo{padding:4px 32px 40px}
.ad-sec{display:flex;align-items:baseline;gap:8px;margin:30px 0 12px;font-size:var(--fs-2);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.ad-sec small{font-size:var(--fs-2);letter-spacing:0;font-weight:500}
.ad-ps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ad-p{display:grid;grid-template-columns:240px minmax(0,1fr);gap:4px 28px;padding:20px;border-radius:22px;background:var(--soft)}
.ad-ft{grid-row:span 2;position:relative;width:240px;height:240px;border:0;padding:0;border-radius:16px;background:#fff;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}
.ad-ft[disabled]{cursor:default}.ad-ft img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ad-tx{min-width:0}.ad-rot{font-size:var(--fs-min);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.ad-mk{display:block;margin-top:8px;font-size:var(--fs-2);color:var(--mut)}
.ad-n{margin:2px 0 6px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.ad-var{margin:0 0 6px;font-size:14px;line-height:1.5}
.ad-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 2px}
.ad-pr{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}.ad-pr small{display:block;font-size:var(--fs-min);color:var(--mut)}.ad-pr b{font-size:18px;font-weight:500}.ad-pr b.sob{font-size:15px;font-weight:500;color:var(--mut)}
.ad-cx{margin:6px 0 0;font-size:14px;font-weight:500}.ad-cx small{font-weight:400;color:var(--mut)}.ad-cx.av{font-weight:400;font-size:var(--fs-2);color:var(--mut)}
.ad-ext{min-width:0}
.ad-fi,.ad-ins{margin-top:14px;padding-top:12px;border-top:1px solid #e3e3e8}
.ad-fi h5,.ad-ins h5{margin:0 0 6px;font-size:var(--fs-2);font-weight:500}
.ad-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0}
.ad-dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid #e8e8ed;font-size:var(--fs-2);line-height:1.4}
.ad-dl dt{color:var(--mut)}.ad-dl dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}
.ad-fi-m summary{display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:none}.ad-fi-m summary::-webkit-details-marker{display:none}
.ad-fi-c{margin:0;font-size:var(--fs-2);color:var(--mut)}
.ad-dest{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}.ad-dest li{font-size:var(--fs-min);padding:5px 10px;border-radius:999px;background:#fff}
.ad-d{margin:10px 0 0;font-size:var(--fs-2);line-height:1.55;color:var(--mut)}
.ad-3d{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:var(--fs-2);color:var(--ink);text-underline-offset:3px}
.ad-bt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.ad-bt .btn{padding:10px 20px;font-size:14px}
.ad-vazio{margin:26px 0 0;font-size:15px;color:var(--mut)}
.ad-vz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ad-sob{margin:14px 0 0;font-size:var(--fs-2)}
.ad-op{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ad-chip{min-height:44px;padding:0 16px;border:1px solid var(--hair);border-radius:999px;background:#fff;font:500 14px Figtree,Arial;color:var(--ink);cursor:pointer}.ad-chip:hover{border-color:var(--ink)}
.ad-nota{margin-top:32px;padding-top:20px;border-top:1px solid var(--hair)}
.ad-nota label{display:block;font-size:15px;font-weight:500;margin-bottom:8px}
.ad-nota textarea{display:block;width:100%;min-height:92px;resize:vertical;font:15px/1.5 Figtree,Arial;color:var(--ink);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;background:#fff}
.ad-nota textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.ad-nota small{display:block;margin-top:6px;font-size:var(--fs-min);color:var(--mut)}
.ad-zoom{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:56px 24px 24px;background:rgba(255,255,255,.98);cursor:zoom-out}.ad-zoom[hidden]{display:none}
.ad-zoom img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:760px){
  .ad{padding:0}.ad-folha{max-height:none;border-radius:0;box-shadow:none}
  .ad-h{position:relative;padding:12px 16px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.ad-x{position:fixed;top:8px;right:8px;background:rgba(245,245,247,.94);box-shadow:0 1px 6px rgba(0,0,0,.12)}   /* no celular o cabeçalho rola junto; o fechar fica sempre à mão */
  .ad-h1{flex-wrap:wrap;gap:4px 12px;padding-right:48px}.ad-anel,.ad-anel .casa-anel{width:48px;height:48px}.ad-anel b{font-size:var(--fs-min)}
  .ad-tt h2{font-size:22px}.ad-st{font-size:var(--fs-2)}
  .ad-tot{flex-basis:100%;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.ad-tot b{display:inline;font-size:19px}.ad-tot small{flex-basis:100%}
  .ad-ac{margin-top:10px;gap:8px}.ad-ac .casa-ver{flex-basis:100%}.ad-pedir{flex:1;margin:0;text-align:center}
  .ad-ac-fora .ad-pedir{order:-1;flex-basis:100%}
  .ad-corpo{padding:0 16px 32px}.ad-sec{margin:24px 0 10px}
  .ad-p{grid-template-columns:96px minmax(0,1fr);gap:4px 14px;padding:14px;border-radius:18px}
  .ad-ft{grid-row:auto;width:96px;height:96px;border-radius:12px}
  .ad-n{font-size:16px}.ad-mk{margin-top:4px}
  .ad-q{margin-top:10px}.ad-pr{margin-left:0;flex-basis:100%;text-align:left}
  .ad-ext{grid-column:1/-1}.ad-dl{grid-template-columns:minmax(0,1fr)}
  .ad-vz{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){.ad-folha{animation:none}}
/* ===== Laktim Design Store, Trilha e Laktim Café (25/10/2026; textos em tools/site_partes.mjs LOJA e EXPERIENCIA) ===== */
.top .lg-st{margin-left:10px;padding-left:10px;border-left:1px solid var(--hair);font-size:15px;font-weight:300;letter-spacing:.02em;color:var(--ink);line-height:22px;white-space:nowrap}
.top .lg{text-decoration:none;color:var(--ink)}
@media (max-width:420px){.top .lg-st{display:none}}
/* a trilha (26/10): "♪ Tocar aqui | Abrir no app" num controle segmentado + a nota dos cookies (site/trilha.js); começo da compra e bloco do fim */
.xp-tr{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;min-width:0}
.xp-pil{display:inline-flex;align-items:stretch;gap:2px;max-width:100%;padding:3px;border-radius:999px;background:var(--soft)}
.xp-b .xp-pil{background:#fff}
.xp-sb{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:500 var(--fs-2)/1 Figtree,-apple-system,"Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.xp-sb[data-trilha="tocar"]{background:var(--ink);color:#fff}
.xp-sb:hover{background:#e6e6eb}.xp-sb[data-trilha="tocar"]:hover{background:var(--preto)}
.xp-sb:focus-visible,.xp-pil:focus-visible,.xp-lk:focus-visible,.xp-ln a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.xp-tr .xp-nt{margin:0 0 0 6px;max-width:none;font-size:var(--fs-min);font-weight:400;line-height:1.45;color:var(--mut)}.xp-nt b{font-weight:500;color:var(--ink)}
.xp-b .xp-tr{margin-top:auto;padding-top:4px}
@media (pointer:coarse){.xp-sb{min-height:44px}}
.casa-topo .xp-tr{margin:0 0 22px}
.xp-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.xp-h h2{margin-right:auto}
/* os dois blocos do fim (Monte sua casa e Como comprar) */
.xp-fim{padding:64px 0}.xp-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xp-b{background:var(--soft);border-radius:22px;padding:30px 28px 24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.xp-b svg{width:26px;height:26px;margin-bottom:18px;color:var(--ink)}
.xp-b .k2{font-size:var(--fs-min);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.xp-b h3{margin:0 0 8px;font-size:clamp(21px,2.2vw,26px);font-weight:500;letter-spacing:-.015em;line-height:1.15}
.xp-b p{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--mut);max-width:420px}
.xp-lk{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none}.xp-lk:after{content:"\00a0›"}.xp-lk:hover{text-decoration:underline}
.cc-faq+.xp-fim{padding-top:20px}.casa-pg .xp-fim{padding:8px 0 0}
footer .rod-mx{margin:0 0 10px;color:#ddd}
/* home, Showroom: a linha do café */
.show .xp-ln{display:flex;align-items:flex-start;gap:10px;margin:-6px 0 18px;font-size:14px;line-height:1.6;color:var(--mut)}
.xp-ln svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--ink)}.xp-ln b{font-weight:500;color:var(--ink)}.xp-ln a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:10px 0;margin:-10px 0}
@media (max-width:760px){.xp-fim{padding:44px 0}.xp-g{grid-template-columns:minmax(0,1fr);gap:12px}.xp-b{padding:24px 22px 18px}}
/* Monte sua casa — filtros da vaga e famílias na janela de opções (26/10/2026, lib/vaga-filtros.js): uma linha por filtro, botões em
   pílula que rolam na horizontal (sem quebrar a página em 375 px); a família escolhe a medida/cor dentro do cartão */
.casa-vfs{margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.casa-vf{display:flex;align-items:center;gap:10px;min-width:0}
.casa-vft{flex:0 0 auto;width:74px;font-size:var(--fs-min);letter-spacing:.04em;color:var(--mut)}
.casa-vfl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;min-width:0;flex:1 1 auto}.casa-vfl::-webkit-scrollbar{display:none}
.casa-vfc{flex:0 0 auto;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);font:500 var(--fs-2)/1 Figtree,Arial,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.casa-vfc small{color:var(--mut);font-weight:400;margin-left:2px}
.casa-vfc:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.casa-vfc.on{background:var(--ink);color:#fff;box-shadow:none}
.casa-vfc:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.casa-vfm-w{display:flex;flex-direction:column;gap:10px}.casa-vfm-w[hidden]{display:none}
.casa-vfa{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:var(--fs-2)}.casa-vfa .casa-lk{font-size:var(--fs-2)}
.casa-vfn{color:var(--mut);margin-left:auto}
.casa-op-vx{padding:2px 0 8px}.casa-op-vx .vx{margin:0 0 6px}.casa-op-vx .vx-t{font-size:var(--fs-min);margin-bottom:6px}
.casa-op-vx .vx-o{gap:6px}.casa-op-vx .vx-b{min-height:32px;min-width:0;padding:4px 10px;font-size:var(--fs-min)}
@media (pointer:coarse){.casa-vfc{min-height:44px}.casa-op-vx .vx-b{min-height:44px}}
@media (max-width:600px){.casa-vft{width:auto;min-width:56px}.casa-vf{gap:8px}}
/* Trilha Laktim — o player do Spotify (26/10/2026, site/trilha.js): nasce só no clique em "Tocar aqui"; barra embaixo à esquerda
   (o WhatsApp fica à direita), acima da barra do Monte sua casa; "–" minimiza num ♪ (a música continua), "×" fecha. Nada se mexe. */
.trl{position:fixed;left:16px;bottom:16px;z-index:88;width:min(380px,calc(100vw - 112px));background:#fff;border-radius:16px;box-shadow:0 10px 32px rgba(0,0,0,.18);padding:4px 8px 8px}
.trl-h{display:flex;align-items:center;gap:4px;min-height:36px}
.trl-t{flex:1 1 auto;min-width:0;padding-left:6px;font-size:var(--fs-min);font-weight:500;letter-spacing:.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trl button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink);font:400 20px/1 Figtree,Arial,sans-serif;cursor:pointer}
.trl button:hover{background:var(--soft)}
.trl button:focus-visible,.trl-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.trl iframe{display:block;width:100%;height:152px;border:0;border-radius:12px;background:var(--soft)}
.trl-p{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:2px 4px 0}
.trl-app{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:var(--fs-2);font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.trl-app:hover{text-decoration-thickness:2px}.trl-app:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}
.trl-dica{display:block;font-size:var(--fs-min);line-height:1.4;color:var(--mut);padding:0 0 4px}.trl-dica[hidden]{display:none}
.trl.min{left:-10000px;bottom:auto;top:0;width:300px;opacity:0;pointer-events:none}
.trl-chip{position:fixed;left:16px;bottom:16px;z-index:88;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:#fff;font:400 20px/1 Figtree,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.trl-chip[hidden]{display:none}
body.casa-com-barra .trl,body.casa-com-barra .trl-chip,body.aov-on .trl,body.aov-on .trl-chip{bottom:88px}
@media (max-width:600px){.trl{left:12px;width:calc(100vw - 100px);padding:2px 6px 6px}.trl-chip{left:12px}}
/* a trilha no cabeçalho (26/10): o ícone oficial do Spotify (preto; verde oficial com o player aberto), 22 px de altura com a área de
   respiro do guia da marca (metade da altura = 11 px) dentro do botão; o toque abre o popover com "Tocar aqui | Abrir no app" (site/trilha.js).
   Nada se mexe (sem efeito de entrada): "reduzir movimento" não tem o que parar. Larguras do celular: tests/site-trilha-topo.test.js */
.trt{position:relative;flex:none;display:flex;align-items:center}
.trt-bt{display:flex;align-items:center;justify-content:center;width:46px;height:44px;padding:0;border:0;border-radius:12px;background:none;cursor:pointer}
.trt-bt img{display:block;width:auto;height:22px}
.trt-bt .trt-v,.trt-bt.on .trt-p{display:none}.trt-bt.on .trt-v{display:block}
.trt-bt:focus-visible,.xp-ql:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.trt-pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:300px;z-index:57;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05);padding:12px 12px 10px}
.trt-pop[hidden]{display:none}
.trt-pop .xp-tr{gap:8px}
/* Monte sua casa e Produtos: só um link discreto (o controle está no cabeçalho) */
.xp-q{margin:0}
.xp-ql{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--mut);font:400 var(--fs-2)/1.3 Figtree,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px;text-align:left}
.xp-ql:hover{color:var(--ink);text-decoration-color:currentColor}
.casa-topo .xp-q{margin:-10px 0 14px}
@media (max-width:760px){
  .trt{position:static}
  .trt-pop{left:auto;right:16px;top:100%;transform:none;width:min(320px,calc(100vw - 32px))}
}
/* o cabeçalho cabe sem espremer o logo em qualquer largura, já com o ícone da trilha (medido de 320 a 1440 px, com e sem o botão da conta):
   o logo não encolhe; até 1180 px os espaços apertam e a conta fica só no ícone; até o tablet a Minha seleção vira a sacola com o número
   (o nome continua para o leitor de tela); o "Store" sai onde não cabe; até 560 px vale o cabeçalho do celular (logo de 30 px, abas no Menu) */
.top .lg{flex-shrink:0}.top .lg img{width:auto}
@media (min-width:761px) and (max-width:1180px){.top .wrap{gap:16px}.top nav{gap:18px}}
@media (max-width:1180px){.conta-bt{padding:0;width:40px;justify-content:center}.conta-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:1180px){
  .sel-bt{width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .sel-i{display:inline-flex}.sel-l{display:none}
  .sel-c{display:inline;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sel-bt b{position:absolute;top:0;right:-3px;margin:0;min-width:19px;height:19px;padding:0 5px;line-height:19px;font-size:var(--fs-min);text-align:center;box-shadow:0 0 0 1.5px var(--ink)}
}
@media (max-width:640px),(min-width:761px) and (max-width:840px){.top .lg-st{display:none}}
@media (max-width:560px){.top nav{display:none}.top .lg img{height:30px}}   /* a nav fica vazia (Monte sua casa está no Menu): sai e não ocupa espaço */
@media (max-width:420px){.trt-bt{width:44px}}
@media (max-width:1000px){.top.bt-fixo .trt{margin-left:auto}.top.bt-fixo nav{margin-left:0}}   /* Produtos (busca na 2ª linha): os ícones continuam juntos à direita */
@media (max-width:374px){.top:not(.bt-fixo) .wrap:has(.conta-bt) .bt{display:none}}   /* com o botão da conta: a lupa sai antes, para o logo continuar com 30 px */
@media (max-width:359px){.top:not(.bt-fixo) .bt{display:none}.top .wrap{gap:3px}.trt-bt{width:40px}}
/* Tela grande (27/10/2026, "pode ter um respiro, mas tem espaços demais"): a partir de 1440 px o conteúdo usa a largura (até 1760 px, margem
   lateral fluida de 24 a 56 px; o cabeçalho segue as mesmas bordas porque usa o mesmo .wrap) e a grade de Produtos ganha colunas (3 em 1440,
   4 por volta de 1600, 5 em 1920, com o painel). O painel "Minha casa" vira a coluna da direita colada no conteúdo: o body reserva a coluna
   (padding-right) e o .wrap preenche o resto, sem faixa vazia entre a grade e o painel; acima de ~2120 px o conjunto (conteúdo + painel)
   fica centrado (--cp-m). Abaixo de 1440 px nada muda (aba recolhida). Título das páginas de lista: bloco menor (s-tit). */
section.s.s-tit{padding:clamp(32px,3.4vw,56px) 0 0}
.s-tit+section.s{padding-top:clamp(28px,2.6vw,44px)}
@media (min-width:1440px){
  .wrap{max-width:1760px;padding-left:clamp(24px,3vw,56px);padding-right:clamp(24px,3vw,56px)}
  body.cp-on .wrap{padding-left:clamp(24px,calc(5.6vw - 52px),56px);padding-right:clamp(24px,calc(5.6vw - 52px),56px)}   /* com o painel ao lado, a margem cresce mais devagar (1440: 29 px; 1920: 56 px) */
  body.cp-on{--cp-m:max(0px,calc((100vw - 2120px) / 2));padding-left:var(--cp-m);padding-right:calc(316px + var(--cp-m))}
  body.cp-on .cp{right:calc(16px + var(--cp-m))}
  .glay{grid-template-columns:272px minmax(0,1fr);gap:36px}
}
@media (min-width:1440px) and (max-width:1599px){body.cp-on .top .wrap{gap:16px}body.cp-on .top nav{gap:18px}}   /* com o painel, o cabeçalho tem ~1080 px: os espaços apertam como abaixo de 1180 e a busca não encolhe */
/* Comparar (lib/comparar.js + site/comparar-site.js): o ⇄ no cartão, na janela, na Minha seleção e nas opções da casa; a bandeja e a folha vêm da biblioteca */
.pd-cmp{position:absolute;top:8px;left:8px;z-index:2;width:44px;height:44px;padding:0;border:0;box-shadow:0 1px 4px rgba(0,0,0,.16)}
.pd-cmpw{margin-top:10px}.pd-cmpw .cmpx-t{width:100%;height:44px;font-size:14px}
.si .si-cmp{grid-column:2/-1;justify-self:start;height:32px;font-size:var(--fs-min)}
.casa-op{position:relative}.casa-cmp{position:absolute;top:12px;left:12px;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.16);border:0}
body.cmpx-com-b .tst-w{bottom:76px!important}
@media (max-width:760px){body.cmpx-com-b{padding-bottom:64px}}
/* ---------- Quadros ("tiles") da home e o símbolo IИИ (27/10/2026, tools/site_tiles.mjs) ----------
   Página branca; quadros cinza-claro (#f5f5f7) e quase pretos alternados; símbolo + título, uma linha, dois botões (cheio e contorno);
   a foto real "some" no fundo do quadro (mask-image). Produto recortado: multiply apaga o branco da foto no cinza. */
.simb{display:inline-block;flex:none;height:.7em;width:auto;aspect-ratio:1202/652;overflow:visible}
.tl{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:600px;background:var(--soft);color:var(--ink)}
.tl-escuro{background:var(--preto);color:#f5f5f7}
.tl-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px}
.tl-hero{min-height:clamp(620px,88vh,820px)}
/* Jonas 28/10/2026: a faixa de marcas fecha no pé da janela, em qualquer tela: capa = janela − topo (65 px) − faixa (--mq-h). Só no computador. */
@media (min-width:761px){.tl-hero{min-height:max(560px,calc(100vh - 65px - var(--mq-h,126px)))}
  @supports (height:100svh){.tl-hero{min-height:max(560px,calc(100svh - 65px - var(--mq-h,126px)))}}}
.tl-larga{margin:12px}
.tl-tx{position:relative;z-index:2;padding:60px 24px 0;max-width:760px}
.tl-t{display:block;margin:0;text-wrap:balance;font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.032em;line-height:1.06}
.tl-t .simb{height:.69em;margin-right:.26em;vertical-align:baseline}
.tl-hero .tl-tx{padding-top:clamp(56px,9vh,92px)}.tl-hero .tl-t{font-size:clamp(44px,5.4vw,72px)}
.tl-s{margin:10px auto 0;max-width:560px;font-size:clamp(17px,1.5vw,21px);font-weight:400;line-height:1.38;letter-spacing:-.01em;color:var(--mut)}
.tl-hero .tl-s{max-width:640px;font-size:clamp(18px,1.7vw,23px)}
.tl-escuro .tl-s{color:#a1a1a6}
.tl-bts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.tl-bt{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 22px;border-radius:999px;font:500 16px Figtree,Arial,sans-serif;letter-spacing:-.01em;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1.5px currentColor;background:transparent}
.tl-bt-c{background:var(--ink);color:#fff;box-shadow:none}
.tl-bt:hover{background:var(--ink);color:#fff}.tl-bt-c:hover{background:var(--preto)}
.tl-escuro .tl-bt{color:#f5f5f7}.tl-escuro .tl-bt-c{background:#f5f5f7;color:#1d1d1f}
.tl-escuro .tl-bt:hover{background:#f5f5f7;color:#1d1d1f}.tl-escuro .tl-bt-c:hover{background:#fff}
.tl-bt:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.tl-im{position:absolute;left:0;right:0;bottom:0;top:42%;z-index:1;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}
.tl-im img{width:100%;height:100%;object-fit:cover}
.tl-amb img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 42%);mask-image:linear-gradient(to bottom,transparent 0,#000 42%)}
.tl-hero .tl-im{top:36%}
/* a capa da home se desfaz em partículas ao rolar (site/particulas.js, 29/10): o canvas por cima da foto; a foto se apaga do alto até a frente dos pontos */
.pt-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%)}   /* 29/10 (Jonas, celular): os pontos que sobem somem num degradê, sem a linha do corte no alto da área */
.pt-pin{position:relative}.pt-st{position:sticky;z-index:1}   /* a capa (e a faixa de marcas) parada enquanto o efeito corre; o trilho .pt-pin é mais alto que ela */
/* Jonas 29/10: degradê da capa mais suave e mais longo — as árvores do fundo somem no preto, a foto parece sair dele (efeito 3D) */
.tl-hero .tl-amb img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 14%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.72) 46%,#000 64%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 14%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.72) 46%,#000 64%)}
.tl-prod{top:38%;align-items:flex-start;overflow:hidden;mix-blend-mode:multiply}
.tl-prod img{width:auto;max-width:88%;height:112%;object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,#000 52%,transparent 84%);mask-image:linear-gradient(to bottom,#000 52%,transparent 84%)}
.tl-prod.tl-topo img{height:165%;max-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 34%,transparent 58%);mask-image:linear-gradient(to bottom,#000 34%,transparent 58%)}
.tl-leg{position:absolute;right:16px;bottom:10px;z-index:3;margin:0;font-size:var(--fs-min);letter-spacing:.01em;color:rgba(255,255,255,.72);pointer-events:none}
.tl-claro .tl-leg{color:var(--mut)}.tl-marca .tl-amb ~ .tl-leg{color:rgba(255,255,255,.88);text-shadow:0 1px 3px rgba(0,0,0,.45)}
/* Marcas: alguns logos em cinza, como uma prateleira */
.tl-lgs{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 40px;max-width:560px;margin:64px auto 0;padding:0}
.tl-lgs img{width:100%;height:34px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.78;mix-blend-mode:multiply}
/* Trilha: o símbolo grande, apagado, saindo do pé do quadro */
.tl-trilha::after{content:"";position:absolute;left:50%;bottom:-12%;z-index:0;width:min(70%,560px);aspect-ratio:1202/652;transform:translateX(-50%);opacity:.16;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1202 652'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h70v652H0zM377 0h70v652h-70zM755 0h70v652h-70zM1132 0h70v652h-70z'/%3E%3Cpath fill-opacity='.47' d='M447 496L755 0v156L447 652zM825 496L1132 0v156L825 652z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 92%);mask-image:linear-gradient(to bottom,#000 10%,transparent 92%)}
.tl-k{margin:26px 0 0;font-size:var(--fs-min);letter-spacing:.2em;text-transform:uppercase;color:#a1a1a6}
.tl-nt{margin:14px auto 0;max-width:420px;font-size:var(--fs-min);line-height:1.5;color:#86868b}
/* sobretítulo com o símbolo (Categorias, Curadoria, Por que a Laktim) e os estilos na seção branca */
.k2-im{display:flex;align-items:center;gap:10px}.k2-im .simb{height:10px;color:var(--ink)}
.cats + .est-lk{margin-top:26px}.cats + .est-lk span{color:var(--mut);opacity:1}
.cats + .est-lk a{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--hair)}.cats + .est-lk a:hover{box-shadow:inset 0 0 0 1px var(--ink);background:#fff;color:var(--ink)}
/* página da marca: o mesmo quadro (capa de ambiente no escuro, foto de produto no claro) */
.tl-marca{min-height:clamp(480px,64vh,640px)}
.tl-marca .tl-t{font-size:clamp(30px,3.6vw,48px);max-width:820px}
.tl-marca .lgb{display:inline-block;background:#fff;border-radius:14px;padding:12px 18px;margin-bottom:22px}
.tl-marca .lgb img{height:34px;max-width:240px;object-fit:contain}.tl-marca .lgb span{color:var(--ink);font-weight:500;font-size:22px}
.tl-marca .tl-im{top:34%}
/* 29/10 (Jonas): a capa da marca é uma faixa baixa, para os produtos aparecerem já na primeira tela; a foto ocupa a faixa toda, escurecida
   à esquerda, onde ficam "← Início", o logo e a frase */
.tl.tl-marca{min-height:0;height:clamp(240px,34vh,330px);align-items:flex-start;text-align:left;justify-content:center}
.tl-marca .tl-tx{padding:0 clamp(20px,4vw,56px);max-width:640px;display:flex;flex-direction:column;align-items:flex-start}.tl-marca .mv-vt{order:-1}
.tl-marca .tl-t{font-size:clamp(22px,2.4vw,32px);max-width:560px}
.tl-marca .lgb{margin-bottom:14px;padding:9px 14px}.tl-marca .lgb img{height:28px}
.tl-marca .tl-im{top:0}
.tl-escuro.tl-marca .tl-amb img{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 70%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 70%)}
.tl-marca .tl-prod{top:0;left:auto;width:45%;align-items:center}.tl-marca .tl-prod img{height:92%;max-width:100%;-webkit-mask-image:none;mask-image:none}
.tl-marca .mv-vt{display:inline-block;margin-bottom:14px;font-size:14px;color:inherit;opacity:.8;text-decoration:none}.tl-marca .mv-vt:hover{opacity:1;text-decoration:underline}
#produtos{scroll-margin-top:80px}
@media (max-width:760px){.tl.tl-marca{height:auto;min-height:220px;padding:28px 0}.tl-marca .tl-prod{width:40%;opacity:.5}}
/* Monte sua casa: o símbolo antes do sobretítulo do topo */
.casa-hero .k{display:flex;align-items:center;gap:10px}
.casa-hero .k::before{content:"";flex:none;width:21px;height:11.4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1202 652'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h70v652H0zM377 0h70v652h-70zM755 0h70v652h-70zM1132 0h70v652h-70z'/%3E%3Cpath fill-opacity='.47' d='M447 496L755 0v156L447 652zM825 496L1132 0v156L825 652z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){
  .tl-g{grid-template-columns:1fr;margin:12px 0;gap:12px}.tl-larga{margin:12px 0}
  .tl{min-height:500px}.tl-hero{min-height:600px}
  .tl-tx{padding:44px 16px 0}.tl-hero .tl-tx{padding-top:48px}
  .tl-k{letter-spacing:.12em;font-size:var(--fs-min)}
  .tl-bts{gap:10px}.tl-bt{padding:0 20px;font-size:15px}
  .tl-im{top:46%}.tl-hero .tl-im{top:44%}.tl-prod{top:44%}
  .tl-lgs{gap:26px 22px;margin-top:44px;padding:0 8px}.tl-lgs img{height:26px}
}
/* Spotify do lado direito (27/10/2026, Jonas: "pode ficar do outro lado, deixa a logo mais limpa"): logo sozinho à esquerda;
   o ícone vai para junto da lupa, depois da Minha seleção; a janelinha abre alinhada à direita para não sair da tela */
.top .wrap>.trt{order:8;margin-left:4px}
.top .wrap>.trt .trt-pop{left:auto;right:-8px;transform:none}

/* ---------- Showroom da home (27/10/2026, tools/site_showroom.mjs) ----------
   As fotos que o Jonas escolheu, INTEIRAS (proporção do original, --a = largura/altura; nada cortado), num quadro de um lado e a legenda
   do outro, em cartões de tela cheia presos no topo (sticky) sobre o preto. Cada cartão novo aparece por cima do anterior num esmaecimento
   (o translate o segura no lugar), com a foto "assentando" (1,04 -> 1) e a legenda subindo. Com animation-timeline: view() a transição segue
   a rolagem; sem ela, site/showroom.js põe .sr-in (IntersectionObserver) e a transição dura 0,9 s. A abertura tem zoom lento de até 3%.
   Reduzir movimento: tudo parado, sem sticky. Celular: a foto inteira em cima, a legenda embaixo. */
.sr{position:relative;background:var(--preto);color:#f5f5f7;margin-top:12px}
.sr-seq{position:relative}
.sr-p{position:sticky;top:0;height:100vh;height:100svh;margin:0;overflow:hidden;background:var(--preto);view-timeline-name:--srp;box-sizing:border-box;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,96px);padding:88px max(clamp(24px,6vw,112px),calc((100% - 1480px) / 2)) 40px}   /* tela muito larga: o conjunto fica no centro, até 1480 px */
.sr-larga{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.sr-larga.sr-d{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}
.sr-par{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.sr-fr{--h:calc(100vh - 128px);width:min(100%,calc(var(--h) * var(--a)));aspect-ratio:var(--a);justify-self:end;overflow:hidden;border-radius:22px;background:#111}
@supports (height:100svh){.sr-fr{--h:calc(100svh - 128px)}}
.sr-fr img{display:block;width:100%;height:100%;object-fit:cover}
.sr-kb{display:contents}
.sr-kb img{transform-origin:50% 60%;animation:sr-kb 28s cubic-bezier(.45,.05,.55,.95) infinite alternate}
@keyframes sr-kb{from{transform:scale(1)}to{transform:scale(1.03)}}   /* zoom curto: nada importante sai do quadro (também usado em /a-laktim/) */
.sr-2{display:flex;gap:16px;width:100%}.sr-2 .sr-fr{width:min(calc(50% - 8px),calc(var(--h) * var(--a)))}
.sr-d .sr-fr,.sr-d .sr-2{order:2;justify-self:start}
.sr-c,.sr-ab{margin:0;max-width:540px;justify-self:start}.sr-d .sr-c,.sr-d .sr-ab{justify-self:end}
.sr-t{display:flex;align-items:baseline;gap:.2em;margin:0;font-size:clamp(48px,4.6vw,88px);white-space:nowrap;font-weight:500;letter-spacing:-.045em;line-height:1;color:#fff}
.sr-t .simb{height:.66em}
.sr-s{margin:20px 0 0;font-size:clamp(18px,1.8vw,26px);font-weight:400;line-height:1.38;letter-spacing:-.012em;color:#d2d2d7}
.sr-cf{margin:14px 0 0;font-size:clamp(14px,1.1vw,16px);line-height:1.5;color:#a1a1a6}   /* o café dentro da loja (Jonas, 27/10) */
.sr-c b{display:block;font-size:clamp(36px,4.2vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.04;color:#fff}
.sr-c span{display:block;margin-top:14px;font-size:clamp(17px,1.6vw,22px);line-height:1.42;letter-spacing:-.01em;color:#a1a1a6}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .sr-p:not(.sr-abre){animation:sr-entra linear both;animation-timeline:--srp;animation-range:entry 0% entry 100%}
    .sr-p:not(.sr-abre) .sr-fr img{animation:sr-assenta linear both;animation-timeline:--srp;animation-range:entry 0% entry 100%}
    .sr-c{animation:sr-leg linear both;animation-timeline:--srp;animation-range:entry 74% entry 100%}   /* a legenda nova só depois que o cartão cobriu o anterior */
    .sr-fx{animation:sr-leg linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
  }
}
@keyframes sr-entra{0%{opacity:0;transform:translateY(-100%)}70%{opacity:1}100%{opacity:1;transform:none}}   /* o cartão sobe, mas o translate o segura no lugar: fica só o esmaecimento (crossfade) */
@keyframes sr-assenta{from{transform:scale(1.04)}to{transform:scale(1)}}
@keyframes sr-leg{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
/* sem animation-timeline (site/showroom.js): o mesmo desenho, por tempo */
.sr-js .sr-p:not(.sr-abre){opacity:0;transition:opacity .9s cubic-bezier(.22,.61,.36,1)}
.sr-js .sr-p:not(.sr-abre) .sr-fr img{transform:scale(1.04);transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.sr-js .sr-c,.sr-js .sr-fx{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1) .25s,transform .8s cubic-bezier(.22,.61,.36,1) .25s}
.sr-js .sr-in,.sr-js .sr-in .sr-c,.sr-js .sr-in .sr-fx{opacity:1;transform:none}.sr-js .sr-p.sr-in .sr-fr img{transform:none}
/* o fim: visite, endereço, horário, café, avisos, os dois botões e a fachada */
.sr-fim{position:relative;z-index:2;background:var(--preto);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,104px);align-items:center;
  max-width:1320px;margin:0 auto;padding:clamp(80px,13vh,150px) clamp(20px,6vw,96px)}
.sr-k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:var(--fs-min);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#a1a1a6}.sr-k .simb{height:10px}
.sr-h{margin:0 0 26px;font-size:clamp(34px,4.2vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.04;color:#f5f5f7;text-wrap:balance}
.sr-end{margin:0 0 14px;font-size:17px;line-height:1.65;color:#d2d2d7}
.sr-hr{margin:0 0 18px;font-size:15px;line-height:1.6;color:#a1a1a6}.sr-hr b{font-weight:500;color:#f5f5f7}
.sr .xp-ln{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;font-size:14px;line-height:1.6;color:#a1a1a6}
.sr .xp-ln svg{width:20px;height:20px;margin-top:2px;color:#f5f5f7}.sr .xp-ln b,.sr .xp-ln a{color:#f5f5f7}
.sr .aviso-show{font-size:15px;line-height:1.5;color:#f5f5f7;background:#1d1d1f;border-radius:14px;padding:12px 16px;margin:0 0 12px}
.sr-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sr-bt{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:999px;font:500 16px Figtree,Arial,sans-serif;letter-spacing:-.01em;text-decoration:none;color:#f5f5f7;box-shadow:inset 0 0 0 1.5px currentColor}
.sr-bt-c{background:#f5f5f7;color:#1d1d1f;box-shadow:none}
.sr-bt:hover{background:#f5f5f7;color:#1d1d1f}.sr-bt-c:hover{background:#fff}
.sr-bt:focus-visible,.sr-ig a:focus-visible,.sr .xp-ln a:focus-visible{outline:2px solid #f5f5f7;outline-offset:3px}
.sr-ig{margin:22px 0 0}.sr-ig a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:#a1a1a6;text-decoration:none}.sr-ig a:hover span{color:#f5f5f7;text-decoration:underline;text-underline-offset:3px}
.ig-ic{width:18px;height:18px;flex:none}
.sr-fc{display:flex;justify-content:center}.sr-fc .sr-fr{--h:min(78vh,760px);justify-self:center}
footer .rod-ig{display:inline-flex;align-items:center;gap:6px}footer .rod-ig .ig-ic{width:16px;height:16px}
@media (max-width:760px){
  /* celular: a foto inteira em cima (a maior que cabe), a legenda embaixo, acima do "Precisa de ajuda?" e do WhatsApp */
  .sr-p,.sr-larga,.sr-par,.sr-larga.sr-d{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:22px;padding:72px 20px 92px}
  .sr-fr{--h:calc(100vh - 330px);width:auto;max-width:100%;height:min(var(--h),calc((100vw - 40px) / var(--a)));align-self:center}
  @supports (height:100svh){.sr-fr{--h:calc(100svh - 330px)}}
  .sr-2{justify-content:center;gap:10px}.sr-2 .sr-fr{width:calc(50% - 5px);height:auto}
  .sr-d .sr-fr,.sr-d .sr-2{order:0}
  .sr-abre .sr-fr{order:2}
  .sr-c,.sr-ab,.sr-d .sr-c,.sr-d .sr-ab{max-width:none}
  .sr-t{font-size:clamp(44px,13vw,56px)}.sr-s{margin-top:12px;font-size:17px}
  .sr-c b{font-size:clamp(30px,8.6vw,38px)}.sr-c span{margin-top:8px;font-size:16px}
  .sr-fim{grid-template-columns:1fr;padding:72px 20px 64px}
  .sr-fc .sr-fr{--h:70vh}
  .sr-bt{padding:0 20px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .sr-p{position:relative}
  .sr-kb img{animation:none}
}
/* ---------- A Laktim (/a-laktim/, tools/site_laktim.mjs; Jonas, 27/10/2026): abertura em preto (título, linha, botões e a foto inteira embaixo,
   esmaecendo no preto), seções cinza-claro e quase preto com o símbolo IИИ antes de cada título e a foto do showroom inteira (proporção do
   original em --a: nada cortado) sumindo no fundo; aparece ao rolar (site/a-laktim.js) ---------- */
.lkt{display:block;background:var(--preto)}   /* não .lk: esse nome já é o botão-link sublinhado (.lk, mais acima) */
.lk-hero{position:relative;overflow:hidden;background:var(--preto);color:#f5f5f7;text-align:center;padding-top:clamp(56px,10vh,112px)}
.lk-hx{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 24px}
.lk-t{display:block;margin:0;text-wrap:balance;font-weight:500;letter-spacing:-.04em;line-height:1.04}
.lk-t .simb{height:.68em;margin-right:.24em;vertical-align:baseline}
.lk-hero .lk-t{font-size:clamp(46px,7.2vw,112px);letter-spacing:-.048em;line-height:1;color:#fff}
.lk-sub{margin:16px 0 0;font-size:clamp(21px,2.4vw,34px);font-weight:500;letter-spacing:-.022em;line-height:1.2;color:#a1a1a6}
.lk-hf{max-width:1320px;margin:clamp(40px,6vh,72px) auto 0;padding:0 24px}   /* 28/10/2026 (Jonas: "retrô"): foto inteira, borda nítida, cantos arredondados — sem vinheta */
.lk-hf img,.lk-im img{display:block;width:100%;height:auto;aspect-ratio:var(--a,1.333);object-fit:cover}
.lk-hf img{border-radius:28px}
.lk-hf.lk-pe{max-width:min(900px,calc((100vh - 140px) * var(--pa,.75)))}   /* abertura com foto em pé ou quase quadrada (a fachada): centralizada, cabe na tela */
@supports (height:100svh){.lk-hf.lk-pe{max-width:min(900px,calc((100svh - 140px) * var(--pa,.75)))}}
.lk-bts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}
.lk-bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font:500 17px Figtree,Arial,sans-serif;letter-spacing:-.012em;text-decoration:none;color:#f5f5f7;box-shadow:inset 0 0 0 1.5px currentColor;background:transparent}
.lk-bt-c{background:#f5f5f7;color:#1d1d1f;box-shadow:none}
.lk-bt:hover{background:#f5f5f7;color:#1d1d1f}.lk-bt-c:hover{background:#fff}
.lk-bt:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.lk-claro .lk-bt{color:#1d1d1f}.lk-claro .lk-bt-c{background:#1d1d1f;color:#fff}
.lk-claro .lk-bt:hover{background:#1d1d1f;color:#fff}.lk-claro .lk-bt-c:hover{background:var(--preto)}
.lk-intro{background:var(--preto);color:#f5f5f7;padding:clamp(40px,8vh,96px) 24px clamp(96px,16vh,180px)}
.lk-intro p{max-width:1000px;margin:0 auto;text-align:center;text-wrap:balance;font-size:clamp(26px,3.5vw,52px);font-weight:500;letter-spacing:-.034em;line-height:1.14;color:#f5f5f7}
.lk-s{position:relative;overflow:hidden;padding:clamp(88px,14vh,160px) 0 clamp(48px,8vh,96px);text-align:center}
.lk-claro{background:#f5f5f7;color:#1d1d1f}.lk-escuro{background:var(--preto);color:#f5f5f7}
.lk-tx{max-width:860px;margin:0 auto;padding:0 24px}
.lk-s .lk-t{font-size:clamp(38px,5vw,76px)}
.lk-p{max-width:660px;margin:22px auto 0;font-size:clamp(19px,1.75vw,25px);font-weight:400;line-height:1.42;letter-spacing:-.014em;text-wrap:pretty}
.lk-claro .lk-p{color:#6e6e73}.lk-escuro .lk-p{color:#a1a1a6}
.lk-im{max-width:1240px;margin:clamp(40px,6vh,72px) auto 0;padding:0 24px}
.lk-im img{border-radius:24px}
/* lado: a foto em pé de um lado e o texto do outro (lk-d = foto à direita, lk-e = à esquerda) */
.lk-lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,112px);padding:clamp(72px,12vh,140px) max(24px,calc((100vw - 1240px)/2));text-align:left}
.lk-lado .lk-tx{margin:0;padding:0;max-width:580px}
.lk-lado .lk-p{margin-left:0}.lk-lado .lk-bts{justify-content:flex-start;margin-top:36px}
.lk-lado .lk-im{margin:0;padding:0;width:min(100%,calc(min(820px,86vh) * var(--a,.75)));max-width:none;justify-self:center}
.lk-lado .lk-im img{border-radius:24px}
.lk-e .lk-im{order:-1}.lk-e .lk-tx{justify-self:end}
/* sequência do café (28/10/2026, Jonas): as fotos do mesmo canto, do dia para a noite colorida, no mesmo quadro 3:4; a de cima esmaece com a rolagem
   (site/a-laktim.js põe a opacidade). Sem JS ou com "reduzir movimento": só a primeira. */
.lk-seq{position:relative;overflow:hidden;border-radius:24px}.lk-seq img{aspect-ratio:.75!important;object-fit:cover;border-radius:0!important}
.lk-seq .lk-sq{position:absolute;inset:0;width:100%;height:100%;opacity:0;will-change:opacity}
@media (max-width:760px){.lk-seq{border-radius:18px}}
/* aparecer ao rolar (site/a-laktim.js põe .lk-js; sem ele, tudo visível) */
.lk-js .lk-rv{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
.lk-js .lk-im.lk-rv{transform:translateY(24px) scale(.97);transition-delay:.12s}
.lk-js .lk-rv.lk-in{opacity:1;transform:none}
@media (max-width:900px){
  .lk-lado{grid-template-columns:1fr;text-align:center;padding:clamp(72px,12vh,120px) 0 40px}
  .lk-lado .lk-tx{margin:0 auto;padding:0 24px;justify-self:center}.lk-lado .lk-p{margin-left:auto}.lk-lado .lk-bts{justify-content:center}
  .lk-lado .lk-im{order:0;width:min(100% - 32px,calc(70vh * var(--a,.75)));margin:32px auto 0}
}
@media (max-width:760px){
  .lk-hero{padding-top:48px}.lk-hx{padding:0 16px}.lk-hf{margin-top:32px;padding:0 16px}
  .lk-hf img,.lk-im img,.lk-lado .lk-im img{border-radius:18px}
  .lk-tx,.lk-lado .lk-tx{padding:0 16px}
  .lk-bts{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}
  .lk-lado .lk-bts{margin-left:auto;margin-right:auto}
  .lk-im{padding:0 16px}
  .lk-intro{padding:32px 16px 88px}
}
/* o símbolo IИИ se monta quando o título aparece (Jonas 28/10/2026): as quatro ripas sobem do chão, depois entram as diagonais do И;
   no topo, ao abrir a página. Só com JS (.lk-js) e sem "reduzir movimento" (regra abaixo). */
.lk-js .lk-t .simb path{transform-box:fill-box;transform-origin:50% 100%}
.lk-js .lk-rv .lk-t .simb path:first-child,.lk-js .lk-hero .lk-t .simb path:first-child{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) .25s}
.lk-js .lk-rv .lk-t .simb path+path,.lk-js .lk-hero .lk-t .simb path+path{opacity:0;transition:opacity .6s ease 1s}
.lk-js .lk-rv.lk-in .lk-t .simb path:first-child,.lk-js.lk-ok .lk-hero .lk-t .simb path:first-child{transform:none}
.lk-js .lk-rv.lk-in .lk-t .simb path+path,.lk-js.lk-ok .lk-hero .lk-t .simb path+path{opacity:1}
@media (prefers-reduced-motion:reduce){.lk-js .lk-t .simb path{transform:none!important;opacity:1!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){.lk-js .lk-rv{opacity:1;transform:none;transition:none}}
/* rolagem da Laktim (site/a-laktim.js, 28/10/2026): o quadro corta o zoom lento da foto; .lk-rp abre a foto em ripas verticais de 56 px,
   como a fachada (--rp 0 -> 1 com a rolagem: cada ripa cresce da esquerda até fechar a foto inteira) */
.lk-zm{overflow:hidden;will-change:transform;transform-origin:50% 0}.lk-zm img{border-radius:0!important;will-change:transform;transform-origin:50% 50%}
/* a mesma assinatura na página inicial (site/ripas.js): .rp nas fotos dos quadros (.tl-im) e do Showroom (.sr-fr); .simb-a/.simb-in no símbolo */
.rp-js .rp{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(var(--rp,1) * 56px),transparent calc(var(--rp,1) * 56px),transparent 56px);mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(var(--rp,1) * 56px),transparent calc(var(--rp,1) * 56px),transparent 56px)}
.rp-js .simb-a path{transform-box:fill-box;transform-origin:50% 100%}
.rp-js .simb-a path:first-child{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) .15s}.rp-js .simb-a path+path{opacity:0;transition:opacity .6s ease .9s}
.rp-js .simb-a.simb-in path:first-child{transform:none}.rp-js .simb-a.simb-in path+path{opacity:1}
@media (prefers-reduced-motion:reduce){.rp-js .rp{-webkit-mask-image:none;mask-image:none}.rp-js .simb-a path{transform:none!important;opacity:1!important}}
.lk-rp{--rp:1;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(var(--rp) * 56px),transparent calc(var(--rp) * 56px),transparent 56px);mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(var(--rp) * 56px),transparent calc(var(--rp) * 56px),transparent 56px)}
/* Faixa de logos da curadoria na home (tools/site_tiles.mjs faixaMarcas, Jonas 27/10/2026): uma fileira contínua, em cinza, logo abaixo do
   Monte sua casa. A lista vai duas vezes (a cópia com aria-hidden) e a faixa anda -50%: o fim encontra o começo sem salto. ~1,5 s por marca
   (59 marcas ≈ 90 s por volta, ~110 px/s: dá para ler cada logo). Para no hover e no foco; com prefers-reduced-motion fica parada e rola. */
.mq{background:#fff;padding:40px 0;overflow:hidden;box-sizing:border-box;height:var(--mq-h,126px)}.mq-l{height:46px}   /* altura fixa: a capa da home desconta exatamente isto */
.mq-v{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%)}
.mq-f{display:flex;width:max-content;animation:mq-anda calc(var(--mq-n,40) * 2.6s) linear infinite}   /* Jonas 27/10: mais lento */
.mq-v:hover .mq-f,.mq-v:focus-within .mq-f{animation-play-state:paused}
/* 29/10 (Jonas): com JS a faixa pode ser empurrada para os lados (site/faixa.js); o andar passa a ser dela */
.mq-v.mq-js .mq-f{animation:none;will-change:transform}.mq-v.mq-js{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mq-v.mq-ar{cursor:grabbing}.mq-v.mq-js img{-webkit-user-drag:none}
.mq-l{display:flex;align-items:center;gap:104px;margin:0;padding:0 104px 0 0;list-style:none}
.mq-l li{flex:none}
.mq-l a{display:flex;align-items:center;min-height:44px;border-radius:6px}
.mq-l a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.mq-l img{display:block;height:var(--mq-a,32px);width:auto;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.55;mix-blend-mode:multiply;transition:filter .3s ease,opacity .3s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
.mq-l a:hover img,.mq-l a:focus-visible img{filter:none;opacity:1;transform:scale(1.14)}   /* 29/10 Jonas: leve zoom no logo */
@keyframes mq-anda{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq-l img.q{--mq-a:46px}   /* logo quase quadrado (largura < 1,8 × altura): mais alto, para pesar como os largos */
@media (max-width:760px){.mq{padding:28px 0;height:auto}.mq-l{gap:64px;padding-right:64px}.mq-l img{--mq-a:24px;max-width:112px}.mq-l img.q{--mq-a:34px}
  .mq-v{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}}
@media (prefers-reduced-motion: reduce){
  .mq-f{animation:none}.mq-c{display:none}
  .mq-v{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .mq-l{padding:0 24px}.mq-l li{scroll-snap-align:start}.mq-l img{transition:none}
}
/* Marcas da home (27/10/2026, Jonas: "meio pobre… fica espaço vazio"): grade contínua A–Z (sem linha de letra meio vazia), 4 colunas no
   computador, 5 na tela grande, 2 no celular; a letra vira um selo no 1º cartão de cada letra (o índice lateral rola até ele). Cartões iguais:
   capa 4:3 (ambiente, ou o produto no cinza-claro com multiply), logo na pílula branca, conceito em até 2 linhas; hover: sobe 2 px e a foto
   cresce 3%. Fileira de destaque (.mdest): 3 cartões grandes, fora do filtro. */
.marcas{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mc{position:relative;display:flex;flex-direction:column;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.04);transition:transform .3s ease;scroll-margin-top:var(--mi-topo,76px)}
.mc:hover,.mc:focus-visible{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.06),0 14px 32px rgba(0,0,0,.09)}
.mc:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.mc .cp{height:auto;aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.mc .cp-im{transition:transform .5s ease}
.mc:hover .cp-im,.mc:focus-visible .cp-im{transform:scale(1.03)}
.mc .cp.prod{padding:0}.mc .cp.prod .cp-im{padding:22px 22px 52px;mix-blend-mode:multiply}
.mc .lgm{left:12px;bottom:12px;border-radius:999px;padding:7px 14px;box-shadow:0 1px 3px rgba(0,0,0,.08);max-width:calc(100% - 24px)}
.mc .lgm img{height:20px;max-width:130px;display:block}
.mc .tx{flex:1;padding:12px 16px 0;border-bottom:16px solid transparent;font-size:var(--fs-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.4em + 28px);box-sizing:border-box}   /* borda, não padding: a 3ª linha cortada não aparece no respiro */
.mc .lgm img.q{height:30px}   /* logo quase quadrado: mais alto, para pesar como os largos */
.mc-ini::before{content:attr(data-mil);position:absolute;top:10px;left:10px;z-index:2;min-width:26px;height:26px;padding:0 7px;box-sizing:border-box;border-radius:999px;background:rgba(29,29,31,.82);color:#fff;font:500 var(--fs-min)/26px Figtree,Arial,sans-serif;text-align:center;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mdest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 34px}
.mdest .mc .cp{aspect-ratio:3/2}
.mdest .mc .lgm{left:16px;bottom:16px;padding:9px 16px}.mdest .mc .lgm img{height:26px;max-width:170px}
.mdest .mc .tx{font-size:14px;padding:14px 18px 0;border-bottom-width:18px}.mdest .mc .lgm img.q{height:38px}
#marcas .mt{margin-bottom:22px}
@media (min-width:1680px){#marcas .wrap{max-width:1480px}.marcas{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.marcas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.marcas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mc{border-radius:14px}
  .mc .tx{font-size:var(--fs-min);padding:10px 12px 0;border-bottom-width:12px;min-height:calc(2 * 1.4em + 22px)}.mc .lgm img.q{height:24px}.mc .lgm{left:8px;bottom:8px;padding:5px 10px}.mc .lgm img{height:16px;max-width:96px}
  .mc .cp.prod .cp-im{padding:14px 14px 40px}
  .mdest{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:22px -30px 26px -22px;padding:0 30px 4px 22px;scrollbar-width:none}
  .mdest .mc{scroll-snap-align:start}}
@media (prefers-reduced-motion: reduce){.mc,.mc .cp-im{transition:none}.mc:hover,.mc:focus-visible{transform:none}.mc:hover .cp-im,.mc:focus-visible .cp-im{transform:none}}

/* ---------- Leitura (27/10/2026, Jonas: "muito texto no site ... para quem não tem paciência e não consegue ler letras tão pequenas") ----------
   Uma escala só, em variáveis: --fs-min 13px (o menor do site: rodapé legal, selos, rótulos de ícone), --fs-2 14px (texto secundário e legendas),
   --fs-bt 16px (botões), --fs-p 17px (parágrafo; 16px no celular). As medidas menores do arquivo já apontam para --fs-min/--fs-2.
   Linha de 1,5 e até ~70 caracteres nos parágrafos. Cinza de texto mais escuro (--mut #636366: 5,5:1 sobre o #f5f5f7, 6:1 sobre o branco).
   Celular (até 760px): só o essencial à vista; as linhas de apoio somem ou ficam no "Saiba mais" (docs/textos-enxutos-2026-10-27.md). */
:root{--fs-min:13px;--fs-2:14px;--fs-bt:16px;--fs-p:17px;--mut:#636366}
@media (max-width:760px){:root{--fs-p:16px}}
body{line-height:1.45}
/* parágrafos */
.porque span,.ben li,.hist p,.cc-q p,.sel-vazia p,.casa-topo p{font-size:var(--fs-p);line-height:1.5;max-width:70ch}
.leg p,.leg li{font-size:var(--fs-p)}.leg h3{font-size:19px}
.casa-topo p{font-weight:400}
.porque b{font-size:18px}
.porque span{display:block}
/* botões */
.btn,.tl-bt,.sr-bt,.xp-sb,.sel-bt,.cc-cta .btn,.casa-barra-bt{font-size:var(--fs-bt)}
/* cartões de produto: nome e preço um pouco maiores */
.pd .nm{font-size:15px}.pd .pr b{font-size:16px}
/* cinza claro que sobrava em fundo claro */
.esp-cam span{color:var(--mut)}
.ck p{color:var(--ink)}
/* história da marca recolhida no "Saiba mais" */
details.hist{border-left:0;padding-left:0;margin:0 0 18px}
details.hist summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-size:var(--fs-bt);font-weight:500;color:var(--ink);list-style:none}
details.hist summary::-webkit-details-marker{display:none}
details.hist summary:after{content:"›";font-size:20px;line-height:1;transition:transform .2s}
details.hist[open] summary:after{transform:rotate(90deg)}
details.hist p{margin:4px 0 0;color:var(--mut);border-left:2px solid var(--hair);padding-left:16px}
/* confiança da home: o título no lugar do sobretítulo */
.confia-home .confia-t{margin-bottom:26px}
/* listas que vêm prontas das bibliotecas (lib/*.js css()): o mesmo piso de 13/14px; "html body" vence o estilo injetado depois */
html body .bnf-a{font-size:var(--fs-2)}html body .bnf-s{font-size:var(--fs-min)}
#modProd .pdm .mk[style]{font-size:var(--fs-min)!important}
html body #bpCard .bp-m,html body #bpCard .bp-d,html body #bpCard .bp-sem{font-size:var(--fs-min)}
html body #bpCard .bp-s,html body #bpCard .bp-p{font-size:var(--fs-2)}
html body .cmpx-bt span,html body .cmpx-fa,html body .cmpx-mk,html body .cmpx-fan,html body .cmpx-cod,html body .cmpx-gr,html body .cmpx-v small,html body .cmpx-chip,html body .cmpx-proj span,html body .cmpx-nota{font-size:var(--fs-min)}
html body .cmpx-t,html body .cmpx-h p,html body .cmpx-dif,html body .cmpx-b2,html body .cmpx-sf,html body .cmpx-l,html body .cmpx-ver{font-size:var(--fs-2)}
html body .rl-anc-bt small,html body .rl-tr button,html body .rl-v small,html body .rl-sua,html body .rl-m,html body .rl-pr,html body .rl-aviso span,html body .rl-mais small{font-size:var(--fs-min)}
html body .rl-anc,html body .rl-vt,html body .rl-v,html body .rl-n,html body .rl-aviso{font-size:var(--fs-2)}
/* faixa de tipos (ícone + nome) e A–Z: a letra maior não pode cortar palavra longa ("Eletrodomésticos") */
.ffx-b{width:auto;min-width:84px;max-width:128px}
/* celular: menos texto à vista */
@media (max-width:760px){
  .tl-k,.cc-faixa .cc-d,.confia-faixa,.rod-mx,.mdest .mc .tx,.esp-cam span,.xp-q{display:none}
  html body .bnf-s{display:none}
  .ben li:nth-child(n+4){display:none}
  .confia .cf-x{display:none}
}
/* ---------- fim: Leitura ---------- */
/* 29/10 (Jonas): o logo do topo se monta em ripas que descem (site/nav.js .lg-rp) */
.top .lg{position:relative}
.lg-rp{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none}
.lg-rp i{position:absolute;overflow:hidden}
.lg-rp b{display:block;width:100%;height:100%;background-repeat:no-repeat;animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}
@keyframes lgDesce{from{transform:translateY(-105%)}to{transform:none}}
@keyframes lgSobe{from{transform:translateY(105%)}to{transform:none}}
@keyframes lgAparece{from{opacity:0;transform:translateY(25%)}to{opacity:1;transform:none}}
/* 29/10 (Jonas, referência do botão com brilho): uma sombra bem leve atrás dos ícones do topo, girando devagar em volta.
   A sombra é um ::after desfocado que só se move (transform): o navegador não redesenha a sombra a cada quadro */
.trt-bt,.top form.bt .bt-abre{position:relative;border-radius:999px}
.sel-bt::after,.trt-bt::after,.top form.bt .bt-abre::after{content:"";position:absolute;inset:6px;border-radius:999px;background:rgba(0,0,0,.30);filter:blur(10px);z-index:-1;pointer-events:none;animation:icSombra 7s ease-in-out infinite;will-change:transform}
.trt-bt::after{animation-delay:-2.3s}.top form.bt .bt-abre::after{animation-delay:-4.6s}
@keyframes icSombra{0%,100%{transform:translate(0,6px)}25%{transform:translate(6px,1px)}50%{transform:translate(0,-3px)}75%{transform:translate(-6px,1px)}}
@media (prefers-reduced-motion:reduce){.sel-bt::after,.trt-bt::after,.top form.bt .bt-abre::after{animation:none}}
/* Arquitetos (/arquitetos/, tools/site_arquitetos.mjs, 29/10) */
.arq-topo{min-height:clamp(420px,58vh,560px);justify-content:center}
.arq-b{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.arq-b li{border-top:1px solid var(--hair);padding-top:14px}.arq-b b{display:block;font-size:17px;margin-bottom:6px}.arq-b span{color:var(--mut);font-size:15px;line-height:1.5}
.arq-pf{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.arq-pf h2{margin-bottom:10px}.arq-pf p{color:var(--mut);max-width:560px;margin:0}
/* 29/10 (Jonas): ordem do topo — menu, Spotify, Curio, busca e por último a sacola (no celular a sacola fica antes do botão Menu, como era) */
@media (min-width:761px){.top .sel-bt{order:10}}
/* escolha da playlist no cabeçalho (29/10): duas pílulas, a escolhida cheia */
.trt-esc{display:flex;gap:6px;margin:0 0 10px}
.trt-esc button{flex:1;min-height:36px;padding:0 12px;border:1px solid var(--hair);border-radius:999px;background:#fff;color:var(--ink);font:500 var(--fs-2) Figtree,Arial;cursor:pointer;white-space:nowrap}
.trt-esc button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.trt-esc button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* capas das playlists no quadro Music (29/10, no desenho do topo da playlist no Spotify): capa à esquerda, "Playlist", nome grande, Laktim Design.
   Passar o mouse: o cartão sobe, a capa cresce e o selo do Spotify entra pulando (só transform/opacity) — mostra que o clique abre o Spotify */
.tl-pls{position:relative;z-index:2;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:16px;margin:30px auto 0;padding:0 16px}
.tl-pls a{position:relative;display:flex;align-items:center;gap:16px;padding:12px;border-radius:14px;background:#222;color:#f5f5f7;text-decoration:none;text-align:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.tl-pls a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));opacity:0;transition:opacity .3s ease;pointer-events:none}
.tl-pls a:hover,.tl-pls a:focus-visible{transform:translateY(-4px)}
.tl-pls a:hover::before,.tl-pls a:focus-visible::before{opacity:1}
.tl-pls img{flex:none;width:96px;height:96px;border-radius:6px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.tl-pls a:hover img,.tl-pls a:focus-visible img{transform:scale(1.05)}
.pl-sp{position:absolute;left:84px;top:78px;width:34px;height:34px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px) scale(.6);transition:opacity .25s ease,transform .45s cubic-bezier(.3,1.6,.5,1);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.pl-sp img{width:22px;height:22px;box-shadow:none;border-radius:0;transition:none}
.tl-pls a:hover .pl-sp,.tl-pls a:focus-visible .pl-sp{opacity:1;transform:none}
.tl-pls a:hover .pl-sp img,.tl-pls a:focus-visible .pl-sp img{transform:none}
@media (hover:none){.pl-sp{opacity:1;transform:none}}   /* tablet e celular: o selo fica sempre à vista (não existe "passar o mouse") */
.pl-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.pl-tx small{font-size:12px;font-weight:500;color:#d2d2d7}
.pl-tx b{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.pl-tx em{font-style:normal;font-size:12px;color:#a1a1a6}
.tl-pls a:focus-visible{outline:2px solid #f5f5f7;outline-offset:3px}
@media (max-width:1180px){.tl-pls{grid-template-columns:minmax(0,340px)}}   /* tablet: o quadro é meia tela, os dois cartões um embaixo do outro */
@media (max-width:760px){.tl-pls{grid-template-columns:minmax(0,340px)}.tl-pls img{width:76px;height:76px}.pl-sp{left:66px;top:62px}}
@media (prefers-reduced-motion:reduce){.tl-pls a,.tl-pls img,.pl-sp{transition:none}}
/* nota do Google no bloco de confiança da home (29/10) */
.confia-g{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:-6px auto 26px;padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink);text-decoration:none;font-size:var(--fs-2)}
.confia-home .confia-g{margin:-8px 0 28px}   /* 29/10: tudo alinhado à esquerda, como as outras seções (título, selo do Google e itens na mesma margem) */
.confia-g-n{font-size:18px;font-weight:600}.confia-g-e{color:#f5a623;letter-spacing:1px}
.confia-g:hover{box-shadow:inset 0 0 0 1px var(--ink)}
/* a frase embaixo do logo das partículas (site/particulas.js, 29/10): fina, espaçada, cinza-claro; aparece junto com o logo nítido */
.pt-tag{position:absolute;left:0;right:0;margin:0;text-align:center;font:300 clamp(11px,1.05vw,14px)/1.4 Montserrat,Figtree,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#a1a1a6;opacity:0;pointer-events:none;will-change:opacity,transform}
@media (max-width:760px){.pt-tag{letter-spacing:.12em;font-size:10px;padding:0 12px;text-wrap:balance}}
/* 29/10 (Jonas: "a logo no centro da foto" — cartões das marcas): o logo no meio da capa, um pouco maior, numa pílula clara e translúcida;
   ao passar o mouse a foto cresce devagar e a pílula sobe um pouco (só transform) */
.mc .lgm,.mdest .mc .lgm{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);padding:10px 20px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.14);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mc .lgm img{height:26px;max-width:160px}.mc .lgm img.q{height:38px}
.mdest .mc .lgm{padding:12px 24px}.mdest .mc .lgm img{height:32px;max-width:200px}.mdest .mc .lgm img.q{height:44px}
@media (max-width:760px){.mc .lgm,.mdest .mc .lgm{left:50%;bottom:auto;padding:7px 14px}.mc .lgm img{height:18px;max-width:110px}.mc .lgm img.q{height:26px}}
.mc:hover .lgm,.mc:focus-visible .lgm{transform:translate(-50%,calc(-50% - 4px))}
@media (prefers-reduced-motion:reduce){.mc .lgm{transition:none}.mc:hover .lgm,.mc:focus-visible .lgm{transform:translate(-50%,-50%)}}
/* "laktim design store" na capa (29/10): a fonte do "design" do logo (Montserrat), fina e espaçada, como extensão da marca */
.tl-k.tl-loja{font-family:Montserrat,Figtree,Arial,sans-serif;font-weight:300;text-transform:none;letter-spacing:.28em;font-size:clamp(13px,1.1vw,15px);color:#d2d2d7}
/* Escolhidos da Laktim (lib/destaques-site.js, 29/10): os produtos em destaque na home, em fila que rola para o lado, foto grande em fundo claro */
.dst{padding-top:56px}
.dst-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.dst-h h2{margin:0}
.dst-todos{font-size:var(--fs-2);color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.dst-l{list-style:none;margin:0;padding:0 0 8px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.dst-l li{scroll-snap-align:start}
.dst-c{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.dst-f{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;background:var(--soft);overflow:hidden;margin-bottom:10px}
.dst-f img{position:absolute;inset:0;margin:auto;max-width:82%;max-height:82%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.dst-c:hover .dst-f img,.dst-c:focus-visible .dst-f img{transform:scale(1.05)}
.dst-c:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:18px}
.dst-m{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.dst-n{font-size:15px;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dst-v{font-size:var(--fs-2);color:var(--mut)}
@media (max-width:760px){.dst-l{grid-auto-columns:46vw;gap:12px}}
@media (prefers-reduced-motion:reduce){.dst-f img{transition:none}}
/* 29/10 (Jonas: "explicativo ao passar o mouse em cada ícone"): a dica aparece logo abaixo do ícone do topo (só com mouse; leitor de tela usa o aria-label) */
.top .cu-top{position:relative}
@media (hover:hover) and (pointer:fine){
  .top [data-dica]::before{content:attr(data-dica);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);z-index:60;padding:7px 11px;border-radius:9px;background:var(--ink);color:#fff;font:500 12px/1.3 Figtree,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
  .top [data-dica]:hover::before,.top [data-dica]:focus-visible::before{opacity:1;transform:translate(-50%,0)}
  .top [aria-expanded="true"][data-dica]::before{opacity:0}
}
/* 29/10 (Jonas: "não podemos perder o clique"): as fotos dos quadros levam ao mesmo lugar do 1º botão; os logos do quadro Marcas levam aos produtos */
.tl-im.tl-lk{pointer-events:auto;cursor:pointer}
.tl-im.tl-lk img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tl:hover .tl-im.tl-lk img{transform:scale(1.025)}
.tl-lgs a{display:block;border-radius:6px}
.tl-lgs img{transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.tl-lgs a:hover img,.tl-lgs a:focus-visible img{transform:scale(1.12);opacity:1}
.tl-lgs a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media (prefers-reduced-motion:reduce){.tl-im.tl-lk img,.tl-lgs img{transition:none}.tl:hover .tl-im.tl-lk img{transform:none}}
/* Mais opções parecidas no fim da lista curta (site/site.js pintaParecidos, 29/10) */
.parec{margin:46px 0 0;padding-top:30px;border-top:1px solid var(--hair)}.parec h2{margin:0 0 20px;font-size:clamp(22px,2.4vw,30px)}
.parec[hidden]{display:none}
/* 29/10 (Jonas): no topo, os ícones ficam na cor do site e ganham a cor original da marca ao passar o mouse — Spotify verde, Curio azul */
.top .cu-top .cu-lg{color:var(--ink)}
.top .cu-top:hover .cu-lg,.top .cu-top:focus-visible .cu-lg{color:#3f5a70}
@media (hover:hover){.trt-bt:not(.on):hover .trt-p{display:none}.trt-bt:not(.on):hover .trt-v{display:block}}
/* a casa na planta (Monte sua casa, lib/planta-site.js + site/casa.js, 29/10) */
.casa-pl .pl-lead{color:var(--mut);max-width:620px;margin:0 0 16px}
.pl-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}
.pl-dica{font-size:var(--fs-2);color:var(--mut)}
.pl-chip{min-height:38px;padding:0 14px;border:1px solid var(--hair);border-radius:999px;background:#fff;font:500 var(--fs-2) Figtree,Arial;cursor:pointer}
.pl-chip:hover{border-color:var(--ink)}
.pl-acoes{margin-left:auto;display:flex;gap:14px}
.pl-lk{border:0;background:none;padding:0;font:500 var(--fs-2) Figtree,Arial;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pl-palco{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hair);touch-action:auto;-webkit-user-select:none;user-select:none}
.pl-palco.pl-marcando{cursor:crosshair;touch-action:none;box-shadow:0 0 0 2px var(--ink)}
.pl-img{display:block;width:100%;height:auto;pointer-events:none}
.pl-sala{position:absolute;border:2px solid rgba(29,29,31,.75);border-radius:10px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:6px;overflow:hidden;display:flex;flex-direction:column;gap:6px}
.pl-nome{font:500 12px/1.2 Figtree,Arial;letter-spacing:.02em;color:var(--ink);background:#fff;border-radius:999px;padding:3px 9px;align-self:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pl-fotos{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}
.pl-f{width:clamp(30px,4.6vw,54px);aspect-ratio:1/1;padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.pl-f img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3px;box-sizing:border-box}
.pl-f:hover,.pl-f:focus-visible{transform:scale(1.35);position:relative;z-index:3}
.pl-f:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pl-mais,.pl-vazio{font-size:11px;color:var(--ink);background:#fff;border-radius:8px;padding:3px 7px;align-self:center}
.pl-vazio{color:var(--mut)}
.pl-x{position:absolute;top:4px;right:4px;width:26px;height:26px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:15px;line-height:1;cursor:pointer}
.pl-novo{position:absolute;border:2px dashed var(--ink);border-radius:10px;background:rgba(29,29,31,.08);pointer-events:none}
.pl-novo[hidden]{display:none}
.pl-nomes{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:16px 0 0}
.pl-nomes label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-min);color:var(--mut)}
.pl-nomes input{min-height:40px;padding:0 12px;border:1px solid var(--hair);border-radius:10px;font:15px Figtree,Arial}
.pl-apaga{color:#b3261e;margin-left:auto}
.pl-msg{margin:10px 0 0;font-size:var(--fs-2);color:var(--mut)}
@media (max-width:760px){.pl-acoes{margin-left:0;width:100%}.pl-sala{padding:4px;gap:4px}.pl-nome{font-size:11px;padding:2px 7px}}
@media (prefers-reduced-motion:reduce){.pl-f{transition:none}}
/* /lagoa-santa/ (tools/site_lagoa_santa.mjs, 30/10/2026): os 4 pontos em linha e 3 fotos do showroom */
/* faixa "Construindo ou reformando?" da home (fachada do arquiteto André Rocha, 30/10) */
.obra-b{position:relative;overflow:hidden;min-height:clamp(420px,62vh,640px);display:flex;align-items:center;color:#fff;background:#222}
.obra-b>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.obra-b:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18) 60%,rgba(0,0,0,0))}
.obra-b .wrap{position:relative;z-index:1;width:100%}.obra-b .k2{color:rgba(255,255,255,.8);letter-spacing:.22em;text-transform:uppercase;font-size:var(--fs-min)}
.obra-b h2{font-size:clamp(32px,5vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:10px 0 14px;max-width:620px;color:#fff}
.obra-b .wrap>p{font-size:clamp(16px,1.7vw,19px);font-weight:300;line-height:1.5;max-width:520px;margin:0 0 26px;color:rgba(255,255,255,.92)}
.obra-b .btn{background:#fff;color:#111;border-color:#fff}
.obra-cr{position:absolute;right:14px;bottom:8px;z-index:1;margin:0;font-size:var(--fs-min);letter-spacing:.02em;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ls-capa{position:relative;margin:36px 0 0;border-radius:4px;overflow:hidden;background:var(--hair);aspect-ratio:16/9}
.ls-capa img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.ls-capa figcaption{position:absolute;right:12px;bottom:8px;font-size:var(--fs-min);letter-spacing:.02em;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.ls-pts{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ls-pts li{border-top:1px solid var(--hair);padding-top:14px}
.ls-pts b{display:block;font-weight:500;margin-bottom:6px}
.ls-pts span{color:var(--mut);font-size:var(--fs-2);line-height:1.5}
.ls-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.ls-f{aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:var(--hair)}
.ls-f img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.ls-pts{grid-template-columns:1fr 1fr;gap:18px}.ls-fotos{grid-template-columns:1fr 1fr}.ls-f:last-child{display:none}}
/* Monte sua casa (site/casa.js, 30/10/2026): "+ Também" no cartão da opção (entra junto, sem trocar) e "Escolhidas antes" no topo da janela */
.casa-op-tb{margin-top:8px;align-self:flex-start;border:1px solid var(--hair);background:transparent;border-radius:999px;padding:4px 12px;font:500 13px Figtree,Arial,sans-serif;color:inherit;cursor:pointer}
.casa-op-tb:hover,.casa-op-tb:focus-visible{border-color:currentColor}
.casa-hist{margin:4px 0 14px}.casa-hist .k3{display:block;margin-bottom:6px}
.casa-ord{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.casa-ord .k3{margin-right:4px}
/* Laktim Material Select (tools/site_material_select.mjs + site/material-select.js, Jonas 30/10/2026): o visual do código dele; a letra central em
   laranja Laktim (#F28C28); os detalhes seguem no dourado #c9a96e (o site não usa laranja como cor principal) */
.lms-anc{position:relative;top:-70px;height:0}
#lms,#lms *{box-sizing:border-box}
#lms{--bg:#2b2a27;--fg:#e9e4da;--muted:#9c968a;--accent:#c9a96e;--pivot:#f28c28;background:var(--bg);color:var(--fg);font-family:"Helvetica Neue",Arial,sans-serif;padding:56px 20px 48px;text-align:center;position:relative;overflow:hidden}
#lms .lms-brand{letter-spacing:5px;font-size:12px;text-transform:uppercase;color:var(--accent)}
#lms .lms-title{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:clamp(24px,4vw,36px);margin:8px 0 4px;color:var(--fg);letter-spacing:0}
#lms .lms-sub{font-family:Georgia,serif;font-style:italic;color:var(--muted);margin:0 0 36px}
#lms .lms-stage{position:relative;max-width:720px;margin:0 auto;height:150px;border-top:1px solid rgba(233,228,218,.35);border-bottom:1px solid rgba(233,228,218,.35);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#lms .lms-stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#lms .lms-tick{position:absolute;left:50%;width:1px;height:22px;background:rgba(233,228,218,.45)}
#lms .lms-tick.t{top:0}#lms .lms-tick.b{bottom:0}
#lms .lms-word{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:"Courier New",Courier,monospace;font-size:clamp(30px,7vw,58px);white-space:pre}
#lms .lms-l{text-align:right}#lms .lms-r{text-align:left}
#lms .lms-p{color:var(--pivot)}
#lms .lms-frase{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:12px 8px;font-family:Georgia,serif;font-size:clamp(15px,2.2vw,19px);line-height:1.5;color:var(--fg)}
#lms:not(.lms-on) .lms-word,#lms:not(.lms-on) .lms-tick,#lms:not(.lms-on) .lms-hint,#lms:not(.lms-on) .lms-bar{display:none}
#lms:not(.lms-on) .lms-stage{height:auto;min-height:150px;cursor:default}
#lms.lms-on .lms-frase{display:none}
#lms .lms-hint{font-size:12px;color:var(--muted);margin-top:12px;letter-spacing:1px;min-height:16px}
#lms .lms-bar{max-width:720px;height:2px;margin:10px auto 0;background:rgba(233,228,218,.15)}
#lms .lms-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .15s linear}
#lms .lms-actions{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#lms .lms-btn{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--fg);padding:13px 26px;border-radius:999px;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;font-family:inherit;min-height:44px}
#lms .lms-btn.solid{background:var(--accent);color:#1e1d1a}
#lms .lms-btn:hover{filter:brightness(1.1)}
#lms-panel{position:fixed;inset:0;background:rgba(20,19,17,.7);display:none;z-index:9999;align-items:flex-end;justify-content:center}
#lms-panel.open{display:flex}
#lms-panel .sheet{background:#f7f3ec;color:#2b2a27;width:100%;max-width:760px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;padding:34px 26px 40px;font-family:Georgia,serif;line-height:1.6;text-align:left;animation:lmsUp .35s ease;outline:none}
@keyframes lmsUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
#lms-panel .close{float:right;border:0;background:#e6dfd2;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;color:#2b2a27}
#lms-panel .brand{font-family:Arial,sans-serif;letter-spacing:4px;font-size:11px;color:#8a7a5c;text-transform:uppercase}
#lms-panel h3{font-weight:normal;font-size:26px;margin:6px 0 2px}
#lms-panel .sub{font-style:italic;color:#5c574d;margin:0 0 18px}
#lms-panel h4{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#8a7a5c;margin:24px 0 6px}
#lms-panel p{margin:0 0 10px}#lms-panel li{margin-bottom:6px}
#lms-panel .formula{text-align:center;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;background:#ece4d6;padding:12px;margin:10px 0}
#lms-panel .small{font-size:14px;color:#5c574d}
#lms-panel .cta{text-align:center;margin-top:26px}
#lms-panel .cta a{display:inline-block;background:#2b2a27;color:#fff;text-decoration:none;font-family:Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:13px;padding:15px 30px;border-radius:999px}
@media (prefers-reduced-motion:reduce){#lms-panel .sheet{animation:none}#lms .lms-bar i{transition:none}}
@media (max-width:480px){#lms{padding:44px 16px 40px}#lms .lms-stage{height:120px}#lms-panel .sheet{padding:28px 18px 34px}#lms .lms-btn{letter-spacing:1.5px;padding:12px 20px}}
/* título que leva à página (Jonas 30/10: clicar em "Produtos" volta para todos os produtos) */
.tit-lk{color:inherit;text-decoration:none}.tit-lk:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.pd-link{display:block;margin:10px auto 0;background:none;border:0;color:var(--mut);font:500 13px Figtree,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px}
/* Material Select no visual do site (Jonas 30/10: "ficou distante do que já existe" → "pode alinhar"): preto do site, Figtree, títulos e botões
   iguais aos dos quadros da home; o laranja Laktim fica na letra central e na barra de progresso (a assinatura da seção) */
#lms{--bg:var(--preto);--fg:#f5f5f7;--muted:#a1a1a6;--accent:#f28c28;font-family:Figtree,-apple-system,"Segoe UI",Arial,sans-serif;padding:72px 22px 64px;margin:10px 0}
#lms .lms-brand{font-size:var(--fs-min);letter-spacing:.22em;color:var(--muted)}
#lms .lms-title{font-family:Figtree,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(30px,4.2vw,48px);margin:10px 0 6px}
#lms .lms-sub{font-family:inherit;font-style:normal;font-size:clamp(16px,1.6vw,19px);color:var(--muted);margin:0 0 40px}
#lms .lms-stage{border-color:rgba(255,255,255,.18)}
#lms .lms-tick{background:rgba(255,255,255,.3)}
#lms .lms-word{font-family:Figtree,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
#lms .lms-frase{font-family:inherit}
#lms .lms-bar{background:rgba(255,255,255,.12)}
#lms .lms-hint{letter-spacing:.04em}
#lms .lms-btn{border:0;font:500 15px Figtree,Arial,sans-serif;letter-spacing:0;text-transform:none;padding:13px 22px;background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8)}
#lms .lms-btn.solid{background:#fff;color:var(--ink);box-shadow:none}
#lms-panel .sheet{background:#fff;color:var(--ink);font-family:Figtree,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}
#lms-panel .close{background:var(--soft);color:var(--ink)}
#lms-panel .brand,#lms-panel h4{font-family:inherit;color:var(--mut);letter-spacing:.2em}
#lms-panel h3{font-weight:500;letter-spacing:-.02em;font-size:28px}
#lms-panel .sub{font-style:normal;color:var(--mut)}
#lms-panel .small{color:var(--mut)}
#lms-panel .formula{font-family:inherit;background:var(--soft);border-radius:12px;letter-spacing:.06em}
#lms-panel .cta a{background:var(--ink);font:500 15px Figtree,Arial,sans-serif;letter-spacing:0;text-transform:none;padding:14px 26px}
@media (max-width:480px){#lms .lms-btn{letter-spacing:0;padding:12px 18px}}

/* Busca e filtros, fases 2 e 3 (30/10/2026): a janela do item com os filtros do Produtos — no computador numa coluna lateral fixa ao rolar,
   todos os grupos à vista (cada um quebra a linha); no celular, as faixas que rolam para o lado. O que zeraria a lista fica apagado. */
.casa-vfc.z,.casa-vfc:disabled{opacity:.42;cursor:default;box-shadow:inset 0 0 0 1px var(--hair)}.casa-vfc.z:hover{box-shadow:inset 0 0 0 1px var(--hair)}
.rf-b.rf-0,.rf-b:disabled{opacity:.42;cursor:default}.rf-b.rf-0:hover{border-color:var(--hair)}
.casa-bi-dn{margin:0;flex:1 1 280px;max-width:420px}.casa-bi-dn .casa-bi-c{min-height:44px}
.casa-bi-t{margin:22px 0 12px}
@media (min-width:1100px){
  #modOpc .casa-opc{max-width:1200px}
  .casa-lat{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 28px;align-items:start}
  .casa-lat-f{position:sticky;top:0;max-height:calc(90vh - 40px);overflow:auto;padding:2px 10px 12px 2px;scrollbar-width:thin}
  .casa-lat-f .casa-vfs{margin:0}
  .casa-vfs.todos .casa-vf{flex-direction:column;align-items:flex-start;gap:6px}
  .casa-vfs.todos .casa-vft{width:auto;font-weight:500;color:var(--ink);letter-spacing:.02em}
  .casa-vfs.todos .casa-vfl{flex-wrap:wrap;overflow:visible;gap:6px}
  .casa-vfs.todos .casa-vfc{min-height:32px;padding:0 11px;font-size:var(--fs-min)}
  .casa-vfs.todos .casa-vfa{flex-direction:column;align-items:flex-start;gap:6px}.casa-vfs.todos .casa-vfn{margin-left:0}
  .casa-lat-l .casa-ops{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}

/* Tema leve (Jonas 31/10/2026, inspirado na calma do site da Chukum): letra Figtree, que conversa com o traço fino do logo,
   texto em quase-preto quente e cartões só com foto, marca, nome e preço — nenhuma informação sai, só o peso visual.
   Padrão desde 31/10 (aprovado pelo Jonas); LAKTIM_TEMA=classico volta ao visual anterior (tools/site_montar.mjs troca Inter→Figtree e 600→500 no site.css e soma este arquivo). */
:root{--tinta:#2b2a27;--mut:#77756f}
body{letter-spacing:.005em}
h1,h2,h3,.hero h1{letter-spacing:-.012em}
/* cartão de produto: a foto com cantos arredondados, sem caixa nem sombra em volta; o texto respira embaixo */
.pd{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.pd .im{border-radius:16px;border-bottom:0;overflow:hidden}
.pd .in{padding:12px 2px 6px;gap:5px}
.pd .mk{letter-spacing:.12em;font-size:12px}
.pd .nm{font-weight:400;font-size:15px;line-height:1.4}
.pd .pr{padding-left:0;padding-right:0}.pd .pr b{font-weight:500}
.pd.inc{box-shadow:none}
.pd.inc .im{box-shadow:0 22px 50px rgba(0,0,0,.16)}
/* janela do produto: mais respiro entre as informações (nada some) */
.pdm .tx{padding:40px 36px}
.pdm div.d{line-height:1.7}