/* FlyCenter A „Callouty startu” - biel i niebieski z logo, Anek Latin (nagłówki, szerokość 112) + Overpass + Overpass Mono (dane). */
@font-face{font-family:Anek;src:url(/fonts/anek-ext.woff2) format("woff2");font-weight:400 800;font-stretch:75% 125%;font-display:swap;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:Anek;src:url(/fonts/anek-lat.woff2) format("woff2");font-weight:400 800;font-stretch:75% 125%;font-display:swap;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:Overpass;src:url(/fonts/overpass-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;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:Overpass;src:url(/fonts/overpass-lat.woff2) format("woff2");font-weight:400 700;font-display:swap;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:"Overpass Mono";src:url(/fonts/overpass-mono-ext.woff2) format("woff2");font-weight:400 600;font-display:swap;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:"Overpass Mono";src:url(/fonts/overpass-mono-lat.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --biel:#FFFFFF;--mgla:#EEF4FA;--granat:#1B2B57;--nieb:#2563B8;--nieb-c:#1C4F95;--niebo:#7FB8E6;--szary:#556482;--linia:#D8E3F0;
  --nagl:Anek,"Arial Narrow",system-ui,sans-serif;--tekst-f:Overpass,system-ui,sans-serif;--dane:"Overpass Mono",ui-monospace,monospace;
  --szer:1280px;--margines:clamp(16px,4vw,48px);--r:18px;
  --p-tlo:var(--biel);--p-pole:var(--biel);--p-tekst:var(--granat);--p-szary:var(--szary);--p-akcent:var(--nieb);--p-akcent-ciemny:var(--nieb-c);
  --p-na-akcencie:#fff;--p-linia:var(--linia);--p-jasny:var(--mgla);--p-nagl:var(--nagl);--p-dane:var(--dane);--p-r:14px;
  --lg-granat:#203060;--lg-center:#203060
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;overflow-x:clip}
body{margin:0;background:var(--biel);color:var(--granat);font:400 17px/1.6 var(--tekst-f);overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--nagl);font-stretch:112%;line-height:1.02;margin:0;font-weight:800;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:3px solid var(--nieb);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pomin{position:absolute;left:12px;top:-60px;z-index:100;background:var(--granat);color:#fff;padding:10px 16px;border-radius:10px}
.pomin:focus{top:12px}
.kontener{max-width:var(--szer);margin:0 auto;padding:0 var(--margines)}
.szary{color:var(--szary);font-size:14px}
.lead{font-size:clamp(17px,1.4vw,20px);color:var(--szary);max-width:46ch;margin-top:18px}
.h-sekcja{font-size:clamp(40px,6.4vw,92px);max-width:16ch}
.przypis-strony{font-size:14px;color:var(--szary);margin-top:22px}

/* przyciski */
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 26px;border-radius:999px;border:0;background:var(--nieb);color:#fff;font:700 16px/1 var(--tekst-f);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s}
.przycisk:hover{background:var(--nieb-c)}
.przycisk:active{transform:scale(.98)}
.przycisk--maly{min-height:44px;padding:10px 20px;font-size:15px}
.przycisk--drugi{background:var(--biel);color:var(--granat);box-shadow:inset 0 0 0 1.5px var(--linia)}
.przycisk--drugi:hover{background:var(--mgla)}
.przycisk--jasny{background:#fff;color:var(--nieb)}
.przycisk--jasny:hover{background:var(--mgla)}
.link-jasny{color:#fff;font-weight:700;text-underline-offset:4px}

/* paski u góry */
.demo-pasek{background:var(--granat);color:#DCE6F5;font-size:13px;text-align:center;padding:7px 16px}
.demo-pasek a{color:#fff;font-weight:700;margin-left:8px}
.komunikat{background:var(--niebo);color:var(--granat);text-align:center;font-weight:700;padding:8px 16px;font-size:15px}

/* nagłówek */
.naglowek{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:14px var(--margines);background:rgba(255,255,255,0);transition:background-color .3s,box-shadow .3s}
.naglowek--tlo{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--linia)}
.naglowek__logo{display:flex;flex:none}
.logo-svg{height:46px;width:auto;display:block}
.menu{display:flex;gap:26px;margin-left:auto;align-items:center}
.menu a{text-decoration:none;font-weight:600;font-size:15px;position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--nieb);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover::after{transform:scaleX(1)}
.menu__voucher{color:var(--nieb)}
.menu-przycisk{display:none;width:48px;height:48px;border:0;background:none;cursor:pointer;margin-left:auto}
.menu-przycisk i,.menu-przycisk i::before,.menu-przycisk i::after{display:block;width:24px;height:2px;background:var(--granat);position:relative;transition:transform .3s,background-color .3s;margin:auto}
.menu-przycisk i::before,.menu-przycisk i::after{content:"";position:absolute;left:0}
.menu-przycisk i::before{top:-7px}.menu-przycisk i::after{top:7px}
.menu-otwarte .menu-przycisk i{background:transparent}
.menu-otwarte .menu-przycisk i::before{transform:translateY(7px) rotate(45deg)}
.menu-otwarte .menu-przycisk i::after{transform:translateY(-7px) rotate(-45deg)}

/* HERO */
.hero{padding:0 var(--margines);max-width:1520px;margin:0 auto;position:relative}
.hero__rama{position:relative;border-radius:28px;overflow:hidden;height:min(78svh,820px);min-height:520px;background:var(--granat);isolation:isolate}
.hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero__rama::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,48,.18) 0%,rgba(14,24,48,0) 30%,rgba(14,24,48,0) 45%,rgba(14,24,48,.72) 100%);z-index:1}
.hero__kurtyna{position:absolute;left:0;right:0;height:50.5%;background:var(--biel);z-index:3;display:none}
.hero__kurtyna--g{top:0}.hero__kurtyna--d{bottom:0}
.hero__dane{position:absolute;top:22px;right:26px;z-index:2;display:flex;gap:18px;font:500 12px/1 var(--dane);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.hero__dane span{padding:7px 10px;border:1px solid rgba(255,255,255,.45);border-radius:999px}
.hero__tekst{position:absolute;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:clamp(120px,15vh,170px);z-index:2;color:#fff}
.hero__tytul{font-size:clamp(46px,8.4vw,132px);max-width:12ch;line-height:.92}
.hero__lead{font-size:clamp(17px,1.5vw,21px);max-width:44ch;margin-top:20px;color:#E8EFFA}
.slowo{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.slowo>span{display:inline-block}

/* widżet rezerwacji (nachodzi na zdjęcie) */
.widzet{position:relative;z-index:5;margin:-96px clamp(12px,4vw,56px) 0;background:#fff;border-radius:22px;padding:18px 22px 20px;box-shadow:0 24px 60px -24px rgba(27,43,87,.35),0 0 0 1px var(--linia)}
.widzet__taby{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.widzet__taby button{border:1.5px solid var(--linia);background:#fff;border-radius:999px;padding:9px 18px;font-weight:700;font-size:15px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.widzet__taby button:hover{border-color:var(--nieb)}
.widzet__taby button[aria-selected=true]{background:var(--granat);border-color:var(--granat);color:#fff}
.widzet__wybor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:end}
.widzet__etykieta{display:block;font:500 12px/1 var(--dane);letter-spacing:.08em;text-transform:uppercase;color:var(--szary);margin-bottom:10px}
.widzet__chipy{display:flex;gap:6px;flex-wrap:wrap}
.widzet__chipy button{min-width:74px;min-height:50px;border-radius:12px;border:1.5px solid var(--linia);background:var(--mgla);font:700 20px/1 var(--nagl);font-stretch:112%;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.widzet__chipy small{font:500 12px var(--dane)}
.widzet__chipy button:hover{border-color:var(--nieb)}
.widzet__chipy button[aria-pressed=true]{background:var(--nieb);border-color:var(--nieb);color:#fff}
.widzet__cena b{font:600 30px/50px var(--dane);white-space:nowrap}
.widzet__akcja{min-height:56px;padding:12px 30px;font-size:17px}
.widzet__kod{display:none}
.widzet[data-stan=voucher] .widzet__wybor{display:none}
.widzet[data-stan=voucher] .widzet__kod{display:block}
.widzet__kod-wiersz{display:flex;gap:10px;max-width:640px}
.widzet__kod input{flex:1;min-height:56px;border:1.5px solid var(--linia);border-radius:12px;padding:10px 16px;font:600 20px/1 var(--dane);letter-spacing:.06em;text-transform:uppercase;color:var(--granat)}
.widzet__kod input:focus{outline:0;border-color:var(--nieb)}
.widzet__blad{color:#B3261E;font-weight:600;font-size:14px;margin-top:8px}
.widzet__blad:empty{display:none}
.widzet__dopisek{margin-top:16px;padding-top:14px;border-top:1px solid var(--linia);color:var(--szary);font-size:15px}

/* START - przypięta scena */
.start{position:relative;height:640vh;margin-top:clamp(70px,9vw,130px);background:var(--granat)}
.start__klatka{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff}
.start__foto{position:absolute;inset:-5%;transform-origin:50% 60%}
.start__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.start__foto img.on{opacity:1;transform:scale(1)}
.start__cien{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,48,.82) 0%,rgba(14,24,48,.35) 46%,rgba(14,24,48,.1) 70%,rgba(14,24,48,.55) 100%),linear-gradient(0deg,rgba(14,24,48,.6),rgba(14,24,48,0) 40%)}
.start__tekst{position:absolute;left:clamp(96px,11vw,170px);top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;max-width:min(720px,60vw)}
.start__tytul{font:500 13px/1.3 var(--dane);font-stretch:100%;letter-spacing:.1em;text-transform:uppercase;color:var(--niebo);margin-bottom:22px}
.start__kroki{list-style:none;margin:0;padding:0;position:relative;min-height:46vh}
.start__kroki li{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(40px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.start__kroki li.on{opacity:1;transform:none}
.start__kroki li.przed{transform:translateY(-40px)}
.start__call{display:block;font:800 clamp(56px,10vw,168px)/.9 var(--nagl);font-stretch:112%;letter-spacing:-.02em}
.start__kroki p{font-size:clamp(17px,1.5vw,22px);max-width:34ch;margin-top:22px;color:#E3ECF8}
.tasma{position:absolute;top:50%;height:min(56vh,480px);transform:translateY(-50%);width:78px;border:1px solid rgba(255,255,255,.35);border-radius:10px;overflow:hidden;background:rgba(14,24,48,.35)}
.tasma--ias{left:clamp(14px,2.4vw,40px)}
.tasma--alt{right:clamp(14px,2.4vw,40px);width:92px}
.tasma__skala{position:absolute;left:0;right:0;top:50%;will-change:transform}
.tasma__skala span{position:absolute;right:8px;font:500 11px/1 var(--dane);color:rgba(255,255,255,.75);transform:translateY(-50%)}
.tasma__skala span::after{content:"";display:inline-block;width:10px;height:1px;background:currentColor;margin-left:6px;vertical-align:middle}
.tasma__skala i{position:absolute;right:8px;width:6px;height:1px;background:rgba(255,255,255,.5)}
.tasma__okno{position:absolute;left:4px;right:4px;top:50%;transform:translateY(-50%);background:#fff;color:var(--granat);border-radius:6px;padding:8px 6px;text-align:center;line-height:1}
.tasma__okno b{display:block;font:600 19px/1 var(--dane)}
.tasma__okno span{font:500 10px var(--dane);text-transform:uppercase;letter-spacing:.08em;color:var(--szary)}
.tasma__nazwa{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:500 10px var(--dane);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7)}
.start__fazy{position:absolute;left:clamp(96px,11vw,170px);right:clamp(120px,12vw,180px);bottom:28px;list-style:none;margin:0;padding:14px 0 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);font:500 12px/1 var(--dane);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.start__fazy li{position:relative;transition:color .3s}
.start__fazy li::before{content:"";position:absolute;left:0;top:-19px;width:9px;height:9px;border-radius:50%;background:var(--granat);border:1.5px solid rgba(255,255,255,.55);transition:background-color .3s,border-color .3s}
.start__fazy li.on{color:#fff}
.start__fazy li.on::before{background:var(--niebo);border-color:var(--niebo)}

/* LOTY - rozkład */
.loty{padding:clamp(90px,11vw,160px) 0 clamp(60px,8vw,110px)}
.loty__glowa{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.rozklad{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--granat)}
.rozklad__wiersz{border-bottom:1px solid var(--linia)}
.rozklad__glowa{width:100%;display:grid;grid-template-columns:150px minmax(0,1.4fr) minmax(0,1fr) 150px 44px;gap:20px;align-items:center;padding:22px 6px;background:none;border:0;text-align:left;cursor:pointer;transition:background-color .25s,color .25s,padding .3s}
.rozklad__glowa:hover{background:var(--mgla)}
.rozklad__czas{font:800 clamp(40px,4.6vw,64px)/1 var(--nagl);font-stretch:112%}
.rozklad__czas small{font:500 13px var(--dane);margin-left:6px;letter-spacing:.06em}
.rozklad__dla{font-size:clamp(17px,1.4vw,20px);font-weight:600}
.rozklad__wizyta{font:500 13px/1.3 var(--dane);color:var(--szary);text-transform:uppercase;letter-spacing:.04em}
.rozklad__cena{font:600 clamp(20px,1.8vw,26px)/1 var(--dane);text-align:right;white-space:nowrap}
.rozklad__ikona{width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;position:relative;transition:transform .35s}
.rozklad__ikona::before,.rozklad__ikona::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.rozklad__ikona::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s}
.rozklad__blok{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.rozklad__in{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);background:var(--nieb);color:#fff;border-radius:0 0 22px 22px}
.rozklad__in img{width:100%;height:100%;min-height:260px;object-fit:cover}
.rozklad__opis{padding:28px clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:16px;font-size:18px}
.rozklad__obnizka{font-size:14px;color:#D9E7FA}
.rozklad__akcje{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.otwarty .rozklad__glowa{background:var(--nieb);color:#fff;border-radius:22px 22px 0 0;padding-left:24px;padding-right:24px}
.otwarty .rozklad__wizyta{color:#CFE0F7}
.otwarty .rozklad__ikona::after{transform:translate(-50%,-50%) rotate(0)}
.otwarty .rozklad__blok{grid-template-rows:1fr}
.otwarty{border-bottom-color:transparent}

/* PREZENT - płaszczyzna niebieskiego */
.prezent{background:var(--nieb);color:#fff;padding:clamp(90px,11vw,160px) 0;overflow:hidden}
.prezent__siatka{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.prezent .lead{color:#DCE8F8}
.prezent__kroki{list-style:none;padding:0;margin:34px 0 0;counter-reset:pk;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;max-width:560px}
.prezent__kroki li{counter-increment:pk;display:flex;gap:12px;align-items:baseline;border-top:1px solid rgba(255,255,255,.35);padding-top:12px;font-weight:600}
.prezent__kroki li::before{content:counter(pk);font:500 13px var(--dane);color:var(--niebo)}
.prezent__akcje{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:36px}
.prezent__voucher{perspective:1200px}
.vk{display:grid;grid-template-columns:40% 1fr;background:#fff;color:var(--granat);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(10,20,50,.6);transform:rotate(-4deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.vk img{width:100%;height:100%;object-fit:cover;min-height:280px}
.vk__tresc{padding:26px 24px;display:flex;flex-direction:column;gap:8px;justify-content:center;position:relative}
.vk__tresc::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;border-left:2px dashed var(--linia)}
.vk__marka{font:500 11px/1.2 var(--dane);letter-spacing:.08em;text-transform:uppercase;color:var(--nieb)}
.vk__lot{font:800 34px/1 var(--nagl);font-stretch:112%}
.vk__dla{color:var(--szary);font-size:15px}
.vk__kod{font:600 18px/1 var(--dane);letter-spacing:.08em;border:1.5px dashed var(--nieb);border-radius:8px;padding:10px 12px;align-self:flex-start;margin-top:8px}
.vk__cena{font-size:14px;color:var(--szary)}
.vk__cena b{font-family:var(--dane);color:var(--granat)}
.prezent__voucher.widac .vk{transform:rotate(-2deg)}

/* PAKIETY - saldo */
.pakiety{padding:clamp(90px,11vw,160px) 0}
.saldo{list-style:none;margin:clamp(36px,5vw,60px) 0 0;padding:0;display:grid;gap:12px}
.saldo__wiersz{display:grid;grid-template-columns:110px minmax(0,1fr) 140px 170px auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--linia)}
.saldo__h{font:800 44px/1 var(--nagl);font-stretch:112%}
.saldo__pasek{height:14px;border-radius:999px;background:var(--mgla);overflow:hidden}
.saldo__pasek i{display:block;height:100%;width:calc(var(--d) * 100%);background:var(--nieb);border-radius:999px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
html[data-tier="1"] .saldo__wiersz:not(.widac) .saldo__pasek i,html[data-tier="2"] .saldo__wiersz:not(.widac) .saldo__pasek i{transform:scaleX(0)}
.saldo__cena{font:600 22px/1 var(--dane);text-align:right}
.saldo__godz{color:var(--szary);font-size:15px}
.saldo__godz b{font-family:var(--dane);color:var(--granat)}

/* ZAŁOGA */
.zaloga{padding:clamp(90px,11vw,160px) 0;background:var(--mgla)}
.zaloga__siatka{list-style:none;margin:clamp(36px,5vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.zaloga__siatka img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:#fff}
.zaloga__siatka h3{font-size:26px;margin-top:16px}
.zaloga__siatka p{color:var(--szary);font-size:15px;margin-top:8px}

/* KOKPIT - równa siatka */
.kokpit{padding:clamp(90px,11vw,160px) 0}
.kokpit__siatka{list-style:none;margin:clamp(36px,5vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.kokpit__siatka button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;overflow:hidden}
.kokpit__siatka img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.kokpit__siatka button:hover img{transform:scale(1.04)}
.podglad{border:0;padding:0;background:transparent;max-width:min(1400px,94vw);max-height:92vh}
.podglad::backdrop{background:rgba(14,24,48,.88)}
.podglad img{max-height:88vh;width:auto;border-radius:12px}
.podglad__zamknij{position:fixed;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;font-size:26px;cursor:pointer}

/* FIRMY */
.firmy{padding:clamp(60px,7vw,100px) 0;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.firmy__siatka{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end}
.firmy .h-sekcja{font-size:clamp(32px,4.2vw,60px);max-width:20ch}
.firmy .lead{margin:0 0 22px}

/* FAQ na płaszczyźnie */
.faq{background:var(--mgla);padding:clamp(80px,10vw,140px) 0}
.faq__siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(30px,5vw,80px);align-items:start}
.faq__tytul{font-size:clamp(56px,6.6vw,104px);color:var(--nieb);position:sticky;top:110px}
.faq__lista details{border-bottom:1px solid #C8D6E8}
.faq__lista summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font:700 clamp(19px,1.6vw,23px)/1.3 var(--tekst-f);position:relative}
.faq__lista summary::-webkit-details-marker{display:none}
.faq__lista summary::after{content:"+";position:absolute;right:4px;top:18px;font:400 30px/1 var(--dane);color:var(--nieb);transition:transform .3s}
.faq__lista details[open] summary::after{transform:rotate(45deg)}
.faq__lista p{padding:0 0 22px;color:var(--szary);max-width:60ch}

/* KONTAKT */
.kontakt{padding:clamp(90px,11vw,160px) 0}
.kontakt__tytul{font-size:clamp(28px,3vw,44px)}
.kontakt__tel{display:block;font:800 clamp(64px,13vw,210px)/.95 var(--nagl);font-stretch:112%;color:var(--nieb);text-decoration:none;margin:18px 0 40px;letter-spacing:-.02em;white-space:nowrap}
.kontakt__tel:hover{color:var(--nieb-c)}
.kontakt__siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1.5px solid var(--granat);padding-top:24px;font-size:18px}
.kontakt__siatka a{color:var(--nieb);font-weight:700}
.kontakt__znak{display:inline-block;width:34px;margin-right:10px;vertical-align:-14px;float:left}
.znak-svg{width:100%;height:auto;display:block}

/* STOPKA */
.stopka{background:var(--granat);color:#C9D6EA;padding:70px 0 120px;font-size:15px;--lg-granat:#fff;--lg-nieb:#fff;--lg-sredni:#C9D9EF;--lg-jasny:#9CC4EA;--lg-smugi:#1B2B57;--lg-samolot:#7FB8E6;--lg-fly:#7FB8E6;--lg-center:#fff}
.stopka a{color:#fff;text-decoration:none}
.stopka a:hover{text-decoration:underline}
.stopka__siatka{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:30px}
.stopka h2{font:500 12px var(--dane);letter-spacing:.1em;text-transform:uppercase;color:var(--niebo);margin-bottom:12px;font-stretch:100%}
.stopka__logo .logo-svg{height:56px;margin-bottom:16px}
.stopka__dol{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:13px}
.dock{display:none}

/* PODSTRONY */
.podstrona{padding:clamp(30px,4vw,60px) 0 clamp(80px,9vw,130px)}
.podstrona__glowa{margin-bottom:clamp(26px,3vw,44px)}
.podstrona__glowa h1{font-size:clamp(40px,6vw,84px)}
.podstrona__glowa p{color:var(--szary);font-size:19px;margin-top:14px;max-width:56ch}
.bilet{background:var(--granat);color:#fff;border-radius:22px;padding:22px 24px;--p-szary:#A9BBD9}
.bilet__glowa{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.bilet__marka{font:800 20px/1 var(--nagl);font-stretch:112%}
.bilet__typ{font:500 11px/1 var(--dane);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:999px}
.bilet__pola{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.bilet__pole--duze{grid-column:1/-1}
.bilet__pole--duze dd{font:800 30px/1.05 var(--nagl);font-stretch:112%}
.bilet__odcinek{display:grid;gap:6px;margin-top:20px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.3)}
.bilet__etykieta{font:500 11px/1 var(--dane);letter-spacing:.08em;text-transform:uppercase;color:#A9BBD9}
.bilet__cena{color:#fff}
.bilet__kod-kreskowy{display:none}
.bilet--oplacony .bilet__typ{background:var(--niebo);color:var(--granat)}
.firmy-lista{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--granat)}
.firmy-lista li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;padding:26px 0;border-bottom:1px solid var(--linia)}
.firmy-lista h2{font-size:clamp(26px,2.6vw,38px)}
.firmy-lista p{color:var(--szary)}
.zapytanie{background:var(--mgla);border-radius:24px;padding:clamp(22px,3vw,40px);margin-top:clamp(40px,5vw,70px)}
.zapytanie h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:20px}
.zapytanie select{width:100%;min-height:48px;border:1.5px solid var(--linia);border-radius:10px;padding:10px 14px;background:#fff;font:inherit;color:var(--granat)}
.zapytanie__wynik{margin-top:18px;background:#fff;border-radius:14px;padding:16px 18px;display:grid;gap:12px;justify-items:start;outline:0}
.firmy-foto{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:24px;margin-bottom:clamp(30px,4vw,50px)}
.w-cenie{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:0;list-style:none}
.w-cenie li{background:var(--mgla);border-radius:999px;padding:8px 16px;font-weight:600}

/* RUCH: stany startowe tylko z JS i TIER > 0 */
html.js[data-tier="2"] .hero__kurtyna,html.js[data-tier="1"] .hero__kurtyna{display:block}
[data-wejscie]{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html[data-tier="2"] .rozklad__wiersz[data-wejscie]:not(.widac),html[data-tier="1"] .rozklad__wiersz[data-wejscie]:not(.widac){opacity:0;transform:translateY(26px)}
html[data-tier="2"] .zaloga__siatka li:not(.widac),html[data-tier="1"] .zaloga__siatka li:not(.widac){opacity:0;transform:translateY(40px)}
html[data-tier="2"] .zaloga__siatka li:nth-child(2){transition-delay:.08s}
html[data-tier="2"] .zaloga__siatka li:nth-child(3){transition-delay:.16s}
html[data-tier="2"] .zaloga__siatka li:nth-child(4){transition-delay:.24s}
html[data-tier="2"] .prezent__voucher:not(.widac),html[data-tier="1"] .prezent__voucher:not(.widac){opacity:0;transform:translateY(60px)}
html[data-tier="0"] .start{height:auto;background:var(--granat)}
html[data-tier="0"] .start__klatka{position:relative;height:auto;padding:80px var(--margines) 60px}
html[data-tier="0"] .start__foto,html[data-tier="0"] .start__cien,html[data-tier="0"] .tasma,html[data-tier="0"] .start__fazy{display:none}
html[data-tier="0"] .start__tekst{position:static;max-width:none}
html[data-tier="0"] .start__kroki{min-height:0;display:grid;gap:30px}
html[data-tier="0"] .start__kroki li{position:static;opacity:1;transform:none}
html[data-tier="0"] .start__call{font-size:clamp(40px,6vw,80px)}

/* TELEFON */
@media (max-width:1080px){
  .menu{display:none;position:fixed;inset:0;top:0;background:#fff;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 28px 40px;gap:8px;z-index:-1}
  .menu a{font:800 34px/1.2 var(--nagl);font-stretch:112%}
  .menu-otwarte .menu{display:flex}
  .menu-przycisk{display:block;margin-left:0}
  .naglowek__cta{margin-left:auto}
  .rozklad__glowa{grid-template-columns:110px minmax(0,1fr) 120px 44px}
  .rozklad__wizyta{display:none}
  .saldo__wiersz{grid-template-columns:80px minmax(0,1fr) auto;row-gap:10px}
  .saldo__godz{grid-column:2}
  .saldo__wiersz .przycisk{grid-column:3;grid-row:1/3}
  .saldo__cena{grid-column:3;grid-row:1}
  .saldo__wiersz .przycisk{grid-row:2}
}
@media (max-width:820px){
  body{font-size:16px}
  .naglowek{padding:10px 16px;gap:12px}
  .logo-svg{height:38px}
  .naglowek__cta{display:none}
  .hero{padding:0 10px}
  .hero__rama{height:auto;min-height:0;aspect-ratio:3/4;max-height:76svh;border-radius:22px}
  .hero__dane{display:none}
  .hero__tekst{bottom:110px;left:20px;right:20px}
  .hero__lead{font-size:16px;margin-top:12px}
  .widzet{margin:-84px 6px 0;padding:14px 14px 16px;border-radius:18px}
  .widzet__taby button{padding:8px 13px;font-size:14px}
  .widzet__wybor{grid-template-columns:1fr auto;gap:14px}
  .widzet__czasy{grid-column:1/-1}
  .widzet__chipy button{min-width:0;flex:1;font-size:17px;min-height:46px}
  .widzet__chipy small{display:none}
  .widzet__akcja{padding:12px 18px}
  .widzet__kod-wiersz{flex-direction:column}
  .start{height:520vh}
  .start__tekst{left:20px;right:20px;max-width:none;justify-content:flex-end;padding-bottom:120px}
  .tasma{top:80px;transform:none;height:64px;width:66px}
  .tasma__nazwa{display:none}
  .tasma--alt{width:70px}
  .tasma__okno b{font-size:15px}
  .start__cien{background:linear-gradient(0deg,rgba(14,24,48,.9) 0%,rgba(14,24,48,.5) 50%,rgba(14,24,48,.25) 100%)}
  .start__fazy{left:20px;right:20px;font-size:10px}
  .start__fazy li:nth-child(3){display:none}
  .loty__glowa,.prezent__siatka,.firmy__siatka,.faq__siatka{grid-template-columns:1fr;gap:16px}
  .rozklad__glowa{grid-template-columns:76px minmax(0,1fr) 40px;gap:12px;padding:18px 4px}
  .rozklad__cena{grid-column:2;text-align:left;font-size:18px}
  .rozklad__dla{font-size:16px}
  .rozklad__ikona{grid-row:1/3;grid-column:3;width:38px;height:38px}
  .rozklad__czas{grid-row:1/3}
  .rozklad__in{grid-template-columns:1fr}
  .rozklad__in img{min-height:180px;max-height:220px}
  .otwarty .rozklad__glowa{padding-left:14px;padding-right:14px}
  .prezent__kroki{grid-template-columns:1fr}
  .vk{grid-template-columns:1fr}
  .vk img{min-height:150px;max-height:170px}
  .saldo__h{font-size:32px}
  .zaloga__siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zaloga__siatka h3{font-size:20px}
  .kokpit__siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq__tytul{position:static}
  .kontakt__siatka{grid-template-columns:1fr}
  .kontakt__tel{font-size:clamp(48px,15vw,90px)}
  .stopka__siatka{grid-template-columns:1fr 1fr}
  .stopka__marka{grid-column:1/-1}
  .firmy-lista li{grid-template-columns:1fr;gap:8px}
  .dock{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:30;gap:8px;padding:8px;background:rgba(255,255,255,.96);border-radius:999px;box-shadow:0 10px 30px -10px rgba(27,43,87,.4),0 0 0 1px var(--linia);transition:transform .35s}
  .dock .przycisk{flex:1;min-height:48px;padding:10px}
  .dock--schowany{transform:translateY(140%)}
  .podstrona .dock,.strona-proces .dock{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important;animation-duration:.01ms !important}}
