/* ===== Uwagi Pani Anny Rydel (27.10.2026), pkt 7–12 ===== */
:root{--a2-ease:cubic-bezier(.22,.8,.22,1);--a2-ramka:color-mix(in srgb,var(--akcent,#0A7BD1) 30%,var(--line,#C6D1DC));--a2-tint:color-mix(in srgb,var(--akcent,#0A7BD1) 9%,#fff)}

/* ---------- 7. hero: Tradycja · Ewolucja · Innowacja ---------- */
.hero-scena .h-rok{position:absolute;right:-2%;top:50%;transform:translateY(-54%);z-index:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(150px,17vw,290px);line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--akcent,#0A7BD1) 38%,transparent);pointer-events:none;user-select:none}
.hero-scena .uk.trio .p{z-index:1}
.hero-scena .uk.akt .h-rok{animation:a2-rok 7s var(--a2-ease) both}
@keyframes a2-rok{from{opacity:0;transform:translateY(-46%) scale(.96)}to{opacity:1;transform:translateY(-54%)}}
.hero-scena .h-film{position:absolute;left:2%;right:-6%;top:6%;bottom:10%;overflow:hidden;border-radius:32px;-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent 100%);mask-image:radial-gradient(closest-side,#000 64%,transparent 100%)}
.hero-scena .h-film video{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 7s linear}
.hero-scena .uk.akt .h-film video{transform:scale(1.12)}
.hero-scena .h-wiz{position:absolute;right:2%;bottom:6%;z-index:3;font:500 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gray-2)}
.hero-scena .h-chip{z-index:3}
.hero-scena .h-chip.c1{left:-2%;top:10%}
.hero-scena .h-chip.c2{right:-1%;top:40%}
.hero-scena .h-chip.c3{left:4%;bottom:12%}
.hero-scena .uk.film .h-chip{opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s var(--a2-ease)}
.hero-scena .uk.film.akt .h-chip{opacity:1;transform:none}
.hero-scena .uk.film.akt .h-chip.c1{transition-delay:.7s}.hero-scena .uk.film.akt .h-chip.c2{transition-delay:.9s}.hero-scena .uk.film.akt .h-chip.c3{transition-delay:1.1s}
@media (max-width:900px){.hero-scena .h-film{left:0;right:0}.hero-scena .h-rok{font-size:150px;right:0}}

/* ---------- 8. strona główna: grupy jako grafika, po najechaniu film ---------- */
.grupy.nowe{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gr-kafel{position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fff;border:1.5px solid var(--a2-ramka);color:var(--white);box-shadow:0 1px 2px var(--ck,rgba(14,26,38,.07)),0 24px 52px -32px var(--ck2,rgba(14,26,38,.16));transition:transform .45s var(--a2-ease),box-shadow .45s var(--a2-ease),border-color .3s}
.gr-kafel .z{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e2e4e7}
.gr-kafel .z img,.gr-kafel .z video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--a2-ease),transform 1.2s var(--a2-ease)}
.gr-kafel .z video{opacity:0}
.gr-kafel.gra .z video{opacity:1}
.gr-kafel:hover .z img{transform:scale(1.05)}
.gr-kafel .gr-kod{position:absolute;left:16px;top:16px;z-index:2;font:500 11px var(--mono);letter-spacing:.14em;color:#fff;background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));border-radius:999px;padding:6px 12px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--akcent-2,#0B5CAD) 70%,transparent)}
.gr-kafel .gr-wiz{position:absolute;right:14px;bottom:12px;z-index:2;font:500 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#52606E;background:rgba(255,255,255,.78);border-radius:999px;padding:4px 9px;opacity:0;transition:opacity .4s}
.gr-kafel.gra .gr-wiz{opacity:1}
.gr-kafel .t{display:flex;flex-direction:column;gap:12px;padding:20px 22px 20px;background:linear-gradient(150deg,#fff 40%,var(--a2-tint))}
.gr-kafel h3{margin:0;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em;font-weight:600;line-height:1.1}
.gr-kafel .skroty{display:flex;flex-wrap:wrap;gap:6px}
.gr-kafel .skroty span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--a2-tint);color:color-mix(in srgb,var(--akcent-2,#0B5CAD) 72%,var(--white,#0E1A26));border:1px solid color-mix(in srgb,var(--akcent,#0A7BD1) 20%,transparent)}
.gr-kafel .gr-dalej{display:flex;justify-content:space-between;align-items:center;font:500 11px var(--mono);letter-spacing:.1em;color:var(--gray-2)}
.gr-kafel .gr-dalej i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--a2-ramka);color:var(--akcent-2,#0B5CAD);font-size:15px;transition:background .3s,color .3s,transform .35s var(--a2-ease)}
.gr-kafel:hover{transform:translateY(-4px);border-color:var(--akcent,#0A7BD1);box-shadow:0 0 0 5px color-mix(in srgb,var(--akcent,#0A7BD1) 11%,transparent),0 40px 80px -40px color-mix(in srgb,var(--akcent-2,#0B5CAD) 65%,transparent)}
.gr-kafel:hover .gr-dalej i{background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));color:#fff;border-color:transparent;transform:translateX(3px)}
@media (hover:none){.gr-kafel .z img{animation:a2-kb 14s ease-in-out infinite alternate}}
@keyframes a2-kb{to{transform:scale(1.07)}}
@media (max-width:760px){.grupy.nowe{grid-template-columns:minmax(0,1fr)}}

/* ---------- 9. katalog: 4 grupy z rozwijanymi podgrupami ---------- */
.bok-drzewo{display:grid;gap:6px}
.bok-drzewo .bg{border-radius:16px;border:1px solid transparent;transition:background .3s,border-color .3s}
.bok-drzewo .bg.otw{background:#fff;border-color:var(--a2-ramka);box-shadow:0 18px 36px -28px var(--ck2,rgba(14,26,38,.2))}
.bok-drzewo .bg-g{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;font-size:14.5px;font-weight:600;color:var(--light,#1F2D3B);transition:background .2s,color .2s}
.bok-drzewo .bg-g:hover{background:var(--a2-tint);color:var(--akcent-2,#0B5CAD)}
.bok-drzewo .bg-g .k{font:600 10.5px var(--mono);padding:3px 7px;border-radius:7px;background:var(--graphite-3,#DCE3EB);color:var(--light,#1F2D3B)}
.bok-drzewo .bg-g.akt .k{background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));color:#fff}
.bok-drzewo .bg-g .n{flex:1;min-width:0}
.bok-drzewo .bg-g .c{font:500 11px var(--mono);color:var(--gray,#73818F)}
.bok-drzewo .bg-g .str{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.5;transition:transform .3s var(--a2-ease)}
.bok-drzewo .bg.otw .bg-g .str{transform:rotate(45deg);opacity:.8}
.bok-drzewo .bg-pod{display:grid;gap:2px;padding:2px 8px 10px 14px;margin-left:14px;border-left:1.5px solid color-mix(in srgb,var(--akcent,#0A7BD1) 24%,transparent);animation:a2-rozwin .35s var(--a2-ease)}
@keyframes a2-rozwin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bok-drzewo .bg-pod a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:10px;font-size:13.5px;color:var(--gray-2,#52606E);transition:background .2s,color .2s}
.bok-drzewo .bg-pod a:hover{background:var(--a2-tint);color:var(--akcent-2,#0B5CAD)}
.bok-drzewo .bg-pod a.akt{background:var(--a2-tint);color:var(--akcent-2,#0B5CAD);font-weight:600;box-shadow:inset 3px 0 0 var(--akcent-2,#0B5CAD)}
.bok-drzewo .bg-pod a .c{font:500 11px var(--mono);color:var(--gray,#73818F)}

/* „Wszystkie podgrupy”: kafelki podgrup ze zdjęciem */
.siatka.kafle-pod{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.siatka .kp{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(150deg,#fff 45%,var(--a2-tint));border:1.5px solid var(--a2-ramka);color:var(--white,#0E1A26);box-shadow:0 1px 2px var(--ck,rgba(14,26,38,.07)),0 18px 40px -28px var(--ck2,rgba(14,26,38,.16));transition:transform .4s var(--a2-ease),box-shadow .4s var(--a2-ease),border-color .3s}
.siatka .kp-z{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;gap:4%;padding:8% 9%;background:radial-gradient(80% 80% at 50% 40%,#fff 0,color-mix(in srgb,var(--akcent,#0A7BD1) 7%,#fff) 68%,color-mix(in srgb,var(--akcent,#0A7BD1) 15%,#fff) 100%);overflow:hidden}
.siatka .kp-z img{max-height:100%;max-width:34%;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(14,26,38,.18));transition:transform .8s var(--a2-ease)}
.siatka .kp-z img:only-child{max-width:62%}
.siatka .kp-z.foto{padding:0;background:#e2e4e7}
.siatka .kp-z.foto img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
.siatka .kp-t{display:flex;flex-direction:column;gap:4px;padding:16px 56px 18px 18px}
.siatka .kp-t b{font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.01em}
.siatka .kp-t small{font:500 10.5px var(--mono);letter-spacing:.06em;color:var(--gray-2,#52606E)}
.siatka .kp-str{position:absolute;right:16px;bottom:18px;font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--a2-ramka);color:var(--akcent-2,#0B5CAD);transition:background .3s,color .3s,transform .35s var(--a2-ease)}
.siatka .kp:hover{transform:translateY(-4px);border-color:var(--akcent,#0A7BD1);box-shadow:0 0 0 5px color-mix(in srgb,var(--akcent,#0A7BD1) 11%,transparent),0 30px 60px -30px color-mix(in srgb,var(--akcent-2,#0B5CAD) 60%,transparent)}
.siatka .kp:hover .kp-z img{transform:translateY(-4px) scale(1.04)}
.siatka .kp:hover .kp-str{background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));color:#fff;border-color:transparent;transform:translateX(3px)}

/* ---------- 10. obudowy AHA: 5″ · 10″ · 20″ · 2 stopnie · 3 stopnie · akcesoria ---------- */
.aha-kafle{flex-basis:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:6px}
.aha-k{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 12px;border-radius:18px;background:#fff;border:1.5px solid var(--a2-ramka);text-align:center;color:var(--white,#0E1A26);transition:transform .35s var(--a2-ease),border-color .3s,box-shadow .35s,background .3s}
.aha-k .aha-z{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:12px;background:radial-gradient(80% 80% at 50% 40%,#fff,color-mix(in srgb,var(--akcent,#0A7BD1) 10%,#fff));margin-bottom:4px;overflow:hidden}
.aha-k .aha-z img{max-width:70%;max-height:84%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(14,26,38,.16));transition:transform .6s var(--a2-ease)}
.aha-k b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.aha-k small{font:500 9.5px var(--mono);letter-spacing:.06em;color:var(--gray-2,#52606E)}
.aha-k:hover{transform:translateY(-3px);border-color:var(--akcent,#0A7BD1);box-shadow:0 18px 36px -24px color-mix(in srgb,var(--akcent-2,#0B5CAD) 60%,transparent)}
.aha-k:hover .aha-z img{transform:scale(1.06)}
.aha-k.akt{border-color:var(--akcent,#0A7BD1);background:var(--a2-tint);box-shadow:0 0 0 4px color-mix(in srgb,var(--akcent,#0A7BD1) 16%,transparent)}
.aha-k.akt b{color:var(--akcent-2,#0B5CAD)}
@media (max-width:1100px){.aha-kafle{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.aha-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 12. wsparcie ---------- */
.ws-nowe .ws-gora,.om-nowe .om-gora,.pa-nowe .pa-gora{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:40px}
.ws-nowe h2,.om-nowe h2,.pa-nowe h2,.ko-nowe h2,.gk-nowe .gk-h{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.035em;margin:14px 0 0}
.ws-nowe .ws-gora p,.om-nowe .om-gora p,.pa-nowe .pa-gora p{color:var(--light,#1F2D3B);font-size:17px;line-height:1.6;margin:0}
.ws-etykieta{margin-bottom:14px}
.pobierz a.foto{position:relative;padding:10px 10px 18px;gap:8px;border:1.5px solid var(--a2-ramka);border-radius:22px;background:linear-gradient(150deg,#fff 45%,var(--a2-tint));box-shadow:0 1px 2px var(--ck,rgba(14,26,38,.07)),0 18px 40px -28px var(--ck2,rgba(14,26,38,.16));transition:transform .4s var(--a2-ease),box-shadow .4s var(--a2-ease),border-color .3s,background .4s}
.pobierz a.foto .obraz{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#e2e4e7;margin-bottom:6px}
.pobierz a.foto .obraz img{width:100%;height:100%;padding:0;border-radius:0;object-fit:cover;background:none;transition:transform .8s var(--a2-ease)}
.pobierz a.foto small,.pobierz a.foto b,.pobierz a.foto .mono{padding:0 8px}
.pobierz a.foto .mono{color:var(--akcent-2,#0B5CAD)}
.pobierz a.foto:hover{transform:translateY(-3px);border-color:var(--akcent,#0A7BD1);box-shadow:0 0 0 5px color-mix(in srgb,var(--akcent,#0A7BD1) 12%,transparent),0 30px 60px -30px color-mix(in srgb,var(--akcent-2,#0B5CAD) 65%,transparent)}
.pobierz a.foto:hover .obraz img{transform:scale(1.05)}
.ws-dol{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:28px;margin-top:56px;align-items:start}
.ws-dol .faq h3{font-size:28px;margin:0 0 14px}
.ws-dol .faq details{border:1.5px solid var(--a2-ramka);border-radius:18px;background:#fff;margin-bottom:10px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.ws-dol .faq details[open]{border-color:var(--akcent,#0A7BD1);box-shadow:0 18px 36px -26px color-mix(in srgb,var(--akcent-2,#0B5CAD) 50%,transparent)}
.ws-dol .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-weight:600;font-size:15.5px}
.ws-dol .faq summary::-webkit-details-marker{display:none}
.ws-dol .faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--a2-tint);color:var(--akcent-2,#0B5CAD);font-size:18px;font-weight:500;transition:transform .3s var(--a2-ease),background .3s,color .3s}
.ws-dol .faq details[open] summary::after{transform:rotate(45deg);background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));color:#fff}
.ws-dol .faq details p{margin:0;padding:0 18px 18px;color:var(--light,#1F2D3B);line-height:1.6}
.ws-pomoc{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:24px;color:#fff;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(135deg,#1A8CE6,#0A7BD1 45%,#0B5CAD);box-shadow:0 30px 60px -36px rgba(10,123,209,.7)}
.ws-pomoc-ik{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.16)}
.ws-pomoc-ik svg{width:26px;height:26px}
.ws-pomoc b{font-size:21px;line-height:1.2}
.ws-pomoc p{margin:0;color:rgba(255,255,255,.86);line-height:1.55}
html[data-motyw] .ws-pomoc .btn.bialy,.ws-pomoc .btn.bialy{background:#fff;color:var(--akcent-2,#0B5CAD);border:0;align-self:flex-start}

/* ---------- 12. o marce: oś czasu ---------- */
.om-os{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:34px 0 10px}
.om-os::before{content:"";position:absolute;left:0;right:0;top:43px;height:2px;background:linear-gradient(90deg,var(--akcent-2,#0B5CAD),var(--akcent,#0A7BD1) 60%,color-mix(in srgb,var(--akcent,#0A7BD1) 20%,transparent))}
.om-krok{position:relative;display:flex;flex-direction:column;gap:8px}
.om-rok{font-family:var(--serif);font-style:italic;font-size:clamp(52px,6vw,88px);line-height:.9;letter-spacing:-.03em;background:linear-gradient(95deg,var(--akcent-2,#0B5CAD),var(--swiatlo,#3AA0FF));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;margin-bottom:8px}
.om-kropka{order:-1;box-sizing:border-box;display:block;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--akcent,#0A7BD1);box-shadow:0 0 0 6px color-mix(in srgb,var(--akcent,#0A7BD1) 14%,transparent);margin:0 0 18px}
.om-krok b{font-size:21px;letter-spacing:-.01em}
.om-krok p{margin:0;color:var(--gray-2,#52606E);line-height:1.55;max-width:340px}
.om-dol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;margin-top:56px;align-items:stretch}
.om-liczby{display:grid;gap:22px;align-content:center}
.om-liczby>div{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:baseline}
.om-liczby .r{grid-row:span 2;font-size:clamp(40px,4vw,56px);font-weight:500;letter-spacing:-.04em;color:var(--akcent-2,#0B5CAD);min-width:2.6em}
.om-liczby b{font-size:17px}
.om-liczby p{margin:2px 0 0;color:var(--gray-2,#52606E);font-size:14.5px}
.om-film{position:relative;margin:0;border-radius:26px;overflow:hidden;min-height:340px;background:#e2e4e7;border:1.5px solid var(--a2-ramka);box-shadow:0 30px 60px -36px var(--ck2,rgba(14,26,38,.3))}
.om-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.om-film figcaption{position:absolute;left:14px;bottom:14px;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#1F2D3B;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-radius:999px;padding:6px 11px}

/* ---------- 11. zostań partnerem: 4 kroki ---------- */
.pa-kroki{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pa-kroki::before{content:"";position:absolute;left:8%;right:8%;top:43px;height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--akcent,#0A7BD1) 45%,transparent) 0 8px,transparent 8px 16px);z-index:0}
.pa-krok{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:0 6px}
.pa-ik{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;color:var(--akcent-2,#0B5CAD);background:radial-gradient(circle at 30% 25%,#fff,color-mix(in srgb,var(--akcent,#0A7BD1) 16%,#fff));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--akcent,#0A7BD1) 30%,transparent),0 18px 34px -18px color-mix(in srgb,var(--akcent-2,#0B5CAD) 70%,transparent);margin-bottom:8px;transition:transform .4s var(--a2-ease)}
.pa-ik svg{width:38px;height:38px}
.pa-krok:hover .pa-ik{transform:translateY(-4px)}
.pa-nr{font:600 12px var(--mono);letter-spacing:.14em;color:var(--akcent,#0A7BD1)}
.pa-krok h3{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.01em}
.pa-krok p{margin:0;color:var(--gray-2,#52606E);line-height:1.55;font-size:14.5px}
.pa-waluty{display:flex;gap:6px;margin-top:4px}
.pa-waluty span{font:600 11px var(--mono);letter-spacing:.08em;padding:5px 10px;border-radius:999px;background:var(--a2-tint);color:var(--akcent-2,#0B5CAD);border:1px solid color-mix(in srgb,var(--akcent,#0A7BD1) 24%,transparent)}
.pa-akcje{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}

/* ---------- 12. kontakt ---------- */
.ko-uklad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:start}
.ko-tekst p{color:var(--light,#1F2D3B);font-size:17px;line-height:1.6;max-width:460px;margin:18px 0 0}
.ko-mapa{position:relative;margin-top:30px;border-radius:24px;overflow:hidden;color:var(--akcent,#0A7BD1);background:linear-gradient(150deg,#fff 30%,var(--a2-tint));border:1.5px solid var(--a2-ramka);max-width:460px}
.ko-mapa svg{display:block;width:100%;height:auto}
.ko-pin{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;font:500 11px var(--mono);letter-spacing:.08em;color:#1F2D3B;background:rgba(255,255,255,.9);border-radius:999px;padding:6px 12px;box-shadow:0 10px 24px -14px rgba(14,26,38,.4)}
.ko-karty{display:grid;gap:12px}
.ko-karta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 20px;border-radius:22px;background:linear-gradient(150deg,#fff 45%,var(--a2-tint));border:1.5px solid var(--a2-ramka);color:var(--white,#0E1A26);box-shadow:0 1px 2px var(--ck,rgba(14,26,38,.07)),0 18px 40px -30px var(--ck2,rgba(14,26,38,.16));transition:transform .35s var(--a2-ease),border-color .3s,box-shadow .35s;font:inherit;cursor:pointer}
.ko-ik{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:var(--akcent-2,#0B5CAD);background:radial-gradient(circle at 30% 25%,#fff,color-mix(in srgb,var(--akcent,#0A7BD1) 16%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akcent,#0A7BD1) 26%,transparent)}
.ko-ik svg{width:26px;height:26px}
.ko-karta small{display:block;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray,#73818F);margin-bottom:4px}
.ko-karta b{display:block;font-size:16.5px;line-height:1.4;font-weight:600}
.ko-karta em{display:block;font-style:normal;font-size:13px;color:var(--akcent-2,#0B5CAD);margin-top:4px}
.ko-karta>i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--a2-ramka);color:var(--akcent-2,#0B5CAD);transition:background .3s,color .3s,transform .3s var(--a2-ease)}
.ko-karta:hover{transform:translateY(-3px);border-color:var(--akcent,#0A7BD1);box-shadow:0 0 0 5px color-mix(in srgb,var(--akcent,#0A7BD1) 11%,transparent),0 26px 50px -30px color-mix(in srgb,var(--akcent-2,#0B5CAD) 60%,transparent)}
.ko-karta:hover>i{background:linear-gradient(135deg,var(--akcent,#0A7BD1),var(--akcent-2,#0B5CAD));color:#fff;border-color:transparent;transform:translateX(3px)}

/* ---------- 12. gdzie kupić ---------- */
.gk-uklad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
.gk-lead{color:var(--light,#1F2D3B);max-width:480px;font-size:17px;line-height:1.6;margin:18px 0 0}
.gk-regiony{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.gk-regiony li{display:flex;align-items:center;gap:12px}
.gk-regiony .r-ik{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:600 11px var(--mono);font-style:normal;letter-spacing:.06em;color:var(--akcent-2,#0B5CAD);background:radial-gradient(circle at 30% 25%,#fff,color-mix(in srgb,var(--akcent,#0A7BD1) 16%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akcent,#0A7BD1) 26%,transparent)}
.gk-regiony small{display:block;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray,#73818F)}
.gk-regiony b{display:block;font-size:14.5px;line-height:1.3}
.gk-akcje{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.gk-kula{position:relative}
.gk-kula canvas{display:block;width:100%;aspect-ratio:1;max-width:620px;margin:0 auto}
.gk-60{position:absolute;left:2%;bottom:8%;display:flex;flex-direction:column;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--akcent,#0A7BD1) 22%,transparent);box-shadow:0 20px 40px -24px rgba(14,26,38,.35)}
.gk-60 b{font-size:38px;line-height:1;letter-spacing:-.03em;color:var(--akcent-2,#0B5CAD)}
.gk-60 span{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-2,#52606E);margin-top:4px}

@media (max-width:900px){
  .ws-nowe .ws-gora,.om-nowe .om-gora,.pa-nowe .pa-gora,.ws-dol,.om-dol,.ko-uklad,.gk-uklad{grid-template-columns:minmax(0,1fr);gap:22px}
  .ws-pomoc{position:static}
  .om-os{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:28px}
  .om-os::before{left:8px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--akcent-2,#0B5CAD),color-mix(in srgb,var(--akcent,#0A7BD1) 20%,transparent))}
  .om-kropka{position:absolute;left:-29px;top:8px;width:16px;height:16px}
  .om-rok{font-size:56px}
  .om-film{min-height:220px}
  .pa-kroki{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 16px}
  .pa-kroki::before{display:none}
  .pa-ik{width:70px;height:70px}.pa-ik svg{width:30px;height:30px}
  .gk-regiony{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.pa-kroki{grid-template-columns:minmax(0,1fr)}}

/* 5.11: lewe menu katalogu – grupy zawsze razem na górze (sticky), podgrupy wybranej grupy pod nimi */
.bok-grupy{position:sticky;top:0;z-index:2;display:grid;gap:4px;padding-bottom:10px;background:var(--black)}
.bok-grupy h4{margin-bottom:4px}
.bok-nowe .bok-pod{margin-top:4px;padding:12px 6px 8px}
.bok-nowe .bok-pod-t{padding:0 8px 8px;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray,#73818F)}
.bok-nowe .bok-pod .bg-pod{margin-left:6px}
@media (max-width:1100px){.bok .bok-grupy{background:var(--graphite)}}