/* Case study bleyo.ai — /case-study/<firma>/ (pierwsza: Monteforest, CS01, 16.10.2026, #200).
   Baza: strona.css (tokeny, przyciski, typografia). Tu: nawigacja i stopka (kopia ze strony głównej, Szkło v5),
   film 16:9 w kawałkach z rozdziałami, kafle automatyzacji, podsumowanie, finał. Prefiks cs-. */
[hidden]{display:none!important}
html,body{overflow-x:clip}
body{background:var(--bg);color:var(--t)}

/* --- nawigacja (kopia z index.html: Szkło v5) --- */
.nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;pointer-events:none}
.nav .w{pointer-events:auto;position:relative;z-index:1;width:min(calc(100% - 16px),1040px);max-width:none;height:calc(var(--nav-h) - 8px);margin:8px auto 0;padding:0 4px 0 20px;gap:14px;
  border-radius:var(--r-pill);background:var(--g-polysk),var(--g-srednie);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-rim),var(--g-cien);
  transition:width .5s var(--spring),background-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.nav.nad-trescia .w{width:min(calc(100% - 16px),980px)}
.nav .znak{padding:10px 0}
.nav .menu{gap:2px}
.nav .menu a{padding:0 12px;border-radius:var(--r-pill);transition:color .2s var(--ease-out),background-color .25s var(--ease-out)}
.nav .menu a[aria-current="true"]{color:var(--t);background:rgba(255,254,251,.10);box-shadow:inset 0 1px 0 rgba(255,254,251,.14)}
.nav .btn{border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px rgba(234,88,12,.75),inset 0 1px 0 rgba(255,254,251,.10)}
.nav .zaloguj{min-height:44px;display:inline-flex;align-items:center}
.nav .kontakt-m{display:none;color:var(--t2);text-decoration:none;font-size:15px;min-height:44px;align-items:center;padding:0 2px}
.nav::after{top:0;height:86px;background:linear-gradient(rgba(5,5,6,.62),rgba(5,5,6,0));-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}
.nav.na-jasnym .w{background:var(--g-polysk-jasny),var(--g-mleczne-grube);box-shadow:var(--g-rim-jasny),var(--g-cien-jasny)}
.nav.na-jasnym .znak,.nav.na-jasnym .menu a,.nav.na-jasnym .zaloguj,.nav.na-jasnym .kontakt-m,.nav.na-jasnym .btn{color:var(--l-t)}
.nav.na-jasnym .btn{box-shadow:inset 0 0 0 1px var(--acc-on-light)}
.nav.na-jasnym::after{background:linear-gradient(rgba(242,240,234,.7),rgba(242,240,234,0))}
@media (max-width:899px){.nav .kontakt-m{display:inline-flex}}
@media (max-width:480px){.nav .w{padding-right:8px;gap:10px}.nav .zaloguj{display:none}}

/* --- przyciski Szkła (jak na stronie głównej) --- */
.btn,.nav .btn,.cta-sticky .btn{border-radius:var(--r-pill)}
.btn--glowny{box-shadow:inset 0 1px 0 rgba(255,254,251,.42),inset 0 -2px 0 rgba(10,10,11,.12),0 1px 1px rgba(10,10,11,.28),var(--glow-btn)}
@media (hover:hover){.btn--glowny:hover{box-shadow:inset 0 1px 0 rgba(255,254,251,.5),inset 0 -2px 0 rgba(10,10,11,.12),0 1px 1px rgba(10,10,11,.28),0 12px 34px rgba(234,88,12,.46)}}
.btn--drugi{background:var(--g-polysk),rgba(255,254,251,.06);-webkit-backdrop-filter:var(--g-blur-maly);backdrop-filter:var(--g-blur-maly);box-shadow:var(--g-rim),0 10px 26px -12px rgba(0,0,0,.6)}
@media (hover:hover){.btn--drugi:hover{background:var(--g-polysk),rgba(255,254,251,.11)}}
.jasna .btn--drugi{color:var(--l-t);background:var(--g-polysk-jasny),var(--g-mleczne);box-shadow:var(--g-rim-jasny),var(--g-cien-jasny)}
.mikro{font-size:15px;color:var(--t2)}
.mikro b{color:var(--t);font-weight:650}
.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--t2);background:rgba(255,254,251,.06);box-shadow:inset 0 0 0 1px rgba(255,254,251,.16);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:1px;background:currentColor;opacity:.75}
.chip--wdrazamy{color:var(--amb);box-shadow:inset 0 0 0 1px rgba(255,176,32,.45)}
.jasna .chip{color:var(--l-m);background:rgba(10,10,11,.04);box-shadow:inset 0 0 0 1px var(--l-line2)}

