@font-face{font-family:'Inter';font-weight:400 700;font-display:swap;src:url(/catalogo/assets/fonts/inter-var.woff2) format('woff2')}
@font-face{font-family:'Sora';font-weight:600 800;font-display:swap;src:url(/catalogo/assets/fonts/sora-var.woff2) format('woff2')}
/* ---------- tokens ---------- */
:root{--ink:#1A2A3A;--ink2:#0F1E2B;--brand:#25A9CC;--cta:#106F87;--cta-h:#0E617A;--cta-ink:#FFFFFF;--link:#0E617A;--soft:#E9F6FA;--bg:#FFFFFF;--alt:#F7F9FA;
--line:#E3E8EC;--line2:#CBD5DC;--ctl:#6B7C88;--muted:#5B6B78;--teal:#026873;--teal-soft:#E8F0F1;--sky:#C5D7D9;--deep:#013440;--warm:#F28241;--prem:#A84A0E;--tile:#F3F6F8;--tile-h:#E9EFF2;
--tap:44px;--r-s:8px;--r:18px;--r-pill:999px;--ease:cubic-bezier(.2,.7,.2,1);--t:.22s;--sh-hover:0 10px 24px -10px rgba(15,30,43,.18);
--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:88px;--ft:'Sora','Segoe UI',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif}
/* ---------- base ---------- */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 var(--fb);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--cta);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--ft);margin:0;line-height:1.12;font-weight:800;letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--cta)}
h1{font-size:clamp(32px,4.6vw,52px)}h2{font-size:clamp(22px,2.6vw,28px)}h3{font-size:16px;line-height:1.35}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--link);margin:0 0 12px}
.boasvindas .eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--brand)}
.lead{font-size:18px;color:var(--muted);max-width:560px;margin:18px 0 0}
.muted{color:var(--muted);font-size:14px}.small{font-size:13px}
/* ---------- topo ---------- */
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:64px}
@media(min-width:1024px){.bar{min-height:76px}}
.brand img{height:30px;width:auto}@media(min-width:400px){.brand img{height:32px}}@media(min-width:1024px){.brand img{height:38px}}
@media(min-width:901px){.bar{display:grid;grid-template-columns:1fr auto 1fr}.bar .sel-open{justify-self:end}.bar nav{justify-content:center}}
.mnav a.to-site{background:#fff;border-color:var(--cta);color:var(--cta)}
.bar nav a.to-site{color:var(--cta);text-decoration:underline;text-underline-offset:3px}.brand{display:flex;margin-right:auto}
.bar nav{display:flex;gap:6px}.bar nav a{padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted);min-height:var(--tap);display:inline-flex;align-items:center}
.bar nav a:hover{color:var(--ink)}
.sel-open{min-height:var(--tap);padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--ink);background:#fff;font:700 14px var(--fb);cursor:pointer;display:inline-flex;gap:8px;align-items:center;color:var(--ink)}
.sel-count{background:var(--ink);color:#fff;border-radius:var(--r-pill);min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px;padding:0 6px}
.mnav{display:none}
/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:14px 26px;border-radius:12px;font:700 16px var(--fb);text-decoration:none;border:0;cursor:pointer;text-align:center;transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}
.btn-wa{background:var(--cta);color:var(--cta-ink)}.btn-wa:hover{background:var(--cta-h)}
.btn-wa.on-dark{background:#fff;color:var(--ink)}.btn-wa.on-dark:hover{background:var(--soft)}
.btn-out{background:#fff;border:1px solid var(--ink);color:var(--ink)}.btn-out:hover{background:var(--soft)}
.link{font-weight:700;color:var(--link);text-underline-offset:4px}
.cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:28px 0 0}
/* ---------- banner de boas-vindas (base Conecta clara; secundárias só em detalhe) ---------- */
.boasvindas{background:linear-gradient(180deg,#F3F8FA 0%,#fff 100%);color:var(--ink);padding:48px 0 0;position:relative;border-top:4px solid var(--brand)}
.boasvindas::before{content:"";position:absolute;left:0;top:-4px;width:min(220px,30vw);height:4px;background:var(--warm)}
.bv-g{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.boasvindas h1{font-size:clamp(34px,4.8vw,54px);max-width:15ch}
.boasvindas .lead{max-width:520px}
.btn-ghost{background:#fff;border:2px solid var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--soft)}
.hero-imgs{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:14px;height:min(500px,56vw)}
.hero-imgs .ht{display:flex;min-height:0;background:#EDF2F5;border-radius:var(--r);overflow:hidden;transition:background-color var(--t) var(--ease)}
.hero-imgs .ht:hover{background:#E4EBEF}.hero-imgs .ht0{grid-row:1/3}
.hero-imgs .ht:nth-child(n+4){display:none}
.hero-imgs .ht img{width:100%;height:100%;object-fit:contain;padding:clamp(10px,2.2vw,26px);mix-blend-mode:multiply}
.hero-imgs .ht1 img,.hero-imgs .ht2 img{padding:clamp(6px,1.4vw,14px)}
.atalhos{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:26px 0;margin-top:40px;border-top:1px solid var(--line)}
.atalhos-t{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.atalhos ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.atalhos a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--line2);background:#fff;color:var(--ink);font:600 14px var(--fb);text-decoration:none;transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease)}
.atalhos a:hover{background:var(--teal-soft);border-color:var(--teal)}.atalhos a.mais{border-color:transparent;background:none;color:var(--link)}
/* busca global (home) */
.gbusca{position:relative;margin:24px 0 0;max-width:480px}
.gbusca input{width:100%;min-height:52px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--ctl);font:16px var(--fb);background:#fff;color:var(--ink)}
.gres{list-style:none;margin:8px 0 0;padding:6px;position:absolute;left:0;right:0;z-index:20;background:#fff;border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--sh-hover);max-height:min(60vh,440px);overflow:auto}
.gres[hidden]{display:none}
.gres a{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:6px;border-radius:var(--r-s);text-decoration:none;min-height:var(--tap)}
.gres a:hover,.gres a:focus-visible{background:var(--tile)}
.gres img{width:48px;height:48px;object-fit:contain;background:var(--tile);border-radius:var(--r-s);mix-blend-mode:multiply}
.gres b{display:block;font-weight:600;font-size:15px;line-height:1.3}.gres small{display:block;color:var(--muted);font-size:13px;line-height:1.3}
.gres .nada{padding:10px;color:var(--muted);font-size:14px}
/* ---------- seções ---------- */
.sec{padding:var(--s6) 0}.sec.alt{background:var(--alt)}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:var(--s4)}
.sec-h+.lead{margin:-24px 0 var(--s4)}
.cat h1{font-size:clamp(30px,3.6vw,40px)}
.sec.cat,.sec.prod{padding-top:var(--s4)}
/* carrossel de categorias */
.car{position:relative;padding:0 40px}
.circs{list-style:none;margin:0;padding:6px 4px 10px;display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.circs::-webkit-scrollbar{display:none}.circs li{scroll-snap-align:start;flex:none;width:128px;text-align:center}
.circs a{text-decoration:none;display:block}
.circ{display:block;width:128px;height:128px;border-radius:50%;border:1px solid var(--line);background:var(--tile);overflow:hidden;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}
.circ img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}
.circs a:hover .circ{border-color:var(--line2);background:var(--tile-h)}
.lab{display:block;margin-top:12px;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink)}.lab small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}
.car-b{position:absolute;top:44px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#fff;cursor:pointer;font-size:18px;z-index:2;color:var(--ink)}
.car-b:hover{border-color:var(--ink)}.prev{left:0}.next{right:0}
/* níveis */
.niveis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nivel{display:flex;flex-direction:column;gap:12px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.nivel:hover{border-color:var(--line2);box-shadow:var(--sh-hover)}.nivel strong{font-weight:500;color:var(--muted);line-height:1.5}
.nivel .eyebrow{margin:0;font-size:13px;color:var(--ink)}
.nivel .eyebrow::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line2);margin-right:8px;vertical-align:1px}
.nivel-executivo .eyebrow::before{background:var(--cta)}.nivel-premium .eyebrow::before{background:var(--warm)}
.go{font-weight:700;color:var(--link);margin-top:auto}
/* ---------- grade e card (foto é a heroína) ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.card{display:flex;flex-direction:column}.card[hidden]{display:none}
.card-img{position:relative;display:block;aspect-ratio:1;background:var(--tile);border-radius:var(--r);overflow:hidden;transition:background-color var(--t) var(--ease)}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(14px,2vw,22px);mix-blend-mode:multiply;transition:transform var(--t) var(--ease),opacity var(--t) var(--ease)}
.card-img .alt{opacity:0}
.card:hover .card-img{background:var(--tile-h)}.card:hover .card-img img{transform:scale(1.07)}
.card-b{padding:12px 2px 0;display:flex;flex-direction:column;gap:6px;flex:1}
.card-b h3,.card-b h2.ct{font:600 15px/1.35 var(--fb);letter-spacing:0}
.card-b h3 a,.card-b h2.ct a{text-decoration:none}.card-b h3 a:hover,.card-b h2.ct a:hover{color:var(--link)}
.sub{margin:0;font-size:13px;line-height:1.35;color:var(--muted)}
.tag{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tag-premium{color:var(--prem)}
.add{margin-top:auto;min-height:var(--tap);border-radius:var(--r-s);border:1px solid var(--line2);background:#fff;color:var(--ink);font:600 14px var(--fb);cursor:pointer;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),color var(--t) var(--ease)}
.add:hover{border-color:var(--ink)}.add[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
/* filtros */
.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{min-height:var(--tap);padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--line2);background:#fff;font:600 14px var(--fb);cursor:pointer;color:var(--ink);white-space:nowrap}
.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.search input{min-height:var(--tap);width:260px;max-width:100%;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--ctl);font:15px var(--fb)}
.crumb{font-size:14px;color:var(--muted);margin-bottom:18px}.crumb a{color:var(--muted)}
.band{background:var(--ink2);color:#fff;text-align:center}.band h2{color:#fff}.band p{color:#D7E3EB;margin:12px auto 24px;max-width:520px}
.empty{color:var(--muted)}
/* ---------- produto ---------- */
.prod h1{font-size:clamp(26px,3vw,38px);line-height:1.15}.prod .lead{font-size:17px}
.prod-g{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
.code{color:var(--muted);font-size:14px;margin:10px 0 0}
.spec{margin:24px 0 0;border-top:1px solid var(--line)}.spec div{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.spec dt{width:150px;color:var(--muted);font-size:14px}.spec dd{margin:0;font-weight:600}
h2.rel{font-size:22px;margin:var(--s6) 0 var(--s3)}
.prod .cta .btn{flex:0 0 auto}
.ilus{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.85);border-radius:var(--r-pill);padding:4px 12px;font-size:12px;color:var(--muted);pointer-events:none}
/* galeria: faixa com scroll-snap (deslize nativo) */
.gal{position:sticky;top:84px}
.gal-main{position:relative;background:var(--alt);border-radius:var(--r);overflow:hidden}
.gal-track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gal-track::-webkit-scrollbar{display:none}
.gal-track li{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:1;max-height:min(68vh,620px)}
.gal-zoom{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:zoom-in}
.gal-zoom img{width:100%;height:100%;object-fit:contain;padding:clamp(12px,3vw,32px);mix-blend-mode:multiply}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(15,30,43,.12);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px;color:var(--ink)}
.gal-prev{left:12px}.gal-next{right:12px}.gal-nav:hover{box-shadow:0 2px 12px rgba(15,30,43,.22)}
.gal-count{position:absolute;right:14px;bottom:14px;background:rgba(15,30,43,.6);color:#fff;border-radius:var(--r-pill);padding:4px 12px;font-size:12px;font-weight:600;pointer-events:none}
.gal-dots{display:none}
.gal-th{list-style:none;margin:14px 0 0;padding:2px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.gal-th::-webkit-scrollbar{display:none}.gal-th li{flex:none;scroll-snap-align:start}
.th{width:76px;height:76px;padding:0;border:1px solid transparent;border-radius:var(--r-s);background:var(--alt);cursor:pointer;overflow:hidden}
.th img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}.th.on{border-color:var(--ink)}.th:hover{border-color:var(--line2)}
/* barra fixa de ação (só celular) */
.pbar{display:none}
/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(10,18,26,.94);display:grid;place-items:center;overflow:hidden}.lb[hidden]{display:none}
.lb img{max-width:min(92vw,1200px);max-height:84vh;object-fit:contain;background:#fff;border-radius:var(--r);cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform var(--t) var(--ease)}
.lb img.zoom{cursor:grab}.lb img.arrasta{transition:none;cursor:grabbing}
.lb-x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;font-size:28px;cursor:pointer;z-index:2}
.lb-n{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:#fff;font-size:30px;cursor:pointer;z-index:2;padding:0 0 4px}
.lb-p{left:14px}.lb-nx{right:14px}
.lb-c{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:rgba(15,30,43,.72);border-radius:var(--r-pill);padding:4px 12px;color:#fff;font-size:14px;margin:0;pointer-events:none;z-index:2}
.lb-c:empty{display:none}
.lb-dica{position:absolute;top:calc(24px + env(safe-area-inset-top));left:16px;right:76px;color:#D7E3EB;font-size:13px;margin:0;pointer-events:none}
/* ---------- rodapé, gaveta, aviso ---------- */
.foot{border-top:1px solid var(--line);padding:var(--s4) 0;background:var(--alt)}.foot .note{font-size:14px;color:var(--muted);margin:0 0 8px}
.foot-logo{margin:0 0 16px;height:34px;width:auto}@media(min-width:900px){.foot-logo{height:38px}}
.drawer{position:fixed;inset:0;z-index:60;background:rgba(15,30,43,.5);display:flex;justify-content:flex-end}.drawer[hidden]{display:none}
.drawer-in{background:#fff;width:min(420px,100%);height:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;overflow:auto}
.drawer-h{display:flex;justify-content:space-between;align-items:center}.x{width:44px;height:44px;font-size:28px;border:0;background:none;cursor:pointer;color:var(--ink)}
#sel-list{list-style:none;padding:0;margin:0}#sel-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
#sel-list button{border:0;background:none;color:var(--link);font-weight:700;cursor:pointer;min-height:var(--tap)}
.qty{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.qty input{min-height:var(--tap);padding:0 14px;border:1px solid var(--ctl);border-radius:var(--r-s);font:16px var(--fb)}
.clear{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;min-height:var(--tap)}
.aviso{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:440px;margin:0 auto;background:var(--ink);color:#fff;padding:10px 10px 10px 16px;border-radius:12px;font-size:14px;z-index:70;box-shadow:0 12px 32px rgba(15,30,43,.25);display:flex;align-items:center;gap:12px}
.aviso[hidden]{display:none}.aviso span{flex:1}
.aviso button{flex:none;min-height:40px;padding:0 14px;border-radius:var(--r-s);border:0;background:#fff;color:var(--ink);font:700 14px var(--fb);cursor:pointer}
@media(prefers-reduced-motion:no-preference){.sel-count.pop{animation:pop .25s var(--ease)}@keyframes pop{50%{transform:scale(1.35)}}}
/* ---------- responsivo ---------- */
@media(max-width:900px){
 .hero-g,.prod-g{grid-template-columns:1fr}.prod-g{gap:24px}
 .hero-imgs{grid-template-columns:1.2fr 1fr;height:min(420px,92vw)}
 .grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.niveis{grid-template-columns:1fr}
 .bar nav{display:none}.car{padding:0}.car-b{display:none}.sec{padding:56px 0}.sec.cat,.sec.prod{padding-top:20px}
 .mnav{display:block;border-bottom:1px solid var(--line);background:#fff}
 .mnav-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 20px;max-width:1180px;margin:0 auto}
 .mnav-in::-webkit-scrollbar{display:none}
 .mnav a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--r-pill);background:var(--alt);border:1px solid var(--line);font:600 14px var(--fb);white-space:nowrap;text-decoration:none;color:var(--ink)}
 .mnav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
 .gal{position:static}.gal-nav{width:44px;height:44px}.th{width:64px;height:64px}.lb-n{width:44px;height:44px}
 .gal-track li{max-height:46vh}
 .gal-dots{display:flex;justify-content:center;gap:6px;margin:12px 0 0}.gal-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--line2);transition:background-color var(--t) var(--ease)}
 .gal-dots .dot.on{background:var(--ink)}
 .gal-th{display:none}
 .prod .cta{display:none}.prod-pg .crumb .atual{display:none}
 .pbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 18px -12px rgba(15,30,43,.25)}
 .pbar .btn{min-height:48px;padding:0 16px;font-size:16px}.pbar .btn-wa{flex:1}.pbar .add{flex:none;min-width:132px;margin:0}
 .prod-pg{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .prod-pg .aviso{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media(max-width:600px){
 .filters{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.search,.search input{width:100%;max-width:none}
 .chips{min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.chips::-webkit-scrollbar{display:none}
 .hero{padding:32px 0 40px}.gbusca{max-width:none}
}
@media(max-width:480px){.hero-imgs{height:min(300px,80vw)}.circs li,.circ{width:104px}.circ{height:104px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.card:hover .card-img img{transform:none}}

/* ===== compatibilidade Safari / iOS ===== */
.top{-webkit-backdrop-filter:blur(8px)}
.lb,.drawer{top:0;right:0;bottom:0;left:0}
input[type=search]{-webkit-appearance:none;appearance:none}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.chip,.add,.btn,.th,.gal-prev,.gal-next,.gal-zoom,.x,.lb-x{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.search input{font-size:16px}
.card-img,.gal-main,.circ,.ht{isolation:isolate;transform:translateZ(0)}
.lb,.drawer,.gal-track{overscroll-behavior:contain}
@supports (height:1dvh){
 .lb img{max-height:84dvh}
 .gres{max-height:min(60dvh,440px)}
 .gal-track li{max-height:min(68dvh,620px)}
 @media(max-width:900px){.gal-track li{max-height:46dvh}}
}

/* ===== v3: paleta única, filtros, produto ===== */
.chip .n{font-weight:500;opacity:.75;margin-left:2px}
.chip.on .n{opacity:.9}.chip:hover{border-color:var(--ink)}
.chip-kit{border-style:dashed}.chip-kit[aria-pressed=true]{background:var(--teal);border-color:var(--teal);border-style:solid;color:#fff}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filters-l{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.resultado{margin:0 0 var(--s3);min-height:22px}
.outras{display:flex;gap:12px;align-items:center;margin:0 0 var(--s3);padding:0 0 var(--s2);border-bottom:1px solid var(--line)}
.outras-t{flex:none;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.outras ul{list-style:none;margin:0;padding:2px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.outras ul::-webkit-scrollbar{display:none}
.outras a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--r-pill);background:var(--alt);border:1px solid var(--line);font:600 13px var(--fb);color:var(--ink);text-decoration:none;white-space:nowrap}
.outras a:hover{border-color:var(--ink)}.outras a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
.info-t{font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:28px 0 0}
.spec{margin-top:10px}.spec dd a{color:var(--link)}
.ilus-nota{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--brand);background:var(--alt);font-size:13px;color:var(--muted)}
.more{margin:var(--s3) 0 0}
.crumb [aria-current]{color:var(--ink);font-weight:600}
.tag-premium{color:var(--prem)}
.nivel-premium .eyebrow::before{background:var(--warm)}
.add[aria-pressed=true]{background:var(--ink);color:#fff}
@media(max-width:900px){
 .boasvindas{padding-top:32px}.bv-g{grid-template-columns:1fr;gap:28px}.boasvindas h1{max-width:none}
 .hero-imgs{height:min(380px,86vw)}.atalhos{margin-top:28px;padding:18px 0}
 .outras{margin-bottom:var(--s2)}.outras-t{display:none}
 .ilus-nota{font-size:12px}
}
@media(max-width:600px){.filters-l{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.filters-l::-webkit-scrollbar{display:none}.filters-l>*{flex:none}.filters-l .chips{flex-wrap:nowrap}.chips{margin:0;padding:0;overflow:visible}.boasvindas .cta .btn{width:100%} .atalhos ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.atalhos ul::-webkit-scrollbar{display:none}.atalhos li{flex:none}}

@media(max-width:900px){.pbar .btn-wa{font-size:15px;padding:0 10px;line-height:1.2}}
.qty select{min-height:var(--tap);padding:0 12px;border:1px solid var(--ctl);border-radius:var(--r-s);font:16px var(--fb);background:#fff;color:var(--ink)}

.tag-kit{display:inline-block;background:var(--teal-soft);color:var(--teal);padding:2px 8px;border-radius:6px}
.outras a:hover{border-color:var(--teal)}.ilus-nota{border-left-color:var(--brand)}
.card[data-kit="1"] .card-img{background:var(--teal-soft)}.card[data-kit="1"]:hover .card-img{background:var(--sky)}

/* ---------- hero rotativo (6 produtos por bloco, troca instantânea: sem opacidade no pai, senão o multiply vira quadrado branco) ---------- */
.hero-imgs{position:relative}
.hero-imgs .ht{position:relative}
.hero-imgs .ht .hs{position:absolute;inset:0;display:none}
.hero-imgs .ht .hs.on{display:flex}
.hero-imgs .ht .hs.on img{animation:hs-in .28s var(--ease)}
@keyframes hs-in{from{transform:scale(.93)}to{transform:none}}
.hero-imgs .ht .hs img{width:100%;height:100%;object-fit:contain;padding:clamp(14px,2.4vw,30px);mix-blend-mode:multiply}
.hero-imgs .ht1 .hs img,.hero-imgs .ht2 .hs img{padding:clamp(10px,1.8vw,22px)}
@media(prefers-reduced-motion:reduce){.hero-imgs .ht .hs.on img{animation:none}}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:10px;max-width:820px}.faq details{border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg)}
.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:600;min-height:var(--tap);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--cta)}
.faq details[open] summary::after{content:"–"}.faq p{margin:0;padding:0 18px 18px;color:var(--muted)}

/* ---------- linhas em painéis (kits / equipamentos / eletrônicos) ---------- */
.sec-h2{margin-bottom:var(--s4)}.sec-h2 h2{font-size:clamp(25px,3.2vw,38px)}
.linhas{display:grid;gap:22px}
.linha{--acc:var(--teal);--chip:#DDF1F3;--chip-ic:var(--teal);background:#fff;border:1px solid var(--line);border-top:6px solid var(--acc);border-radius:26px;padding:28px 32px 24px;overflow:hidden}
.t-pet{--acc:#3F6F7A;--chip:#E4ECEE;--chip-ic:#3F6F7A}.t-lar{--acc:#E08A55;--chip:#FDE6D8;--chip-ic:#9A4210}
.ln-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px 18px;align-items:center;margin-bottom:18px}
.ln-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--chip);color:var(--chip-ic)}.ln-ic svg{width:40px;height:40px}
.ln-txt h3{font-size:clamp(21px,2.4vw,28px);font-weight:800}.ln-txt p{margin:4px 0 0;font-size:14.5px;max-width:560px;color:var(--muted)}
.ln-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.btn-ln{background:var(--cta);color:#fff}.btn-ln:hover{background:var(--cta-h)}
.lk2{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:600;font-size:14px;text-underline-offset:3px}
.rail-wrap{position:relative}.rail-nav{display:flex;justify-content:flex-end;gap:8px;margin:-6px 0 10px}
.rbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color var(--t) var(--ease),opacity var(--t) var(--ease)}
.rbtn svg{width:20px;height:20px}.rbtn:hover{border-color:var(--ink)}.rbtn[disabled]{opacity:.35;cursor:default}
.rail{list-style:none;margin:0;padding:4px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 4.3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;position:relative}
.rail::-webkit-scrollbar{display:none}.rail>li{scroll-snap-align:start;min-width:0}
.rail .card{height:100%;background:var(--alt);border-radius:var(--r);padding:0 0 4px}
.rail .card-b{padding:12px 14px 14px}
/* ---------- banner de sugestão de kit ---------- */
.ideia{position:relative;display:grid;grid-template-columns:minmax(260px,.9fr) 1.3fr;gap:40px;align-items:center;background:linear-gradient(135deg,#F2F8FA,#E9F4F8);border:1px solid var(--line);border-radius:32px;padding:44px 48px;overflow:hidden}
.ideia::after{content:"";position:absolute;right:-70px;bottom:-70px;width:200px;height:200px;border-radius:50%;border:26px solid #F6DFD2;opacity:.8;pointer-events:none}
.ideia .tag-kit{position:absolute;left:24px;top:22px;background:var(--warm);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);z-index:2}
.ideia-img{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center;margin-bottom:8px}
.ideia-img img{position:absolute;object-fit:cover;border-radius:22px;border:5px solid #fff;box-shadow:0 14px 34px rgba(18,38,54,.2)}
.ideia-img .ph1{left:0;top:2%;width:58%;height:58%;transform:rotate(-5deg)}
.ideia-img .ph2{right:0;top:0;width:52%;height:52%;transform:rotate(4deg);z-index:1}
.ideia-img .ph3{left:20%;bottom:0;width:62%;height:62%;transform:rotate(-1.5deg);z-index:2}
.ideia-f{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.ideia-f h2{font-size:clamp(26px,3.4vw,40px)}
.ideia-p{color:var(--muted);margin:4px 0 12px;max-width:520px}
.ideia label,.ideia .lbl{font-weight:700;font-size:14px;margin-top:6px}
.ideia select{min-height:48px;max-width:420px;border:1px solid var(--line2);border-radius:14px;padding:0 14px;font:16px var(--fb);background:#fff;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips button{min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--line2);background:#fff;font:600 15px var(--fb);color:var(--ink);cursor:pointer}
.chips button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ideia .btn{align-self:flex-start;margin-top:14px}
@media(max-width:1023px){.rail{grid-auto-columns:46%}.ln-head{grid-template-columns:auto 1fr}.ln-acts{grid-column:1/-1}.ideia{grid-template-columns:1fr;padding:64px 28px 36px;gap:28px}.ideia-img{max-width:320px}}
@media(max-width:600px){.linha{padding:22px 16px 18px;border-radius:22px}.rail{grid-auto-columns:68%}.rail-nav{display:none}.ln-ic{width:52px;height:52px;border-radius:16px}.ln-ic svg{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.rail{scroll-behavior:auto}}

.ck{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:12px;padding:14px 16px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.25);max-width:1180px;margin-inline:auto}
.ck p{flex:1 1 320px;margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.88)}.ck a{color:#fff;text-decoration:underline}
.ck-b{display:flex;gap:8px;flex:none}.ck-b button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:600 14px var(--fb);cursor:pointer}
.ck-b .ck-ok{background:var(--cta);border-color:var(--cta)}

.gres .mais{padding:6px}.gres .mais button{width:100%;min-height:var(--tap);border:1px solid var(--line2);border-radius:var(--r-s);background:var(--tile);font:600 14px var(--fb);cursor:pointer}.gres .mais button:hover,.gres .mais button:focus-visible{background:#fff}
@media(max-width:900px){body:has(.pbar) .ck{bottom:calc(72px + env(safe-area-inset-bottom));z-index:35}}
/* ===== preferências de cookies (painel) ===== */
.ck-pref{border:0;background:none;padding:0;font:inherit;color:var(--link);text-decoration:underline;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}
.ckp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:rgba(15,30,43,.5);display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain}.ckp[hidden]{display:none}
.ckp-in{background:#fff;color:var(--ink);width:min(520px,100%);max-height:100%;overflow:auto;border-radius:var(--r);padding:20px 22px calc(20px + env(safe-area-inset-bottom));box-shadow:0 18px 48px rgba(0,0,0,.28)}
.ckp-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 6px}.ckp-h h2{font-size:20px;margin:0}
.ckp-x{width:44px;height:44px;font-size:28px;border:0;background:none;cursor:pointer;color:var(--ink)}
.ckp-op{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}
.ckp-op p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.ckp-op label{cursor:pointer}
.ckp-sempre{flex:none;font-size:13px;font-weight:700;color:var(--teal)}
.ckp-sw{flex:none;-webkit-appearance:none;appearance:none;width:52px;height:30px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;margin:7px 0;transition:background-color var(--t) var(--ease)}
.ckp-sw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform var(--t) var(--ease)}
.ckp-sw:checked{background:var(--cta)}.ckp-sw:checked::after{transform:translateX(22px)}
.ckp-sw:focus-visible,.ck-pref:focus-visible,.hpausa:focus-visible,.limpa:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.ckp-pol{font-size:13px;color:var(--muted);margin:4px 0 14px}.ckp-pol a{color:var(--link)}
.ckp-b{display:flex;justify-content:flex-end}.ckp-salva{min-height:var(--tap);padding:0 20px;border-radius:10px;border:0;background:var(--cta);color:var(--cta-ink);font:700 15px var(--fb);cursor:pointer}.ckp-salva:hover{background:var(--cta-h)}
/* ===== seleção: miniatura + quantidade por item ===== */
.sel-dica{margin:0;font-size:13px;color:var(--muted)}
#sel-list li{display:grid;grid-template-columns:56px 1fr auto;grid-template-areas:"img nome nome" "img q rm";align-items:center;gap:6px 12px}
.sel-mini{grid-area:img;width:56px;height:56px;border-radius:var(--r-s);background:var(--alt);border:1px solid var(--line);overflow:hidden;display:block}.sel-mini img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sel-nome{grid-area:nome;min-width:0}.sel-nome b{display:block;font-weight:600;line-height:1.3}.sel-nome small{color:var(--muted);font-size:12px}
.sel-q{grid-area:q;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.sel-q input{width:96px;min-height:40px;padding:0 10px;border:1px solid var(--ctl);border-radius:var(--r-s);font:16px var(--fb);color:var(--ink)}
#sel-list .sel-rm{grid-area:rm}
/* ===== filtros: uma linha, filtro ativo e limpar ===== */
a.chip{display:inline-flex;align-items:center;text-decoration:none}
.resultado-l{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 var(--s3)}.resultado-l .resultado{margin:0}
.limpa{border:0;background:none;color:var(--link);font:700 14px var(--fb);text-decoration:underline;cursor:pointer;min-height:var(--tap);padding:0}
.limpa[hidden]{display:none}
/* ===== hero: pausar animações ===== */
.hero-col{min-width:0}
.hpausa{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;min-height:var(--tap);padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line2);background:#fff;color:var(--ink);font:600 14px var(--fb);cursor:pointer}
.hpausa:hover{border-color:var(--ink)}.hpausa[hidden]{display:none}