/* PROMPTOWY LAB_ - jeden arkusz (scalone warstwy v1-v5, paczka wyglądu 02.10.2026).
   Tokeny z promptowy.com: tło #0c0c0c / #111726 / #1a1530, karty #161616 + ramka #333, r 10/14/18.
   Szerokości: header 1460 px (.top-in), treść 1272 px (.wrap). Rytm pionowy w krokach po 8 px.
   Fonty: Space Grotesk (nagłówki), Recursive Dev (treść), JetBrains Mono (kod, meta), Inter (pasek promo i PREORDER). */

/* ---------- 1. Fonty ---------- */
@font-face{font-family:"Recursive Dev";font-weight:300 1000;font-display:swap;src:url(/wp-content/uploads/fonts/recursive/recursive-dev-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}
@font-face{font-family:"Recursive Dev";font-weight:300 1000;font-display:swap;src:url(/wp-content/uploads/fonts/recursive/recursive-dev-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:"Space Grotesk";font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/fonts/geist/space-grotesk-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}
@font-face{font-family:"Space Grotesk";font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/fonts/geist/space-grotesk-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}
/* JetBrains Mono i Inter: te same pliki co w fonts-local.css motywu, bez @import (o jeden arkusz mniej w łańcuchu) */
@font-face{font-family:"JetBrains Mono";font-weight:400 800;font-display:swap;src:url(/wp-content/themes/noxora/assets/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.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}
@font-face{font-family:"JetBrains Mono";font-weight:400 800;font-display:swap;src:url(/wp-content/themes/noxora/assets/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.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:"Inter";font-weight:400 900;font-display:swap;src:url(/wp-content/themes/noxora/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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}
@font-face{font-family:"Inter";font-weight:400 900;font-display:swap;src:url(/wp-content/themes/noxora/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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}

/* ---------- 2. Tokeny i baza ---------- */
:root{
  --k0:#0c0c0c; --k1:#161616; --k2:#1e1e1e; --k3:#262626; --kl:#333; --kl2:#5a5a5a;
  --kf:#6e6e6e;                       /* ramki pól formularzy: >= 3:1 na #0c0c0c i #161616 */
  --bg:#111726; --bg2:#0e1320; --nl:#232b40; --fio:#1a1530;
  --tx:#ece6f6; --t2:#d4d4d4; --t3:#ddd5ec; --mu:#9a9aa6;
  --ak:#7c6cff; --ak2:#a297ff; --pk:#f472b6; --ok:#4ade80; --wr:#fbbf24;
  --akb:#6656ee;                      /* tło przycisków z białym tekstem: 5,1:1 (#7c6cff miał 3,86) */
  --akh:#5747e0;                      /* hover: przyciemnia zamiast rozjaśniać, 6,2:1 */
  --h:"Space Grotesk",Inter,system-ui,sans-serif; --b:"Recursive Dev",system-ui,sans-serif; --m:"JetBrains Mono",ui-monospace,monospace;
  --w:1272px; --r1:10px; --r2:14px; --r3:18px;
  --top:85px;                         /* wysokość przyklejonego headera (84 + ramka) */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 16px)}
body{background:var(--k0);color:var(--tx);font:400 16px/1.65 var(--b);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--ak);color:#fff}
:focus-visible{outline:2px solid var(--ak2);outline-offset:3px;border-radius:6px}
main:focus{outline:none}
.skok{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#0c0c0c;padding:12px 18px;font:700 14px var(--h);border-radius:0 0 10px 0}
.skok:focus{left:0;position:fixed}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 3. Typografia ---------- */
h1,h2,h3,h4{font-family:var(--h);font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.04}
h1{font-size:clamp(40px,4.6vw,68px)}
h2{font-size:clamp(32px,3.4vw,48px);line-height:1.08}
h3{font-size:21px;line-height:1.25;letter-spacing:-.015em}
.lead{font:500 clamp(19px,1.7vw,23px)/1.4 var(--h);letter-spacing:-.012em;color:#fff;max-width:640px}
.lead2{font-size:17px;line-height:1.7;color:var(--t2);max-width:680px}
.kick{font:600 12px/1.4 var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--pk)}
.kick::before{content:"// "}
.kick.blok{display:block;margin-bottom:16px}
.mono{font-family:var(--m)}
.mu{color:var(--mu)}
.meta-s{font:500 12px/1.5 var(--m);color:var(--mu)}
.note{font-size:13.5px;color:var(--mu);line-height:1.6}
.link{font:600 13px var(--m);color:var(--ak2)}
.link:hover{color:#fff}
button.link{background:none;border:none;cursor:pointer;padding:0}
.h-m{font-size:clamp(28px,2.6vw,34px)}              /* mniejsze H2 w kolumnach */
.h-s{font-size:30px}

/* ---------- 4. Układ i sekcje ---------- */
.wrap{max-width:calc(var(--w) + 48px);margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:668px}                       /* logowanie, płatność, podziękowanie: 620 px treści */
.wrap.waska{max-width:856px}                        /* proza SEO i FAQ: wspólna oś i szerokość */
.waska .lekcja,.waska .prose,.waska .faq details p{max-width:none}
.sec{padding:112px 0}
.sec.k{background:var(--k0)}
.sec.n{background:var(--bg)}
.sec.f{background:var(--fio)}
.sec.pt-s{padding-top:56px}
.sec.py-s{padding:72px 0}
.page{padding:72px 0 112px;min-height:60vh}
.sh{display:flex;justify-content:space-between;align-items:flex-start;gap:64px;margin-bottom:48px}
.sh h2{margin-top:12px;max-width:760px}
.sh p{color:var(--mu);max-width:460px;font-size:15px;line-height:1.7;padding-top:30px}
.split2{display:grid;grid-template-columns:1fr 1.35fr;gap:64px;align-items:start}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cols2>div{border:1px solid var(--nl);border-radius:var(--r2);padding:28px;background:#ffffff04}
.cols2 h3{margin-bottom:16px;font-size:19px}
.box{border:1px solid var(--kl);border-radius:var(--r3);background:var(--k1);padding:40px}
.box h1{font-size:42px;margin:16px 0}
.box>.mu{margin-bottom:24px}

/* ---------- 5. Przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:var(--r1);background:#fff;color:var(--k0);
  font:700 15px/24px var(--h);border:1px solid #fff;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.btn:hover{transform:translateY(-1px);background:#ece6f6}
.btn.s{background:transparent;color:#fff;border-color:var(--kl2)}
.btn.s:hover{border-color:#fff;background:transparent}
.btn.a{background:var(--akb);border-color:var(--akb);color:#fff}
.btn.a:hover{background:var(--akh);border-color:var(--akh)}
.btn.full{width:100%}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.cta{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 6. Pasek promo, lab_teraz, header ---------- */
.promo{display:block;background:#d4fc1c;color:#12140a;font:500 13.5px/1.35 Inter,system-ui,sans-serif;text-align:center;padding:10px 16px}
.promo-t{background:#12140a;color:#d4fc1c;font-weight:800;padding:3px 8px;border-radius:2px;margin-right:6px}
.promo b{font-weight:800}
.promo-z{display:inline-block;margin-left:10px;background:#12140a;color:#d4fc1c;font-weight:800;padding:5px 11px;border-radius:6px}
.promo:hover .promo-z{background:#000}
.promo:focus-visible{outline:3px solid #12140a;outline-offset:-5px;border-radius:0}

.top{position:sticky;top:0;z-index:50;background:rgba(18,10,31,.92);backdrop-filter:blur(12px);border-bottom:1px solid #2a1d3e}
.top-in{max-width:1460px;margin:0 auto;padding:0 24px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;color:#fff}
.logo .lt{font:700 24px var(--m);letter-spacing:.04em;color:#fff}
.logo .lt b{color:var(--wr);font-weight:700;animation:blink 1.1s steps(1) infinite}
.neon{font:700 11px var(--m);letter-spacing:.16em;color:#fff;border:1px solid #7c6cff;border-radius:6px;padding:4px 8px;
  text-shadow:0 0 8px #7c6cff,0 0 18px #7c6cffaa;box-shadow:0 0 12px #7c6cff55,inset 0 0 10px #7c6cff33;animation:neon 6s infinite}
@keyframes neon{0%,19%,21%,23%,62%,64%,100%{opacity:1}20%,22%,63%{opacity:.35}}
@keyframes blink{50%{opacity:0}}
.kolba{width:30px;height:34px;flex:none;overflow:visible}
.kolba circle{animation:babel 2.6s ease-in infinite}
.kolba .b2{animation-delay:.9s}.kolba .b3{animation-delay:1.7s}
@keyframes babel{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-30px);opacity:0}}
.logo:hover .kolba{animation:chlup .5s}
@keyframes chlup{25%{transform:rotate(-8deg)}75%{transform:rotate(6deg)}}

.nav{display:flex;gap:16px;align-items:center}
.nav>a{font:700 14.5px var(--h);letter-spacing:.04em;color:rgba(236,230,246,.82);padding:10px 12px;border-radius:8px}
.nav>a:hover,.nav>a.on{color:#fff;background:#ffffff0d}
.nav .nav-konto{display:none}
.top-r{display:flex;align-items:center;gap:20px}
.top-l{font:700 14.5px var(--h);letter-spacing:.055em;color:rgba(236,230,246,.82);padding:10px 0}
.top-l:hover{color:#fff}
.cta-top{display:inline-flex;align-items:center;min-height:44px;background:#f59e0b;color:#161006;font:800 13px Inter,system-ui,sans-serif;letter-spacing:.01em;padding:0 20px;border-radius:9px}
.cta-top:hover{background:#fbbf24}
.szukaj-btn{display:flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:1px solid #3a2a55;border-radius:9px;padding:0 12px;color:#cfc8dc;cursor:pointer;font:600 12px var(--m)}
.szukaj-btn:hover{border-color:var(--ak2);color:#fff}
.burger{display:none;position:relative;background:none;border:1px solid var(--kl2);border-radius:8px;width:44px;height:44px;cursor:pointer}
.burger i{display:block;width:18px;height:2px;background:#fff;margin:4px auto;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.teraz{background:#1b1528;border-bottom:1px solid #2a1d3e}
.teraz-in{display:flex;align-items:stretch;justify-content:center;gap:38px;height:48px;overflow:hidden;white-space:nowrap;font:500 13.5px var(--m);color:#cfc8dc;padding:0 24px}
.teraz-in>*{display:inline-flex;align-items:center}
.teraz-in a:hover{color:#fff}
.teraz-in a:first-of-type{color:#fff;font-weight:700}
.tz-l{font:600 12px var(--m);color:#a297ff;letter-spacing:.04em}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a297ff;margin-right:8px}
.nowe{background:var(--akb);color:#fff;font:700 10px var(--m);padding:3px 6px;border-radius:4px;margin-right:8px}

/* wyszukiwarka Ctrl+K */
.szukaj{position:fixed;inset:0;z-index:90;background:#05040acc;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.szukaj[hidden]{display:none}
.szukaj-in{width:min(640px,92vw);background:#120a1f;border:1px solid #3a2a55;border-radius:16px;overflow:hidden;box-shadow:0 40px 100px -20px #000}
.szukaj-in input{width:100%;background:transparent;border:none;border-bottom:1px solid #2a1d3e;padding:20px 24px;color:#fff;font:500 18px var(--h);outline:none}
.szukaj-in input:focus-visible{border-bottom-color:var(--ak2)}
.szukaj-l{max-height:52vh;overflow:auto;padding:8px}
.szukaj-l a{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:10px}
.szukaj-l a b{font:700 15px var(--h);color:#fff}
.szukaj-l a span{font:500 11.5px var(--m);color:var(--mu);text-align:right}
.szukaj-l a.on,.szukaj-l a:hover{background:#7c6cff22}
.szukaj-l p{padding:16px 8px}
.szukaj-p{font:500 11px var(--m);color:var(--mu);padding:10px 18px;border-top:1px solid #2a1d3e}

/* ---------- 7. Hero strony głównej ---------- */
.hero{background:var(--k0);padding:56px 0 96px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:72px;align-items:center}
.hero .stats-w{display:block;margin-top:64px}
.term{font:500 14px/1.7 var(--m);color:var(--mu);margin-bottom:16px;min-height:48px}
.term b{color:#fff;font-weight:500}
.term i{font-style:normal;color:var(--ok)}
.term .cur{display:inline-block;width:9px;height:17px;background:var(--ak2);vertical-align:-3px;margin-left:2px;animation:blink 1s steps(1) infinite}
.hero h1{font-size:clamp(44px,5vw,76px);margin-bottom:24px}
.hero h1 em{position:relative;display:inline-block;font-style:normal;color:var(--ak2)}
.podkr{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.32em;overflow:visible}
.podkr path,.strz path,.kreska path{fill:none;stroke-linecap:round;stroke-dasharray:var(--d,600);stroke-dashoffset:var(--d,600)}
.podkr path{stroke:#f472b6;stroke-width:5;animation:rysuj 1.1s .9s cubic-bezier(.6,.1,.3,1) forwards}
@keyframes rysuj{to{stroke-dashoffset:0}}
.stack-wrap{position:relative}
.strz{position:absolute;left:-74px;top:-34px;width:120px;height:90px;overflow:visible;pointer-events:none}
.strz path{stroke:#a297ff;stroke-width:2.4;animation:rysuj 1.2s 1.8s ease forwards}
.dopisek{position:absolute;left:-150px;top:-62px;font:500 15px/1.2 var(--m);color:#a297ff;transform:rotate(-6deg);opacity:0;animation:pojaw .6s 2.6s forwards}
@keyframes pojaw{to{opacity:1}}
.kreska{display:block;width:min(560px,70%);height:24px;margin:0 auto 72px;overflow:visible}
.kreska path{stroke:#3a2a55;stroke-width:2}
.kreska.in path{animation:rysuj 1.6s ease forwards}
.sq{list-style:none;margin:24px 0 32px;max-width:500px;border-top:1px solid var(--kl)}
.sq li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid var(--kl);color:var(--t2);font-size:15px;line-height:1.45}
.sq li::before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;background:#fff}
.sq li b{color:#fff;font-weight:600}

/* stos okładek */
.stack{position:relative;aspect-ratio:16/11.6}
.stack .cov{position:absolute;left:0;right:0;top:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s;box-shadow:0 40px 80px -30px #000}
.stack .cov[data-p="0"]{transform:translateY(0) scale(1);opacity:1;z-index:3}
.stack .cov[data-p="1"]{transform:translateY(5.5%) scale(.94);opacity:.55;z-index:2}
.stack .cov[data-p="2"]{transform:translateY(11%) scale(.88);opacity:.25;z-index:1}
.stack .cov[data-p="3"]{transform:translateY(-6%) scale(1.03);opacity:0;z-index:4;pointer-events:none}
.stack-nav{display:flex;gap:8px;margin-top:16px;justify-content:center;align-items:center}
.stack-nav button{width:26px;height:24px;padding:10px 0;border:none;background:var(--kl2);background-clip:content-box;cursor:pointer;transition:all .3s}
.stack-nav button.on{background-color:#fff;width:42px}
.stack-nav .st-p{width:auto;height:auto;padding:4px 8px;margin-left:8px;background:none;border:1px solid var(--kl);border-radius:6px;color:var(--mu);font:600 11px var(--m)}
.stack-nav .st-p:hover{color:#fff;border-color:var(--kl2)}

/* liczby */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--k3);border:1px solid var(--k3);border-radius:var(--r2);overflow:hidden}
.stats>div{background:var(--k1);padding:28px 24px}
.stats b{display:block;font:700 34px/1 var(--h);letter-spacing:-.03em;color:#fff;margin-bottom:12px}
.stats span{font:500 11px/1.5 var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}

/* ---------- 8. Okładki i karty kursów ---------- */
.cov{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--k1);border:1px solid var(--kl);border-radius:var(--r3);overflow:hidden;aspect-ratio:16/10;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .3s}
.cov-t{position:relative;padding:26px 24px 22px;display:flex;flex-direction:column;background:#0d0d10;border-right:1px solid #222;min-width:0}
.cov-logo{font:700 11px var(--m);letter-spacing:.08em;color:#fff;display:flex;align-items:center;gap:7px}
.cov-logo b{color:var(--wr)}
.cov-logo span{background:var(--akb);border-radius:4px;padding:2px 5px;font-size:9px;letter-spacing:.14em}
.cov-h{margin-top:auto;font:700 clamp(30px,3.3vw,50px)/.95 var(--h);letter-spacing:-.035em;color:#fff;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.cov-s{display:block;margin-top:10px;font:600 clamp(14px,1.25vw,18px)/1.15 var(--h);color:#d9d2ee;letter-spacing:-.01em}
.cov-m{margin-top:auto;padding-top:18px;font:600 9.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cov-i{position:relative;background:#0d0d10}
.cov-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.cov .pill{position:absolute;right:12px;top:12px;z-index:2;font:700 10px var(--m);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:var(--akb);color:#fff}
.cov .pill.w{background:#ffffff1f;color:#e8e8ee;backdrop-filter:blur(6px)}
.cov.solo{grid-template-columns:1fr}
.cov.solo .cov-i{aspect-ratio:16/10}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 32px}
.grid.duze{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:32px}
.card{display:flex;flex-direction:column}
.card .cov{aspect-ratio:16/9;border-radius:12px}
.card:hover .cov{transform:translateY(-4px) rotate(-.4deg);border-color:#555}
.card .cov-t{padding:20px 20px 16px}
.card .cov-h{font-size:clamp(26px,2.4vw,36px)}
.card .cov-s{font-size:14px;margin-top:8px}
.card .cov-m{font-size:9.5px;letter-spacing:.12em;color:#8a8a96}
.card .meta{display:flex;flex-wrap:wrap;margin-top:20px;font:800 11px/1.5 var(--m);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.card .meta span+span::before{content:"\00a0\00b7\00a0"}
.card .meta .p{color:var(--ak2)}
.card .meta .ok{color:var(--ok)}
.card h3{margin-top:12px;font:700 18px/1.3 var(--h);letter-spacing:-.02em}
.card:hover h3{color:#d9d2ff}
.card p{margin-top:12px;color:var(--mu);font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .ft{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:16px}
.card .postep{margin-top:16px}
.card .postep .bar{height:6px;margin-bottom:8px}
.card .postep .bar i{background:var(--ok)}
.card .postep span{font:500 12px var(--m);color:var(--ok)}
.duze .card .meta{margin-top:24px}
.duze .card h3{margin-top:16px;font-size:24px}
.duze .card p{-webkit-line-clamp:4}
.duze .price{font-size:28px}
.price{font:700 22px var(--h);color:#fff;letter-spacing:-.02em;white-space:nowrap}
.potem{display:inline-block;margin-left:8px;font:500 12px var(--m);color:var(--mu);letter-spacing:0;vertical-align:middle}
.klient{font:600 12px var(--m);color:var(--ok)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.filters button,.filters a{display:inline-flex;align-items:center;min-height:40px;background:transparent;border:1px solid var(--kl);border-radius:var(--r1);padding:8px 16px;font:600 14px var(--b);color:var(--t2);cursor:pointer;transition:all .15s}
.filters button:hover,.filters a:hover{border-color:var(--kl2);color:#fff}
.filters button.on,.filters a.on{background:#fff;border-color:#fff;color:var(--k0)}
.filters.kat{margin:32px 0 0}

/* plan premier: miesiąc jako wiersz */
.plan-m{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;border-top:1px solid var(--kl);padding:40px 0}
.plan-m:first-child{border-top:none;padding-top:0}
.plan-m>h2{font:700 13px/1.4 var(--m);letter-spacing:.14em;text-transform:uppercase;color:#fff;position:sticky;top:calc(var(--top) + 24px);align-self:start}
.plan-m>h2::before{content:"// ";color:var(--ak2)}
.plan-m .grid{gap:48px 28px}
.plan-m .card .cov-h{font-size:clamp(20px,1.6vw,23px)}
.plan-m .card .cov-t{padding:18px 16px 14px}

/* wAIgyu 2: 28 kursów w siatce po 4 (okładki jak w planie premier), na telefonie 2 w rzędzie z samym szkicem */
.w2-gr+.w2-gr{margin-top:72px}
.w2-h{font:700 13px/1.4 var(--m);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:28px}
.grid.g4{grid-template-columns:repeat(4,1fr);gap:48px 24px}
.grid.g4 .card .cov-h{font-size:clamp(18px,1.45vw,21px)}
.grid.g4 .card .cov-t{padding:16px 14px 12px}
.grid.g4 .card .meta{margin-top:16px}
.sh.w2-kon{margin-bottom:0;align-items:center}
.w2-kon p{padding-top:0;max-width:none}
@media (max-width:1100px){.grid.g4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.grid.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .grid.g4{gap:32px 14px}
  .grid.g4 .cov{grid-template-columns:1fr;aspect-ratio:4/3}
  .grid.g4 .cov-t{display:none}
  .grid.g4 .cov .pill{right:8px;top:8px;font-size:9px;padding:5px 7px}
  .grid.g4 .card .meta{margin-top:12px;font-size:10px}
  .grid.g4 .card h3{font-size:15px;margin-top:8px}
  .sh.w2-kon{flex-direction:column;align-items:flex-start;gap:16px}
  .grid.g4 .card .meta span:nth-child(3){display:none}
}

/* kafle tematów, huby */
.tematy{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.temat{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;border:1px solid var(--kl);border-radius:18px;padding:16px 24px 16px 16px;background:var(--k1);transition:border-color .25s,transform .3s}
.temat:hover{border-color:#555;transform:translateY(-3px)}
.temat img{width:200px;height:150px;object-fit:cover;border-radius:12px}
.temat h3{font-size:24px;margin:8px 0}
.temat p{color:var(--mu);font-size:14.5px;line-height:1.55;margin-bottom:12px}
.hubs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hubb{border:1px solid var(--nl);border-radius:18px;padding:32px;background:#ffffff04}
.hubb h2{font-size:28px;margin-bottom:16px}
.hubb .lekcja{font-size:16px;max-width:none}
.hubb .btn{margin-top:8px}

/* quiz */
.quiz{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center;border:1px solid #3a2a55;border-radius:22px;padding:48px;background:radial-gradient(120% 140% at 0% 0%,#2a1f4d 0%,#1a1530 55%)}
.quiz h2{margin:12px 0}
.qk,.qwyn{display:grid;gap:10px}
.qk[hidden],.qwyn[hidden]{display:none}
.qk b,.qwyn>b{font:700 12px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--ak2);margin-bottom:4px}
.qk b:focus,.qwyn>b:focus{outline:none}
.qk button{text-align:left;min-height:52px;background:#0c0c0c99;border:1px solid #3a2a55;border-radius:12px;padding:14px 18px;font:600 15.5px var(--h);color:#fff;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.qk button:hover{border-color:var(--ak);transform:translateX(4px);background:#7c6cff1a}
.qk-k{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;border:1px solid #3a2a55;border-radius:12px;padding:8px 14px 8px 8px;background:#0c0c0c99}
.qk-k:hover{border-color:var(--ak)}
.qk-k img{width:84px;height:56px;object-fit:cover;border-radius:8px}
.qk-k strong{display:block;font:700 15.5px var(--h);color:#fff}
.qk-k em{font:500 12px var(--m);font-style:normal;color:var(--mu)}
.qwyn .link{margin-top:6px}

/* okno z fragmentem lekcji */
.okno{border:1px solid var(--kl);border-radius:var(--r3);overflow:hidden;background:var(--bg)}
.okno-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--k1);border-bottom:1px solid var(--kl);font:500 12px var(--m);color:var(--mu)}
.okno-bar i{width:10px;height:10px;border-radius:50%;display:inline-block}
.okno-bar i:nth-child(1){background:#ff5f57}.okno-bar i:nth-child(2){background:#febc2e}.okno-bar i:nth-child(3){background:#28c840}
.okno-bar span{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.okno-in{position:relative;padding:40px 40px 0;max-height:640px;overflow:hidden}
.okno-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(transparent,var(--bg) 85%)}
.okno-in>h2{font-size:30px;margin:10px 0 24px}
.okno-ft{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid var(--nl);background:var(--bg2);flex-wrap:wrap}
.okno-ft .cta{gap:10px}

/* listy punktów, cennik, autor, FAQ */
.punkty{list-style:none;counter-reset:p}
.punkty li{counter-increment:p;position:relative;padding:20px 0 20px 56px;border-top:1px solid var(--nl)}
.punkty li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:22px;font:700 13px var(--m);color:var(--ak2)}
.punkty li b{display:block;font:700 17px var(--h);color:#fff;margin-bottom:4px}
.punkty li span{color:var(--mu);font-size:15px}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tiers.auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tier{border:1px solid var(--kl);border-radius:var(--r2);background:var(--k1);padding:28px 24px;display:flex;flex-direction:column;gap:16px}
.tier.hl{border-color:var(--ak);background:linear-gradient(180deg,#1d1838,var(--k1))}
.tier h3{font-size:19px;line-height:1.3}
.tier .big{font:700 32px/1 var(--h);color:#fff;letter-spacing:-.03em}
.tier .big small{font:500 13px var(--m);color:var(--mu);letter-spacing:0}
.tier p{color:var(--mu);font-size:14.5px;line-height:1.55}
.tier .btn,.tier .link{margin-top:auto}
.autor{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;border:1px solid var(--kl);border-radius:var(--r3);padding:32px;background:var(--k1)}
.autor img{border-radius:var(--r2);aspect-ratio:4/5;object-fit:cover}
.autor h3{font-size:30px;margin:8px 0 16px}
.autor p{color:var(--t2);max-width:720px;line-height:1.7}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.chips span{font:600 12px var(--m);border:1px solid var(--kl);border-radius:8px;padding:6px 10px;color:var(--t2)}
.faq details{border-top:1px solid var(--kl)}
.faq details:last-child{border-bottom:1px solid var(--kl)}
.faq summary{list-style:none;cursor:pointer;padding:24px 56px 24px 0;font:700 18px/1.35 var(--h);color:#fff;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:20px;font:400 26px var(--m);color:var(--ak2);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 28px;color:var(--t2);max-width:820px;line-height:1.7}

/* ---------- 9. Strona kursu ---------- */
.kh{background:var(--k0);padding:40px 0 72px}
.kh .wrap{display:grid;grid-template-columns:1fr 520px;gap:56px;align-items:start}
.kh .wrap.solo{display:block}
.kh.pb-s{padding-bottom:32px}
.kh h1{font-size:clamp(40px,4.2vw,60px);margin:16px 0 24px}
.kh h1.w{max-width:1000px}
.kh .lead2{margin-top:16px}
.crumb{font:600 12px var(--m);color:var(--mu);margin-bottom:16px;display:block}
.crumb a:hover{color:#fff}
.buy{margin-top:16px;border:1px solid var(--kl);border-radius:var(--r3);background:var(--k1);padding:24px;display:grid;gap:16px}
.buy .form{gap:12px}
.buy-c{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.var{display:block;border:1px solid var(--kl);border-radius:var(--r2);padding:16px;cursor:pointer;position:relative;transition:border-color .15s,background .15s}
.var:hover{border-color:var(--kl2)}
.var input{position:absolute;opacity:0}
.var:has(input:checked){border-color:var(--ak);background:#7c6cff14}
.var:has(input:focus-visible){outline:2px solid var(--ak2);outline-offset:3px}
.var .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.var .t b{font:700 15px var(--h);color:#fff}
.var small{display:block;color:var(--mu);font-size:13.5px;line-height:1.55;margin-top:6px}
.var .lim{display:inline-block;margin-top:8px;font:700 10.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--wr)}
.cd{font:600 12px var(--m);color:var(--wr)}
.fakty{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--k3);border:1px solid var(--k3);border-radius:var(--r2);overflow:hidden;margin-top:32px}
.fakty>div{background:var(--k1);padding:18px 20px;min-width:0}
.fakty span{display:block;font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fakty b{font:700 16.5px/1.3 var(--h);color:#fff;letter-spacing:-.01em}
.quote{border-left:3px solid var(--ak);padding:4px 0 4px 28px;font:500 19px/1.55 var(--h);color:#fff;margin-top:32px}
.quote cite{display:block;margin-top:16px;font:600 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);font-style:normal}
.zwrot{border:1px solid #2f5d43;background:#4ade800d;border-radius:var(--r2);padding:20px 24px;display:flex;gap:20px;align-items:center;margin-top:16px}
.zwrot b{font:700 30px/1 var(--h);color:var(--ok);white-space:nowrap}
.zwrot p{color:var(--t2);font-size:15px}
.kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.split2 .kafle{grid-template-columns:repeat(2,1fr)}
.split2 .kafel:last-child:nth-child(odd){grid-column:1/-1}
.kafel{border:1px solid var(--nl);border-radius:14px;padding:24px 24px 20px;background:linear-gradient(180deg,#ffffff06,transparent)}
.kafel b{display:block;font:700 26px/1.05 var(--h);letter-spacing:-.02em;color:var(--ok);margin-bottom:12px}
.kafel span{color:var(--t3);font-size:15px;line-height:1.5}
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--nl);vertical-align:top}
.tbl th{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.tbl td:first-child{color:#fff;font-weight:600}
.tbl td.lb{font-weight:400;color:var(--mu)}
.tbl .r{text-align:right;white-space:nowrap;font-family:var(--h);font-weight:700;color:#fff}
.tbl .r.koszt{font:500 12px var(--m);color:var(--mu)}
.tbl .po{font-weight:400;font-size:14px;margin-top:4px;color:var(--mu)}
.eff{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eff div{border:1px solid var(--nl);border-radius:var(--r2);padding:24px;background:#ffffff05}
.eff b{font:700 12px var(--m);color:var(--ak2);display:block;margin-bottom:12px}
.eff p{color:#e5ddf3;font-size:15.5px;line-height:1.55}
.eff+.cols2{margin-top:16px}
.mod details{border:1px solid var(--nl);border-radius:var(--r2);margin-bottom:12px;background:#ffffff04;overflow:hidden}
.mod summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:20px 24px}
.mod summary::-webkit-details-marker{display:none}
.mod summary .n{font:700 13px var(--m);color:var(--ak2)}
.mod summary h3{font-size:18px}
.mod summary .m{font:600 12px var(--m);color:var(--mu)}
.mod ol{list-style:none;padding:0 24px 12px 92px}
.mod li{display:grid;grid-template-columns:1fr 64px;gap:16px;padding:14px 0;border-top:1px dashed var(--nl)}
.mod li b{color:#fff;font-weight:600;display:block}
.mod li span{color:var(--mu);font-size:14px;line-height:1.55}
.mod li i{font:600 12px var(--m);color:var(--mu);font-style:normal;text-align:right}
.gotowe{font:700 10px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--ok);margin-left:8px}
.ticks{list-style:none}
.ticks li{padding:10px 0 10px 28px;position:relative;color:var(--t3);border-top:1px solid var(--nl);font-size:15px;line-height:1.55}
.ticks li:first-child{border-top:none}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-family:var(--m)}
.ticks.no li::before{content:"✕";color:var(--pk)}
.mats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mats.jedna{grid-template-columns:1fr}
.mats div{border:1px solid var(--nl);border-radius:var(--r1);padding:14px 16px 14px 44px;position:relative;color:var(--t3);font-size:14.5px}
.mats div::before{content:"↓";position:absolute;left:16px;top:14px;font-family:var(--m);color:var(--ak2)}
.mats div:has(a){padding:0}
.mats div:has(a)::before{top:14px}
.mats a.link{display:block;padding:14px 16px 14px 44px;overflow-wrap:anywhere}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(12,12,12,.94);backdrop-filter:blur(10px);border-top:1px solid var(--kl);transform:translateY(100%);transition:transform .3s;padding-bottom:env(safe-area-inset-bottom)}
.sticky-buy.on{transform:none}
.sticky-buy .wrap{display:flex;justify-content:space-between;align-items:center;height:72px;gap:20px}
.sticky-buy b{font:700 16px var(--h);color:#fff}
body:has(.sticky-buy){padding-bottom:calc(72px + env(safe-area-inset-bottom))}

/* ---------- 10. Formularze i komunikaty ---------- */
.form{display:grid;gap:16px}
.form label{display:grid;gap:8px;font:600 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.form input[type=text],.form input[type=email],.form input[type=password],.form select,.form textarea,.pole{width:100%;background:var(--k0);border:1px solid var(--kf);border-radius:var(--r1);padding:13px 15px;font:400 16px/1.4 var(--b);color:#fff;text-transform:none;letter-spacing:0;outline:none}
.form input:focus,.form select:focus,.form textarea:focus,.pole:focus{border-color:var(--ak2);box-shadow:0 0 0 1px var(--ak2)}
.form textarea{resize:vertical;min-height:120px}
.form fieldset{border:0;display:grid;gap:12px;min-width:0}
.form .var{text-transform:none;letter-spacing:0;font:400 15px/1.5 var(--b);color:var(--tx)}
.form .var small{font:400 13.5px/1.55 var(--b);text-transform:none;letter-spacing:0}
.chk{display:flex!important;gap:12px!important;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font:400 14px/1.55 var(--b)!important;color:#d5cce6!important}
.chk input{margin-top:3px;accent-color:var(--ak);width:18px;height:18px;flex:none}
.chk a{color:var(--ak2);text-decoration:underline}
.faktura{border:1px solid var(--kf);border-radius:var(--r1);padding:14px 16px}
.faktura summary{cursor:pointer;font:600 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.faktura .form{margin-top:16px}
.kod-r{display:flex;margin-top:20px}
.kod-r .pole{flex:1;min-width:0;border-radius:var(--r1) 0 0 var(--r1);text-transform:uppercase}
.kod-r .btn{border-radius:0 var(--r1) var(--r1) 0;min-height:0}
.alert{border:1px solid var(--kl);border-left:3px solid var(--wr);border-radius:var(--r1);padding:16px 18px;background:var(--k1);font-size:14.5px;line-height:1.55}
.alert.ok{border-left-color:var(--ok)}
.alert.err{border-left-color:var(--pk)}
.alert+.alert,.alerty .alert+.alert{margin-top:10px}
.alerty{margin-bottom:16px}
.alerty:focus{outline:none}
.stopka-zapis{display:flex;margin-top:24px;max-width:440px;border:1px solid var(--kf);border-radius:10px;overflow:hidden}
.stopka-zapis:focus-within{border-color:var(--ak2);box-shadow:0 0 0 1px var(--ak2)}
.stopka-zapis input{flex:1;min-width:0;background:var(--k1);border:none;padding:13px 14px;color:#fff;font:400 16px var(--b);outline:none}
.stopka-zapis button{background:var(--akb);color:#fff;border:none;padding:0 16px;font:700 13px var(--h);cursor:pointer;white-space:nowrap}
.stopka-zapis button:hover{background:var(--akh)}
.foot .stopka-zapis{flex-direction:column;border:none;overflow:visible;gap:8px;max-width:340px}
.foot .stopka-zapis:focus-within{box-shadow:none}
.foot .stopka-zapis input{border:1px solid var(--kf);border-radius:10px}
.foot .stopka-zapis input:focus{border-color:var(--ak2);box-shadow:0 0 0 1px var(--ak2)}
.foot .stopka-zapis button{border-radius:10px;padding:13px 16px}

/* kasa */
.kasa{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--kl);border-radius:18px;overflow:hidden;background:var(--k1)}
.kasa-f{padding:48px}
.kasa-f h1{font-size:40px;margin:16px 0 32px}
.kasa aside{background:#0d0d10;border-left:1px solid var(--kl)}
.kasa aside img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kasa-p{padding:32px}
.kasa-p h3{margin:12px 0 20px;font-size:24px}
.kasa-p .note{margin-bottom:16px}

/* ---------- 11. Panel kursanta ---------- */
.mycourses{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 32px}
.mycourses .card h3{margin-top:20px}
.mycourses .card .bar{margin:16px 0 10px}
.mycourses .card .link{margin-top:16px}
.bar{height:4px;background:var(--nl);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--ak)}
.panel-h h1{font-size:54px;margin-top:16px}
.panel-h p{padding-top:16px}

.pn{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - var(--top));background:var(--bg)}
.pn-nav{border-right:1px solid var(--nl);background:var(--bg2);padding:24px 0;position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto}
.pn-glowa{padding:0 24px 20px;border-bottom:1px solid var(--kl)}
.pn-glowa h2{margin:12px 0;font-size:19px;line-height:1.25;letter-spacing:-.015em}
.pn-glowa .bar{margin-bottom:8px}
.pn-glowa .mono{font-size:11.5px}
.spis-lekcji>summary{display:none}
.pn-nav h3{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);padding:20px 24px 8px}
.pn-nav a.l{display:flex;gap:10px;padding:9px 24px;font-size:14px;color:#d5cce6;border-left:2px solid transparent;line-height:1.45}
.pn-nav a.l:hover{background:#ffffff08;color:#fff}
.pn-nav a.l.on{border-left-color:var(--ak);background:#7c6cff14;color:#fff}
.pn-nav a.l i{font:600 11px var(--m);color:var(--mu);font-style:normal;flex:none;width:28px;padding-top:2px}
.pn-nav a.l.done i{color:var(--ok)}
.pn-nav a.l.brak{color:#a9a1bb}
.pn-nav a.l.brak i{color:#7d7790}
.pn-m{padding:48px 56px 104px;min-width:0}
.pn-m>*{max-width:780px}
.pn-m .lek-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.pn-m h1{font-size:clamp(30px,3.4vw,46px);margin:16px 0 16px}
.pn-m .lead{font-size:18px;margin-bottom:32px;max-width:780px}
.lek-nast{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--kl);padding-top:32px;margin-top:48px}
.lek-nast span{display:flex;gap:12px}
.materialy{margin-top:72px}
.materialy h2{font-size:30px;margin:12px 0 24px}
.player{aspect-ratio:21/9;background:#05070d;border:1px solid var(--nl);border-radius:var(--r3);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:32px}
.player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.player .ov{position:relative;text-align:center;padding:32px}
.player .ov b{display:block;font:700 24px var(--h);color:#fff;margin:10px 0 6px}
.audio{border:1px solid var(--nl);border-radius:var(--r2);padding:14px 18px;display:flex;gap:16px;align-items:center;margin-bottom:32px;background:var(--bg2);max-width:780px}
.audio>span{font:500 11px var(--m);letter-spacing:.12em;color:var(--mu);white-space:nowrap}
.audio audio{width:100%;height:40px;color-scheme:dark}
.czyt{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;background:transparent;pointer-events:none}
.czyt i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7c6cff,#f472b6);transform-origin:0 0;transform:scaleX(0)}
.spis{border:1px solid var(--nl);border-radius:14px;padding:20px 24px;margin:0 0 40px;background:#ffffff05;display:grid;gap:2px;max-width:780px}
.spis b{font:700 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--ak2);margin-bottom:8px}
.spis a{color:#d5cce6;font-size:15px;line-height:1.45;padding:4px 0}
.spis a:hover{color:#fff}

/* ---------- 12. Treść lekcji (panel, lekcja próbna, okno, proza SEO) ---------- */
.lekcja{max-width:780px;font-size:17.5px;line-height:1.7}
.lekcja h2{font-size:28px;margin:56px 0 16px;line-height:1.18;scroll-margin-top:calc(var(--top) + 24px)}
.lekcja h3{font-size:21px;margin:40px 0 12px}
.lekcja>:first-child{margin-top:0}
.lekcja p{margin-bottom:16px}
.lekcja p,.lekcja li{color:var(--t3)}
.lekcja ul,.lekcja ol{padding-left:24px;margin-bottom:20px}
.lekcja li{margin-bottom:8px}
.lekcja li::marker{color:var(--ak2)}
.lekcja strong{color:#fff}
.lekcja a{color:var(--ak2);text-decoration:underline;text-underline-offset:3px}
.lekcja a:hover{color:#fff}
.lekcja :not(pre)>code{font:500 .84em var(--m);background:#ffffff0d;border:1px solid var(--nl);border-radius:5px;padding:1px 6px;color:#e8e0ff;white-space:nowrap}
/* blok kodu: pasek z etykietą i przyciskiem nad kodem (JS owija pre w .kod), więc „Kopiuj” nic nie zasłania */
.lekcja pre{position:relative;background:#07090f;border:1px solid var(--nl);border-radius:var(--r2);padding:20px 22px;margin:24px 0;overflow:auto;max-width:100%;font:500 13.5px/1.6 var(--m)}
.lekcja pre code{display:block;background:none;border:none;padding:0;font:inherit;color:#d9d2f0;white-space:pre}
.lekcja .kod{margin:28px 0;border:1px solid var(--nl);border-radius:var(--r2);background:#07090f;overflow:hidden}
.lekcja .kod pre{margin:0;border:none;border-radius:0;background:none}
.lekcja .kod.tekst pre code{white-space:pre-wrap;overflow-wrap:anywhere}
.kod-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 22px;border-bottom:1px solid var(--nl);background:#0b0e17}
.kod-bar span{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.lekcja .kopiuj{min-height:32px;background:var(--k3);border:1px solid var(--kl);border-radius:6px;color:var(--t2);font:600 11px var(--m);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;cursor:pointer}
.lekcja .kopiuj:hover{color:#fff;border-color:var(--ak)}
/* ramki: protip (blockquote), pułapka (.uwaga), zadanie - ten sam wzór, inny kolor */
.lekcja blockquote,.lekcja .uwaga,.lekcja .zadanie{border:1px solid;border-left-width:3px;border-radius:var(--r1);padding:20px 24px;margin:32px 0}
.lekcja blockquote{border-color:#2f5d43;border-left-color:var(--ok);background:#4ade800a}
.lekcja .uwaga{border-color:#5d2f4a;border-left-color:var(--pk);background:#f472b60a}
.lekcja .zadanie{border-color:#3a2f7a;border-left-color:var(--ak);background:#7c6cff10;margin-top:48px}
.lekcja blockquote>:last-child,.lekcja .uwaga>:last-child,.lekcja .zadanie>:last-child{margin-bottom:0}
.lekcja blockquote>strong:first-child,.lekcja .uwaga>strong:first-child{font:700 12px/1 var(--m);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;vertical-align:1px}
.lekcja .zadanie::before{display:block;font:700 11px/1.4 var(--m);letter-spacing:.14em;text-transform:uppercase}
.lekcja blockquote>strong:first-child{color:var(--ok)}
.lekcja .uwaga>strong:first-child{color:var(--pk)}
.lekcja .zadanie::before{content:"// zadanie";color:var(--ak2);margin-bottom:12px}
/* tabele: JS owija je w .tabela (przewijanie w poziomie przy każdej szerokości) */
.lekcja .tabela{margin:28px 0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--nl);border-radius:var(--r1)}
.lekcja .tabela:focus-visible{outline:2px solid var(--ak2);outline-offset:2px}
.lekcja table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}
.lekcja .tabela table{margin:0}
.lekcja th,.lekcja td{border-bottom:1px solid var(--nl);padding:12px 16px;text-align:left;vertical-align:top}
.lekcja tr:last-child td{border-bottom:none}
.lekcja th{font:600 10.5px/1.4 var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);background:#ffffff05;border-bottom-color:var(--kl);white-space:nowrap}
.lekcja td{color:var(--t3)}
.lekcja td:first-child{color:#fff}
.prose{max-width:780px}
.prose h2{font-size:28px;margin:48px 0 16px}
.prose p,.prose li{color:#d5cce6;margin-bottom:12px;line-height:1.7}
.prose ul,.prose ol{padding-left:24px}
.prose-seo{font-size:17px}
.prose-seo h3{font-size:20px}

/* LAB na rok: lista kursów */
.wiersze{display:grid;gap:10px}
.wiersz{display:grid;grid-template-columns:108px minmax(0,1fr) 170px 110px;gap:24px;align-items:center;border:1px solid var(--nl);border-radius:14px;padding:10px 24px 10px 10px;transition:border-color .2s,background .2s}
.wiersz:hover{border-color:#3a3f5c;background:#ffffff05}
.wiersz img{width:108px;height:72px;object-fit:cover;border-radius:9px}
.wiersz h3{font-size:17px}
.wiersz .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.wiersz .cena{font:700 18px var(--h);color:#fff;white-space:nowrap;text-align:right}
.wiersz .st{font:700 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);white-space:nowrap;text-align:right}
.wiersz .st.p{color:#a297ff}
.wiersz.suma{background:#7c6cff12;border-color:#7c6cff55;grid-template-columns:1fr 110px;padding:20px 24px}
.wiersz.link-w{grid-template-columns:1fr auto}

/* darmowy kurs AI: lista lekcji */
.dk{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.dk li{display:grid;grid-template-columns:52px 128px minmax(0,1fr) 220px;gap:24px;align-items:center;border:1px solid var(--kl);border-radius:var(--r2);background:var(--k1);padding:20px 24px;transition:border-color .2s,transform .2s}
.dk li:hover{border-color:var(--ak);transform:translateX(3px)}
.dk-n{font:700 26px var(--m);color:var(--ak);letter-spacing:-.02em}
.dk img{width:128px;height:96px;object-fit:cover;border-radius:8px;background:#0c0c0c;display:block}
.dk h3{font-size:21px;line-height:1.25;margin:8px 0}.dk h3 a{color:#fff}.dk h3 a:hover{color:var(--ak2)}
.dk p{color:var(--mu);font-size:15px;line-height:1.55;margin:0}
.dk-m{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.dk-m>span{font:500 12px var(--m);color:var(--t2);letter-spacing:.04em}
.dk-m .link{font-size:12px;padding:6px 0}

/* certyfikat, próbna, różne */
.zas-pod{display:block;border-radius:8px;overflow:hidden;transform:rotate(-1.6deg);box-shadow:0 30px 70px -30px #000;transition:transform .3s}
.zas-pod:hover{transform:rotate(0) scale(1.01)}
.zas-pod img{display:block;width:100%;height:auto}
.zas-pod+.note{margin-top:16px}
.koniec{margin-top:56px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.koniec h3{font-size:26px;margin:12px 0 8px}
.box.zapis{margin-top:40px}

/* 404 */
.n404{font-size:56px;margin:8px 0 16px}
.n404 span{color:var(--ak)}
.n404-b{color:var(--wr)}

/* ---------- 13. Stopka ---------- */
.foot{background:var(--k0);border-top:1px solid var(--kl);padding:72px 0 40px}
.foot .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px}
.foot .wrap>div{min-width:0}
.foot .logo .lt{font-size:24px}
.foot .logo .neon{font-size:12px}
.foot-o{margin-top:16px;max-width:380px;font-size:14.5px;color:var(--mu);line-height:1.6}
.foot h2{font:700 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-bottom:16px}
.foot a{display:block;color:#cfc8dc;font-size:14.5px;padding:5px 0}
.foot a:hover{color:#fff}
.foot .cp{grid-column:1/-1;border-top:1px solid var(--kl);padding-top:24px;margin-top:16px;font:500 11.5px var(--m);color:var(--mu);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* ---------- 14. Animacje wejścia (tylko gdy działa JS; bezpiecznik .r-off po 3 s) ---------- */
.js [data-r]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js [data-r].in,.r-off [data-r]{opacity:1;transform:none}
[data-r="2"]{transition-delay:.08s}[data-r="3"]{transition-delay:.16s}[data-r="4"]{transition-delay:.24s}

/* ---------- 15. Responsywność ---------- */
@media (max-width:1100px){
  .top-in{padding:0 20px;height:74px}
  :root{--top:75px}
  .nav{display:none}
  .nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#120a1f;padding:8px 14px 16px;border-bottom:1px solid #2a1d3e;z-index:60}
  .nav.open>a{padding:12px 14px;min-height:48px;display:flex;align-items:center}
  .burger{display:block}
  .teraz-in{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .teraz-in::-webkit-scrollbar{display:none}
  .hero .wrap,.split2{grid-template-columns:1fr}
  .dopisek,.strz{display:none}
  .grid,.mycourses{grid-template-columns:repeat(2,1fr)}
  .tiers{grid-template-columns:repeat(2,1fr)}
  .eff{grid-template-columns:repeat(2,1fr)}
  .foot .wrap{grid-template-columns:1fr 1fr}
  .foot .wrap>div:first-child{grid-column:1/-1}
  /* strona kursu: okładka i kupno pod nagłówkiem, obok siebie na tablecie */
  .kh .wrap{display:flex;flex-direction:column;gap:0}
  .kh .wrap>div{display:contents}
  .kh .crumb,.kh .kick,.kh h1,.kh .lead,.kh .lead2{order:1}
  .kh .wrap>aside{order:2;margin:32px 0 8px;width:100%}
  .kh .sq,.kh .fakty{order:3}
  .pn{grid-template-columns:250px minmax(0,1fr)}
  .pn-m{padding:40px 32px 96px}
  .plan-m{grid-template-columns:1fr;gap:20px}
  .plan-m>h2{position:static}
}
@media (min-width:761px) and (max-width:1100px){
  .kh .wrap>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
  .kh .wrap>aside .buy{margin-top:0}
  .kh .lead{max-width:none}
}
@media (max-width:900px){
  .tematy,.hubs{grid-template-columns:1fr}
  .temat{grid-template-columns:110px 1fr}.temat img{width:110px;height:90px}
  .hubb{padding:24px}
  .quiz{grid-template-columns:1fr;padding:28px;gap:24px}
  .dk li{grid-template-columns:40px minmax(0,1fr);gap:12px 16px;padding:20px}
  .dk img{display:none}
  .dk-n{font-size:20px;align-self:start;padding-top:4px}
  .dk-m{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left;gap:8px 16px}
  /* panel: jedna kolumna, spis kursu NAD lekcją, zwinięty */
  .pn{display:flex;flex-direction:column}
  .pn-nav{position:static;height:auto;border-right:none;border-bottom:1px solid var(--nl);padding:16px 0 0}
  .pn-glowa{border-bottom:none;padding-bottom:12px}
  .spis-lekcji>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 24px;border-top:1px solid var(--nl);cursor:pointer;list-style:none;font:700 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:#fff}
  .spis-lekcji>summary::-webkit-details-marker{display:none}
  .spis-lekcji>summary::after{content:"+";font:400 22px var(--m);color:var(--ak2)}
  .spis-lekcji[open]>summary::after{content:"−"}
  .spis-lekcji[open]{padding-bottom:16px}
  .pn-nav a.l{padding:12px 24px}
  .kasa{grid-template-columns:1fr}
  .kasa-f{padding:28px 20px}
  .kasa aside{order:-1;border-left:none;border-bottom:1px solid var(--kl)}
  .kasa aside img{display:none}
  .kasa-p{padding:24px 20px}
  .kasa-p h3{font-size:21px;margin-bottom:16px}
}
@media (max-width:760px){
  :root{--top:65px}
  .wrap{padding:0 18px}
  .sec{padding:72px 0}
  .sec.pt-s{padding-top:40px}
  .page{padding:48px 0 80px}
  .sh{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}
  .sh p{padding-top:0}
  html,body{overflow-x:clip}
  /* header: cele dotyku >= 44 px przez powiększone pole kliknięcia */
  .promo{font-size:13px;padding:8px 12px}
  .promo .promo-x,.promo-z{display:none}
  .top-in{padding:0 14px;height:64px;gap:10px}
  .logo{gap:8px}.logo .lt{font-size:16px}.kolba{width:20px;height:24px}
  .neon{padding:3px 6px;letter-spacing:.14em}
  .top-l{display:none}
  .top-r{gap:8px}
  .szukaj-btn span{display:none}
  .szukaj-btn,.burger{width:40px;height:40px;min-height:0;padding:0;justify-content:center}
  .cta-top{min-height:40px;padding:0 12px;font-size:11.5px}
  .szukaj-btn::after,.cta-top::after,.burger::after{content:"";position:absolute;inset:-4px -4px}
  .szukaj-btn,.cta-top{position:relative}
  .nav .nav-konto{display:flex;border-top:1px solid #2a1d3e;margin-top:6px;color:#fff}
  .teraz-in{height:44px;font-size:12px;gap:24px;padding:0 18px}
  .hero{padding:32px 0 56px}.hero .wrap{gap:40px}
  .hero .stats-w{margin-top:48px}
  .term{font-size:12px}
  .lead{font-size:18.5px}
  .kh{padding:32px 0 56px}
  .kh h1{font-size:clamp(32px,9vw,40px)}
  .grid,.mycourses,.tiers,.eff,.cols2,.mats{grid-template-columns:1fr}
  .grid{gap:48px}
  .split2 .kafle{grid-template-columns:1fr}
  .stats,.fakty{grid-template-columns:1fr 1fr}
  .cov-t{padding:16px 14px}.cov-h{font-size:28px}.cov-s{font-size:13px}
  .card .cov-h{font-size:clamp(22px,6.4vw,26px);overflow-wrap:normal}
  .card .cov-m{display:none}
  .autor{grid-template-columns:1fr;padding:24px;gap:24px}.autor img{max-width:160px}
  .okno-in{padding:24px 18px 0}
  .mod summary{grid-template-columns:40px 1fr;padding:16px}.mod summary .m{grid-column:2}
  .mod ol{padding:0 16px 8px}
  .tbl th,.tbl td{padding:12px 8px;font-size:14px}.tbl .r{white-space:normal}
  .box{padding:28px 20px}
  .box h1{font-size:34px}
  .zwrot{flex-direction:column;align-items:flex-start}
  .wiersz{grid-template-columns:72px minmax(0,1fr);padding-right:16px;gap:4px 16px}
  .wiersz img{width:72px;height:54px;grid-row:span 3}
  .wiersz .cena,.wiersz .st{grid-column:2;text-align:left}
  .wiersz.suma{grid-template-columns:1fr auto}
  .koniec{grid-template-columns:1fr}
  .kasa-f h1{font-size:32px;margin-bottom:24px}
  .filters button,.filters a{min-height:44px}
  .spis a{padding:9px 0}
  .crumb a{display:inline-block;padding:10px 0}
  .stopka-zapis{flex-direction:column;border:none;overflow:visible;gap:8px}
  .stopka-zapis input{border:1px solid var(--kf);border-radius:10px}
  .stopka-zapis button{border-radius:10px;padding:13px 16px;white-space:normal}
  .stopka-zapis:focus-within{box-shadow:none}
  .foot{padding:56px 0 32px}
  .foot .wrap{grid-template-columns:1fr 1fr;column-gap:20px;row-gap:32px}
  .foot a{padding:10px 0}
  .pn-m{padding:24px 18px 80px}
  .pn-m h1{font-size:30px}
  .drukuj{display:none}
  .lekcja{font-size:17px}
  .lekcja h2{font-size:24px;margin-top:48px}
  .lekcja th,.lekcja td{padding:10px 12px;min-width:120px}
  .kod-bar{padding-left:16px}
  .lekcja pre{padding:16px}
  .lekcja blockquote,.lekcja .uwaga,.lekcja .zadanie{padding:16px 18px}
  .audio{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}
}
@media (max-width:380px){.cta-top{padding:0 9px;font-size:11px}.logo .lt{font-size:15px}}

/* ---------- 16. Ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-r]{opacity:1;transform:none;transition:none}
  .stack .cov,.cov,.btn,.temat,.dk li{transition:none}
  .logo .lt b,.neon,.kolba,.kolba circle,.logo:hover .kolba,.term .cur{animation:none!important}
  .kolba circle{opacity:0}
  .podkr path,.strz path,.kreska path,.kreska.in path{animation:none!important;stroke-dashoffset:0!important}
  .dopisek{animation:none!important;opacity:1!important}
  .card:hover .cov,.temat:hover,.dk li:hover,.qk button:hover{transform:none}
}

/* ---------- 17. Druk (zapis lekcji do PDF) ---------- */
@media print{
  @page{margin:16mm 16mm}
  .pn-nav,.top,.teraz,.promo,.foot,.audio,.spis,.czyt,.drukuj,form,.kopiuj,.kod-bar,.skok,.sticky-buy{display:none!important}
  body,.pn,.pn-m{background:#fff!important;color:#111!important}
  .pn{display:block}.pn-m{padding:0}.pn-m>*{max-width:none}
  .lekcja,.lekcja p,.lekcja li,.lekcja td{color:#111!important}
  .lekcja h2,.lekcja h3,h1,.lekcja strong,.lekcja td:first-child{color:#000!important}
  .lead,.lead2,p{color:#222!important}
  .lekcja .kod,.lekcja pre{background:#f4f4f6!important;border-color:#ccc!important}
  .lekcja pre code{color:#111!important;white-space:pre-wrap}
  .lekcja .tabela{overflow:visible;border-color:#ccc}
  .lekcja blockquote,.lekcja .uwaga,.lekcja .zadanie{background:#fafafa!important;border-color:#bbb!important}
  .kick{color:#666!important}
}

/* ---------- 18. v6 (19.10.2026): kolory kategorii, jeden pasek u góry, wAIgyu 2 jako główna oferta ---------- */
:root{--lime:#c8ff2e;--lime2:#b4ec12;--pink2:#ff5fa2;--cyan:#3ee0ff;--amber:#ffb020;--kc:var(--ak2)}
.k-wideo{--kc:#ff5fa2}.k-widocznosc{--kc:#c8ff2e}.k-budowanie{--kc:#3ee0ff}.k-b2b{--kc:#ffb020}

/* pasek promo: jeden, limonkowy, jak na promptowy.com */
.promo{background:var(--lime);color:#10140a;font:500 14px/1.35 var(--h);padding:10px 16px}
.promo-t{background:#10140a;color:var(--lime);font:800 11px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:5px;margin-right:8px;vertical-align:1px}
.promo b{font-weight:700}
.promo-z{background:#10140a;color:var(--lime);font:700 12px var(--h);padding:5px 12px;border-radius:7px}

/* header: niższy, ciemniejszy, CTA limonkowe */
.top{background:rgba(12,12,12,.9);border-bottom:1px solid #222}
.top-in{height:72px;max-width:1320px}
:root{--top:73px}
.nav{gap:4px}
.nav>a{font:600 14.5px var(--h);letter-spacing:.01em;padding:10px 14px}
.nav>a.on{color:#0c0c0c;background:#fff}
.cta-top{background:var(--lime);color:#10140a;font:700 14px var(--h);letter-spacing:0;border-radius:10px;padding:0 18px}
.cta-top:hover{background:#d8ff63}
.szukaj-btn{border-color:#333}
.logo .lt b{color:var(--lime)}
.neon{border-color:var(--lime);color:var(--lime);text-shadow:0 0 10px #c8ff2e88;box-shadow:0 0 12px #c8ff2e33,inset 0 0 10px #c8ff2e22}

/* przyciski: główny limonkowy, drugi z obrysem */
.btn{background:var(--lime);border-color:var(--lime);color:#10140a}
.btn:hover{background:#d8ff63;border-color:#d8ff63}
.btn.s{color:#fff;border-color:#444}
.btn.s:hover{border-color:var(--lime);color:var(--lime);background:transparent}

/* hero */
.hero{background:radial-gradient(90% 70% at 85% 10%,#2a1d5a 0%,transparent 60%),radial-gradient(60% 60% at 0% 100%,#10261a 0%,transparent 60%),var(--k0);padding:64px 0 88px}
.hero h1{font-size:clamp(44px,5.2vw,78px);letter-spacing:-.035em}
.hero h1 em{color:var(--lime)}
.podkr path{stroke:var(--pink2)}
.hero .lead{margin-bottom:8px}
.hero .cta{margin-top:8px}
.stats{background:#262626}
.stats>div{background:#111}
.stats b{color:var(--lime)}
.stats>div:nth-child(2) b{color:var(--pink2)}.stats>div:nth-child(3) b{color:var(--cyan)}.stats>div:nth-child(4) b{color:var(--amber)}

/* sekcje: mniej pustki, równe marginesy */
.sec{padding:96px 0}
.sh{margin-bottom:40px;align-items:flex-end}
.sh p{padding-top:0}
.sec.f{background:#15102a}
.sec.n{background:#0f1422}

/* pasmo wAIgyu 2 */
.w2band{background:linear-gradient(120deg,#3b1fd1 0%,#7c3aed 45%,#d9468f 100%);padding:72px 0}
.w2b{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.w2b .kick{color:#fff;opacity:.85}
.w2b h2{margin:12px 0 16px;color:#fff}
.w2b .lead2{color:#f3eeff;max-width:620px}
.w2b .cta{margin-top:28px}
.w2b .btn{background:#fff;border-color:#fff;color:#1a0f3a}
.w2b .btn:hover{background:var(--lime);border-color:var(--lime)}
.cenbox{display:grid;gap:1px;background:#ffffff33;border:1px solid #ffffff40;border-radius:var(--r3);overflow:hidden}
.cenbox>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 24px;background:#12082ecc}
.cenbox span{font:600 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:#d9cff7}
.cenbox s{font:600 22px var(--h);color:#bfb3e3}
.cenbox b{font:700 26px var(--h);color:#fff;letter-spacing:-.02em}
.cenbox .hl{background:#0c0c0c}
.cenbox .hl b{font-size:40px;color:var(--lime)}
.cenbox .ok{color:var(--lime)}
.w2band .stats{background:#ffffff33;border-color:#ffffff40}
.w2band .stats>div{background:#12082ecc}
.w2band .stats b{color:#fff}
.w2band .stats span{color:#e2d9fb}

/* karty kursów: kolor kategorii, cena na dole */
.card .meta{font:700 11px/1.5 var(--m);letter-spacing:.1em;color:#cfcfd6}
.card .meta .kat{color:var(--kc)}
.card .meta .w{color:var(--amber)}
.card .cov{border-color:#2a2a2a}
.card .cov::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:42%;background:var(--kc)}
.card:hover .cov{border-color:var(--kc);transform:translateY(-4px)}
.card h3{font-size:19px;margin-top:10px}
.card:hover h3{color:var(--kc)}
.card .ft{padding-top:14px;margin-top:auto;border-top:1px solid #222;margin-top:16px}
.card .price{font-size:20px}
.klient{color:var(--kc)}
.filters button.on{background:var(--lime);border-color:var(--lime);color:#10140a}

/* rzędy premier */
.rzedy{display:grid;gap:8px}
.rzad{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;padding:16px 24px;border:1px solid #2c2448;border-left:3px solid var(--kc);border-radius:var(--r2);background:#0c0c0c66;transition:background .2s,transform .2s}
.rzad:hover{background:#ffffff08;transform:translateX(3px)}
.rzad time{font:600 12px/1.3 var(--m);color:var(--mu)}
.rzad time b{display:block;font:700 22px/1.1 var(--h);color:var(--kc);letter-spacing:-.02em}
.rz-t b{display:block;font:700 17px/1.3 var(--h);color:#fff}
.rz-t span{font:500 12.5px var(--m);color:var(--mu)}
.rz-c{font:700 17px var(--h);color:#fff;white-space:nowrap}

/* kafle stawek i darmowe lekcje w kolorze kategorii */
.kafel{display:block;border-color:#262b3d;border-top:3px solid var(--kc)}
a.kafel:hover{background:#ffffff08}
.kafel b{color:var(--kc)}
.kafel em{display:block;margin-top:12px;font:600 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);font-style:normal}
.tier.k-wideo,.tier.k-widocznosc,.tier.k-budowanie,.tier.k-b2b{border-top:3px solid var(--kc)}
.tier.k-wideo .kick,.tier.k-widocznosc .kick,.tier.k-budowanie .kick,.tier.k-b2b .kick{color:var(--kc)}
.tier:hover{border-color:var(--kc)}
.tiers.auto{grid-template-columns:repeat(4,1fr)}
.kick{color:var(--pink2)}
.w2n{margin-top:4px}
.buy .link{justify-self:start}
.prose-seo h2{font-size:26px}
.prose-seo a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){
  .w2b{grid-template-columns:1fr;gap:32px}
  .tiers.auto{grid-template-columns:repeat(2,1fr)}
  .nav.open{background:#0c0c0c}
  .nav.open>a.on{background:#ffffff14;color:#fff}
}
@media (max-width:760px){
  .sec{padding:64px 0}
  .w2band{padding:56px 0}
  .hero{padding:32px 0 56px}
  .top-in{height:62px}
  :root{--top:63px}
  .promo{font-size:13px}
  .cta-top{font-size:13px;padding:0 12px}
  .rzad{grid-template-columns:64px minmax(0,1fr);gap:4px 14px;padding:14px 16px}
  .rzad time b{font-size:18px}
  .rz-c{grid-column:2;font-size:15px}
  .rz-t b{font-size:15.5px}
  .cenbox>div{padding:16px 18px}
  .cenbox .hl b{font-size:32px}
  .tiers.auto{grid-template-columns:1fr}
  .sh{align-items:flex-start}
}
/* 10 gotowych kursów: 2 duże + 2 rzędy po 4 */
.grid.g10{grid-template-columns:repeat(4,1fr);gap:48px 24px}
.grid.g10>.card:nth-child(-n+2){grid-column:span 2}
.grid.g10>.card:nth-child(n+3) .cov-h{font-size:clamp(20px,1.6vw,24px)}
.grid.g10>.card:nth-child(n+3) .cov-t{padding:16px 14px 12px}
.grid.g10>.card:nth-child(n+3) .cov-s{font-size:12.5px}
.grid.g10>.card:nth-child(n+3) .cov-m{display:none}
.grid.g10>.card:nth-child(n+3) .ft{flex-direction:column;align-items:flex-start;gap:4px}
.grid.g10>.card:nth-child(n+3) h3{font-size:17px}
@media (max-width:1100px){.grid.g10{grid-template-columns:repeat(2,1fr)}.grid.g10>.card:nth-child(-n+2){grid-column:auto}}
@media (max-width:760px){.grid.g10{grid-template-columns:1fr;gap:40px}.grid.g10>.card:nth-child(n+3) .cov-h{font-size:26px}.grid.g10>.card:nth-child(n+3) .cov-m{display:block}}
.grid.g10.filtr>.card:nth-child(-n+2){grid-column:auto}
.cov-h{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;font-size:min(48px,3.1vw)}
.kafle.k-wideo .kafel,.kafle.k-widocznosc .kafel,.kafle.k-budowanie .kafel,.kafle.k-b2b .kafel{--kc:inherit}
@media (max-width:1100px){.cov-h{font-size:clamp(28px,5vw,44px)}}
.cta-top{white-space:nowrap}
@media (max-width:380px){.cta-top span{display:none}}
/* kod bez poziomego przewijania i bez ligatur (>= ma zostać >=) */
.lekcja pre,.lekcja code{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}
.lekcja pre code{white-space:pre-wrap;overflow-wrap:anywhere}
.lekcja .tabela{overflow-x:visible}
.lekcja table{table-layout:auto}
.lekcja th{white-space:normal}
@media (max-width:760px){.lekcja th,.lekcja td{min-width:0;padding:10px 8px;font-size:14px;overflow-wrap:anywhere}}
/* kombAIn: wybór pakietu */
.pakiety{display:grid;gap:10px}
.pakiety .var .t b i{font:700 10px var(--m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:#10140a;padding:3px 6px;border-radius:4px;margin-left:6px;vertical-align:2px}
.pakiety .var:has(input:checked){border-color:var(--lime);background:#c8ff2e10}
.pakiety .var:has(input:disabled){opacity:.45;cursor:not-allowed}
#w2f{display:block}

/* ---------- 19. v7 (21.10.2026): spis lekcji, landing preorderu kombAIn, widok lekcji ---------- */

/* 19a. Spis kursu (.sp) - strona kursu i eksplorator na landingu */
.sp{--kc:var(--ak2)}
.sp.k-wideo{--kc:#ff5fa2}.sp.k-widocznosc{--kc:#c8ff2e}.sp.k-budowanie{--kc:#3ee0ff}.sp.k-b2b{--kc:#ffb020}
.sp-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}
.sp-f{display:flex;flex-wrap:wrap;gap:8px 32px}
.sp-f div{display:flex;flex-direction:column-reverse;gap:2px}
.sp-f dt{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.sp-f dd{font:700 20px/1.1 var(--h);color:#fff;letter-spacing:-.02em}
.sp-all{white-space:nowrap;padding:8px 0}
.pm{display:flex;gap:3px;height:30px;margin-bottom:24px}
.pm span{position:relative;min-width:22px;border-radius:5px;background:color-mix(in srgb,var(--kc) 22%,#14141a);border:1px solid color-mix(in srgb,var(--kc) 35%,transparent);overflow:hidden}
.pm span:nth-child(odd){background:color-mix(in srgb,var(--kc) 34%,#14141a)}
.pm i{position:absolute;left:7px;top:50%;transform:translateY(-50%);font:700 10px var(--m);font-style:normal;color:#fff;opacity:.85}
.sp-m{border-top:1px solid #262b3d}
.sp-m:last-of-type{border-bottom:1px solid #262b3d}
.sp-m>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px minmax(0,1fr) 32px;gap:16px;align-items:center;padding:18px 0}
.sp-m>summary::-webkit-details-marker{display:none}
.sp-m>summary:hover .sp-mt b{color:var(--kc)}
.sp-mn{font:700 12px var(--m);color:var(--kc);letter-spacing:.06em}
.sp-mt{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}
.sp-mt b{font:700 18px/1.3 var(--h);color:#fff;letter-spacing:-.015em;transition:color .15s}
.sp-mt small{font:500 12px var(--m);color:var(--mu);white-space:nowrap}
.sp-x{width:28px;height:28px;border:1px solid #333;border-radius:7px;position:relative;justify-self:end}
.sp-x::before,.sp-x::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:#fff;transform:translate(-50%,-50%);transition:transform .2s}
.sp-x::after{transform:translate(-50%,-50%) rotate(90deg)}
.sp-m[open] .sp-x::after{transform:translate(-50%,-50%) rotate(0)}
.sp-l{list-style:none;margin:0 0 16px 72px;padding:0;border-left:1px solid #262b3d}
.sp-l li{display:grid;grid-template-columns:44px minmax(0,1fr) auto 56px;gap:16px;align-items:start;padding:12px 0;position:relative}
.sp-l li+li{border-top:1px dashed #20253a}
.sp-l li::before{content:"";position:absolute;left:-4px;top:20px;width:7px;height:7px;border-radius:50%;background:#14141a;border:1px solid #3a3f5c}
.sp-l li.free::before{background:var(--lime);border-color:var(--lime)}
.sp-ln{font:600 12px/24px var(--m);color:var(--mu);padding-left:16px}
.sp-lt b,.sp-lt a{display:block;font:600 15.5px/1.45 var(--b);color:#fff}
.sp-lt a{color:var(--lime);text-decoration:underline;text-decoration-color:#c8ff2e55;text-underline-offset:4px}
.sp-lt a:hover{text-decoration-color:var(--lime)}
.sp-lt span{display:block;margin-top:2px;color:var(--mu);font-size:13.5px;line-height:1.55}
.sp-tag em{display:inline-block;font:700 9.5px/1 var(--m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border-radius:4px;margin-top:3px;white-space:nowrap}
.t-free{background:var(--lime);color:#10140a}
.t-ok{color:var(--ok);border:1px solid #2f5d43}
.t-w{color:#8b85a0;border:1px solid #2c2840}
.sp-l time{font:600 12px/24px var(--m);color:var(--t2);text-align:right;white-space:nowrap}

/* 19b. Landing preorderu kombAIn */
.pre-h{background:radial-gradient(70% 80% at 92% 0%,#2a1d5a 0%,transparent 60%),radial-gradient(50% 60% at 0% 100%,#11281b 0%,transparent 65%),var(--k0);padding:40px 0 88px;overflow:hidden}
.pre-h .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:64px;align-items:center}
.pre-st{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);border:1px solid #c8ff2e44;background:#c8ff2e0d;border-radius:8px;padding:8px 12px}
.pre-st i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 #c8ff2e88;animation:puls 1.8s infinite}
@keyframes puls{70%{box-shadow:0 0 0 9px #c8ff2e00}100%{box-shadow:0 0 0 0 #c8ff2e00}}
.pre-h h1{font-size:clamp(64px,8.4vw,128px);line-height:.88;letter-spacing:-.055em;margin:28px 0 28px}
.pre-h h1 em{font-style:normal;color:var(--lime)}
.pre-h1s{display:block;margin-top:20px;font:700 clamp(22px,2.1vw,30px)/1.15 var(--h);letter-spacing:-.025em;color:#fff;max-width:560px}
.pre-h .lead{font-size:18px;font-weight:500;color:#d9d2ee;max-width:560px}
.pre-h .cta{margin-top:32px}
.pre-n{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid #2a2a2a}
.pre-n div{padding:18px 16px 0 0}
.pre-n div+div{padding-left:16px;border-left:1px solid #2a2a2a}
.pre-n b{display:block;font:700 30px/1 var(--h);letter-spacing:-.03em;color:#fff;white-space:nowrap}
.pre-n div:nth-child(1) b{color:var(--lime)}.pre-n div:nth-child(2) b{color:var(--pink2)}.pre-n div:nth-child(3) b{color:var(--cyan)}.pre-n div:nth-child(4) b{color:var(--amber)}
.pre-n span{display:block;margin-top:10px;font:600 10.5px/1.4 var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
/* półka 28 okładek: zapalone gotowe, reszta czeka na premierę */
.polka{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.pk{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#111;border:1px solid #262626;opacity:0;transform:translateY(12px) scale(.96);animation:pk-in .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 45ms + .1s);transition:border-color .2s,transform .25s}
@keyframes pk-in{to{opacity:1;transform:none}}
.pk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42);transition:filter .3s}
.pk.on img{filter:none}
.pk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#000000e6)}
.pk.on{border-color:color-mix(in srgb,var(--kc) 55%,#262626)}
.pk.on::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--kc);z-index:2}
.pk-t{position:absolute;left:8px;right:8px;bottom:22px;z-index:2;font:700 12px/1.1 var(--h);color:#fff;letter-spacing:-.01em}
.pk-s{position:absolute;left:8px;bottom:8px;z-index:2;font:700 9px var(--m);letter-spacing:.1em;text-transform:uppercase;color:#8b85a0}
.pk.on .pk-s{color:var(--kc)}
.pk:hover{border-color:var(--kc);transform:translateY(-3px)}
.pk:hover img{filter:none}
/* pakiety */
.pak-s .pak-mam{margin-bottom:24px}
.pak3,.pak3#w2f{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pak{position:relative;display:flex;flex-direction:column;border:1px solid #2c3146;border-radius:var(--r3);background:#0c0c0c;padding:28px 24px 24px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.pak:hover{border-color:#4a5070}
.pak input{position:absolute;opacity:0;pointer-events:none}
.pak:has(input:checked){border-color:var(--lime);background:linear-gradient(180deg,#c8ff2e12,#0c0c0c 55%);box-shadow:0 0 0 1px var(--lime)}
.pak:has(input:focus-visible){outline:2px solid var(--ak2);outline-offset:3px}
.pak.off{cursor:not-allowed;opacity:.5}
.pak-g{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pak-g b{font:700 22px var(--h);color:#fff;letter-spacing:-.02em}
.pak-g i{font:700 10px var(--m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:#10140a;padding:4px 7px;border-radius:4px}
.pak-g em{font:700 10px var(--m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid #ffb02055;padding:3px 7px;border-radius:4px}
.pak-c{display:block;margin-top:20px;font:700 clamp(40px,3.6vw,52px)/1 var(--h);letter-spacing:-.045em;color:#fff}
.pak:has(input:checked) .pak-c{color:var(--lime)}
.pak-o{display:block;margin-top:10px;font:500 12px var(--m);color:var(--mu)}
.pak-f{list-style:none;margin:24px 0;border-top:1px solid #222}
.pak-f li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid #1c1c1c;font-size:14.5px;line-height:1.45;color:var(--t2)}
.pak-f li b{color:#fff;font-weight:600}
.pak-f li::before{position:absolute;left:0;top:11px;font:700 13px var(--m)}
.pak-f li.y::before{content:"✓";color:var(--lime)}
.pak-f li.n{color:#6f6a80}
.pak-f li.n::before{content:"–";color:#4a4658}
.pak-w{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #333;border-radius:var(--r1);font:700 13px var(--h);color:#cfc8dc}
.pak:has(input:checked) .pak-w{background:var(--lime);border-color:var(--lime);color:transparent;font-size:0}
.pak:has(input:checked) .pak-w::after{content:"✓ wybrany";font:700 13px var(--h);color:#10140a}
.pak-a{grid-column:1/-1;border:1px solid #2c3146;border-radius:var(--r3);background:#0a0d16;padding:24px}
.pak-ar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.pak-ar>p{color:var(--t2);font-size:15px;line-height:1.55;max-width:560px}
.pak-ar>p b{color:#fff}
.pak-ar>.btn{min-width:240px}
.pak-z{display:flex;gap:8px;flex:1;min-width:300px;max-width:520px}
.pak-z input{flex:1;min-width:0;background:var(--k0);border:1px solid var(--kf);border-radius:var(--r1);padding:13px 15px;font:400 16px var(--b);color:#fff;outline:none}
.pak-z input:focus{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.pak-a .note{margin-top:14px}
.pak-a .alert{margin-bottom:16px}
/* oś premier */
.os{display:grid;grid-template-columns:1.6fr;grid-auto-flow:column;grid-auto-columns:1fr;border-top:2px solid #2a2a2a;position:relative}
.os::before{content:"";position:absolute;left:0;top:-2px;height:2px;width:0;background:linear-gradient(90deg,var(--lime),var(--pink2),var(--cyan));transition:width 1.8s cubic-bezier(.4,.1,.2,1)}
.os.in::before,.r-off .os::before{width:100%}
.os-k{position:relative;padding:28px 8px 0 0;display:flex;flex-direction:column;gap:6px;min-width:0}
.os-k::before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:#0c0c0c;border:2px solid #555}
.os-0::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px #c8ff2e22}
.os-m{font:700 12px var(--m);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.os-m small{font-size:10px;color:var(--mu);margin-left:3px}
.os-0 .os-m{color:var(--lime)}
.os-teraz{border:1px solid #c8ff2e55;background:#c8ff2e0f;border-radius:10px;padding:12px 14px;margin-right:16px}
.os-teraz b{display:block;font:700 20px/1.1 var(--h);color:var(--lime);letter-spacing:-.02em}
.os-teraz span{font:500 11px var(--m);color:var(--t2)}
.os-c{display:block;border-left:2px solid var(--kc);padding:4px 0 4px 8px;font:600 12.5px/1.25 var(--h);color:#e8e2f5;transition:background .2s}
.os-c:hover{background:#ffffff08;color:#fff}
.os-c time{display:block;font:600 10px var(--m);color:var(--kc);letter-spacing:.06em}
.kroki{list-style:none;counter-reset:kr;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.kroki li{counter-increment:kr;border:1px solid #222;border-radius:var(--r2);padding:24px;background:#111}
.kroki li::before{content:"0" counter(kr);display:block;font:700 12px var(--m);color:var(--lime);margin-bottom:14px}
.kroki b{display:block;font:700 18px/1.3 var(--h);color:#fff;letter-spacing:-.015em}
.kroki span{display:block;margin-top:8px;color:var(--mu);font-size:14.5px;line-height:1.55}
/* eksplorator spisu */
.eks{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid #262b3d;border-radius:var(--r3);background:#0b0f1a;overflow:hidden;min-height:640px}
.eks-l{border-right:1px solid #262b3d;background:#0a0d16;padding:12px 0;max-height:900px;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}
.eks-g{display:block;padding:16px 20px 8px;font:700 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.eks-l button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;padding:10px 20px 10px 17px;cursor:pointer;color:#cfc8dc}
.eks-l button b{font:600 14.5px/1.3 var(--h)}
.eks-l button small{font:500 10.5px var(--m);color:var(--mu);white-space:nowrap}
.eks-l button:hover{background:#ffffff06;color:#fff}
.eks-l button[aria-selected="true"]{border-left-color:var(--kc);background:color-mix(in srgb,var(--kc) 10%,transparent);color:#fff}
.eks-l button[aria-selected="true"] small{color:var(--kc)}
.eks-r{padding:32px 36px;min-width:0}
.eks-p+.eks-p{margin-top:64px}
.js .eks-p:not(.on){display:none}
.js .eks-p+.eks-p{margin-top:0}
.eks-h{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:28px}
.eks-h img{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid #2a2a2a}
.eks-m{font:700 10.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.eks-m .kat{color:var(--kc)}
.eks-h h3{font-size:clamp(22px,2vw,28px);margin:8px 0;letter-spacing:-.025em}
.eks-h p{color:var(--t2);font-size:15px;line-height:1.55}
.eks-a{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;align-items:center}
.eks-z{font:700 12px var(--m);color:var(--kc)}
/* okno lekcji na landingu */
.okno-lek .okno-in{max-height:720px;padding:40px 56px 0}
.okno-lek .okno-in>h2{font-size:clamp(28px,2.6vw,40px);margin:12px 0 20px;border:none;padding:0}
.okno-lek .lekcja{max-width:720px}
.lek-k{font:700 11.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--pink2)}
.pre-kon{background:linear-gradient(120deg,#2b178f 0%,#5b2bbf 45%,#a9367a 100%)}
.pre-kon .kick{color:#fff;opacity:.85}
.pre-kon h2{font-size:clamp(36px,4vw,60px)}

/* 19c. Widok lekcji */
.pn{grid-template-columns:300px minmax(0,1fr);background:#0e1220}
.pn.solo{display:block}
.pn-nav{background:#0a0d16;padding:0;scrollbar-width:thin;scrollbar-color:#2c3146 transparent}
.pn-glowa{position:sticky;top:0;z-index:2;background:#0a0d16;padding:20px 20px 16px;border-bottom:1px solid #20253a}
.pn-glowa .crumb{margin-bottom:12px}
.pn-kurs{display:block;font:700 17px/1.25 var(--h);color:#fff;letter-spacing:-.015em;margin-bottom:14px}
.pn-kurs:hover{color:var(--lime)}
.pn-glowa .bar{height:5px;background:#20253a;border-radius:3px}
.pn-glowa .bar i{background:var(--lime);border-radius:3px}
.pn-p{display:block;margin-top:8px;font:500 11.5px var(--m);color:var(--mu)}
.pn-p b{color:#fff;font-weight:700}
.pn-zamk{display:none}
.pn-lista{padding:8px 0 40px}
.pn-mod{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:20px 20px 8px}
.pn-nav .pn-mod h3{font:600 11px/1.45 var(--m);letter-spacing:.08em;text-transform:uppercase;color:#a49fb6;padding:0}
.pn-mod h3 span{color:var(--lime);margin-right:8px}
.pn-mod em{font:600 10.5px var(--m);font-style:normal;color:#6f6a80;white-space:nowrap}
.pn-mod em.ok{color:var(--lime)}
.pn-nav .pn-mod.tu h3{color:#fff}
.pn-nav a.l{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 20px;font-size:13.5px;line-height:1.45;color:#cfc8dc;border-left:3px solid transparent}
.pn-nav a.l i{display:flex;align-items:center;justify-content:center;width:26px;height:22px;border-radius:5px;font:600 10.5px var(--m);font-style:normal;color:#7d7790;padding:0}
.pn-nav a.l time{font:500 10.5px/20px var(--m);color:#5e5a70}
.pn-nav a.l.done i{background:#c8ff2e1a;color:var(--lime)}
.pn-nav a.l.done span{color:#a49fb6}
.pn-nav a.l.on{border-left-color:var(--lime);background:linear-gradient(90deg,#c8ff2e14,transparent);color:#fff}
.pn-nav a.l.on i{background:var(--lime);color:#10140a}
.pn-nav a.l.on time{color:var(--lime)}
.pn-nav a.l:hover{background:#ffffff06;color:#fff}
.pn-m{padding:0;min-width:0}
.pn-m>*{max-width:none}
.lek{--lw:720px;max-width:calc(var(--lw) + 344px);margin:0 auto;padding:40px 48px 112px}
.lek-h{max-width:var(--lw);margin-bottom:40px}
.lek-crumb{font:600 12px var(--m);color:var(--mu);margin-bottom:24px}
.lek-crumb a{color:#cfc8dc}.lek-crumb a:hover{color:var(--lime)}
.lek-top{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative}
.lek-tools{display:flex;gap:6px}
.lek-tb{min-width:40px;height:34px;padding:0 10px;background:transparent;border:1px solid #2c3146;border-radius:8px;color:#cfc8dc;font:700 12px var(--m);cursor:pointer}
.lek-tb:hover,.lek-tb[aria-expanded="true"]{border-color:var(--lime);color:var(--lime)}
.czyt-pop{position:absolute;right:0;top:44px;z-index:30;width:290px;background:#11162a;border:1px solid #2c3146;border-radius:12px;padding:16px;display:grid;gap:8px;box-shadow:0 30px 60px -20px #000}
.czyt-pop[hidden]{display:none}
.czyt-pop>span{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.seg{display:flex;border:1px solid #2c3146;border-radius:8px;overflow:hidden;margin-bottom:8px}
.seg button{flex:1;min-height:36px;background:none;border:none;color:#cfc8dc;font:600 12px var(--m);cursor:pointer}
.seg button+button{border-left:1px solid #2c3146}
.seg button[aria-pressed="true"]{background:var(--lime);color:#10140a}
.lek-h h1{font-size:clamp(34px,3.6vw,52px);line-height:1.02;letter-spacing:-.035em;margin:16px 0}
.lek-h .lead{font-size:19px;color:#d9d2ee;max-width:var(--lw);margin:0}
.lek-b{display:grid;grid-template-columns:minmax(0,var(--lw)) 240px;gap:64px;align-items:start}
.lek-c{min-width:0}
.lek .spis{display:none}
.lek-r{position:sticky;top:calc(var(--top) + 32px)}
.lek-r-in{border-left:1px solid #262b3d;padding-left:20px}
.lek-r-h{display:block;font:700 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}
.lek-toc{display:grid;gap:2px;max-height:calc(100vh - var(--top) - 220px);overflow:auto;scrollbar-width:none}
.lek-toc a{position:relative;display:block;padding:6px 0;font:500 13px/1.4 var(--b);color:#8b85a0;transition:color .15s}
.lek-toc a::before{content:"";position:absolute;left:-21px;top:0;bottom:0;width:2px;background:transparent;transition:background .15s}
.lek-toc a:hover{color:#fff}
.lek-toc a.on{color:#fff}
.lek-toc a.on::before{background:var(--lime)}
.lek-toc a.byl{color:#b9b3c9}
.lek-toc a b,.spis a b{font:700 10.5px var(--m);color:var(--lime);margin-right:6px}
.lek-r-p{margin-top:20px;padding-top:16px;border-top:1px solid #262b3d;font:500 11.5px var(--m);color:var(--mu)}
.lek-r-p span{color:var(--lime);font-weight:700}
.lek-r-p a{color:#cfc8dc}.lek-r-p a:hover{color:var(--lime)}
.lek-r-k{margin-top:12px;font:500 11px var(--m);color:#5e5a70}
kbd{font:600 10px var(--m);border:1px solid #333;border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:#a49fb6}
/* odtwarzacz audio */
.ap{display:grid;grid-template-columns:52px minmax(120px,auto) auto minmax(80px,1fr) auto auto auto;gap:14px;align-items:center;margin-top:32px;border:1px solid #2c3146;border-radius:14px;background:#0a0d16;padding:12px 16px 12px 12px}
.js .ap audio{display:none}
html:not(.js) .ap{display:block}
html:not(.js) .ap>:not(audio){display:none}
html:not(.js) .ap audio{display:block;width:100%;color-scheme:dark}
.ap-p{width:52px;height:52px;border-radius:50%;background:var(--lime);border:none;cursor:pointer;position:relative;transition:transform .15s}
.ap-p:hover{transform:scale(1.05)}
.ap-p::before{content:"";position:absolute;left:21px;top:17px;border-left:15px solid #10140a;border-top:9px solid transparent;border-bottom:9px solid transparent}
.ap.gra .ap-p::before{left:18px;top:18px;width:5px;height:16px;border:none;background:#10140a;box-shadow:10px 0 0 #10140a}
.ap-tt b{display:block;font:700 14.5px var(--h);color:#fff}
.ap-tt>span{font:500 11px var(--m);color:var(--mu)}
.ap-s{height:32px;min-width:42px;background:none;border:1px solid #2c3146;border-radius:7px;color:#cfc8dc;font:700 11px var(--m);cursor:pointer}
.ap-s:hover,.ap-v:hover{border-color:var(--lime);color:var(--lime)}
.ap-tr{position:relative;height:28px;cursor:pointer;touch-action:none}
.ap-tr::before{content:"";position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:#20253a}
.ap-tr i{position:absolute;left:0;top:12px;height:4px;border-radius:2px;width:0}
.ap-buf{background:#2f3550}
.ap-pos{background:var(--lime)}
.ap-pos::after{content:"";position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}
.ap-tr:hover .ap-pos::after,.ap-tr:focus-visible .ap-pos::after{opacity:1}
.ap-tm{font:600 12px var(--m);color:var(--t2);min-width:84px;text-align:right;font-variant-numeric:tabular-nums}
.ap-v{height:32px;min-width:52px;background:#1a1f33;border:1px solid #2c3146;border-radius:7px;color:#fff;font:700 12px var(--m);cursor:pointer}
.ap-demo{display:grid;grid-template-columns:52px auto minmax(80px,1fr) auto;margin:0 0 28px;max-width:720px}
.ap-demo .ap-p{display:block;cursor:default}
.ap-demo .ap-tr{display:block;height:4px;background:#20253a;border-radius:2px}
.ap-demo .ap-tr::before{display:none}
.ap-demo .ap-tr i{position:absolute;left:0;top:0;height:4px;background:var(--lime)}
/* mini odtwarzacz przy przewijaniu */
.ap-mini{position:fixed;left:50%;bottom:20px;z-index:45;transform:translate(-50%,160%);display:flex;align-items:center;gap:12px;background:#11162aee;backdrop-filter:blur(10px);border:1px solid #2c3146;border-radius:40px;padding:6px 16px 6px 6px;box-shadow:0 20px 50px -10px #000;transition:transform .3s}
.ap-mini.on{transform:translate(-50%,0)}
.ap-mini button{background:none;border:none;color:#fff;cursor:pointer;font:700 12px var(--m)}
.ap-mini .m-p{width:38px;height:38px;border-radius:50%;background:var(--lime);position:relative}
.ap-mini .m-p::before{content:"";position:absolute;left:15px;top:12px;border-left:11px solid #10140a;border-top:7px solid transparent;border-bottom:7px solid transparent}
.ap-mini.gra .m-p::before{left:13px;top:12px;width:4px;height:14px;border:none;background:#10140a;box-shadow:8px 0 0 #10140a}
.ap-mini .m-tr{width:160px;height:4px;border-radius:2px;background:#2c3146;overflow:hidden}
.ap-mini .m-tr i{display:block;height:100%;width:0;background:var(--lime)}
.ap-mini .m-t{font:600 11.5px var(--m);color:var(--t2);font-variant-numeric:tabular-nums}
/* treść lekcji: kroki, czytelność */
.lek .lekcja{max-width:var(--lw)}
.lekcja>p:first-child{font-size:1.1em;line-height:1.65;color:#ece6f6}
.lekcja h2{display:flex;gap:16px;align-items:baseline;font-size:clamp(24px,2.1vw,30px);margin:72px 0 20px;padding-top:28px;border-top:1px solid #20253a}
.lekcja h2 .krok{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 8px;border-radius:7px;background:#c8ff2e14;border:1px solid #c8ff2e44;font:700 13px var(--m);color:var(--lime);letter-spacing:.02em;transform:translateY(-3px)}
.lekcja h2 .kotw{margin-left:auto;font:500 16px var(--m);color:#3a3f5c;opacity:0;transition:opacity .15s;text-decoration:none}
.lekcja h2:hover .kotw{opacity:1}
.lekcja h2 .kotw:hover{color:var(--lime)}
.lekcja h3{font-size:20px;margin:40px 0 12px;color:#fff}
.lekcja ol,.lekcja ul{padding-left:28px}
.lekcja li{padding-left:4px}
.lekcja li::marker{color:var(--lime);font-family:var(--m);font-size:.85em}
.lekcja strong{color:#fff;font-weight:700}
.lekcja .kod{border-color:#262b3d}
.kod-bar span::before{content:"● ";color:var(--lime)}
.lekcja .kopiuj.ok{background:var(--lime);color:#10140a;border-color:var(--lime)}
.lekcja blockquote>strong:first-child,.lekcja .uwaga>strong:first-child{display:block;margin-bottom:8px}
/* ustawienia czytania */
.czyt-sans .lekcja,.czyt-sans .lek-h .lead{font-family:Inter,system-ui,sans-serif;letter-spacing:-.003em}
.czyt-sans .lekcja{line-height:1.72}
.czyt-s0 .lek .lekcja{font-size:16px}.czyt-s2 .lek .lekcja{font-size:19px}.czyt-s3 .lek .lekcja{font-size:20.5px}
/* koniec lekcji */
.lek-kon{margin-top:72px;display:grid;gap:16px;border-top:1px solid #262b3d;padding-top:40px}
.lek-kon-g{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lek-zr{min-height:56px;padding:0 28px;font-size:16px}
.lek-zr i{font-style:normal}
.lek-ok{display:inline-flex;align-items:center;gap:10px;font:700 16px var(--h);color:var(--lime)}
.lek-ok i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:#10140a;font-style:normal}
.lek-next{position:relative;display:block;border:1px solid #2c3146;border-radius:var(--r3);background:linear-gradient(135deg,#141a30,#0c0f1c);padding:24px 72px 24px 28px;transition:border-color .2s,transform .2s}
.lek-next:hover{border-color:var(--lime);transform:translateY(-2px)}
.lek-next span{display:block;font:700 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.lek-next b{display:block;margin:8px 0 6px;font:700 22px/1.25 var(--h);color:#fff;letter-spacing:-.02em}
.lek-next small{display:block;color:var(--mu);font-size:14.5px;line-height:1.5}
.lek-next i{position:absolute;right:24px;top:50%;transform:translateY(-50%);font:400 28px var(--m);font-style:normal;color:var(--lime)}
.lek-prev{justify-self:start;padding:8px 0}
.lek .materialy{margin-top:56px}
.lek-dol{display:none}
@media (max-width:1240px){
  .lek{max-width:calc(var(--lw) + 96px)}
  .lek-b{grid-template-columns:minmax(0,1fr)}
  .lek-r{display:none}
  .lek .spis{display:grid;margin-bottom:40px}
}
@media (max-width:1100px){
  .pre-h .wrap{grid-template-columns:1fr;gap:48px}
  .pak3,.pak3#w2f{grid-template-columns:1fr 1fr}
  .pak3 .pak.hl{order:-1;grid-column:1/-1}
  .os{grid-template-columns:repeat(5,1fr);grid-auto-flow:row;row-gap:32px;border-top:none}
  .os::before{display:none}
  .os-k{border-top:2px solid #2a2a2a}
  .os-0{grid-column:span 2}
  .eks{grid-template-columns:240px minmax(0,1fr)}
  .eks-r{padding:24px}
  .pn{grid-template-columns:260px minmax(0,1fr)}
  .lek{padding:32px 32px 96px}
}
@media (max-width:900px){
  .pn{display:block}
  .pn-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:80;height:min(78vh,720px);border-radius:18px 18px 0 0;border:1px solid #2c3146;border-bottom:none;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.7,.2,1);overflow:auto;box-shadow:0 -30px 80px #000;visibility:hidden}
  .pn-nav.open{transform:none;visibility:visible}
  .pn-glowa{border-radius:18px 18px 0 0;padding-right:64px}
  .pn-zamk{display:block;position:absolute;right:14px;top:14px;width:40px;height:40px;background:#1a1f33;border:1px solid #2c3146;border-radius:10px;color:#fff;cursor:pointer}
  .pn-nav a.l{padding:11px 20px;font-size:14.5px}
  .lek-dol{display:grid;grid-template-columns:64px 1fr 64px;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(64px + env(safe-area-inset-bottom));background:#0a0d16f2;backdrop-filter:blur(10px);border-top:1px solid #2c3146;padding-bottom:env(safe-area-inset-bottom)}
  .lek-dol a,.lek-dol button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#fff;font:400 22px var(--m);cursor:pointer}
  .lek-dol button b{font:700 13px var(--h)}
  .lek-dol button span{font:600 10px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
  body:has(.lek-dol){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .ap-mini{bottom:80px}
  .tlo-spis{position:fixed;inset:0;z-index:75;background:#000b}
}
@media (max-width:760px){
  .pre-h{padding:24px 0 56px}
  .pre-h h1{font-size:clamp(60px,19vw,88px);margin:20px 0}
  .pre-n{grid-template-columns:1fr 1fr;row-gap:20px}
  .pre-n div:nth-child(3){padding-left:0;border-left:none}
  .polka{grid-template-columns:repeat(4,1fr);gap:6px}
  .pk-t{font-size:10.5px;bottom:18px;left:6px;right:6px}.pk-s{left:6px;bottom:6px;font-size:8px}
  .pak3,.pak3#w2f{grid-template-columns:1fr}
  .pak-ar>.btn,.pak-z{min-width:0;width:100%}
  .pak-z{flex-direction:column}
  .os{grid-template-columns:1fr 1fr}
  .os-0{grid-column:1/-1}
  .kroki{grid-template-columns:1fr}
  .eks{display:block;min-height:0}
  .eks-l{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid #262b3d;padding:8px;gap:6px;max-height:none}
  .eks-g{display:none}
  .eks-l button{flex:none;width:auto;border:1px solid #2c3146;border-radius:8px;padding:8px 12px;flex-direction:column;gap:2px}
  .eks-l button[aria-selected="true"]{border-color:var(--kc)}
  .eks-r{padding:20px 16px}
  .eks-h{grid-template-columns:1fr}
  .eks-h img{width:100%;aspect-ratio:16/9}
  .okno-lek .okno-in{padding:24px 18px 0}
  .sp-top{flex-direction:column;align-items:flex-start;gap:8px}
  .sp-f{gap:8px 20px}.sp-f dd{font-size:17px}
  .sp-m>summary{grid-template-columns:40px minmax(0,1fr) 28px;gap:10px}
  .sp-mt{flex-direction:column;gap:2px}
  .sp-l{margin-left:8px}
  .sp-l li{grid-template-columns:36px minmax(0,1fr) 44px;gap:4px 8px}
  .sp-ln{padding-left:12px}
  .sp-tag{grid-column:2;grid-row:2}
  .sp-l time{grid-column:3;grid-row:1}
  .lek{padding:20px 18px 64px}
  .lek-crumb{margin-bottom:16px}
  .lek-h h1{font-size:clamp(28px,8vw,36px)}
  .lek-h .lead{font-size:17px}
  .ap{grid-template-columns:48px minmax(0,1fr) auto;gap:6px 12px;padding:12px}
  .ap-p{width:48px;height:48px}.ap-p::before{left:19px;top:15px}
  .ap.gra .ap-p::before{left:16px;top:16px}
  .ap .ap-tr{grid-column:1/-1;grid-row:2}
  .ap .ap-s{display:none}
  .ap .ap-tm{grid-column:1/3;grid-row:3;text-align:left}
  .ap .ap-v{grid-column:3;grid-row:1}
  .ap-demo .ap-tm{grid-row:auto}
  .lekcja h2{margin-top:56px;padding-top:24px;gap:12px}
  .lekcja h2 .krok{min-width:38px;height:26px;font-size:12px}
  .lek-next{padding:20px 52px 20px 20px}.lek-next b{font-size:19px}.lek-next i{right:16px}
  .lek-zr{width:100%}
  .lek-tools .drukuj{display:none}
}
@media print{.lek-r,.ap,.lek-kon,.lek-dol,.ap-mini,.lek-tools,.lek-crumb{display:none!important}.lek{padding:0;max-width:none}.lek-b{display:block}.lekcja h2{border-top-color:#ddd}.lekcja h2 .krok{background:none;color:#000;border-color:#999}}
@media (prefers-reduced-motion:reduce){.pk{animation:none;opacity:1;transform:none}.pre-st i{animation:none}.os::before{transition:none}}
.okno-b{display:grid;grid-template-columns:minmax(0,720px) 240px;gap:64px;align-items:start}
.okno-toc{display:grid;gap:2px;border-left:1px solid #262b3d;padding-left:20px;position:relative;top:4px}
.okno-toc span:not(.lek-r-h){position:relative;padding:6px 0;font:500 13px/1.4 var(--b);color:#8b85a0}
.okno-toc span.on{color:#fff}
.okno-toc span.on::before{content:"";position:absolute;left:-21px;top:0;bottom:0;width:2px;background:var(--lime)}
.okno-toc b{font:700 10.5px var(--m);color:var(--lime);margin-right:6px}
@media (max-width:1100px){.okno-b{grid-template-columns:1fr}.okno-toc{display:none}}
.lek .lek-top{flex-wrap:nowrap;align-items:flex-start}.lek .lek-top .lek-k{padding-top:9px}

/* wideo w lekcji */
.lekcja .wideo{margin:32px 0;border:1px solid #262b3d;border-radius:var(--r2);overflow:hidden;background:#000}
.lekcja .wideo video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.lekcja .wideo figcaption{padding:12px 16px;font:500 12.5px/1.5 var(--m);color:var(--mu);background:#0a0d16;border-top:1px solid #262b3d}
@media print{.lekcja .wideo{display:none}}

/* Pilot lekcji v2: scope bez zmian wygladu pozostalych lekcji. */
.pilot-v2{min-width:0;overflow-wrap:anywhere}
.pilot-v2 .zrzut{margin:24px 0;border:1px solid #343946;background:#10131a}
.pilot-v2 .zrzut img{display:block;width:100%;height:auto;max-width:100%}
.pilot-v2 .zrzut figcaption{padding:12px 16px;color:#bec4ce;font-size:13px;line-height:1.5}
.pilot-v2 .lab-ramka{border:1px solid #6656ee;border-left:5px solid #d4ff3a;padding:24px;margin:32px 0;background:#10131a;border-radius:0;box-shadow:none}
.pilot-v2 .lab-ramka h2{margin-top:0}
.pilot-v2 pre,.pilot-v2 code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0}
.pilot-v2 pre{overflow:visible}
.pilot-v2 table{table-layout:fixed;width:100%}
.pilot-v2 td,.pilot-v2 th{overflow-wrap:anywhere}
.pilot-v2 .do-zrzutu{border:2px dashed #6656ee;padding:24px;margin:24px 0;color:#c9c4ff;background:#10131a}
.pilot-v2 .do-zrzutu::before{content:'BRAKUJĄCY ZRZUT';display:block;color:#d4ff3a;font-weight:700;margin-bottom:12px}
.pilot-v2 .narzedzie::before{content:'Miejsce na narzędzie autora - do uzupełnienia';color:#b8beca}
.pilot-v2 details{border-top:1px solid #343946;padding:16px 0}
.pilot-v2 summary{cursor:pointer;font-weight:600;color:#d4ff3a}
.pilot-info{padding:16px;border-left:4px solid #6656ee}
.pn-pilot .spis{display:none!important}
.pilot-v2 .zrzut a{display:block;cursor:zoom-in}
.pn-pilot .lekcja h2::before{border-radius:0;box-shadow:none}
.pilot-v2 .mapa-sekcji{font-size:14px;line-height:1.5}
.pilot-v2 .mapa-sekcji th,.pilot-v2 .mapa-sekcji td{padding:10px 8px}
.pilot-v2 .mapa-sekcji caption{text-align:left;padding:12px 0;color:#d4ff3a;font-weight:600}
.pilot-v2 .wideo{border-radius:0;box-shadow:none}
.materialy .mats a{overflow-wrap:anywhere}
@media(max-width:600px){.pilot-v2 .mapa-sekcji{font-size:12px}.pilot-v2 .mapa-sekcji th,.pilot-v2 .mapa-sekcji td{padding:8px 4px}}
@media(max-width:600px){.pilot-v2 .lab-ramka{padding:16px}.pilot-v2 .do-zrzutu{padding:16px}.pilot-v2 .zrzut figcaption{padding:10px;font-size:12px}}

.pilot-v2 .motion-test { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.pilot-v2 .motion-test > * { min-width:0; margin:0; }
@media(max-width:700px) { .pilot-v2 .motion-test { grid-template-columns:minmax(0,1fr); } }