/* --- nagłówek strony z filmem --- */
.cs-hero{position:relative;z-index:0;background:var(--bg-hero);margin-top:calc(var(--nav-h) * -1);padding:calc(var(--nav-h) + clamp(28px,5vw,52px)) 0 clamp(40px,6vw,72px);overflow:hidden}
.cs-hero::before{content:"";position:absolute;z-index:-1;inset:-10% -20% auto;height:80%;background:radial-gradient(55% 50% at 50% 45%,rgba(234,88,12,.16),transparent 70%);pointer-events:none}
.cs-hero .w{text-align:center}
.cs-nr{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 14px;margin:0 0 18px;border-radius:var(--r-pill);font:500 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t);
  background:var(--g-polysk),rgba(255,254,251,.05);box-shadow:var(--g-rim)}
.cs-nr::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--acc)}
.cs-h1{margin:0 auto;font-weight:300}
.cs-h1 b{font-weight:700}
.cs-h1 .x{color:var(--acc);font-weight:700;margin:0 .12em}
.cs-lead{margin:16px auto 0;max-width:48ch;text-align:center}
@media (min-width:900px){.cs-h1{font-size:clamp(44px,4.6vw,68px)}}

.cs-film{position:relative;margin:clamp(22px,4vw,36px) auto 0;max-width:min(1100px,max(640px,calc((100svh - 300px) * 16 / 9)));aspect-ratio:16/9;border-radius:var(--r-media);overflow:hidden;background:#000;
  box-shadow:0 0 0 1px rgba(255,254,251,.10),0 0 0 10px rgba(255,254,251,.035),0 34px 90px -10px rgba(0,0,0,.7),0 0 120px rgba(234,88,12,.12);isolation:isolate;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
@media (max-width:640px){.cs-film{margin-left:calc(var(--gutter) * -1 + 8px);margin-right:calc(var(--gutter) * -1 + 8px);border-radius:16px;box-shadow:0 0 0 1px rgba(255,254,251,.10),0 20px 50px -10px rgba(0,0,0,.7)}}
.cs-film video,.cs-film .cs-plakat{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cs-film .cs-plakat{z-index:1;transition:opacity .35s var(--ease-out)}
.cs-film.ruszyl .cs-plakat{opacity:0;pointer-events:none}
.cs-film:fullscreen{border-radius:0;max-width:none;width:100%;height:100%;aspect-ratio:auto;box-shadow:none}
.cs-film:fullscreen video{object-fit:contain}
.cs-film:-webkit-full-screen{border-radius:0;max-width:none;width:100%;height:100%}

/* start: duży przycisk na okładce */
.cs-start{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border:0;padding:0;background:linear-gradient(rgba(0,0,0,0) 55%,rgba(0,0,0,.35));cursor:pointer}
.cs-start span,.cs-dzwiek{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 14px;border-radius:var(--r-pill);font:700 16px/1 var(--font);color:#0A0A0B;
  background:rgba(242,240,234,.86);-webkit-backdrop-filter:var(--g-blur-maly);backdrop-filter:var(--g-blur-maly);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,254,251,.55),inset 0 -1px 0 rgba(10,10,11,.10),0 8px 24px rgba(0,0,0,.45);transition:transform .2s var(--ease-out),background .15s ease-out}
.cs-start span{position:absolute;left:50%;bottom:clamp(14px,4%,28px);translate:-50% 0;white-space:nowrap}
.cs-start .tr{display:inline-block;width:0;height:0;border-left:14px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent;margin:0 2px 0 6px}
.cs-start .czas,.cs-dzwiek .czas{font-variant-numeric:tabular-nums;color:#4A4843;font-weight:600}
.cs-start .czas::before,.cs-dzwiek .czas::before{content:"· "}
@media (hover:hover){.cs-start:hover span,.cs-dzwiek:hover{background:rgba(242,240,234,.96)}}
.cs-start:active span,.cs-dzwiek:active{transform:scale(.97);transition-duration:0s}
.cs-film.ruszyl .cs-start{display:none}
@media (max-width:640px){.cs-start span{min-height:46px;font-size:15px;padding:0 16px 0 10px;bottom:10px}}

/* film gra bez dźwięku (przeglądarka zablokowała dźwięk) */
.cs-dzwiek{position:absolute;z-index:4;right:12px;bottom:12px;border:0;cursor:pointer}
.cs-dzwiek svg{display:block;flex:none}
.cs-film:not(.cisza) .cs-dzwiek{display:none}
.cs-film.cisza .cs-ster{display:none}
@media (max-width:640px){.cs-dzwiek{right:8px;bottom:8px;min-height:44px;font-size:14px;padding:0 13px 0 10px;gap:6px}}

/* sterowanie */
.cs-ster{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:22px 12px 8px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.62));transition:opacity .3s var(--ease-out)}
.cs-film:not(.ruszyl) .cs-ster{display:none}
.cs-film.cichy .cs-ster{opacity:0}
.cs-film.cichy{cursor:none}
.cs-os{position:relative;height:22px;margin:0 6px;cursor:pointer;touch-action:none;outline-offset:2px}
.cs-os .tlo,.cs-os .gotowe{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:2px}
.cs-os .tlo{right:0;background:rgba(242,240,234,.24)}
.cs-os .gotowe{width:0;background:var(--acc)}
.cs-os .kciuk{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:999px;background:#F2F0EA;box-shadow:0 1px 4px rgba(0,0,0,.6);transform:scale(.0);transition:transform .15s var(--ease-out)}
.cs-os:hover .kciuk,.cs-os:focus-visible .kciuk,.cs-os.ciagne .kciuk{transform:none}
.cs-os .rz{position:absolute;top:50%;width:2px;height:8px;margin:-4px 0 0 -1px;background:rgba(10,10,11,.85);pointer-events:none}
.cs-przyciski{display:flex;align-items:center;gap:6px}
.cs-przyciski button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;color:var(--t);cursor:pointer;
  background:var(--g-cienkie);-webkit-backdrop-filter:var(--g-blur-maly);backdrop-filter:var(--g-blur-maly);box-shadow:var(--g-rim)}
