/* =========================================================================
   Ekrany projekcyjne ADEO · PROAV — arkusz stylów
   ========================================================================= */
@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:200 900;src:url(../fonts/source-sans-3-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:200 900;src:url(../fonts/source-sans-3-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* paleta ABC Prezentacji: granat + czerwień z logo + chłodna biel */
  --red:#E8001C; --red-h:#ff001e; --red-soft:#ffe8eb;
  --ink:#0E1A2B; --ink2:#24334a; --muted:#53627a; --faint:#8794a8;
  --paper:#F3F6FA; --white:#fff; --card:#fff; --line:#DDE4EE; --line2:#C9D3E0;
  --blue:#2F6BFF; --blue-soft:#e7efff;
  --night:#0B1526; --night2:#101E35; --night3:#172844; --nline:#223553; --nmuted:#A9B6CC; --nfaint:#6F7F99;
  --ok:#11845b; --ok-soft:#e1f5ec; --warn:#8a5300; --warn-soft:#fdf1dc;
  --r:14px; --r2:22px;
  --sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif;
  --shadow:0 1px 2px rgba(14,26,43,.06),0 10px 30px rgba(14,26,43,.08);
  --maxw:1560px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}
@media(min-width:800px){.wrap{padding-inline:36px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- typografia ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
h1,h2,h3{margin:0;letter-spacing:-.025em;line-height:1.04;text-wrap:balance}
.h-xl{font-size:clamp(40px,6.4vw,84px);font-weight:800}
.h-l{font-size:clamp(32px,4.4vw,56px);font-weight:800}
.h-m{font-size:clamp(24px,2.6vw,34px);font-weight:750}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--muted);max-width:60ch;margin:0}
.dark .lead,.dark .muted{color:var(--nmuted)}
.muted{color:var(--muted)}
.red{color:var(--red)}

/* ---------- przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:15px 26px;font-weight:700;font-size:16px;letter-spacing:.01em;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(232,0,28,.28)}
.btn-red:hover{background:var(--red-h)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{border-color:var(--line2);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.dark .btn-ghost{border-color:#3a3f46;color:#fff}
.dark .btn-ghost:hover{border-color:#fff}
.btn-white{background:#fff;color:var(--ink)}
.btn-sm{padding:10px 18px;font-size:14.5px}
.btn .arr{transition:transform .15s}
.btn:hover .arr{transform:translateX(3px)}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.link{font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}

/* ---------- nagłówek ---------- */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:22px;min-height:70px}
.dark-hdr .hdr,.hdr.dk{background:color-mix(in srgb,var(--night) 82%,transparent);border-bottom-color:var(--nline);color:#fff}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.logo{display:inline-flex;align-items:center;font-weight:300;font-size:24px;letter-spacing:.06em;line-height:1}
.logo b{font-weight:300;background:var(--red);color:#fff;padding:3px 7px;margin-left:1px}
.brand .bt{display:flex;flex-direction:column;line-height:1.1;border-left:1px solid var(--line2);padding-left:12px}
.hdr.dk .brand .bt{border-color:#3a3f46}
.brand .bt b{font-size:14px;font-weight:800;letter-spacing:.02em}
.brand .bt span{font-size:12px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:15.5px;padding:9px 13px;border-radius:100px;color:var(--ink2)}
.hdr.dk .nav a{color:#d6d9dd}
.nav a:hover,.nav a[aria-current=page]{background:rgba(0,0,0,.06);color:var(--ink)}
.hdr.dk .nav a:hover,.hdr.dk .nav a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff}
.nav .btn{margin-left:8px;color:#fff}
.cartbtn{position:relative;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line2);border-radius:100px;padding:8px 14px;background:transparent;cursor:pointer;font-weight:700;font-size:14.5px;text-decoration:none}
.hdr.dk .cartbtn{border-color:#3a3f46;color:#fff}
.cartbtn .n{background:var(--red);color:#fff;border-radius:100px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12.5px;padding:0 6px}
.burger{display:none;margin-left:auto;background:none;border:1.5px solid var(--line2);border-radius:10px;width:44px;height:44px;cursor:pointer}
.hdr.dk .burger{border-color:#3a3f46;color:#fff}
@media(max-width:980px){
  .burger{display:grid;place-items:center}
  .nav{position:fixed;inset:70px 0 auto 0;flex-direction:column;align-items:stretch;padding:14px 20px 22px;background:var(--paper);border-bottom:1px solid var(--line);display:none;margin:0}
  .hdr.dk .nav{background:var(--night)}
  .nav.open{display:flex}
  .nav a{padding:13px 14px;font-size:17px}
  .nav .btn{margin:8px 0 0}
  .brand .bt span{display:none}
}

/* ---------- sekcje ---------- */
section{position:relative}
.sec{padding-block:clamp(64px,9vw,120px)}
.sec-sm{padding-block:clamp(44px,6vw,72px)}
.dark{background:var(--night);color:#fff}
.dark2{background:var(--night2);color:#fff}
.white{background:var(--card)}
.sh{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(32px,4vw,56px);max-width:820px}
.sh.c{align-items:center;text-align:center;margin-inline:auto}
.sh.row{max-width:none;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}

/* ---------- HERO strona główna ---------- */
.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 70px);min-height:calc(100svh - 70px)}
@media(max-width:900px){.hero-split{grid-template-columns:1fr;min-height:0}}
.hs{position:relative;overflow:hidden;padding:clamp(40px,6vw,88px) clamp(22px,5vw,72px);display:flex;flex-direction:column;justify-content:flex-end;gap:22px;text-decoration:none;min-height:560px}
.hs .k{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hs h2{font-size:clamp(38px,4.8vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1}
.hs p{margin:0;font-size:19px;max-width:44ch}
.hs .bullets{display:flex;flex-wrap:wrap;gap:8px}
.hs .bullets span{font-size:13.5px;font-weight:600;border-radius:100px;padding:5px 12px}
.hs-home{background:linear-gradient(180deg,var(--night),var(--night3));color:#fff}
.hs-home .k{color:var(--red-h)}
.hs-home p{color:var(--nmuted)}
.hs-home .bullets span{background:rgba(255,255,255,.08);color:#e7e9ec}
.hs-biz{background:var(--card);color:var(--ink)}
.hs-biz .k{color:var(--red)}
.hs-biz p{color:var(--muted)}
.hs-biz .bullets span{background:var(--paper);color:var(--ink2);border:1px solid var(--line)}
.hs .btn{align-self:flex-start}
.hs .art{position:relative;flex:1;min-height:clamp(200px,30vh,340px);pointer-events:none;margin-bottom:8px}
.hs .art .stage,.hs .art .board{top:50%;transform:translate(-50%,-50%)}
@media(max-width:900px){.hs{min-height:520px}}

/* scena projekcji (CSS) */
.stage{position:absolute;left:50%;top:9%;transform:translateX(-50%);width:min(78%,560px);aspect-ratio:2.35/1}
.stage .scr{position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,#ffe1c9 0%,#ff7a59 22%,#7b1e5a 52%,#1d2b6b 78%,#0b1a33 100%);box-shadow:0 0 0 6px #050506,0 30px 120px rgba(255,90,80,.35),0 0 220px rgba(255,120,90,.18)}
.stage .scr::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px);mix-blend-mode:screen}
.stage .sun{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;left:58%;top:30%;background:radial-gradient(circle,#fff7e8 0%,#ffd29a 40%,rgba(255,160,90,0) 70%)}
.stage .hill{position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,#140a1e,#07070c);clip-path:polygon(0 60%,18% 30%,34% 55%,52% 18%,70% 50%,86% 28%,100% 48%,100% 100%,0 100%)}
.beam{position:absolute;left:50%;top:100%;width:140%;height:260%;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% 100%,transparent 0deg,transparent 160deg,rgba(255,200,170,.07) 172deg,rgba(255,220,200,.11) 180deg,rgba(255,200,170,.07) 188deg,transparent 200deg);pointer-events:none}
.room{position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}

/* ekran biznesowy (CSS) */
.board{position:absolute;left:50%;top:10%;transform:translateX(-50%);width:min(74%,520px);aspect-ratio:16/10}
.board .cas{height:12px;border-radius:6px;background:linear-gradient(#e2e5e8,#aab1b8);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.board .sf{margin:0 4%;height:calc(100% - 22px);background:var(--card);border:1px solid var(--line);border-top:0;box-shadow:0 30px 60px rgba(18,20,23,.08);display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:7% 7%}
.board .bar{height:6px;background:#ccd1d6;border-radius:4px;margin-bottom:9%}
.board .bar.r{background:var(--red);width:40%}
.board .chart{display:flex;align-items:flex-end;gap:8%;height:100%}
.board .chart i{flex:1;background:linear-gradient(#ef4256,var(--red));border-radius:3px 3px 0 0}
.board .wb{height:8px;margin:0 2%;border-radius:0 0 6px 6px;background:#9aa3ab}

/* ---------- pasek obietnicy B2B ---------- */
.promo{background:var(--red);color:#fff}
.promo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:22px}
.promo b{font-size:clamp(20px,2.2vw,28px);font-weight:800;letter-spacing:-.01em}
.promo span{opacity:.9}
.promo .btn{background:#fff;color:var(--red)}

/* ---------- liczby / zalety ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.dark .stats{background:var(--nline);border-color:var(--nline)}
.stat{background:var(--paper);padding:28px 26px;display:flex;flex-direction:column;gap:8px}
.white .stat{background:var(--card)}
.dark .stat{background:var(--night)}
.stat b{font-size:clamp(30px,3.4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1}
.stat span{color:var(--muted);font-size:15.5px}
.dark .stat span{color:var(--nmuted)}
@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}}

.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:900px){.feats{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:30px;display:flex;flex-direction:column;gap:12px}
.dark .feat{background:var(--night2);border-color:var(--nline)}
.feat .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}
.dark .feat .ic{background:rgba(232,0,28,.16);color:#ff5a6b}
.feat h3{font-size:21px;font-weight:750;letter-spacing:-.01em}
.feat p{margin:0;color:var(--muted)}
.dark .feat p{color:var(--nmuted)}

/* kroki */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:st}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.stp{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.dark .stp{border-color:#fff}
.stp::before{counter-increment:st;content:"0" counter(st);font-weight:800;color:var(--red);font-size:14px;letter-spacing:.1em}
.stp h3{font-size:20px;font-weight:750;letter-spacing:-.01em}
.stp p{margin:0;color:var(--muted);font-size:16px}
.dark .stp p{color:var(--nmuted)}

/* ---------- rynki wertykalne ---------- */
.verts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:980px){.verts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.verts{grid-template-columns:1fr}}
.vert{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.vert:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}
.vert .vi{width:52px;height:52px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center}
.vert h3{font-size:22px;font-weight:750;letter-spacing:-.01em}
.vert p{margin:0;color:var(--muted);font-size:16px}
.vert .ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.vert .ex span{font-size:13px;font-weight:600;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:3px 10px;color:var(--ink2)}
.vert .go{font-weight:700;color:var(--red);display:flex;align-items:center;gap:6px}
.vert.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red),var(--shadow)}
.vert .rooms{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.room-b{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);cursor:pointer;text-align:left;font-weight:600;font-size:15px;transition:border-color .15s}
.room-b:hover{border-color:var(--red)}
.room-b small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.room-b .pl{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:19px;line-height:1}

/* progi ilościowe */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:800px){.tiers{grid-template-columns:1fr 1fr}}
.tier{border:1px solid var(--nline);border-radius:var(--r);padding:20px;background:var(--night2);display:flex;flex-direction:column;gap:6px;position:relative}
.tier b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.tier span{color:var(--nmuted);font-size:15px}
.tier .lv{display:flex;gap:4px;margin-top:6px}
.tier .lv i{height:6px;flex:1;border-radius:3px;background:#2c3036}
.tier .lv i.on{background:var(--red)}
.tier.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}

/* ---------- KONFIGURATOR ---------- */
.cfg{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px;align-items:start}
@media(max-width:1060px){.cfg{grid-template-columns:1fr}}
.cfg-steps{display:flex;flex-direction:column;gap:14px;min-width:0}
.cs{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0}
.dk-cfg .cs{background:var(--night2);border-color:var(--nline)}
.cs-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cs-h .no{font-weight:800;color:var(--red);font-size:14px;letter-spacing:.08em}
.cs-h h3{font-size:22px;font-weight:750;letter-spacing:-.015em}
.cs-h .val{margin-left:auto;font-size:14.5px;color:var(--muted);font-weight:600}
.dk-cfg .cs-h .val,.dk-cfg .hint{color:var(--nmuted)}
.hint{font-size:14.5px;color:var(--muted);margin:0}
.grid-opts{display:grid;gap:10px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.g6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:760px){.g4,.g3{grid-template-columns:1fr 1fr}.g5,.g6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ob{border:1.5px solid var(--line2);background:var(--white);border-radius:14px;padding:13px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .12s,background .12s,box-shadow .12s;min-width:0;line-height:1.25}
.dk-cfg .ob{background:var(--night3);border-color:#30353c;color:#fff}
.ob b{font-size:16px;font-weight:700}
.ob small{font-size:13px;color:var(--muted)}
.dk-cfg .ob small{color:var(--nmuted)}
.ob:hover{border-color:var(--ink)}
.dk-cfg .ob:hover{border-color:#8b9198}
.ob[aria-pressed=true]{border-color:var(--red);background:var(--red-soft);box-shadow:0 0 0 1px var(--red)}
.dk-cfg .ob[aria-pressed=true]{background:rgba(232,0,28,.16)}
.ob.c{align-items:center;text-align:center}
.ob .mi{width:40px;height:30px;margin-bottom:6px;color:var(--red)}
.ob .sw{width:100%;height:30px;border-radius:8px;margin-bottom:8px;border:1px solid rgba(0,0,0,.08)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld label,.lbl{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dk-cfg .fld label,.dk-cfg .lbl{color:var(--nmuted)}
.in,select.in,textarea.in{width:100%;min-width:0;border:1.5px solid var(--line2);background:var(--card);border-radius:12px;padding:12px 14px;font-size:17px;font-weight:600;color:var(--ink)}
textarea.in{font-weight:400;min-height:110px;resize:vertical}
.dk-cfg .in{background:var(--night3);border-color:#30353c;color:#fff}
.in:focus{outline:3px solid color-mix(in srgb,var(--red) 55%,transparent);outline-offset:1px;border-color:var(--red)}
.in.err{border-color:var(--red);background:var(--red-soft)}
.sizeinfo{font-size:15px;color:var(--muted)}
.sizeinfo b{color:var(--ink)}
.dk-cfg .sizeinfo{color:var(--nmuted)}.dk-cfg .sizeinfo b{color:#fff}

/* lista modeli */
.models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:760px){.models{grid-template-columns:1fr}}
.mc{border:1.5px solid var(--line2);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--card);min-width:0}
.dk-cfg .mc{background:var(--night3);border-color:#30353c}
.mc.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.mc .mt{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mc .mt b{font-size:19px;font-weight:800;letter-spacing:-.01em}
.mc .mt .from{font-size:13px;color:var(--muted);white-space:nowrap}
.mc .mt .from strong{font-size:17px;color:var(--ink)}
.dk-cfg .mc .mt .from{color:var(--nmuted)}.dk-cfg .mc .mt .from strong{color:#fff}
.mc p{margin:0;font-size:14.5px;color:var(--muted)}
.dk-cfg .mc p{color:var(--nmuted)}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:3px 9px;background:var(--paper);color:var(--ink2);border:1px solid var(--line)}
.dk-cfg .tag{background:#23272d;border-color:#30353c;color:#d6d9dd}
.fins{display:flex;flex-wrap:wrap;gap:6px}
.fc{border:1.5px solid var(--line2);background:transparent;border-radius:10px;padding:6px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}
.dk-cfg .fc{border-color:#3a3f46;color:#fff}
.fc small{font-size:12px;color:var(--muted)}
.dk-cfg .fc small{color:var(--nmuted)}
.fc b{font-size:15px}
.fc:hover{border-color:var(--ink)}
.dk-cfg .fc:hover{border-color:#aab}
.fc[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}
.fc[aria-pressed=true] small{color:#fff;opacity:.85}
.fc.na{opacity:.45;border-style:dashed;cursor:not-allowed}
.more{background:none;border:0;color:var(--red);font-weight:700;cursor:pointer;padding:4px 0;align-self:flex-start;text-decoration:underline;text-underline-offset:3px}

/* opcje */
.ck{display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;background:var(--card)}
.dk-cfg .ck{background:var(--night3);border-color:#30353c}
.ck:has(input:checked){border-color:var(--red);background:var(--red-soft)}
.dk-cfg .ck:has(input:checked){background:rgba(232,0,28,.14)}
.ck input{width:19px;height:19px;accent-color:var(--red);flex:none;margin:0}
.ck .t{flex:1;font-size:15.5px}
.ck .p{font-weight:700;white-space:nowrap;font-size:15px}
.opt-list{display:flex;flex-direction:column;gap:8px}
.acc{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--card)}
.dk-cfg .acc{background:var(--night3);border-color:#30353c}
.acc.on{border-color:var(--red)}
.acc .t{font-size:14.5px;line-height:1.3}
.acc .p{font-weight:700;font-size:14.5px;white-space:nowrap}
.stepper{display:inline-grid;grid-template-columns:38px 46px 38px;border:1.5px solid var(--line2);border-radius:100px;overflow:hidden;align-items:center;background:var(--card)}
.dk-cfg .stepper,.dark .stepper{background:var(--night3);border-color:#3a3f46}
.stepper button{border:0;background:transparent;height:38px;font-size:20px;font-weight:700;cursor:pointer;color:inherit}
.stepper button:hover{background:rgba(0,0,0,.06)}
.stepper input{border:0;background:transparent;text-align:center;font-weight:800;font-size:16px;width:46px;padding:0;-moz-appearance:textfield;color:inherit}
.stepper input::-webkit-inner-spin-button{display:none}
.stepper.lg{grid-template-columns:48px 70px 48px}
.stepper.lg button{height:50px;font-size:24px}
.stepper.lg input{width:70px;font-size:22px}

/* podsumowanie (sticky) */
.sumbox{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}
@media(max-width:1060px){.sumbox{position:static}}
.sumcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.dk-cfg .sumcard{background:var(--night2);border-color:var(--nline)}
.sumcard .viz{background:linear-gradient(180deg,#f1f0ec,#e8e6e1);padding:14px}
.dk-cfg .sumcard .viz{background:radial-gradient(90% 90% at 50% 0%,#24171b,#0b0c0e)}
.sumcard .viz:empty{display:none}
.sumcard .in2{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.sumcard .nm{font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15}
.sumcard .ds{font-size:14px;color:var(--muted);margin:0}
.dk-cfg .sumcard .ds{color:var(--nmuted)}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.dk-cfg .specs{background:var(--nline);border-color:var(--nline)}
.specs div{background:var(--card);padding:9px 12px;display:flex;flex-direction:column}
.dk-cfg .specs div{background:var(--night2)}
.specs span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.specs b{font-size:15.5px}
.pricebig{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pricebig .v{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pricebig .s{font-size:13.5px;color:var(--muted)}
.dk-cfg .pricebig .s{color:var(--nmuted)}
.notes{display:flex;flex-direction:column;gap:6px}
.note{font-size:13.5px;border-radius:10px;padding:8px 12px;background:var(--warn-soft);color:var(--warn)}
.dk-cfg .note{background:#2e2410;color:#f3c278}
.addrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.addrow .btn{flex:1}
.tiny{font-size:13px;color:var(--faint);margin:0}

/* ---------- koszyk / projekt ---------- */
.cart{display:flex;flex-direction:column;gap:10px}
.ci{display:grid;grid-template-columns:minmax(0,1fr) auto auto 38px;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.dk-cfg .ci,.dark .ci{background:var(--night2);border-color:var(--nline)}
.ci .t b{display:block;font-size:17px}
.ci .t span{font-size:13.5px;color:var(--muted);display:block}
.dark .ci .t span,.dk-cfg .ci .t span{color:var(--nmuted)}
.ci .pr{font-weight:800;white-space:nowrap;text-align:right}
.ci .pr small{display:block;font-weight:400;font-size:12.5px;color:var(--faint)}
.ci .x{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line2);background:transparent;cursor:pointer;font-size:18px;color:inherit}
.dark .ci .x,.dk-cfg .ci .x{border-color:#3a3f46}
.ci .x:hover{border-color:var(--red);color:var(--red)}
.ci .rn{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
@media(max-width:640px){.ci{grid-template-columns:minmax(0,1fr) auto;}.ci .stepper{grid-column:1}.ci .x{grid-row:1;grid-column:2}}
.empty{border:1.5px dashed var(--line2);border-radius:16px;padding:26px;text-align:center;color:var(--muted)}
.dark .empty,.dk-cfg .empty{border-color:#3a3f46;color:var(--nmuted)}
.tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:16px;margin-top:6px}
.dark .tot,.dk-cfg .tot{border-color:#fff}
.tot b{font-size:30px;font-weight:800;letter-spacing:-.02em}

/* formularz */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
@media(max-width:640px){.form{grid-template-columns:1fr}}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--muted)}
.dark .chk,.dk-cfg .chk{color:var(--nmuted)}
.chk input{margin-top:3px;width:18px;height:18px;accent-color:var(--red);flex:none}
.hp{position:absolute;left:-9999px}
.ok-box{border-radius:var(--r2);padding:30px;background:var(--ok-soft);color:var(--ok);display:flex;flex-direction:column;gap:8px}
.ok-box h3{font-size:26px}
.err-box{border-radius:12px;padding:14px 16px;background:var(--red-soft);color:var(--red);font-size:15px}

/* panel boczny koszyka */
.drawer{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s}
.drawer.open{opacity:1;pointer-events:auto}
.drawer .pn{width:min(520px,100%);height:100%;overflow:auto;background:var(--paper);padding:24px;display:flex;flex-direction:column;gap:16px;transform:translateX(30px);transition:transform .2s}
.drawer.open .pn{transform:none}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:100px;padding:12px 20px;font-weight:700;opacity:0;transition:.2s;z-index:120;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* FAQ */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.dark .faq{border-color:var(--nline)}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.dark .faq details{border-color:var(--nline)}
.faq summary{list-style:none;cursor:pointer;font-size:20px;font-weight:700;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:26px;line-height:1;color:var(--red)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:12px 0 0;color:var(--muted);max-width:75ch}
.dark .faq p{color:var(--nmuted)}

/* podstrony – hero */
.phero{padding-block:clamp(56px,8vw,110px) clamp(40px,6vw,80px);overflow:hidden}
.phero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:900px){.phero .wrap{grid-template-columns:1fr}}
.phero .txt{display:flex;flex-direction:column;gap:22px}
.phero .cta{display:flex;gap:12px;flex-wrap:wrap}
.phero .vis{position:relative;aspect-ratio:4/3;min-height:280px}
.badges{display:flex;flex-wrap:wrap;gap:8px}
.badge{font-size:14px;font-weight:600;border-radius:100px;padding:6px 13px;background:rgba(255,255,255,.08);color:#e2e4e7}
.light .badge,.white .badge{background:var(--card);border:1px solid var(--line);color:var(--ink2)}

.bigcta{border-radius:28px;padding:clamp(32px,5vw,64px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;overflow:hidden;position:relative}
.bigcta::after{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(232,0,28,.55),transparent 65%)}
.bigcta>*{position:relative;z-index:1}
@media(max-width:800px){.bigcta{grid-template-columns:1fr}}
.bigcta p{color:var(--nmuted);margin:12px 0 0}

/* stopka */
.ftr{background:var(--night);color:#d6d9dd;padding-block:56px 30px;font-size:15px}
.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
@media(max-width:860px){.ftr .cols{grid-template-columns:1fr 1fr}}
.ftr h4{margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ftr a{text-decoration:none;color:#c5c9ce;display:block;padding:3px 0}
.ftr a:hover{color:#fff}
.ftr .bot{border-top:1px solid var(--nline);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--nfaint);font-size:13.5px}
.ftr p{margin:10px 0 0;color:var(--nmuted)}

/* animacje wejścia */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.js .rv.shown{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* strona dokumentu */
.doc{max-width:820px}
.doc h2{font-size:26px;margin:36px 0 10px}
.doc p,.doc li{color:var(--ink2)}

/* strona ciemna (Kino domowe) */
body.pg-dark{background:var(--night);color:#fff}
body.pg-dark .hdr{background:color-mix(in srgb,var(--night) 82%,transparent);border-bottom-color:var(--nline)}
.dark .note{background:#2e2410;color:#f3c278}
.dark .tiny,.dk-cfg .tiny{color:var(--nfaint)}
.dark .chk a,.dk-cfg .chk a{color:#fff}
.dark .vert .go{color:#ff5a6b}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.split.s28{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
@media(max-width:900px){.split,.split.s28{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.phero .wrap{grid-template-columns:minmax(0,1fr)}}
.phero .wrap>*{min-width:0}
@media(max-width:600px){#prjForm{padding:18px!important}.h-xl{font-size:clamp(34px,10vw,48px)}}
.drawer{overflow:hidden}.phero .vis{max-width:100%;overflow:visible}


/* ===== v1.1: ABC Prezentacji – logo, pasek kontaktu, ilustracje ===== */
.topbar{background:var(--ink);color:#c9d3e2;font-size:13.5px}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;min-height:36px;align-items:center;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.topbar .tb-r{display:flex;gap:18px;align-items:center}
.topbar .tb-h{color:#9fb0c8}
@media(max-width:760px){.topbar .wrap>span:first-child,.topbar .tb-h{display:none}.topbar .tb-r{gap:14px;width:100%;justify-content:space-between}}
.logo-img{height:28px;width:auto;display:block}
.lg-white{display:none}
.hdr.dk .lg-dark{display:none}.hdr.dk .lg-white{display:block}
@media(max-width:520px){.logo-img{height:22px}.brand .bt{display:none}}
@media(max-width:980px){.nav{top:auto;inset:auto 0 auto 0;position:absolute;top:100%}}
.hdr{position:sticky}
/* ilustracje / zdjęcia */
.scene{display:block;width:100%;height:100%;object-fit:cover}
.hs .art{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);min-height:clamp(220px,34vh,380px)}
.hs-biz .art{box-shadow:0 20px 50px rgba(14,26,43,.14)}
.hs .art img{position:absolute;inset:0}
.phero .vis{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(14,26,43,.25)}
.phero .vis img{position:absolute;inset:0}
.vert .ph{margin:-28px -28px 4px;aspect-ratio:16/9;overflow:hidden;background:var(--paper)}
.vert .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vert:hover .ph img{transform:scale(1.04)}
.vert .vi{margin-top:-46px;position:relative;border:4px solid #fff;background:var(--red)}
.mthumb{width:100%;aspect-ratio:16/7;border-radius:10px;background:linear-gradient(180deg,#eef2f7,#dfe6ef);display:grid;place-items:center;overflow:hidden}
.dk-cfg .mthumb{background:linear-gradient(180deg,var(--night3),var(--night2))}
.mthumb svg{width:86%;height:86%}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery figure{margin:0;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--night2)}
.gallery figure.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figcaption{position:absolute;left:12px;bottom:12px;background:rgba(11,21,38,.78);color:#fff;font-size:13.5px;font-weight:700;padding:6px 11px;border-radius:100px;backdrop-filter:blur(6px)}
@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr}.gallery figure.big{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}}
.sc-card{text-align:left;cursor:pointer;padding:0!important;overflow:hidden;gap:0!important}
.sc-card .ph{aspect-ratio:16/9;overflow:hidden}
.sc-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sc-card:hover .ph img{transform:scale(1.04)}
.sc-card .tx{padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.nav a{white-space:nowrap}
@media(max-width:1240px) and (min-width:981px){.brand .bt{display:none}.nav a{padding:9px 10px}}
.phero .vis{aspect-ratio:16/10}

/* ===== v1.3: Kupuję, cena RRP przekreślona, próg projektu ===== */
.rrp{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13.5px}
.rrp s{color:var(--faint);font-weight:600}
.rrp span{background:var(--red);color:#fff;font-weight:800;border-radius:100px;padding:2px 9px;font-size:12.5px}
.btn-buy{font-size:18px;padding:16px 28px;letter-spacing:.02em}
.gate{border-radius:14px;padding:14px 16px;font-size:15px;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.gate.no{background:var(--warn-soft);color:var(--warn)}
.gate.ok{background:var(--ok-soft);color:var(--ok)}
.gate b{display:block}
.gate .btn{margin-left:auto}
.meter{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin-top:8px;width:100%}
.meter i{display:block;height:100%;background:var(--red);border-radius:8px;transition:width .3s}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-ghost[data-add]{white-space:normal;line-height:1.25}
.buybar{position:fixed;left:50%;bottom:20px;transform:translate(-50%,30px);z-index:110;background:var(--ink);color:#fff;border-radius:18px;padding:12px 12px 12px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 50px rgba(14,26,43,.35);opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 24px)}
.buybar.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.buybar b{display:block}
.buybar span{font-size:14px;color:#c9d3e2}
.buybar .x{width:34px;height:34px;border-radius:50%;border:1.5px solid #3a4a66;background:none;color:#fff;cursor:pointer;font-size:18px}
@media(max-width:600px){.buybar{flex-wrap:wrap;left:12px;right:12px;transform:translateY(30px);max-width:none}.buybar.on{transform:none}}
.fld label.ck,.fld .ck .t{text-transform:none;letter-spacing:0;font-size:15.5px;font-weight:500;color:var(--ink)}.dk-cfg .fld label.ck,.dk-cfg .fld .ck .t{color:#fff}
.p24{background:#d13239;color:#fff!important;border-radius:6px;padding:3px 8px;font-size:13px!important;letter-spacing:.02em}
.ship{display:inline-flex;align-items:center;gap:8px;background:var(--ok-soft);color:var(--ok);font-weight:700;border-radius:100px;padding:6px 14px;font-size:14.5px}
.chk{display:block;position:relative;padding-left:30px}
.chk input{position:absolute;left:0;top:1px;margin:0}

/* ===== v1.5: SEO – podstrony, kategorie, produkty, poradniki ===== */
.dd{position:relative}
.ddm{position:absolute;top:100%;left:0;min-width:270px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;flex-direction:column;z-index:80}
.ddm a{padding:9px 12px!important;border-radius:9px;font-size:15px!important;color:var(--ink2)!important}
.ddm a:hover{background:var(--paper)!important}
.dd:hover .ddm,.dd:focus-within .ddm{display:flex}
.hdr.dk .ddm{background:var(--night2);border-color:var(--nline)}.hdr.dk .ddm a{color:#d6d9dd!important}.hdr.dk .ddm a:hover{background:rgba(255,255,255,.08)!important}
@media(max-width:980px){.dd{display:flex;flex-direction:column}.ddm{position:static;display:flex;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0;background:transparent}.ddm a{font-size:15px!important;padding:8px 12px!important}}
.bc ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.bc li+li::before{content:"›";margin-right:6px;color:var(--faint)}
.bc a{color:var(--muted);text-decoration:none}.bc a:hover{color:var(--red)}
.chero{background:var(--card);border-bottom:1px solid var(--line);padding-block:28px clamp(32px,5vw,56px)}
.chero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
.chero-in .txt{display:flex;flex-direction:column;gap:16px}
.chero-in .vis{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper)}
.chero-in .vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chero-in.prod .vis{aspect-ratio:auto;overflow:visible;box-shadow:none;background:none;display:flex;flex-direction:column;gap:12px}
.prodvis .mthumb.big{aspect-ratio:16/8.3;border-radius:20px}
.prodvis .scene.sm{position:static!important;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}
@media(max-width:900px){.chero-in{grid-template-columns:minmax(0,1fr)}}
.chero .cta{display:flex;gap:10px;flex-wrap:wrap}
.pprice{display:flex;flex-direction:column;gap:2px}
.pprice span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pprice b{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.pprice small{color:var(--muted);font-size:14.5px}
.ticks{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:15px;color:var(--ink2)}
.ticks li::before{content:"✓ ";color:var(--ok);font-weight:800}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.pcard:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}
.pcard .pt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.pcard h3{font-size:21px;font-weight:800;letter-spacing:-.01em}
.pcard p{margin:0;color:var(--muted);font-size:15px}
.pcard .pf{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.pcard .pf b{color:var(--ink)}
.pcard .gph{margin:-18px -18px 6px;aspect-ratio:16/9;overflow:hidden;border-radius:18px 18px 0 0}
.pcard .gph img{width:100%;height:100%;object-fit:cover}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line2);border-radius:100px;padding:8px 14px;text-decoration:none;font-weight:600;font-size:15px;background:var(--card)}
.chip:hover{border-color:var(--red);color:var(--red)}
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:var(--card)}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--paper)}
.tbl.spec th{width:38%;color:var(--muted);font-weight:600}
.tblwrap2{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.tblwrap2 .tbl{min-width:560px}
.prose{max-width:76ch}
.prose h2{font-size:26px;margin:30px 0 10px;letter-spacing:-.015em}
.prose h3{font-size:20px;margin:22px 0 8px}
.prose p,.prose li{color:var(--ink2);font-size:17px}
.prose a,.doc a,.side a,.muted a{color:var(--red)}
.prose .tbl{margin:14px 0}
.split.s28r{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.side{display:flex;flex-direction:column;gap:14px;position:sticky;top:92px}
.side ul{margin:6px 0 0;padding-left:18px}
.side li{margin:4px 0}
@media(max-width:900px){.split.s28r{grid-template-columns:minmax(0,1fr)}.side{position:static}.ticks{grid-template-columns:1fr}}
.ftr .cols5{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:28px}
@media(max-width:1000px){.ftr .cols5{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr .cols5{grid-template-columns:1fr}}
.catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:980px){.catgrid{grid-template-columns:1fr 1fr}}
.catc{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;text-decoration:none;color:#fff;display:flex;align-items:flex-end}
.catc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.catc:hover img{transform:scale(1.05)}
.catc span{position:relative;z-index:1;padding:14px 16px;width:100%;background:linear-gradient(transparent,rgba(11,21,38,.85));font-weight:800;font-size:18px}
.catc small{display:block;font-weight:500;font-size:13px;color:#c9d3e2}
.side a.btn-red,.muted a.btn-red,.prose a.btn-red{color:#fff}.side a.btn-ghost{color:var(--ink)}

/* v1.6 – strona startowa: podział Dom / Biznes w jednym ekranie (Full HD i laptopy) */
.hero-split{grid-template-rows:auto minmax(0,1fr);height:calc(100vh - var(--hdr,142px));height:calc(100svh - var(--hdr,142px));min-height:540px;max-height:980px}
.hs-top{grid-column:1/-1;background:var(--ink);color:#fff;text-align:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.hs-top h1{margin:0;font-size:clamp(17px,1.5vw,22px);font-weight:800;letter-spacing:-.01em;line-height:1.25}
.hs-top h1 span{font-weight:400;color:var(--nmuted)}
.hs{min-height:0;justify-content:flex-start;gap:clamp(8px,1.5vh,16px);padding:clamp(18px,3vh,40px) clamp(22px,4vw,72px) clamp(20px,3.4vh,44px)}
.hs .art{display:block;flex:1 1 auto;min-height:120px;max-height:420px;margin:0 0 clamp(4px,1vh,12px);pointer-events:auto}
.hs .k{font-size:12.5px}
.hs h2{font-size:clamp(34px,min(3.6vw,6.2vh),60px);line-height:1.02}
.hs h2 a{color:inherit;text-decoration:none}
.hs h2 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.hs p{font-size:clamp(15.5px,1.9vh,18px);max-width:52ch}
.hs .bullets span{font-size:13px;padding:4px 11px}
.hs .cta{display:flex;flex-wrap:wrap;gap:10px}
.hs .cta .btn{padding:clamp(11px,1.6vh,15px) 24px}
.hs .cta .btn-buy{font-size:17px}
.hs-home .cta .btn-ink{background:#fff;color:var(--ink)}
@media(max-height:760px) and (min-width:901px){.hs .bullets{display:none}}
@media(max-width:900px){.hero-split{height:auto;max-height:none;min-height:0}.hs .art{flex:none;height:220px}.hs-top{text-align:left}}

/* v1.6 – konfigurator: ceny brutto + netto, większe miniatury, limity rozmiaru */
.n2{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.dk-cfg .n2{color:var(--nmuted)}
.mc .from .n2{text-align:right}
.mc .mt{align-items:flex-start}
.ck .p{text-align:right}
.mthumb{aspect-ratio:16/8.4}
.mthumb svg{width:100%;height:100%}
.sizeinfo .lim{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.dk-cfg .sizeinfo .lim{color:var(--nmuted)}
.sizeinfo .lim.hit{color:var(--red);font-weight:700}
select.in{appearance:auto}
.vtabs{display:flex;gap:4px;padding:10px 10px 0;background:linear-gradient(180deg,#f1f0ec,#ecebe6)}
.dk-cfg .vtabs{background:#140f12}
.vtabs button{flex:1;border:0;border-radius:10px 10px 0 0;padding:10px 8px;font:700 14px/1.1 inherit;font-family:inherit;cursor:pointer;background:transparent;color:var(--muted)}
.dk-cfg .vtabs button{color:var(--nmuted)}
.vtabs button[aria-selected="true"]{background:#e8e6e1;color:var(--ink)}
.dk-cfg .vtabs button[aria-selected="true"]{background:#24171b;color:#fff}
.sumcard .viz svg{display:block;width:100%;height:auto}

/* v1.6 – 5 wersji kolorystycznych do wyboru (przełącznik w górnym pasku) */
.pal{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.pal-l{font-size:12.5px;opacity:.75}
.pal button{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.55);padding:0;cursor:pointer;background:linear-gradient(135deg,var(--sw1) 50%,var(--sw2) 50%)}
.pal button[aria-pressed="true"]{outline:2px solid #fff;outline-offset:2px}
.pal button[data-pal=""]{--sw1:#0B1526;--sw2:#E8001C}
.pal button[data-pal="grafit"]{--sw1:#1a1b1f;--sw2:#E8001C}
.pal button[data-pal="kino"]{--sw1:#1a0d12;--sw2:#c9a24a}
.pal button[data-pal="petrol"]{--sw1:#062a30;--sw2:#ff6a3d}
.pal button[data-pal="miedz"]{--sw1:#f2e6d6;--sw2:#b5562b}
.pal button[data-pal="terakota"]{--sw1:#f0dccf;--sw2:#c4502e}
.pal button[data-pal="miod"]{--sw1:#f4e6c4;--sw2:#b06d0e}
.pal button[data-pal="wino"]{--sw1:#efdfd6;--sw2:#9e2a3a}
.pal button[data-pal="brzoskwinia"]{--sw1:#f8e1d4;--sw2:#d2643f}
.pal button[data-pal="oliwka"]{--sw1:#e9e5cf;--sw2:#a5761c}
@media(max-width:700px){.pal-l{display:none}}

/* 2. Grafit – neutralna antracytowa czerń, czerwień ABC */
:root[data-pal="grafit"]{
  --ink:#16171a; --ink2:#2a2c31; --muted:#5f636b; --faint:#8b9098;
  --paper:#f4f4f2; --line:#e3e3df; --line2:#d0d0cb;
  --night:#111214; --night2:#17181b; --night3:#212328; --nline:#2e3036; --nmuted:#b0b3b9; --nfaint:#767a82;
  --shadow:0 1px 2px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.08);
}
/* 3. Kino – bordo, czerń i złoto */
:root[data-pal="kino"]{
  --red:#b3122e; --red-h:#cf1838; --red-soft:#f8e6e9;
  --ink:#1b0f14; --ink2:#35202a; --muted:#6c5a61; --faint:#9a8a90;
  --paper:#f7f3ee; --line:#ebe2d8; --line2:#dccfbf;
  --blue:#c9a24a; --blue-soft:#f6eedb;
  --night:#120a0e; --night2:#1b1016; --night3:#26161e; --nline:#3a2530; --nmuted:#d3c2b4; --nfaint:#8f7b80;
}
:root[data-pal="kino"] .eyebrow,:root[data-pal="kino"] .hs-home .k{color:#c9a24a}
/* 4. Petrol – głęboki morski z koralowym akcentem */
:root[data-pal="petrol"]{
  --red:#f2552c; --red-h:#ff6a3d; --red-soft:#ffece5;
  --ink:#0b2830; --ink2:#1d3d46; --muted:#55707a; --faint:#86a0a8;
  --paper:#f1f6f6; --line:#dbe7e8; --line2:#c5d7d9;
  --blue:#13a3a8; --blue-soft:#e2f4f4;
  --night:#06222a; --night2:#0a2d36; --night3:#103a45; --nline:#1d4b56; --nmuted:#a7c3c8; --nfaint:#6c8f97;
}

/* v1.6 – poradniki */
.gwrap{grid-template-columns:minmax(0,1fr) 320px!important;gap:56px}
@media(max-width:1000px){.gwrap{grid-template-columns:minmax(0,1fr)!important}}
.gwrap .prose{max-width:78ch}
.side .sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.toc b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.toc ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.toc li{font-size:14.5px;line-height:1.35}.toc a{color:var(--ink2)!important;text-decoration:none}.toc a:hover{color:var(--red)!important}
@media(max-width:1000px){.side .sticky{position:static}}
.tldr{background:var(--red-soft);border-left:4px solid var(--red);border-radius:12px;padding:16px 20px;margin:0 0 26px}
.tldr b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.tldr ul{margin:0;padding-left:18px}.tldr li{font-size:16px;margin:3px 0}
.gmeta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:14px;color:var(--muted)}
.gmeta span+span::before{content:"·";margin-right:16px;opacity:.6}
.prose h2[id],.gl,.gl-l,#kalkulator{scroll-margin-top:96px}
.gcta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:var(--r2);padding:22px 24px;margin:34px 0}
.gcta div{flex:1 1 260px}.gcta b{display:block;font-size:20px}.gcta span{color:var(--nmuted);font-size:15px}
.gcta .btn-ink{background:#fff;color:var(--ink)}
.prose .gcta a{color:inherit}.prose .gcta .btn-red{color:#fff}
.gfeat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
@media(max-width:900px){.gfeat{grid-template-columns:1fr}}
.gfeat a{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--ink);color:#fff;border-radius:var(--r2);padding:22px}
.gfeat a:nth-child(2){background:var(--night3)}.gfeat a:nth-child(3){background:var(--red)}
.gfeat .pt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-weight:700}
.gfeat b{font-size:22px;line-height:1.15}.gfeat span:last-child{font-size:15px;opacity:.85}
.gfilter{margin:6px 0 10px}.gfilter button.chip{cursor:pointer;font:inherit}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.gsec{margin-top:34px}
.gcard .pt{font-size:12.5px}
.kalk{background:var(--card);border:1.5px solid var(--line2);border-radius:var(--r2);padding:22px;margin:24px 0}
.kalk h3{margin:0 0 14px!important}
.kalk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:700px){.kalk-g{grid-template-columns:1fr}}
.kalk-r{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.kalk .kr{background:var(--paper);border-radius:12px;padding:10px 14px;min-width:150px}
.kalk .kr span{display:block;font-size:12.5px;color:var(--muted)}.kalk .kr b{font-size:24px}
.kalk .hint{flex-basis:100%;margin:2px 0}
.prose .kalk a.btn{color:#fff}
.glos{margin:0}.gl{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:700px){.gl{grid-template-columns:1fr;gap:4px}}
.gl dt{font-weight:800}.gl dd{margin:0;color:var(--ink2)}
.gl:target{background:var(--red-soft);border-radius:8px;padding-inline:10px}
.gl-l{font-size:30px!important;color:var(--red);margin-top:30px!important}
.az{position:sticky;top:70px;background:var(--paper);padding:8px 0;z-index:2}
.prose,.doc{overflow-wrap:anywhere}
.tb-r a{white-space:nowrap}

/* v1.6 – strona Kontakt */
.khero{background:linear-gradient(180deg,var(--night),var(--night3));color:#fff;padding:22px 0 56px}
.khero .bc a,.khero .bc span{color:var(--nmuted)}
.khero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;margin-top:26px}
@media(max-width:900px){.khero-in{grid-template-columns:minmax(0,1fr)}}
.khero .lead{color:var(--nmuted);max-width:56ch}
.khero .red{color:var(--red-h)}
.kbig{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}
.kcall{display:flex;align-items:center;gap:14px;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid var(--nline);border-radius:18px;padding:14px 20px 14px 14px;color:#fff;transition:background .15s,border-color .15s}
.kcall:hover{background:rgba(255,255,255,.1);border-color:var(--red)}
.kcall .ki{background:var(--red);color:#fff}
.kcall small{display:block;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--nmuted);font-weight:700}
.kcall b{font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;overflow-wrap:anywhere}
.ki{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--red-soft);color:var(--red)}
.khours{display:flex;align-items:center;gap:10px;color:var(--nmuted);margin:0}
.khours b{color:#fff}.khours .dot{width:10px;height:10px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.2)}
.kvis{border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);aspect-ratio:16/11}
.kvis img{width:100%;height:100%;object-fit:cover}
.kcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-56px;position:relative}
@media(max-width:1000px){.kcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.kcards{grid-template-columns:1fr}}
.kcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:22px;box-shadow:var(--shadow)}
.kcard h3{margin:14px 0 6px;font-size:19px}.kcard p{margin:0 0 6px}
.kcard a{color:var(--ink);font-weight:700;text-decoration:none}.kcard a:hover{color:var(--red)}
.kform-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start}
@media(max-width:900px){.kform-wrap{grid-template-columns:minmax(0,1fr)}}
#kForm{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:26px}
.kpref{display:flex;gap:10px;flex-wrap:wrap}
.kmap{border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#e9edf3;position:relative}
.kmap iframe{width:100%;height:100%;border:0;display:block}
.kmap-ph{position:absolute;inset:0}.kmap-ph svg{width:100%;height:100%}
.kmap-ph>div{position:absolute;left:16px;right:16px;bottom:16px;background:var(--card);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.kmap-ph>div b{flex-basis:100%}.kmap-ph>div span{flex:1;font-size:13.5px;color:var(--muted)}
.kfirm{margin-top:18px;background:var(--paper);border-radius:var(--r2);padding:20px 22px}
.kfirm h3{margin:0 0 8px}.kfirm p{margin:0 0 10px}
.kfirm dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.kfirm dt{color:var(--muted)}.kfirm dd{margin:0;font-weight:700}
.kquick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:900px){.kquick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kquick a{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;transition:border-color .15s,transform .15s}
.kquick a:hover{border-color:var(--red);transform:translateY(-2px)}
.kquick b{font-size:18px}.kquick span{color:var(--muted);font-size:14.5px}
@media(max-width:480px){.tb-r a[href^="mailto"]{display:none}}
.khero .bc li,.khero .bc li a{color:var(--nmuted)}
/* v1.6 – nagłówki podstron mieszczą się w jednym ekranie (Full HD i laptopy) */
@media(min-width:901px){
  .phero{padding-block:clamp(28px,4.5vh,64px) clamp(28px,4vh,56px);min-height:0}
  .phero .h-xl{font-size:clamp(40px,min(4.6vw,7.4vh),72px);line-height:1.02}
  .phero .txt{gap:clamp(12px,2vh,20px)}
  .phero .lead{font-size:clamp(17px,2.1vh,20px)}
  .phero .vis{aspect-ratio:auto;height:clamp(300px,52vh,520px);min-height:0}
  .phero .badges{gap:8px}
}
/* kontakt v2 – mapa, „dlaczego my”, zachęta do zakupu */
.kmapband{position:relative;height:clamp(420px,58vh,560px);background:#e9edf3;overflow:hidden}
.kmapband iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.9)}
.kmapband .wrap{position:relative;height:100%;display:flex;align-items:center;pointer-events:none}
.kmapcard{pointer-events:auto;background:var(--card);border-radius:var(--r2);box-shadow:0 24px 60px rgba(14,26,43,.22);padding:28px 30px;width:min(420px,100%);border-top:5px solid var(--red)}
.kmapcard h2{margin:6px 0 4px;font-size:30px;letter-spacing:-.02em}
.kmapcard .addr{font-size:20px;line-height:1.35;margin:0 0 16px;font-weight:600}
.kmeta{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid var(--line)}
.kmeta li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.kmeta span{color:var(--muted)}.kmeta a{text-decoration:none;color:var(--ink)}.kmeta a:hover b{color:var(--red)}
.kmapcard .muted{font-size:14px;margin:0 0 16px}
.kmapbtns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.kmapband{height:auto;display:flex;flex-direction:column}.kmapband iframe{position:relative;height:320px}.kmapband .wrap{padding-block:16px}.kmapcard{box-shadow:var(--shadow)}}
.kwhy{background:var(--ink);color:#fff;border-radius:var(--r2);padding:24px 26px}
.kwhy h3{margin:0 0 14px;font-size:21px}
.kwhy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kwhy li{position:relative;padding-left:30px;display:flex;flex-direction:column}
.kwhy li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.kwhy li span{color:var(--nmuted);font-size:14.5px}
.kbuy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,var(--night),var(--night3));color:#fff;border-radius:var(--r2);padding:30px 34px;margin-bottom:16px}
.kbuy h2{margin:0 0 6px;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em}.kbuy p{margin:0;color:var(--nmuted)}
.kbuy-b{display:flex;gap:10px;flex-wrap:wrap}
.btn-light{background:#fff;color:var(--ink)}
.kmapbg{position:absolute;inset:0}.kmapbg svg{width:100%;height:100%}@media(max-width:700px){.kmapbg{display:none}}
/* własne przyciski ± zamiast systemowych strzałek */
.numx{display:flex;align-items:stretch;border:1.5px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--card)}
.dk-cfg .numx{border-color:#3a3f46;background:var(--night3)}
.numx:focus-within{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.numx .in{border:0!important;box-shadow:none!important;border-radius:0;text-align:center;font-size:20px;font-weight:800;min-width:0;flex:1;background:transparent}
.numx .nb{flex:none;width:52px;border:0;background:var(--paper);color:var(--ink);font-size:24px;font-weight:700;cursor:pointer;user-select:none;touch-action:manipulation;transition:background .12s}
.dk-cfg .numx .nb{background:rgba(255,255,255,.06);color:#fff}
.numx .nb:hover{background:var(--red);color:#fff}
.numx .nb:active{transform:scale(.96)}
.numx input[type=number]{-moz-appearance:textfield;appearance:textfield}
.numx input::-webkit-outer-spin-button,.numx input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fld .nh{display:block;font-size:12px;color:var(--muted);margin-top:4px}.dk-cfg .fld .nh{color:var(--nfaint)}
.ob[disabled]{opacity:.35;cursor:not-allowed}

/* 5–10. Ciepłe palety – kremowe tła, ciepłe panele i akcenty */
:root[data-pal="miedz"]{
  --red:#b5562b; --red-h:#c9683b; --red-soft:#f7e6da;
  --ink:#3b2a1e; --ink2:#55402f; --muted:#7d6a5a; --faint:#a89786;
  --paper:#f7f1e8; --card:#fffaf2; --line:#ebe0d0; --line2:#dfd0bb;
  --blue:#8a6a48; --blue-soft:#f2e8da;
  --night:#3a281d; --night2:#453124; --night3:#523b2c; --nline:#654c3a; --nmuted:#e2d1bf; --nfaint:#a99079;
  --shadow:0 1px 2px rgba(59,42,30,.05),0 10px 30px rgba(59,42,30,.08);
}
:root[data-pal="terakota"]{
  --red:#c4502e; --red-h:#d8633f; --red-soft:#f8e3da;
  --ink:#3d241b; --ink2:#573a2e; --muted:#80645a; --faint:#ab958c;
  --paper:#f6ece4; --card:#fdf6f0; --line:#ecddd1; --line2:#e0cbbc;
  --blue:#9c5b43; --blue-soft:#f3e3da;
  --night:#40261c; --night2:#4b2e22; --night3:#59382a; --nline:#6d4a3a; --nmuted:#e8d0c3; --nfaint:#ad8c7d;
  --shadow:0 1px 2px rgba(61,36,27,.05),0 10px 30px rgba(61,36,27,.08);
}
:root[data-pal="miod"]{
  --red:#b06d0e; --red-h:#c78117; --red-soft:#f9ebd2;
  --ink:#3a2c14; --ink2:#544325; --muted:#7c6c4f; --faint:#a89a80;
  --paper:#faf4e6; --card:#fffbf1; --line:#eee3c9; --line2:#e2d3b1;
  --blue:#8f7330; --blue-soft:#f4ead2;
  --night:#3a2c18; --night2:#45351e; --night3:#524026; --nline:#665236; --nmuted:#e8dabb; --nfaint:#ab9a74;
  --shadow:0 1px 2px rgba(58,44,20,.05),0 10px 30px rgba(58,44,20,.08);
}
:root[data-pal="wino"]{
  --red:#9e2a3a; --red-h:#b73a4b; --red-soft:#f6e1e4;
  --ink:#34171d; --ink2:#4e2e35; --muted:#7a5d63; --faint:#a68f94;
  --paper:#f6efe9; --card:#fffaf6; --line:#ecdfd8; --line2:#dfcdc4;
  --blue:#8b5a4a; --blue-soft:#f2e4de;
  --night:#33161c; --night2:#3e1c23; --night3:#4b232b; --nline:#5e333c; --nmuted:#e5cdd1; --nfaint:#a7858c;
  --shadow:0 1px 2px rgba(52,23,29,.05),0 10px 30px rgba(52,23,29,.08);
}
:root[data-pal="brzoskwinia"]{
  --red:#d2643f; --red-h:#e47852; --red-soft:#fbe6dc;
  --ink:#3a2620; --ink2:#553e36; --muted:#7f675e; --faint:#ac968d;
  --paper:#fbf1ea; --card:#fffaf6; --line:#f0e0d5; --line2:#e5cfc1;
  --blue:#b07a5c; --blue-soft:#f7e8dd;
  --night:#3d2a24; --night2:#48322b; --night3:#563c33; --nline:#6b4f44; --nmuted:#ecd6cb; --nfaint:#b09587;
  --shadow:0 1px 2px rgba(58,38,32,.05),0 10px 30px rgba(58,38,32,.08);
}
:root[data-pal="oliwka"]{
  --red:#a5761c; --red-h:#bb8a2a; --red-soft:#f5ebd3;
  --ink:#2f2e1d; --ink2:#484631; --muted:#727057; --faint:#9f9c84;
  --paper:#f4f1e6; --card:#fdfbf3; --line:#e6e2cf; --line2:#d8d2b8;
  --blue:#7d7a45; --blue-soft:#efedd9;
  --night:#33321f; --night2:#3d3c25; --night3:#49472d; --nline:#5c5a3c; --nmuted:#dedab9; --nfaint:#a29e7b;
  --shadow:0 1px 2px rgba(47,46,29,.05),0 10px 30px rgba(47,46,29,.08);
}
@media(max-width:600px){.pal{gap:4px}.pal button{width:15px;height:15px;border-width:1.5px}}
/* v1.6c – nagłówek podstrony + czerwony pasek mieszczą się w pierwszym ekranie (Full HD i laptopy) */
@media(min-width:901px){
  .phero{padding-block:clamp(22px,3.2vh,48px) clamp(20px,3vh,40px)}
  .phero .h-xl{font-size:clamp(38px,min(4.2vw,6.2vh),66px)}
  .phero .lead{font-size:clamp(16px,1.9vh,19px);line-height:1.5}
  .phero .vis{height:clamp(260px,44vh,460px)}
  .phero .tiny{margin:0}
  .phero .badges{flex-wrap:nowrap;overflow:hidden}
  .phero .badges .badge{white-space:nowrap}
  .phero .btn-buy{padding-block:clamp(12px,1.7vh,16px)}
  .promo .wrap{padding-block:clamp(12px,1.8vh,20px)}
  .promo b{font-size:clamp(19px,2.6vh,26px)}
}
/* kontakt v3 – wyrafinowany, jasny układ */
.kx-hero{background:var(--card);border-bottom:1px solid var(--line);padding:22px 0 0}
.kx-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:56px;align-items:end;margin:34px 0 40px}
@media(max-width:900px){.kx-top{grid-template-columns:minmax(0,1fr);gap:24px}}
.kx-h1{font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:10px 0 14px;max-width:16ch}
.kx-h2{font-size:clamp(26px,2.4vw,36px);line-height:1.1;letter-spacing:-.02em;margin:10px 0 10px}
.kx-lead{font-size:18px;color:var(--muted);max-width:60ch;margin:0}
.kx-status{border:1px solid var(--line);border-radius:20px;padding:22px 24px;background:var(--paper);display:flex;flex-direction:column;gap:14px}
.kx-st{display:flex;align-items:center;gap:10px;font-size:15.5px}
.kx-dot{width:9px;height:9px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.18);flex:none}
.kx-dot.off{background:#c9a24a;box-shadow:0 0 0 4px rgba(201,162,74,.2)}
.kx-hours{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:0;font-size:15px;padding-top:12px;border-top:1px solid var(--line)}
.kx-hours dt{color:var(--muted)}.kx-hours dd{margin:0;font-weight:700}
.kx-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
@media(max-width:900px){.kx-strip{grid-template-columns:minmax(0,1fr)}}
.kx-i{display:flex;flex-direction:column;gap:4px;padding:26px 28px 28px 0;position:relative}
.kx-i+.kx-i{padding-left:28px;border-left:1px solid var(--line)}
@media(max-width:900px){.kx-i+.kx-i{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.kx-ic{color:var(--red);margin-bottom:6px}
.kx-l{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kx-v{font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.015em;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
a.kx-v:hover{color:var(--red)}
.kx-s{font-size:14.5px;color:var(--muted)}.kx-s a{color:var(--ink2);text-decoration:none}.kx-s a:hover{color:var(--red)}
.kmapcard{border-top:0!important;border:1px solid var(--line);box-shadow:0 18px 50px rgba(14,26,43,.16)!important}
.kx-formsec{background:var(--paper)}
.kx-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
@media(max-width:900px){.kx-grid{grid-template-columns:minmax(0,1fr);gap:32px}}
.kx-list{list-style:none;margin:26px 0;padding:0;border-top:1px solid var(--line)}
.kx-list li{display:flex;flex-direction:column;padding:14px 0 14px 26px;border-bottom:1px solid var(--line);position:relative}
.kx-list li::before{content:"";position:absolute;left:0;top:22px;width:12px;height:2px;background:var(--red)}
.kx-list b{font-size:17px}.kx-list span{color:var(--muted);font-size:15px}
.kx-firm p{margin:6px 0 0;font-size:15px;color:var(--ink2)}
.kx-ids{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted)}
.kx-formcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.kx-formcard #kForm{background:transparent;border:0;padding:0}
.kx-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:24px;padding:30px 34px;background:var(--card)}
.kx-cta p{margin:0;color:var(--muted)}
.kx-cta-b{display:flex;gap:10px;flex-wrap:wrap}
/* strony modeli v2 */
.prose .lead2{font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 8px}
.hlgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1000px){.hlgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hlgrid{grid-template-columns:minmax(0,1fr)}}
.hl{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;border-top:3px solid var(--red)}
.hl b{display:block;font-size:18px;margin-bottom:6px}.hl p{margin:0;color:var(--muted);font-size:15.5px}
.glinks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.glinks li{border-bottom:1px solid var(--line)}
.glinks a{display:block;padding:12px 0;text-decoration:none;font-weight:700;color:var(--ink)}.glinks a:hover{color:var(--red)}
.glinks a::after{content:" →";color:var(--red)}
@media(min-width:901px){.specside{position:sticky;top:96px}}
/* grupy opcji (konfigurator v0.4) */
.ogs{display:flex;flex-direction:column;gap:14px;margin-bottom:6px}
.og .lbl{display:block;margin-bottom:6px}
.ogc{display:flex;flex-wrap:wrap;gap:8px}
.oc{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line2);border-radius:12px;padding:9px 12px;cursor:pointer;background:var(--card);flex:1 1 220px;min-width:0}
.dk-cfg .oc{background:var(--night3);border-color:#3a3f46;color:#fff}
.oc input{accent-color:var(--red);flex:none}
.oc .t{flex:1;font-size:14.5px;line-height:1.3}
.oc .p{font-size:13.5px;font-weight:700;text-align:right;white-space:nowrap}
.oc.on{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.dk-cfg .oc.on{box-shadow:0 0 0 3px rgba(232,0,28,.25)}

/* ===== v2.2: telefony w pasku górnym ===== */
.topbar .tb-r{flex-wrap:wrap}
@media(max-width:1500px){.topbar .wrap>span:first-child{display:none}.topbar .tb-r{width:100%;justify-content:flex-end}}
@media(max-width:1180px){.topbar .tb-h,.topbar .tb-mail{display:none}}
@media(max-width:820px){.topbar .tb-m{display:none}.topbar .tb-r{justify-content:center}}
.ftr p a small{opacity:.7;font-weight:400}
/* ===== v2.2: rabat czasowy, płatności, zapytanie o projektor ===== */
.seg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:560px){.seg3{grid-template-columns:1fr}}
.cartbtn .pt{background:var(--ok);color:#fff;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.promo-box{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--ok);border-left:6px solid var(--ok);border-radius:var(--r);padding:14px 18px;margin-bottom:14px}
.promo-box .pb-ic{font-size:26px;line-height:1}
.promo-box .pb-t{flex:1;font-size:14.5px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.promo-box .pb-t b{color:var(--ok);font-size:17px}
.promo-box .pb-clock{font-size:30px;font-weight:800;color:var(--ok);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:92px;text-align:right}
.promo-chip{display:inline-block;margin-top:6px;background:var(--ok-soft);color:var(--ok);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700}
.ci .pr .was{display:block;font-weight:500;font-size:13px;color:var(--faint)}
.projbox{margin-top:28px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);overflow:hidden}
.pj-top{display:flex;align-items:center;gap:18px;padding:20px 22px;background:linear-gradient(90deg,var(--paper),var(--card));flex-wrap:wrap}
.pj-ic{color:var(--ink);flex:none}
.pj-t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}
.pj-t b{font-size:19px}
.pj-t span{font-size:14.5px;color:var(--muted)}
.pj-form{padding:20px 22px;border-top:1px solid var(--line)}
.pj-form .bud{display:grid;grid-template-columns:1fr auto;gap:8px}
.pj-sep .form{margin-top:4px}
#projBox .ok-box{margin:16px}
.doc ol,.doc ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.doc ol ul{margin-top:6px}
.note-box{background:var(--paper);border:1px dashed var(--line2);border-radius:var(--r);padding:16px 18px;font-size:15px;line-height:1.7;margin:14px 0}
/* ===== v2.2: karty katalogowe ===== */
.kbtn{gap:8px}.kbtn small{font-weight:400;opacity:.7}
.kline{margin:10px 0 0}.kline .link{display:inline-flex;align-items:center;gap:8px;border:0;color:var(--blue)}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.kcardf{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;text-decoration:none;transition:border-color .15s}
.kcardf:hover{border-color:var(--ink)}
.kth{width:92px;flex:none;aspect-ratio:16/10;background:var(--paper);border-radius:6px;display:grid;place-items:center;overflow:hidden}
.kth img,.kth svg{width:100%;height:100%;object-fit:contain}
.kth.kdoc{font-weight:800;color:var(--red);letter-spacing:.06em}
.kt{display:flex;flex-direction:column;gap:2px}.kt small{color:var(--muted);font-size:13px}
.mthumb img{width:94%;height:94%;object-fit:contain;display:block}
.mthumb.big img{width:100%;height:100%}
.prodvis .mthumb img,.vis .mthumb img{position:static!important;inset:auto!important;width:92%!important;height:92%!important;object-fit:contain!important}
.kth img{position:static!important}
@media(max-width:600px){.ck .p{white-space:normal;max-width:42%;font-size:13px}}
/* ===== v2.3: infografika projektora w koszyku ===== */
.projbox{margin:22px 0 6px;border:0;background:transparent;overflow:visible}
.pjx{position:relative;border-radius:var(--r2);padding:26px 26px 22px;color:#fff;background:radial-gradient(120% 90% at 85% 10%,#24406e 0%,#13233d 45%,#0b1526 100%);box-shadow:0 18px 50px rgba(11,21,38,.28);overflow:hidden}
.pjx::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(120,180,255,.25),transparent 70%);pointer-events:none}
.pjx-head{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:640px}
.pjx-badge{align-self:flex-start;background:#2fbf71;color:#06301b;font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:4px 12px}
.pjx h2{color:#fff;font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.pjx-head p{margin:0;color:#c7d3e6;font-size:15.5px}
.pjx-svg{position:relative;z-index:1;width:100%;height:auto;margin:14px 0 6px;display:block}
.pjx-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.pjx-stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.pjx-stats span{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:#9fb4d4;font-weight:700}
.pjx-stats b{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pjx-stats small{font-size:12.5px;color:#b5c3d9;line-height:1.35}
@media(max-width:760px){.pjx-stats{grid-template-columns:1fr 1fr}}
.pjx-cta{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.pjx-cta .btn-buy{font-size:17px}
.pjx-note{color:#b5c3d9;font-size:13.5px;max-width:320px}
.projbox .pj-form{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r2) var(--r2);margin-top:-8px;padding-top:28px}
@media(max-width:600px){.pjx{padding:20px 16px}.pjx-cta .btn{white-space:normal;width:100%;text-align:center}.pjx-stats b{font-size:17px}.pjx-stats div{padding:10px}}
.drawer .dci{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.dci-r{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dci-r .pr{margin-left:auto}
.custasp{margin-top:12px}
.custasp .in[readonly]{background:var(--paper)}
/* ===== v2.5: jaśniejsza strona Kino domowe ===== */
body.pg-dark,body.pg-dark .dark,body.pg-dark .dark2,body.pg-dark .pn{--night:#1c2f4f;--night2:#243a60;--night3:#2d4570;--nline:#3d5682;--nmuted:#cbd6e8;--nfaint:#9fb0cc}
body.pg-dark .dk-cfg .ob,body.pg-dark .dk-cfg .in,body.pg-dark .dk-cfg .fc,body.pg-dark .dk-cfg .ck,body.pg-dark .dk-cfg .acc,body.pg-dark .dk-cfg .mc,body.pg-dark .dk-cfg .oc{border-color:#4a6390}
body.pg-dark .dk-cfg .tag{background:#2d4570;border-color:#4a6390;color:#e3e9f3}
body.pg-dark .dk-cfg .ob[aria-pressed=true],body.pg-dark .dk-cfg .ck:has(input:checked){background:rgba(232,0,28,.22)}
/* ===== v2.5: nowy układ koszyka ===== */
.kosz{padding-top:clamp(24px,3vw,40px)}
.kz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.kz-head .h-l{margin-top:8px}
.kz-steps{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.kz-steps li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:100px;padding:6px 14px 6px 6px}
.kz-steps li b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:13px}
.kz-steps li.on{color:var(--ink);border-color:var(--ink)}.kz-steps li.on b{background:var(--red);color:#fff}
.kz-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:24px;align-items:start}
@media(max-width:1000px){.kz-grid{grid-template-columns:minmax(0,1fr)}}
.kz-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.kz-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:22px 24px}
.kz-ch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.kz-ch h2{font-size:21px;font-weight:800;letter-spacing:-.01em;margin-right:auto}
.kz-no{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.kz-add{font-size:14px;font-weight:700;text-decoration:none;color:var(--blue);border:1px solid var(--line);border-radius:100px;padding:5px 12px}
.kz-add:hover{border-color:var(--blue)}
.kz-card .form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.kz-card .form{grid-template-columns:1fr}.kz-card{padding:18px 16px}}
.kzi{display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;gap:16px!important;align-items:center;border:1px solid var(--line);box-shadow:none}
.kzi-img{width:96px;aspect-ratio:16/10;background:var(--paper);border-radius:8px;display:grid;place-items:center;overflow:hidden}
.kzi-img img{width:100%;height:100%;object-fit:contain}
.kzi-r{display:flex;align-items:center;gap:14px}
@media(max-width:760px){.kzi{grid-template-columns:72px minmax(0,1fr)!important}.kzi-img{width:72px}.kzi-r{grid-column:1/-1;justify-content:space-between}}
.kz-side{position:sticky;top:92px}
@media(max-width:1000px){.kz-side{position:static}}
.kz-sum{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.kz-sum h2{font-size:21px;font-weight:800}
.kz-sum .promo-box{margin:0;flex-wrap:wrap;padding:12px 14px}
.kz-sum .promo-box .pb-clock{font-size:26px;min-width:0}
.kz-lines{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:15.5px}
.kz-lines dt{color:var(--muted)}.kz-lines dd{margin:0;text-align:right;font-weight:700}
.kz-lines .ok{color:var(--ok)}
.kz-total{border-top:2px solid var(--ink);padding-top:12px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px}
.kz-total span{font-weight:700}.kz-total b{font-size:32px;font-weight:800;letter-spacing:-.02em;text-align:right}
.kz-total small{grid-column:1/-1;text-align:right;color:var(--muted);font-size:13px}
.kz-cons{display:flex;flex-direction:column;gap:8px}
.kz-go{width:100%}
.kz-trust{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.kz-proj{padding-top:0}
.kz-proj .projbox{margin:0}
@media(min-width:1100px){
  .kz-proj .pjx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"head svg" "stats svg" "cta cta";column-gap:34px;align-items:start;padding:32px 34px}
  .kz-proj .pjx-head{grid-area:head}.kz-proj .pjx-svg{grid-area:svg;margin:0;align-self:center}.kz-proj .pjx-stats{grid-area:stats;grid-template-columns:1fr 1fr;margin-top:18px}.kz-proj .pjx-cta{grid-area:cta}
}
.kz-pjlink{display:flex;align-items:center;gap:10px;text-decoration:none;background:linear-gradient(90deg,#13233d,#24406e);color:#fff;border-radius:var(--r);padding:12px 14px;font-size:14.5px}
.kz-pjlink span:first-child{font-size:22px}.kz-pjlink span:last-child{margin-left:auto;font-weight:800}
.kz-pjlink:hover{filter:brightness(1.1)}
[data-skin=abc] .kz-pjlink{background:linear-gradient(90deg,#1a3e8f,#2a5bc2)}
/* klikalne zdjęcia w galeriach */
.gallery figure,.wz-photos figure{position:relative;cursor:pointer}
.gallery figure img,.wz-photos figure img{transition:transform .5s}
.gallery figure:hover img,.wz-photos figure:hover img{transform:scale(1.04)}
.stretch{position:absolute;inset:0;z-index:2}
.gallery figcaption .go,.wz-photos figcaption .go{display:inline-block;margin-left:4px;transition:transform .15s}
.gallery figure:hover figcaption .go,.wz-photos figure:hover figcaption .go{transform:translateX(3px)}
.gallery figure:hover figcaption,.wz-photos figure:hover figcaption{background:var(--red);color:#fff}
.dk-cfg .custasp .in[readonly],body.pg-dark .custasp .in[readonly]{background:var(--night2);color:#cbd6e8;border-style:dashed}

/* ===================== Konfigurator – wersje A i B (porównanie) ===================== */
.xv{--xi:#0E1A2B;--xm:#53627a;--xl:#DDE4EE;--xl2:#C9D3E0;--xr:var(--red,#E8001C);--xok:#11845b;background:#EEF2F7;color:var(--xi)}
body.pg-dark .xv{background:#EEF2F7;color:var(--xi)}
.xv .h-l,.xv h2,.xv h3{color:var(--xi)}.xv .lead{color:var(--xm)}
.xv-b{background:#fff}
body.pg-dark .xv-b{background:#fff}
.xv-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;font-size:14.5px}
.xv-nav span{font-weight:700;color:var(--xm);margin-right:4px}
.xv-nav a{border:1.5px solid var(--xl2);border-radius:100px;padding:7px 14px;font-weight:700;color:var(--xi);text-decoration:none;background:#fff}
.xv-nav a:hover{border-color:var(--xr);color:var(--xr)}
.xa-l{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--xm)}
.xa-help{color:var(--xm);margin:4px 0 18px;font-size:15.5px}
.xa-tip{color:#23406b;background:#eef6ff;border-radius:12px;padding:11px 14px;font-size:14.5px;margin:14px 0 0}
.xa-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:1.5px solid var(--xl2);border-radius:16px;background:#fff;padding:16px 12px;cursor:pointer;font:inherit;color:var(--xi);transition:border-color .15s,box-shadow .15s,transform .15s}
.xa-card:hover{border-color:var(--xr);transform:translateY(-1px)}
.xa-card.on{border-color:var(--xr);box-shadow:0 0 0 2px var(--xr);background:#fff8f8}
.xa-card b{font-size:17px}.xa-card small{color:var(--xm);font-size:13px;line-height:1.3}
.xa-p{font-size:13.5px;font-weight:700;color:var(--xok)}
.xa-card svg{width:64px;height:48px;fill:#c4cbd6}.xa-card svg .f{fill:#fff;stroke:#7d8798;stroke-width:1.2}.xa-card svg .l{stroke:#7d8798;stroke-width:2}
.xa-card.on svg{fill:#ffb3bd}
.xa-mnt{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.xa-asp{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.xa-r{display:block;background:linear-gradient(135deg,#ffe1c9,#ff7a59 30%,#7b1e5a 62%,#1d2b6b);border:3px solid #111;border-radius:2px;margin-top:6px}
.xa-asp .rec::after{content:"Najczęstszy wybór";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--xok);color:#fff;font-size:11px;font-weight:800;padding:2px 9px;border-radius:100px;white-space:nowrap}
.xa-fab{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.xa-fab .xa-card{align-items:stretch;text-align:left}
.xa-sw{display:block;height:46px;border-radius:9px;border:1px solid var(--xl)}
.xa-size{display:flex;flex-direction:column;gap:16px}
.xa-rng{display:flex;flex-direction:column;gap:8px}.xa-rng input{width:100%;accent-color:var(--xr);height:26px}
.xa-rng output{font-weight:800;font-size:22px}
.xa-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xa-nums label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--xm)}
.xa-nums input{font:700 20px/1 inherit;font-family:inherit;padding:12px 14px;border:1.5px solid var(--xl2);border-radius:12px;color:var(--xi);background:#fff;width:100%}
.xa-chips{display:flex;flex-wrap:wrap;gap:8px}
.xa-chip{border:1.5px solid var(--xl2);background:#fff;border-radius:100px;padding:8px 14px;font:700 15px inherit;font-family:inherit;color:var(--xi);cursor:pointer}
.xa-chip.on,.xa-chip:hover{border-color:var(--xr);color:var(--xr)}
.xa-mod{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.xa-mc{border:1.5px solid var(--xl2);border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px}
.xa-mc.on{border-color:var(--xr);box-shadow:0 0 0 2px var(--xr)}
.xa-th{background:#f2f5f9;border-radius:10px;height:96px;display:grid;place-items:center}.xa-th img{max-height:84px;max-width:90%}
.xa-mt{display:flex;flex-direction:column;gap:3px}.xa-mt b{font-size:17px}
.xa-tag{align-self:flex-start;background:#e7efff;color:#1d4fc2;font-size:11.5px;font-weight:800;border-radius:100px;padding:2px 9px;text-transform:uppercase;letter-spacing:.05em}
.xa-from{font-size:14px;color:var(--xm)}.xa-from strong{color:var(--xi);font-size:17px}
.xa-fins{display:flex;flex-wrap:wrap;gap:6px}
.xa-fin{border:1.5px solid var(--xl2);border-radius:10px;background:#fff;padding:6px 10px;cursor:pointer;font-family:inherit;color:var(--xi);text-align:left}
.xa-fin small{display:block;font-size:11.5px;color:var(--xm)}.xa-fin b{font-size:14.5px}
.xa-fin.on,.xa-fin:hover{border-color:var(--xr)}.xa-fin.on{background:var(--xr);color:#fff}.xa-fin.on small{color:#ffd9de}
.xa-og{margin-bottom:16px}.xa-ogc{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:8px}
.xa-oc{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1.5px solid var(--xl2);border-radius:12px;background:#fff;padding:10px 12px;cursor:pointer;font-family:inherit;color:var(--xi);text-align:left;font-size:14.5px}
.xa-oc b{white-space:nowrap;font-size:13.5px}.xa-oc.on{border-color:var(--xr);box-shadow:0 0 0 1px var(--xr);background:#fff8f8}
.xa-qty{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
.xa-step{display:flex;align-items:center;border:1.5px solid var(--xl2);border-radius:100px;background:#fff;overflow:hidden}
.xa-step button{border:0;background:none;width:40px;height:40px;font-size:20px;cursor:pointer;color:var(--xi)}.xa-step b{min-width:28px;text-align:center}
.xa-price small{display:block;color:var(--xm);font-size:13px}.xa-price b{display:block;font-size:30px;letter-spacing:-.02em;line-height:1.1}.xa-price span{color:var(--xm);font-size:13.5px}
.xa-need{color:#8a5300;background:#fdf1dc;border-radius:10px;padding:10px 14px;font-weight:600}
.xa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}
.xa-stats div{background:#f2f5f9;border-radius:10px;padding:9px 11px}.xa-stats span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--xm)}.xa-stats b{font-size:15px}
/* A */
.xa-prog{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--xl);border-radius:14px;overflow:hidden}
.xa-prog button{width:100%;height:100%;display:flex;gap:10px;align-items:center;padding:13px 14px;border:0;border-right:1px solid #eef2f7;background:#fff;font:700 15px inherit;font-family:inherit;color:#8794a8;cursor:pointer;text-align:left}
.xa-prog i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#5b6a80;font-style:normal;font-size:13px}
.xa-prog small{display:block;font-weight:500;color:var(--xm);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.xa-prog .done{color:var(--xi)}.xa-prog .done i{background:var(--xok);color:#fff}
.xa-prog .cur{color:var(--xi);background:#fff1f2;box-shadow:inset 0 -3px 0 var(--xr)}.xa-prog .cur i{background:var(--xr);color:#fff}
.xa-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.xa-q{background:#fff;border:1px solid var(--xl);border-radius:18px;padding:26px}
.xa-q h3{font-size:28px;margin:4px 0 4px;letter-spacing:-.01em}
.xa-pv{position:sticky;top:90px;background:#fff;border:1px solid var(--xl);border-radius:18px;overflow:hidden}
.xa-pvt{padding:12px 16px;font-weight:800;border-bottom:1px solid var(--xl)}
.xa-dr{background:#fafbfd;padding:8px}.xa-dr svg{display:block;width:100%;height:auto;max-height:360px}
.xa-bar{position:sticky;bottom:0;z-index:5;margin-top:18px;background:#fff;border:1px solid var(--xl);border-radius:16px;box-shadow:0 -8px 30px rgba(14,26,43,.10);display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:12px 18px}
.xa-pill{background:#e1f5ec;color:var(--xok);font-weight:800;border-radius:100px;padding:6px 12px;font-size:13.5px}
.xa-sp{flex:1}
.xv .btn-ghost{background:#fff;border-color:var(--xl2);color:var(--xi)}
.xv .btn[disabled]{opacity:.45;cursor:not-allowed}
/* B */
.xb-stage{position:relative;border-radius:22px;overflow:hidden;background:#16294a}
.xb-scene svg{display:block;width:100%;height:auto;min-height:300px}
.xb-scene.light{background:#fafbfd;padding:20px 330px 20px 20px}
.xb-views{position:absolute;left:18px;top:16px;display:flex;gap:8px;z-index:2}
.xb-views button{border:0;border-radius:100px;padding:7px 13px;font:700 13.5px inherit;font-family:inherit;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
.xb-views button.on{background:#fff;color:var(--xi)}
.xb-scene.light+.xb-card,.xb-scene.light~.xb-views{}
.xb-card{position:absolute;right:18px;top:16px;width:300px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px}
.xb-card .btn{width:100%}.xb-tr{color:var(--xm);font-size:12.5px;text-align:center}
.xb-dock{position:relative;z-index:3;margin:-40px 24px 0;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(14,26,43,.16);border:1px solid var(--xl)}
.xb-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--xl)}
.xb-tabs button{border:0;border-right:1px solid #eef2f7;background:none;padding:14px 8px;cursor:pointer;font-family:inherit;color:var(--xm);text-align:center}
.xb-tabs button b{display:block;font-size:15.5px}.xb-tabs button small{display:block;color:var(--xi);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xb-tabs button[aria-selected=true]{color:var(--xr);background:#fff8f8;box-shadow:inset 0 -3px 0 var(--xr)}
.xb-tabs button:first-child{border-top-left-radius:20px}.xb-tabs button:last-child{border-top-right-radius:20px;border-right:0}
.xb-body{padding:20px 24px 24px}
@media(max-width:980px){
  .xa-g{grid-template-columns:1fr}.xa-pv{position:static}
  .xa-prog{grid-template-columns:repeat(3,1fr)}.xa-prog small{display:none}
  .xb-card{position:static;width:auto;border-radius:0;box-shadow:none}
  .xb-scene.light{padding:12px}
  .xb-dock{margin:12px 0 0}.xb-tabs{grid-template-columns:repeat(3,1fr)}
  .xb-tabs button:first-child,.xb-tabs button:last-child{border-radius:0}
}
@media(max-width:560px){ .xa-nums{grid-template-columns:1fr} .xa-q{padding:18px} .xa-q h3{font-size:23px} .xb-body{padding:16px} .xa-bar{padding:10px 12px} .xa-pill{display:none} .xa-bar .btn{flex:1;padding:13px 16px} .xa-stats{grid-template-columns:1fr} }

/* ===================== Landing: Konfigurator ekranu projekcyjnego ===================== */
.kf-hero{padding-block:28px 48px;background:linear-gradient(180deg,#fff,var(--paper))}
.kf-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-top:12px}
.kf-txt h1{margin:12px 0 16px}
.kf-bul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:8px}
.kf-bul li{padding-left:30px;position:relative;font-weight:600}.kf-bul li::before{content:"✓";position:absolute;left:0;top:-1px;width:21px;height:21px;border-radius:50%;background:var(--ok);color:#fff;font-size:13px;display:grid;place-items:center}
.kf-cta{display:flex;flex-wrap:wrap;gap:12px}
.kf-vis{position:relative;border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:#0b1526}
.kf-vis img{width:100%;height:100%;object-fit:cover;display:block}
.kf-badge{position:absolute;left:18px;bottom:18px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.kf-badge small{display:block;color:var(--muted);font-size:12.5px}.kf-badge b{font-size:26px;letter-spacing:-.02em;color:var(--ink)}.kf-badge span{display:block;color:var(--muted);font-size:12.5px}
.kf-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:36px}
.kf-trust span{background:var(--card);padding:14px 16px;color:var(--muted);font-size:14.5px}.kf-trust b{display:block;font-size:22px;color:var(--ink)}
.kf-white{background:var(--card)}
.qq{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow)}
.qq-in{padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;gap:20px}
.qq-l{display:block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.qq-seg{display:inline-flex;background:var(--paper);border-radius:100px;padding:4px;gap:4px;flex-wrap:wrap}
.qq-seg button{border:0;background:none;border-radius:100px;padding:9px 16px;font:700 15px var(--sans);color:var(--ink2);cursor:pointer}
.qq-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.qq-seg.sm button{padding:7px 12px;font-size:13.5px}
.qq-mnt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qq-mnt button,.qq-asp button{border:1.5px solid var(--line2);background:var(--card);border-radius:14px;padding:12px 8px;cursor:pointer;font-family:var(--sans);color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px}
.qq-mnt button[aria-pressed=true],.qq-asp button[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 1.5px var(--red);background:var(--red-soft)}
.qq-mnt svg{width:52px;height:40px;fill:#c4cbd6}.qq-mnt svg .f{fill:#fff;stroke:#7d8798;stroke-width:1.2}.qq-mnt svg .l{stroke:#7d8798;stroke-width:2}
.qq-mnt b{font-size:15px}.qq-mnt small{font-size:12.5px;color:var(--muted)}
.qq-asp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qq-asp button{font-weight:800;font-size:15px}.qq-asp i{display:block;width:54px;max-height:42px;background:linear-gradient(135deg,#ffd0b0,#ff7a59 35%,#7b1e5a 70%,#1d2b6b);border:2px solid #111;border-radius:2px}
.qq-size{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:10px}
.qq-num{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}
.qq-num input{width:150px;font:800 22px var(--sans);padding:9px 12px;border:1.5px solid var(--line2);border-radius:12px;color:var(--ink)}
.qq-rng{width:100%;accent-color:var(--red)}
.qq-dim{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.qq-dim span{background:var(--paper);border-radius:10px;padding:8px 10px}.qq-dim small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.qq-dim b{font-size:14.5px}
.qq-out{background:#0f1d33;color:#fff;padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;gap:14px}
.qq-viz svg{width:100%;height:auto;display:block}.qq-viz .qs{fill:#f4f4f1;stroke:#000;stroke-width:3}.qq-viz .qt{fill:#0f1d33;font:800 18px var(--sans);opacity:.6}.qq-viz .qm{fill:#8fa6c9}.qq-viz .qf{stroke:#2e4466;stroke-width:2}.qq-viz .qc{fill:#8fa6c9;font:700 11px var(--sans)}
.qq-from small{display:block;color:#a9b6cc;font-size:13px}.qq-from b{font-size:34px;letter-spacing:-.02em;line-height:1.1}.qq-from span{display:block;color:#a9b6cc;font-size:13.5px}
.qq-res{display:flex;flex-direction:column;gap:8px}
.qq-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px 8px 8px;color:#fff;text-decoration:none;transition:background .15s,border-color .15s}
.qq-card:hover{background:rgba(255,255,255,.12);border-color:var(--red)}
.qq-th{background:#fff;border-radius:8px;height:44px;display:grid;place-items:center}.qq-th img{max-height:38px;max-width:56px}
.qq-n small,.qq-p small{display:block;color:#a9b6cc;font-size:12px}.qq-n b{font-size:15px}.qq-p{text-align:right}.qq-p b{font-size:16px;white-space:nowrap}
.qq-go{align-self:stretch}.qq-note{color:#a9b6cc;font-size:13px;margin:0}.qq-none{color:#ffd9a3}
.qq-none a{color:#fff}
.kf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kf-steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.kf-steps .n{font-weight:800;color:var(--red);font-size:14px;letter-spacing:.1em}.kf-steps h3{margin:6px 0 6px;font-size:19px}.kf-steps p{margin:0;color:var(--muted);font-size:15px}
.kf-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.kf-path{display:grid;grid-template-columns:42% 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.kf-path:hover{border-color:var(--red);box-shadow:var(--shadow)}
.kf-path img{width:100%;height:100%;object-fit:cover;min-height:200px}
.kf-path>span{padding:20px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:15px}
.kf-path small{color:var(--red);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.kf-path b{color:var(--ink);font-size:21px}.kf-path i{font-style:normal;color:var(--red);font-weight:800;margin-top:auto}
.kf-tbl th small,.kf-tbl td small{display:block;color:var(--muted);font-size:12.5px;font-weight:500}
.kf-tbl td b{font-size:16px;white-space:nowrap}.kf-tbl thead th a{color:inherit}.kf-tbl tbody th a{color:var(--red);font-size:17px;font-weight:800}
.kf-tbl.sm td{white-space:nowrap}
.kf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.kf-grid2 h2{margin:8px 0 16px}
.kf-opts{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.kf-opts li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}.kf-opts li:last-child{border:0}
.kf-opts span{color:var(--muted)}
.kf-why-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kf-why-g div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.kf-why-g b{font-size:18px}.kf-why-g p{margin:6px 0 0;color:var(--muted);font-size:15px}
.kf-faqw{max-width:980px}
.kf-rels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kf-rel{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--ink);background:var(--paper);display:flex;flex-direction:column;gap:4px}
.kf-rel:hover{border-color:var(--red)}.kf-rel span{color:var(--muted);font-size:14px}
.kf-final{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--night);color:#fff;border-radius:var(--r2);padding:22px 26px}
.kf-final div{flex:1;min-width:220px}.kf-final b{display:block;font-size:22px}.kf-final span{color:var(--nmuted)}
.kf-final .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
@media(max-width:980px){
  .kf-hero-in,.qq,.kf-grid2,.kf-two{grid-template-columns:1fr}
  .kf-trust{grid-template-columns:repeat(2,1fr)}.kf-steps,.kf-why-g,.kf-rels{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .kf-steps,.kf-why-g,.kf-rels{grid-template-columns:1fr}.qq-mnt{grid-template-columns:1fr 1fr}.qq-asp{grid-template-columns:1fr 1fr}
  .qq-dim{grid-template-columns:1fr}.kf-path{grid-template-columns:1fr}.kf-path img{min-height:160px;max-height:180px}
  .kf-opts li{grid-template-columns:1fr;gap:2px}.qq-mnt button small{display:none}
}
/* ===================== Dlaczego ADEO ===================== */
.wy-pss{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:p}
.wy-pss li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 16px;display:flex;flex-direction:column;gap:6px;position:relative}
.wy-pss li::before{counter-increment:p;content:counter(p,decimal-leading-zero);font-weight:800;color:var(--red);font-size:13px;letter-spacing:.1em}
.wy-pss b{font-size:18px}.wy-pss p{margin:0;color:var(--muted);font-size:15px;flex:1}
.wy-map{font-size:12.5px;font-weight:700;color:var(--ok);background:var(--ok-soft);border-radius:100px;padding:3px 10px;align-self:flex-start}
.wy-flow{display:flex;align-items:stretch;gap:10px;margin-top:26px;flex-wrap:wrap}
.wy-flow div{flex:1;min-width:150px;background:var(--night);color:#fff;border-radius:var(--r);padding:14px 16px}.wy-flow b{display:block;font-size:17px}.wy-flow span{color:var(--nmuted);font-size:13.5px}
.wy-flow i{align-self:center;font-style:normal;color:var(--red);font-weight:800;font-size:22px}
.wy-tg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wy-t{border-top:3px solid var(--red);background:var(--paper);border-radius:0 0 var(--r) var(--r);padding:18px}.wy-t b{font-size:17px}.wy-t p{margin:6px 0 0;color:var(--muted);font-size:14.5px}
.wy-wg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wy-w{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.wy-w span{display:block;font-weight:800;color:var(--red);font-size:28px;line-height:1}.wy-w b{display:block;font-size:18px;margin:8px 0 6px}.wy-w p{margin:0;color:var(--muted);font-size:15px}
.wy-cfg{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.wy-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wy-steps li{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:700}.wy-steps b{color:var(--red)}
@media(max-width:980px){.wy-pss,.wy-wg{grid-template-columns:1fr 1fr}.wy-tg{grid-template-columns:1fr 1fr}.wy-cfg{grid-template-columns:1fr}.wy-flow i{display:none}}
@media(max-width:600px){.wy-pss,.wy-wg,.wy-tg{grid-template-columns:1fr}}
.kf-grid2>div,.wy-cfg>div,.kf-hero-in>div{min-width:0}
/* kalkulator projektora */
.pjx-calc{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 10px}
.pjx-calc label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:#9fb4d4;font-weight:700}
.pjx-calc label i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-style:normal;font-size:10px;margin-left:4px;cursor:help}
.pjx-calc select,.pjx-calc input{height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:600 15px var(--sans);padding:0 10px;width:100%;text-transform:none;letter-spacing:0}
.pjx-calc select option{color:#0e1a2b}
.pjx-calc select:focus,.pjx-calc input:focus{outline:none;border-color:#8fb4e8;box-shadow:0 0 0 3px rgba(143,180,232,.25)}
.pjx-how{position:relative;z-index:1;margin-top:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#c7d3e6;font-size:14px}
.pjx-how summary{cursor:pointer;font-weight:700;color:#fff}
.pjx-how ul{margin:10px 0 2px;padding-left:18px;display:grid;gap:8px}.pjx-how b{color:#fff}
@media(min-width:1100px){
  .kz-proj .pjx{grid-template-areas:"head svg" "calc calc" "stats stats" "how how" "cta cta"}
  .kz-proj .pjx-calc{grid-area:calc}.kz-proj .pjx-how{grid-area:how}
  .kz-proj .pjx-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){.pjx-calc{grid-template-columns:1fr 1fr}}

/* montaż: pary standard | Tensio */
.g2m{grid-template-columns:repeat(2,minmax(0,1fr))}
.obt{position:relative}
.obt::after{content:"Tensio";position:absolute;top:10px;right:10px;background:var(--ok,#11845b);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:2px 8px}
@media(max-width:480px){.g2m{grid-template-columns:1fr}}
/* wyróżnione wejścia do sklepu w menu: Kino domowe / Firmy i instytucje */
.nav .nav-seg{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--red);border-radius:12px;padding:6px 12px 6px 10px;color:var(--ink);background:var(--red-soft);font-weight:800;line-height:1.1;text-decoration:none;transition:background .15s,color .15s,transform .15s}
.nav .nav-seg svg{color:var(--red);flex:none}
.nav .nav-seg small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0;text-transform:none}
.nav .nav-seg:hover{transform:translateY(-1px);background:#fff}
.nav .nav-seg[aria-current=page]{background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(232,0,28,.28)}
.nav .nav-seg[aria-current=page] svg,.nav .nav-seg[aria-current=page] small{color:#fff}
.hdr.dk .nav .nav-seg,body.pg-dark .nav .nav-seg{background:rgba(232,0,28,.14);color:#fff;border-color:rgba(255,90,110,.7)}
.hdr.dk .nav .nav-seg small,body.pg-dark .nav .nav-seg small{color:#cbd6e8}
.hdr.dk .nav .nav-seg[aria-current=page],body.pg-dark .nav .nav-seg[aria-current=page]{background:var(--red);border-color:var(--red)}
@media(max-width:1280px) and (min-width:981px){.nav .nav-seg small{display:none}}
@media(max-width:1200px) and (min-width:981px){.hdr .brand .bt{display:none}.nav .nav-seg{padding:6px 10px}}
@media(max-width:1380px) and (min-width:981px){.hdr .brand .bt{display:none}.nav .nav-seg small{display:none}}
@media(max-width:1180px) and (min-width:981px){.nav{gap:2px}.nav>a,.nav .dd>a{padding-left:9px;padding-right:9px;font-size:14.5px}.nav .nav-seg{padding:6px 9px;gap:6px}.nav .nav-seg svg{width:16px;height:16px}.hdr .logo-img{width:180px;height:auto}}
@media(max-width:1060px) and (min-width:981px){.nav .nav-seg svg{display:none}.nav .cartbtn{padding-left:10px;padding-right:10px}}
/* przełącznik wersji konfiguratora */
.cfgsw-sec{padding-bottom:18px}
.cfgsw-sec .sh{margin-bottom:22px}
.cfgsw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px}
.cfgsw button{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #C9D3E0;background:#fff;border-radius:16px;padding:16px 18px;cursor:pointer;font-family:inherit;color:#0E1A2B;transition:border-color .15s,box-shadow .15s,transform .15s}
.cfgsw button:hover{border-color:var(--red);transform:translateY(-1px)}
.cfgsw button svg{flex:none;color:#53627a}
.cfgsw b{display:block;font-size:18px;line-height:1.2}.cfgsw small{display:block;color:#53627a;font-size:14px;margin-top:2px}
.cfgsw button[aria-selected=true]{border-color:var(--red);box-shadow:0 0 0 2px var(--red);background:#fff5f6}
.cfgsw button[aria-selected=true] svg{color:var(--red)}
.cfgw [data-cfgp]{padding-top:18px}
.cfgw [data-cfgp][hidden]{display:none!important}
@media(max-width:600px){.cfgsw{grid-template-columns:1fr}.cfgsw button{padding:13px 14px}.cfgsw b{font-size:16px}}
.xa-mnt{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.xa-mnt{grid-template-columns:1fr}}
/* karty modeli – klikalne w całości */
.mc[data-card],.xa-mc[data-card]{cursor:pointer}
.mc[data-card]:hover,.xa-mc[data-card]:hover{border-color:var(--red)}
.mc[data-card]:focus-visible{outline:3px solid rgba(232,0,28,.35);outline-offset:2px}
.fc[aria-pressed=true] .n2,.fc[aria-pressed=true] small{color:#fff!important;opacity:.92}
/* próbnik RAL */
.ralp{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--paper)}
.dk-cfg .ralp{background:var(--night2);border-color:var(--nline)}
.ralp-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ralp-in{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.ralp-in input{width:92px;height:38px;border:1.5px solid var(--line2);border-radius:10px;padding:0 10px;font:700 16px var(--sans);color:var(--ink);background:#fff}
.ralp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:300px;overflow:auto;padding:2px}
.ralc{border:1.5px solid var(--line2);background:#fff;border-radius:10px;padding:5px;cursor:pointer;text-align:left;font-family:inherit;color:#0E1A2B;display:flex;flex-direction:column;gap:2px;min-width:0}
.ralc i{display:block;height:34px;border-radius:6px;border:1px solid rgba(0,0,0,.12)}
.ralc b{font-size:13px}.ralc small{font-size:10.5px;color:#53627a;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ralc:hover{border-color:var(--red)}.ralc.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.ralp-n{margin-top:10px}
.tb-lang{font-weight:800;border:1px solid currentColor;border-radius:6px;padding:0 6px;letter-spacing:.05em;opacity:.9}
/* kreator – wyraźny pasek kroków (strzałki) */
.xa-prog{background:none;border:0;border-radius:0;overflow:visible;gap:4px;margin-bottom:22px}
.xa-prog li{min-width:0}
.xa-prog button{height:64px;padding:0 18px 0 28px;background:#E6EBF2;border:0;color:#5b6a80;font-size:16px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);transition:background .15s,color .15s}
.xa-prog li:first-child button{padding-left:18px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);border-radius:14px 0 0 14px}
.xa-prog li:last-child button{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16px 50%);border-radius:0 14px 14px 0}
.xa-prog button:hover{background:#d8e0ea;color:#0E1A2B}
.xa-prog i{width:32px;height:32px;font-size:14px;font-weight:800;background:#fff;color:#53627a;box-shadow:0 1px 3px rgba(14,26,43,.12)}
.xa-prog button.done,.xa-prog button.done:hover{background:#DDF2E8;color:#0E1A2B}.xa-prog button.done i{background:#11845b;color:#fff}
.xa-prog button.cur,.xa-prog button.cur:hover{background:var(--red);color:#fff;box-shadow:none}.xa-prog button.cur i{background:#fff;color:var(--red)}
.xa-prog button.cur small{color:#ffe1e5}.xa-prog button.done small{color:#2b6a4f}
.xa-prog small{font-size:12.5px}
@media(max-width:980px){.xa-prog button{height:54px;padding:0 10px 0 22px;font-size:14px}.xa-prog i{width:26px;height:26px}}
@media(max-width:600px){.xa-prog{grid-template-columns:repeat(6,1fr);gap:2px}.xa-prog button{padding:0 4px 0 16px;justify-content:center}.xa-prog button>span{display:none}.xa-prog li:first-child button{padding-left:8px}}
/* próbnik RAL – pasek przewijania poza próbkami */
.ralp-g{padding:2px 12px 2px 2px;scrollbar-gutter:stable;max-height:340px}
/* podgląd w podsumowaniu (kino domowe – ciemny motyw): granat zamiast czerni */
.dk-cfg .vtabs{background:#22375c}
.dk-cfg .vtabs button[aria-selected="true"]{background:#2d4570;color:#fff}
.dk-cfg .sumcard .viz{background:radial-gradient(110% 100% at 50% 0%,#2d4570 0%,#22375c 55%,#1a2c4b 100%)}
/* przełącznik języka – zawsze widoczny w nagłówku */
.hdr .wrap{position:relative}
.langsw{display:inline-flex;align-items:center;background:var(--paper);border:1.5px solid var(--line2);border-radius:100px;padding:3px;gap:2px;margin-left:4px;order:10;flex:none}
.langsw a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:100px;font:800 13px/1 var(--sans);letter-spacing:.04em;color:var(--muted);text-decoration:none}
.langsw a[aria-current]{background:var(--ink);color:#fff}
.langsw a:not([aria-current]):hover{color:var(--red)}
.langsw .fl{width:16px;height:11px;border-radius:2px;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.fl-pl{background:linear-gradient(#fff 50%,#dc143c 50%)}
.fl-en{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(transparent 38%,#c8102e 38% 62%,transparent 62%),linear-gradient(90deg,transparent 36%,#fff 36% 64%,transparent 64%),linear-gradient(transparent 30%,#fff 30% 70%,transparent 70%),#012169}
.hdr.dk .langsw,body.pg-dark .langsw{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.hdr.dk .langsw a,body.pg-dark .langsw a{color:#cbd6e8}
.hdr.dk .langsw a[aria-current],body.pg-dark .langsw a[aria-current]{background:#fff;color:#0E1A2B}
@media(max-width:980px){.langsw{order:0;margin-left:auto;margin-right:0}.langsw a{padding:5px 8px}.hdr .burger{margin-left:8px}}
@media(max-width:1380px) and (min-width:981px){.langsw .fl{display:none}.langsw a{padding:5px 8px}}
@media(max-width:400px){.langsw .fl{display:none}}
/* desktop: przełącznik w górnym pasku, mobile: w nagłówku */
.topbar .langsw{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);margin:0 6px 0 0;padding:2px}
.topbar .langsw a{color:#dbe4f2;padding:3px 9px;font-size:12px}
.topbar .langsw a[aria-current]{background:#fff;color:#0E1A2B}
.topbar .langsw .fl{display:inline-block!important}
@media(min-width:981px){.hdr .langsw{display:none}}
@media(max-width:980px){.topbar .langsw{display:none}}
/* przełącznik języka w stylu witryny Avantgarde: segment, bez flag, w nagłówku */
.langsw{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:8px;background:none;margin-left:6px}
.langsw a{font:700 11.5px/1 var(--sans);letter-spacing:.06em;color:var(--muted);padding:7px 8px;border-radius:6px;gap:0}
.langsw a:hover{color:var(--ink)}
.langsw a[aria-current]{background:var(--ink);color:#fff}
.langsw .fl{display:none!important}
.hdr.dk .langsw,body.pg-dark .langsw{background:none;border-color:rgba(255,255,255,.22)}
.hdr.dk .langsw a,body.pg-dark .langsw a{color:#aeb9c6}
.hdr.dk .langsw a:hover,body.pg-dark .langsw a:hover{color:#fff}
.hdr.dk .langsw a[aria-current],body.pg-dark .langsw a[aria-current]{background:#fff;color:var(--ink)}
.topbar .langsw{display:none!important}
@media(min-width:981px){.hdr .langsw{display:inline-flex}}
@media(max-width:980px){.hdr .langsw{margin-left:auto}}
@media(max-width:1520px) and (min-width:981px){.hdr .brand .bt{display:none}}
@media(max-width:1120px) and (min-width:981px){.nav>a,.nav .dd>a{padding-left:6px;padding-right:6px;font-size:13.5px}.nav .nav-seg{padding:6px 7px;font-size:13.5px}.nav .btn-sm{padding-left:12px;padding-right:12px}.langsw a{padding:6px 6px}.hdr .wrap{gap:12px}}
/* tabela cen modelu – wiersze klikalne do konfiguratora */
.tbl tr[data-href]{cursor:pointer;transition:background .12s}
.tbl tr[data-href]:hover{background:var(--red-soft)}
.tbl tr[data-href]:hover td b{color:var(--red)}
.rowgo{display:inline-flex;align-items:center;font-weight:800;color:var(--red);white-space:nowrap;text-decoration:none;border:1.5px solid var(--red);border-radius:100px;padding:4px 12px;font-size:13.5px}
.tbl tr[data-href]:hover .rowgo{background:var(--red);color:#fff}
/* logo + „20+ lat sprzedaży ekranów” */
.blogo{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.b20{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1;white-space:nowrap;padding-left:1px}
.b20 b{background:var(--red);color:#fff;border-radius:4px;padding:2px 5px;font-size:11px;letter-spacing:0}
.hdr.dk .b20{color:#aeb9c6}
@media(max-width:1180px) and (min-width:981px){.b20{font-size:9.5px;letter-spacing:.05em}}
@media(max-width:520px){.b20{font-size:9px;letter-spacing:.03em;gap:4px}.b20 b{font-size:9.5px;padding:1px 4px}}
/* poradniki: przycisk „Konfigurator – firma” w ciemnym boksie był biały na białym */
.prose .gcta .btn-ink{color:var(--ink)!important}
.prose .gcta .btn-ink:hover{background:#e9eef5}
/* tabele w treści: bez łamania wyrazów w połowie */
.prose table th,.prose table td{overflow-wrap:normal;word-break:normal;hyphens:manual}
.prose table td:first-child,.prose table th{white-space:nowrap}
.prose table th{white-space:normal}
/* menu mobilne: Kino domowe / Firmy i instytucje jako dwa osobne kafle z odstępem */
@media (max-width:980px){.nav .nav-seg{display:flex;margin:10px 0 0;padding:10px 14px;border-radius:12px}.nav .nav-seg+.nav-seg{margin-top:10px}.nav .nav-seg small{display:block}.nav .nav-seg:last-of-type{margin-bottom:10px}}
/* nagłówek 981–1400 px: kafle Kino/Firmy nigdy nie ściskane (tekst nie wychodzi poza ramkę), przełącznik języka zawsze w kadrze */
@media (min-width:981px){.nav .nav-seg{flex-shrink:0;white-space:nowrap}.nav{min-width:0}.hdr .wrap{min-width:0}}
@media(max-width:1400px) and (min-width:981px){.nav>a[href$="kontakt.html"]{display:none}}
@media(max-width:1300px) and (min-width:981px){.nav .nav-seg svg{display:none}.nav .nav-seg{padding:6px 10px}.nav>a,.nav .dd>a{padding-left:8px;padding-right:8px}}
@media(max-width:1200px) and (min-width:981px){.hdr .b20{font-size:0;gap:0}.hdr .b20 b{font-size:11px}.hdr .logo-img{width:170px;height:auto}.nav .cartbtn,.nav .btn-sm{padding-left:11px;padding-right:11px}}
@media(max-width:1080px) and (min-width:981px){.nav>a[href$="poradniki.html"]{display:none}}
/* dobór projektora: 3 pytania w kalkulatorze, formularz wewnątrz ciemnego bannera */
.pjx-calc{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.pjx-calc{grid-template-columns:1fr}}
.pjx .pj-form{position:relative;z-index:1;margin-top:18px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);background:none;border-radius:0;color:#fff}
.pjx .pj-form .fld label,.pjx .pj-form .lbl{color:#9fb4d4}
.pjx .pj-form .in{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.pjx .pj-form .in::placeholder{color:#8ea0bb}
.pjx .pj-form select.in option{color:#0e1a2b}
.pjx .pj-form .in:focus{outline:none;border-color:#8fb4e8;box-shadow:0 0 0 3px rgba(143,180,232,.25)}
.pjx .pj-form .ck{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.pjx .pj-form .muted,.pjx .pj-form .tiny,.pjx .pj-form .chk{color:#b5c3d9}.pjx .pj-form a{color:#fff}
@media(min-width:1100px){.kz-proj .pjx{grid-template-areas:"head svg" "calc calc" "stats stats" "how how" "cta cta" "form form"}.kz-proj .pj-form{grid-area:form}}
/* koszyk: link do doboru projektora i lista korzyści – ikony liniowe zamiast emoji */
.kz-pjlink{background:var(--card);color:var(--ink);border:1.5px solid var(--line2);border-radius:var(--r);padding:12px 14px;gap:14px;transition:border-color .15s,box-shadow .15s}
[data-skin=abc] .kz-pjlink{background:var(--card)}
.kz-pjlink:hover{filter:none;border-color:var(--ink);box-shadow:0 6px 18px rgba(14,26,43,.08)}
.kz-pjlink span.kz-pji{flex:none;width:44px;height:44px;border-radius:11px;background:var(--night,#0e1a2b);color:#fff;display:grid;place-items:center;font-size:0}
.kz-pjt{display:flex;flex-direction:column;line-height:1.25}.kz-pjt b{font-size:15.5px}.kz-pjt small{font-size:13.5px;color:var(--muted)}
.kz-pjlink span.kz-pja{margin-left:auto;font-weight:800;color:var(--red);font-size:18px}
.kz-trust{gap:9px}.kz-trust li{display:flex;align-items:center;gap:10px}.kz-trust svg{flex:none;color:var(--ink2)}
/* formularz projektora w bannerze – bez ramek bocznych, czytelne opcje */
.pjx .pj-form{border:0;border-top:1px solid rgba(255,255,255,.14);margin-left:0;margin-right:0}
.pjx .pj-form .ck .t,.pjx .pj-form .ck b{color:#fff}
.pjx .pj-form .ck:has(input:checked){background:rgba(232,0,28,.16);border-color:#ff5a6e}
/* akcesoria w konfiguratorze – sekcje */
.acc-wrap{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.acc-wrap .acc-h{display:block}
.acc-sec{display:flex;flex-direction:column;gap:8px}
.acc-st{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.acc-st b{font-size:15px;font-weight:800}
.acc-st span{font-size:12px;font-weight:700;border-radius:20px;padding:1px 8px;background:var(--paper);color:var(--muted);border:1px solid var(--line)}
.dk-cfg .acc-st{border-bottom-color:rgba(255,255,255,.14)}.dk-cfg .acc-st b{color:#fff}.dk-cfg .acc-st span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#c7d3e6}
/* kontakt: mapa wyszarzona i kontrastowa, własna czerwona pinezka, karta nie jest ucinana */
.kmapband{height:auto;min-height:clamp(460px,58vh,600px)}
.kmapband .wrap{min-height:inherit;padding-block:48px}
.kmapband iframe{filter:grayscale(1) contrast(1.12) brightness(1.03)}
.kmappin{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-34px 0 0 -15px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 14px rgba(232,0,28,.35);pointer-events:none;z-index:1}
.kmappin::after{content:"";position:absolute;left:9px;top:9px;width:12px;height:12px;border-radius:50%;background:#fff}
@media(max-width:700px){.kmapband{min-height:0}.kmapband .wrap{padding-block:16px}.kmappin{top:160px}}
/* nagłówek: Kino domowe / Firmy i instytucje jako jeden segmentowy przełącznik */
@media (min-width:981px){
  .nav .nav-segs{display:inline-flex;align-items:stretch;gap:2px;padding:4px;background:#EEF2F7;border:1px solid var(--line);border-radius:14px;flex-shrink:0}
  .nav .nav-segs .nav-seg{border:0;background:transparent;border-radius:10px;padding:6px 12px 6px 7px;gap:9px;box-shadow:none;color:var(--ink);transition:background .15s,box-shadow .15s}
  .nav .nav-segs .nav-seg svg{width:30px;height:30px;padding:7px;border-radius:8px;background:#fff;color:var(--red);box-shadow:0 1px 2px rgba(14,26,43,.08);flex:none}
  .nav .nav-segs .nav-seg:hover{transform:none;background:#fff;box-shadow:0 2px 8px rgba(14,26,43,.08)}
  .nav .nav-segs .nav-seg:hover svg{background:var(--red-soft)}
  .nav .nav-segs .nav-seg[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(14,26,43,.10),inset 0 -2px 0 var(--red)}
  .nav .nav-segs .nav-seg[aria-current=page] svg{background:var(--red);color:#fff}
  .nav .nav-segs .nav-seg[aria-current=page] small{color:var(--muted)}
  .hdr.dk .nav .nav-segs,body.pg-dark .nav .nav-segs{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
  .hdr.dk .nav .nav-segs .nav-seg,body.pg-dark .nav .nav-segs .nav-seg{background:transparent;color:#fff}
  .hdr.dk .nav .nav-segs .nav-seg svg,body.pg-dark .nav .nav-segs .nav-seg svg{background:rgba(255,255,255,.1);color:#ff5a6e;box-shadow:none}
  .hdr.dk .nav .nav-segs .nav-seg:hover,body.pg-dark .nav .nav-segs .nav-seg:hover,.hdr.dk .nav .nav-segs .nav-seg[aria-current=page],body.pg-dark .nav .nav-segs .nav-seg[aria-current=page]{background:rgba(255,255,255,.12);box-shadow:inset 0 -2px 0 var(--red)}
}
@media(max-width:1300px) and (min-width:981px){.nav .nav-segs .nav-seg{padding:6px 10px}.nav .nav-segs .nav-seg svg{display:none}}
@media(max-width:980px){.nav .nav-segs{display:flex;flex-direction:column}}
@media (min-width:981px){.hdr.dk .nav .nav-segs .nav-seg[aria-current=page] small,body.pg-dark .nav .nav-segs .nav-seg[aria-current=page] small{color:#cbd6e8}.hdr.dk .nav .nav-segs .nav-seg[aria-current=page] svg,body.pg-dark .nav .nav-segs .nav-seg[aria-current=page] svg{background:var(--red);color:#fff}}
@media(max-width:980px){.nav .nav-segs{gap:8px;margin:10px 0}.nav .nav-segs .nav-seg{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;gap:12px}.nav .nav-segs .nav-seg svg{width:36px;height:36px;padding:9px;border-radius:9px;background:var(--red-soft);color:var(--red);flex:none}.nav .nav-segs .nav-seg[aria-current=page]{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}}
/* nagłówek nad tabelą – odstęp (np. „Specyfikacja” na stronach modeli) */
.specside>h2{margin:0 0 22px;line-height:1.2}
h2+.tbl,h2+.tw,h2+table,h3+.tbl,h3+table{margin-top:14px}
/* strona modelu: przyciski pod specyfikacją – siatka z równymi odstępami */
.specside .cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:20px!important}
.specside .cta .btn{width:100%;justify-content:center;text-align:center;margin:0}
.specside .cta .btn-buy{grid-column:1/-1}
.specside .cta .kbtn{gap:8px}
@media(max-width:480px){.specside .cta{grid-template-columns:1fr}}
.specside .cta .btn{min-width:0;white-space:nowrap}
/* karty modeli: etykieta zawsze na 2 linie (wyrównane nazwy w rzędzie) */
.pcard .pt{line-height:1.5;min-height:3em;display:flex;align-items:flex-end}
/* odstęp między tytułem sekcji a treścią (Inne kategorie, FAQ, tabele, linki) */
:is(.h-m,.h-l)+:is(.tblwrap2,.faq,.glinks,.chips,.kgrid,.tbl,table){margin-top:18px}
.h-l+.lead{margin-top:12px}
/* przyciski pod opisem w hero (np. Dlaczego ABC Prezentacji) – odstęp od tekstu */
.lead+.kf-cta,.lead+.cta,p+.kf-cta{margin-top:26px}
/* kotwice (#projBox, #konfigurator…) nie chowają się pod przyklejonym nagłówkiem */
html{scroll-padding-top:88px}
/* banner doboru projektora mieści się w oknie także na niższych ekranach */
@media (min-width:1100px) and (max-height:820px){.kz-proj .pjx{padding-top:24px;padding-bottom:22px}.kz-proj .pjx-svg{max-height:calc(100vh - 560px);min-height:150px}.kz-proj .pjx-calc{margin:8px 0}.kz-proj .pjx-stats div{padding:9px 12px}}
/* licznik rabatu przy koszyku: mała plakietka nad przyciskiem – nie poszerza nagłówka i nie nachodzi na przełącznik języka */
.hdr .cartbtn .pt{position:absolute;top:-10px;right:-6px;font-size:10.5px;line-height:1.4;padding:1px 7px;border-radius:20px;box-shadow:0 2px 6px rgba(17,132,91,.35);pointer-events:none}
/* nagłówek: menu nigdy nie jest ściskane poniżej swojej treści (koszyk z licznikiem nie nachodzi na PL|EN); kurczy się blok logo */
@media (min-width:981px){.hdr .nav{flex-shrink:0;min-width:auto}.hdr .brand{min-width:0;flex-shrink:1;overflow:hidden}}
/* banner doboru projektora: pytania kalkulatora + formularz zapytania, bez kafli wyników */
@media(min-width:1100px){.kz-proj .pjx{grid-template-areas:"head svg" "calc calc" "form form"}}
.pjx .pj-form{margin-top:6px}
/* dopisek „Ekrany projekcyjne ADEO · sklep…” przy logo – usunięty (ściskał się obok menu); logo ma plakietkę 20+ */
.hdr .brand .bt{display:none!important}
/* ===== banner doboru projektora – wersja kompaktowa: cały mieści się na jednym ekranie Full HD ===== */
@media (min-width:1100px){
  .kz-proj .pjx{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"head svg" "calc svg" "form form";column-gap:30px;row-gap:0;padding:24px 30px 26px;align-items:start}
  .kz-proj .pjx-head{gap:6px}.kz-proj .pjx h2{font-size:26px}.kz-proj .pjx-head p{font-size:14.5px;line-height:1.5}
  .kz-proj .pjx-svg{max-height:200px;min-height:0;align-self:end}
  .kz-proj .pjx-calc{margin:14px 0 0;gap:10px}
  .pjx .pjx-calc label{font-size:10.5px;gap:4px}.pjx .pjx-calc select,.pjx .pjx-calc input{height:38px;font-size:14.5px}
  .kz-proj .pjx .pj-form{grid-area:form;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;margin-top:16px;padding-top:14px}
  .pjx .pj-form .fld{gap:4px}.pjx .pj-form .fld label,.pjx .pj-form .lbl{font-size:10.5px;letter-spacing:.08em}
  .pjx .pj-form .in{height:38px;padding:7px 12px;font-size:14.5px;border-radius:10px}
  .pjx .pj-form textarea.in{height:46px;min-height:46px;resize:vertical}
  .pjx .pj-form>.fld:has(#pj-model),.pjx .pj-form>.fld:has(#pj-bud),.pjx .pj-form>.fld:has(#pj-use){grid-column:span 2}
  .pjx .pj-form .bud{gap:6px}
  .pjx .pj-form>.fld:has([name=pj_tryb]){display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:10px}
  .pjx .pj-form>.fld:has([name=pj_tryb]) .lbl{margin:0}
  .pjx .pj-form .ck{padding:7px 12px;gap:10px}.pjx .pj-form .ck .t{font-size:13.5px;line-height:1.3}.pjx .pj-form .ck .t small{font-size:12px}.pjx .pj-form .ck .t br{display:none}.pjx .pj-form .ck .t small::before{content:" – "}
  .pjx .pj-sep .form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
  .pjx .pj-sep .chk{grid-column:span 2;font-size:13px;align-items:center}
  .pjx .pj-sep #pjMsg{order:9}
  .pjx .pj-sep .form>div:last-child{grid-column:span 2}
  .pjx .pj-sep .btn{height:44px;padding:0 18px;font-size:15px}
  .pjx .pj-form .tiny{margin:0;font-size:12.5px}
}
@media (min-width:1100px){.pjx .pjx-calc label>span{white-space:nowrap;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis}}
@media (min-width:1100px){.kz-proj .pjx-calc{grid-template-columns:1.4fr 1fr 1fr}}
/* akcesoria: sekcje zwijane */
details.acc-sec{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:0 12px}
details.acc-sec>summary{list-style:none;cursor:pointer;padding:12px 2px;border-bottom:0;user-select:none}
details.acc-sec>summary::-webkit-details-marker{display:none}
details.acc-sec[open]>summary{border-bottom:1px solid var(--line);margin-bottom:10px}
details.acc-sec[open]{padding-bottom:12px}
.acc-sel{font-style:normal;font-size:12px;font-weight:800;color:#fff;background:var(--ok,#11845b);border-radius:20px;padding:2px 9px}
.acc-chev{margin-left:auto;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
details.acc-sec[open] .acc-chev{transform:rotate(-135deg);margin-top:4px}
.dk-cfg details.acc-sec{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}
.pprice .pp-t{margin-top:8px;font-size:14px;color:var(--muted)}.pprice .pp-t b{font-size:inherit;font-weight:800;letter-spacing:0;line-height:inherit;color:var(--ink,#0E1A2B)}
#ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;display:flex;justify-content:center;pointer-events:none}
#ckb .ckb-in{pointer-events:auto;max-width:880px;width:100%;display:flex;gap:18px;align-items:center;background:#0E1A2B;color:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 18px 50px rgba(14,26,43,.35)}
#ckb .ckb-tx{flex:1}#ckb b{font-size:15px}#ckb p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78)}#ckb p a{color:#fff;text-decoration:underline}
#ckb .ckb-a{display:flex;gap:8px;flex-shrink:0}#ckb .btn{padding:10px 18px;font-size:14px}#ckb .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
@media(max-width:700px){#ckb .ckb-in{flex-direction:column;align-items:stretch}#ckb .ckb-a{justify-content:stretch}#ckb .btn{flex:1}}
.ck[hidden]{display:none!important}
.kz-pay{margin:14px 0 4px;display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.kz-payh{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;margin-bottom:2px}.kz-payh .kz-no{width:24px;height:24px;font-size:12px}
.ckp{padding:9px 12px;border-radius:10px;gap:10px}.ckp .t{line-height:1.3}.ckp .t b{font-size:14.5px}.ckp .t br,.ckp .t small{display:none}
.ckp:has(input:checked) .t small{display:block;margin-top:3px;font-size:12.5px}.ckp .p{font-size:11.5px;white-space:nowrap}.ckp input{width:17px;height:17px}
@media(max-height:1180px){.kz-side{position:static}}
.ob.off,.xa-card.off{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}.ob.off small,.xa-card.off small{color:var(--red);font-weight:700}
.fab-off{display:inline-block;font-size:12px;font-weight:700;color:#B91C1C;background:#FEE2E2;border-radius:99px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.pll{background:#0b4f8a;color:#fff!important;border-radius:6px;padding:3px 8px;font-size:12px!important;letter-spacing:.02em}
.ckp .ll-need{display:none}.ckp.dis{opacity:.62;cursor:not-allowed;background:var(--card)}.ckp.dis .t small.muted{display:none}.ckp.dis .ll-need{display:block;margin-top:3px;font-size:12.5px;color:var(--muted)}
.ckp:not(.dis) .ll-need{display:none!important}
.callhelp-sec{padding-top:8px}
.callhelp{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:18px;padding:18px 24px;box-shadow:var(--shadow)}
.callhelp .ch-ic{width:52px;height:52px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex:none}
.callhelp .ch-tx{flex:1}.callhelp b{font-size:19px;font-weight:800}.callhelp p{margin:2px 0 0;font-size:16px}.callhelp small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.callhelp .ch-a{display:flex;gap:8px;flex-wrap:wrap}.callhelp .btn{white-space:nowrap;gap:6px}.callhelp .btn b{font-size:inherit;font-weight:800}
@media(max-width:800px){.callhelp{flex-direction:column;align-items:flex-start}.callhelp .ch-a{width:100%}.callhelp .btn{flex:1;justify-content:center}}
.callhelp{color:#0E1A2B;background:#fff}.callhelp b,.callhelp p{color:#0E1A2B}.callhelp small{color:#64748B}.callhelp .btn-ghost{color:#0E1A2B;border-color:#CBD5E1}
.callhelp .btn-red,.callhelp .btn-red b{color:#fff}
/* baner „Zadzwoń” – wersja wyrazista */
.callhelp-sec{padding:28px 0}
.callhelp{position:relative;overflow:hidden;gap:28px;padding:34px 40px;border:0;border-radius:24px;color:#fff;
 background:radial-gradient(90% 140% at 100% 0%,rgba(232,0,28,.55),transparent 55%),linear-gradient(115deg,#0E1A2B 0%,#14284a 60%,#1d3a6b 100%);box-shadow:0 24px 60px rgba(14,26,43,.35)}
.callhelp:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 80%);mask-image:linear-gradient(90deg,transparent 25%,#000 80%);pointer-events:none}
.callhelp>*{position:relative}
.callhelp .ch-ic{width:84px;height:84px;background:#E8001C;color:#fff;box-shadow:0 0 0 10px rgba(232,0,28,.22),0 0 0 22px rgba(232,0,28,.10);animation:chpulse 2.4s ease-in-out infinite}
.callhelp .ch-ic svg{width:38px;height:38px}
@keyframes chpulse{0%,100%{box-shadow:0 0 0 10px rgba(232,0,28,.22),0 0 0 22px rgba(232,0,28,.10)}50%{box-shadow:0 0 0 14px rgba(232,0,28,.28),0 0 0 30px rgba(232,0,28,.08)}}
@media(prefers-reduced-motion:reduce){.callhelp .ch-ic{animation:none}}
.callhelp b,.callhelp .ch-tx b{display:block;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:#fff}
.callhelp p{color:rgba(255,255,255,.85);font-size:18px;margin-top:6px}
.callhelp small{color:rgba(255,255,255,.6);font-size:13.5px;margin-top:8px}
.callhelp .btn{font-size:18px;padding:16px 26px}.callhelp .btn b{display:inline;font-size:inherit;color:inherit}
.callhelp .btn-red{background:#E8001C;color:#fff;box-shadow:0 12px 30px rgba(232,0,28,.45)}
.callhelp .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.callhelp .btn-ghost b{color:#fff}
@media(max-width:800px){.callhelp{padding:26px 22px}.callhelp b{font-size:24px}.callhelp .ch-ic{width:64px;height:64px}}
@media(min-width:1100px){
  .kz-proj .pjx .pj-form>.fld:has(#pj-uw){grid-column:span 3}
  .kz-proj .pjx .pj-form textarea#pj-uw{height:112px;min-height:112px;padding:10px 12px;line-height:1.45;resize:vertical}
  .kz-proj .pjx .pj-form>.fld:has([name=pj_tryb]){grid-column:span 3;display:flex;flex-direction:column;align-items:stretch;gap:6px}
  .kz-proj .pjx .pj-form>.fld:has([name=pj_tryb]) .ck{padding:9px 12px}
  .kz-proj .pjx .pj-form>.fld:has([name=pj_tryb]) .ck .t br{display:block}.kz-proj .pjx .pj-form>.fld:has([name=pj_tryb]) .ck .t small::before{content:none}
}
@media(min-width:981px){.hdr .brand{overflow:visible;flex-shrink:0}}@media(min-width:1280px){.hdr .b20{font-size:11px;letter-spacing:.06em;gap:6px}.hdr .b20 b{font-size:11px}}@media(min-width:981px) and (max-width:1279px){.hdr .b20{font-size:9.5px;letter-spacing:.02em;gap:5px}.hdr .b20 b{font-size:10px}}

/* Poradniki do tej kategorii (kategoria ↔ poradnik) */
.cguides .cg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cguides .cg-it{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.cguides .cg-it:hover{border-color:var(--red);box-shadow:0 8px 24px rgba(14,26,43,.08);transform:translateY(-2px)}
.cguides .cg-it b{font-size:1.02rem;line-height:1.3}
.cguides .cg-it span{font-size:.9rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cguides .cg-it em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--red);letter-spacing:.04em;text-transform:uppercase;margin-top:auto}
.pg-dark .cguides .cg-it{color:var(--ink,#0E1A2B)}
@media(max-width:900px){.cguides .cg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cguides .cg-grid{grid-template-columns:1fr}}
.cguides .cg-grid.n4{grid-template-columns:repeat(2,1fr)}
.pg-dark .cguides .muted{color:rgba(255,255,255,.72)}
@media(max-width:600px){.cguides .cg-grid.n4{grid-template-columns:1fr}}

/* Rendery produktów (karty katalogowe ADEO) */
.mthumb.big.photo{background:#fff;border:1px solid var(--line)}
.mthumb.big.photo{position:relative}
.prodvis .mthumb.big.photo img{position:absolute!important;inset:5%!important;width:90%!important;height:90%!important;object-fit:contain!important}
.pgal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pgal.n1{grid-template-columns:minmax(0,520px)}
.pgal.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.pgal .pg-it{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.pgal .pg-it img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:10px;display:block;height:auto}
.pgal .pg-it figcaption{padding:10px 14px 12px;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:600px){.pgal,.pgal.n2{grid-template-columns:1fr}}