/* 25.10.2026 FORMULARZ REZERWACJI v2 (PODGLAD): ujednolicenie z reszta shuttlehero.eu — te same tokeny/karty/przyciski co strony miast
   (.topbar, .lang-dd-btn, .mc-eyebrow, h1 .c, .btn-green, --radius 14px, --shadow). Uklad, kroki i logika bez zmian. */
:root{--radius:14px;--green-dark:#7aa00d;--ink-2:#3a4253;--cream-2:#f4eee2;
  --shadow-sm:0 1px 2px rgba(20,25,40,.04),0 1px 3px rgba(20,25,40,.06);--shadow:0 8px 30px rgba(20,25,40,.08),0 2px 6px rgba(20,25,40,.04)}
/* naglowek jak .topbar stron miast: logo, pigulki waluty/jezyka jak .lang-dd-btn */
.hdr{background:rgba(255,253,250,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.logo{gap:10px}.logo img{height:36px;width:auto;display:block}
.cur-sw{background:#fff;border:1px solid var(--line);border-radius:9px;padding:3px}
.cur-sw button{border-radius:7px;font-weight:600;padding:5px 9px}
.cur-sw button.on{background:var(--ink);color:#fff}
.hdr-lang{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font-weight:600;color:var(--ink);line-height:1}
/* hero jak .mc-hero: ciemne tlo z gradientem, eyebrow z kreska, Fraunces 800, zielone wyroznienie */
.hero{border-radius:var(--radius);min-height:0;background:linear-gradient(105deg,rgba(8,14,4,.92) 0%,rgba(8,14,4,.72) 55%,rgba(8,14,4,.5) 100%),#0c1406;box-shadow:var(--shadow)}
.hero .inner{padding:26px 22px 24px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--green);margin-bottom:12px}
.hero .eyebrow::before{content:"";width:26px;height:2px;background:var(--green)}
.hero h1{font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.03em}
.hero h1 .c{color:var(--green)}
/* karty, pola i przyciski jak na stronach miast */
.card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
.search{padding:18px}
.tabs{background:var(--cream);border:1px solid var(--line)}
.route,.field,.stp{border-color:var(--line);border-radius:12px;background:#fff}
.dtrow .field{min-width:0;padding:11px 10px;gap:7px}.dtrow .field input{min-width:0;font-size:.95rem}
.dtrow .field[style*="38%"]{flex:0 0 44% !important}.dtrow .field[style*="38%"] .ic{display:none}
.stp .ctr button{border-radius:9px;border-color:var(--line)}
.btn{border-radius:12px;font-weight:700;box-shadow:0 4px 14px rgba(148,190,21,.35)}
.btn:hover{background:var(--green-dark)}
.inp{border-radius:12px}
.secure{border-radius:12px}
/* uwagi / nietypowy bagaz (krok 1) */
.v2-notes{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.v2-notes label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.v2-notes textarea{width:100%;border:0;outline:0;background:none;resize:vertical;min-height:44px;font-size:.95rem;line-height:1.4}
.v2-notes textarea::placeholder{color:#9aa0ab}
#v2Van{margin-top:8px;font-size:.88rem;display:flex;gap:8px;align-items:center;font-weight:600}
@media (min-width:720px){.hero h1{font-size:40px}.hero .inner{padding:32px 30px 30px}}
.osum .ph{background:linear-gradient(105deg,rgba(8,14,4,.92) 0%,rgba(8,14,4,.6) 100%),#0c1406}