@media (hover:hover){.cs-przyciski button:hover{background:rgba(10,10,11,.7)}}
.cs-przyciski button:active{transform:scale(.96)}
.cs-przyciski .odstep{flex:1}
.cs-czas{font:600 13px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--t);text-shadow:0 1px 3px rgba(0,0,0,.9);margin-left:6px}
.cs-rozdz-teraz{font:500 13px/1.2 var(--font);color:var(--t2);text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cs-graj .pz,.cs-graj[aria-pressed="true"] .tr{display:none}
.cs-graj[aria-pressed="true"] .pz{display:block}
.cs-glos .wyl,.cs-glos[aria-pressed="true"] .wl{display:none}
.cs-glos[aria-pressed="true"] .wyl{display:block}
@media (max-width:640px){.cs-ster{padding:16px 6px 4px}.cs-rozdz-teraz{display:none}}

/* koniec filmu */
.cs-koniec{position:absolute;inset:0;z-index:5;display:none;place-content:center;justify-items:center;gap:14px;padding:16px;text-align:center;background:rgba(5,5,6,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cs-film.koniec .cs-koniec{display:grid}
.cs-koniec p{margin:0;font-size:clamp(26px,4.4vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1.08}
.cs-koniec p b{font-weight:700}
.cs-koniec .link{color:var(--t2)}
@media (max-width:640px){.cs-koniec{gap:8px}.cs-koniec .btn--glowny{min-height:48px;font-size:17px}}
/* jeden wypełniony pomarańcz na ekranie: przy planszy końcowej przycisk pod filmem cichnie */
.cs-hero.koniec .cs-cta .btn--glowny{background:var(--g-polysk),rgba(255,254,251,.06);box-shadow:var(--g-rim);color:var(--t)}

/* rozdziały pod filmem */
.cs-rozdzialy{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1100px;margin:18px auto 0;padding:0;list-style:none}
.cs-rozdzialy button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:var(--r-pill);cursor:pointer;color:var(--t2);font:500 14px/1 var(--font);
  background:rgba(255,254,251,.06);box-shadow:inset 0 1px 0 rgba(255,254,251,.10),inset 0 0 0 1px rgba(255,254,251,.10);transition:color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.cs-rozdzialy button .t{font:500 12px/1 var(--mono);color:var(--m);font-variant-numeric:tabular-nums}
@media (hover:hover){.cs-rozdzialy button:hover{color:var(--t)}}
.cs-rozdzialy button:active{transform:scale(.97)}
.cs-rozdzialy button[aria-current="true"]{color:var(--t);box-shadow:inset 0 1px 0 rgba(255,254,251,.14),inset 0 0 0 1px var(--acc)}
.cs-rozdzialy button[aria-current="true"] .t{color:var(--acc)}
@media (max-width:640px){
  .cs-rozdzialy{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:14px calc(var(--gutter) * -1) 0;padding:2px var(--gutter);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent)}
  .cs-rozdzialy::-webkit-scrollbar{display:none}
  .cs-rozdzialy li{flex:none;scroll-snap-align:start}
}
.cs-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:clamp(22px,4vw,32px)}
.cs-cta .btn--glowny{width:min(100%,400px)}

/* --- kafle automatyzacji --- */
.cs-sekcja{padding:var(--section-y) 0}
.cs-glowa{max-width:760px;margin-bottom:clamp(24px,4vw,40px)}
.cs-glowa .lead{max-width:46ch}
.cs-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
@media (max-width:1040px){.cs-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.cs-kafle{grid-template-columns:1fr;gap:12px}}
.cs-kafel{position:relative;z-index:0;display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-szklo)}
.cs-kafel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--g-polysk),var(--g-karta);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-rim),var(--g-cien)}
.cs-k-gora{display:flex;align-items:center;gap:10px}
.cs-k-nr{font:500 13px/1 var(--mono);letter-spacing:.12em;color:var(--acc)}
.cs-k-gora .chip{margin-left:2px}
.cs-k-film{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:var(--r-pill);cursor:pointer;color:var(--t2);font:500 12px/1 var(--mono);
  font-variant-numeric:tabular-nums;background:rgba(255,254,251,.06);box-shadow:inset 0 0 0 1px rgba(255,254,251,.12)}
.cs-k-film::before{content:"";border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
@media (hover:hover){.cs-k-film:hover{color:var(--t);box-shadow:inset 0 0 0 1px var(--acc)}}
.cs-k-film:active{transform:scale(.96)}
.cs-kafel h3{margin:4px 0 0;font-size:21px;line-height:1.2;font-weight:650;letter-spacing:-.02em;text-wrap:balance}
.cs-k-kanaly{margin:-4px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m)}
.cs-kafel > p.zd{margin:0;font-size:15.5px;line-height:1.5;color:var(--t2);text-wrap:pretty}
.cs-czl{display:flex;align-items:baseline;gap:8px;margin:0;font-size:14px;line-height:1.4;color:var(--amb)}
.cs-czl::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--amb);translate:0 -1px}
.cs-czl b{font-weight:650}
.cs-pt{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,254,251,.08);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px}
.cs-pt .et{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m)}
.cs-pt .pas{position:relative;height:8px;border-radius:4px;background:rgba(255,254,251,.06);overflow:hidden}
.cs-pt .pas i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,1) * 100%);min-width:3px;border-radius:4px}
.cs-pt .przed i{background:rgba(255,90,79,.7)}
.cs-pt .teraz i{background:var(--acc)}
.cs-pt .zero i{min-width:0;width:0}
.cs-pt .l{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.cs-pt .l.przed{color:var(--t2);font-weight:600}
.cs-pt-dol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.cs-pt-dol .jedn{font-size:13px;color:var(--m)}

/* --- podsumowanie (jasne pasmo) --- */
.cs-suma{padding:var(--section-y) 0}
.cs-suma-uklad{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:start}
@media (max-width:900px){.cs-suma-uklad{grid-template-columns:1fr}}
.cs-liczba{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:clamp(18px,3vw,28px) 0 0;font-variant-numeric:tabular-nums}
.cs-liczba .przed{font-size:clamp(44px,8vw,84px);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--l-m)}
.cs-liczba .str{font-size:clamp(32px,5vw,56px);color:var(--acc-on-light);line-height:1}
.cs-liczba .teraz{font-size:clamp(56px,10vw,108px);font-weight:800;letter-spacing:-.045em;line-height:1}
.cs-liczba .jedn{font-size:16px;color:var(--l-m);align-self:center}
.cs-wzor{margin:14px 0 0;font-size:16px;color:var(--l-m)}
.cs-wzor b{color:var(--l-t);font-weight:650}
.cs-suma .chip{margin-top:16px}
.cs-zew{position:relative;z-index:0;padding:clamp(20px,3vw,28px);border-radius:var(--r-szklo)}
.cs-zew::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--g-polysk-jasny),var(--g-mleczne);box-shadow:var(--g-rim-jasny),var(--g-cien-jasny)}
.cs-zew .et{margin:0 0 10px;font:500 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--l-m)}
.cs-zew .kw{margin:0;font-size:clamp(40px,6vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.cs-zew .kw small{font-size:.38em;font-weight:500;letter-spacing:0;color:var(--l-m);margin-left:6px}
.cs-zew p.op{margin:14px 0 0;font-size:15.5px;line-height:1.5;color:var(--l-m)}
.cs-zew .lista{margin:14px 0 0;font:500 11px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-m)}
.cs-puenta{margin:clamp(28px,4vw,44px) 0 0;font-size:clamp(22px,3.4vw,32px);font-weight:300;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.cs-puenta b{font-weight:700}
.cs-metoda{margin:16px 0 0;max-width:80ch;font-size:13px;line-height:1.55;color:var(--l-m)}

/* --- finał --- */
.cs-final{position:relative;padding:var(--section-y) 0;text-align:center;background:var(--bg-hero);overflow:hidden}
.cs-final::before{content:"";position:absolute;left:50%;top:55%;width:min(900px,120%);height:420px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(234,88,12,.16),transparent);pointer-events:none}
.cs-final .w{position:relative}
.cs-final .lead{margin:16px auto 0;max-width:36ch}
.cs-final .cs-cta{margin-top:26px}
.cs-final .dalej{margin-top:18px}

/* --- stopka (kopia z index.html) --- */
.stopka{border-top:1px solid var(--line);padding:36px 0 calc(110px + env(safe-area-inset-bottom))}
.stopka .gora-stopki{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.stopka nav{display:flex;flex-wrap:wrap;gap:0 20px;font-size:15px}
.stopka nav a{color:var(--t2);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.stopka .znak{padding:10px 0}
@media (hover:hover){.stopka nav a:hover{color:var(--t)}}
@media (min-width:900px){.stopka{padding-bottom:48px}}
@media (max-width:640px){.stopka nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.stopka nav a{min-height:44px;font-size:14px}.stopka-firmy{font-size:12px}}
.ikony-social{display:flex;gap:8px;margin-top:14px}
.ikony-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-pill);color:var(--t2);background:rgba(255,254,251,.05);box-shadow:var(--g-rim)}
.ikony-social svg{width:20px;height:20px;fill:currentColor}
@media (hover:hover){.ikony-social a:hover{color:var(--t)}}

/* przyklejony przycisk (telefon) — Szkło jak na stronie głównej */
.cta-sticky{border:0;border-radius:var(--r-pill);padding:6px 6px 6px 20px;background:var(--g-polysk),var(--g-srednie);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-rim),var(--g-cien)}
.cta-sticky.na-jasnym{background:var(--g-polysk-jasny),var(--g-mleczne-grube);box-shadow:var(--g-rim-jasny),var(--g-cien-jasny)}
.cta-sticky.na-jasnym .tekst,.cta-sticky.na-jasnym .tekst b{color:var(--l-t)}

@media (prefers-reduced-transparency:reduce){.cs-start span,.cs-dzwiek{background:#F2F0EA}.cs-przyciski button{background:rgba(10,10,11,.88)}}
@media (prefers-contrast:more){.cs-start span,.cs-dzwiek{background:#F2F0EA}.cs-przyciski button{background:#0A0A0B}.chip{box-shadow:inset 0 0 0 1px currentColor}}