/* Planer pobytu: arkusz stylów strony web/planer/ (30.10.2026). Tokeny systemu „Złota godzina” przepisane 1:1 z portal/narzedzia/www_szablon.py,
   wzorce z web/makiety/system.html i web/makiety/planer.html (makieta przebiegu). Bez wersalików poza kickerem, DM Sans 400-700, liczby DM Mono, cel dotyku 44 px. */
@font-face{font-family:'DM Sans';src:url(../fonty/dmsans-v2.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'DM Mono';src:url(../fonty/dmmono-v1.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--f-tekst:'DM Sans',system-ui,sans-serif;--f-mono:'DM Mono',ui-monospace,Menlo,monospace;
--t-12:.75rem;--t-14:.875rem;--t-15:.9375rem;--t-16:1rem;--t-17:1.0625rem;--t-20:1.25rem;--t-h3:clamp(1.25rem,1.1rem + .5vw,1.5rem);--t-h2:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);
--t-h1s:clamp(2rem,1.5rem + 2.1vw,3.5rem);
--s1:.25rem;--s2:.375rem;--s3:.625rem;--s4:1rem;--s5:1.375rem;--s6:2.125rem;--s7:2.75rem;--s8:4.5rem;--rynna:clamp(1rem,4vw,2.75rem);--wrap:84rem;
--r1:12px;--r2:18px;--r3:24px;--r-pig:999px;--cel:2.75rem;--cel-2:3rem;
--e-wejscie:cubic-bezier(.22,1,.36,1);--d0:120ms;--d1:180ms;--d2:240ms;--d3:600ms;--belka-h:3.75rem;
--m1:var(--d1) var(--e-wejscie);--m2:var(--d2) var(--e-wejscie);--tk:color var(--m1),background-color var(--m1),border-color var(--m1),text-decoration-color var(--m1),box-shadow var(--m2),transform var(--m2);
--cien-1:0 1px 2px rgba(70,45,20,.06),0 6px 16px -10px rgba(70,45,20,.2);--cien-2:0 2px 4px rgba(70,45,20,.06),0 18px 38px -16px rgba(70,45,20,.3);
--szklo:blur(16px) saturate(1.2);--szklo-swiatlo:inset 0 1px 0 rgba(255,255,255,.55);
--ziarno:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .27 0 0 0 0 .18 0 0 0 0 .08 0 0 0 .075 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
--p-tlo:#F8F2E9;--p-tlo-2:#EFE4D2;--p-powierzchnia:#FFFCF7;--p-powierzchnia-2:#F3EADC;--p-szklo:rgba(255,251,245,.82);--p-szklo-2:rgba(255,252,247,.94);
--p-tekst:#1E2B2C;--p-tekst-2:#5A6360;--p-linia:rgba(30,43,44,.13);--p-linia-2:rgba(30,43,44,.24);--p-link:#0E5E5A;--p-akcent-tekst:#0A4744;
--p-akcja:#C4472B;--p-akcja-2:#A63A22;--p-na-akcji:#FFFFFF;--p-akcent-pory:#A63A22;--p-wybrane:#0E5E5A;--p-na-wybranym:#FFFCF7;
--p-slonce-znak:#E4874F;--p-glif:#1E2B2C;--p-zloto:#D9A250;
--pole:#143A3B;--pole-2:#1C4A4B;--na-polu:#F8F2E9;--na-polu-2:#B9C8C2;--akcent-polu:#D9A250;--linia-polu:rgba(248,242,233,.14);
--st-zgodne:#0E5E5A;--st-zgodne-t:#E2EEE8;--st-jedno:#7A4F08;--st-jedno-t:#F7EAD0;--st-rozb:#A63A22;--st-rozb-t:#F8E1D8}
html[data-pora=zlota]{--na:#163A3A;--nb:#4F7E6C;--nc:#EFC88E}
.niebo{--n-tekst:#F8F2E9;--n-tekst-2:#DCD6CB;--n-slonce:#D9A250;--n-swit:#F3DDBE}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--p-tlo);scroll-padding-top:var(--s5)}
body{margin:0;min-height:100dvh;background:var(--p-tlo) var(--ziarno);color:var(--p-tekst);font:400 var(--t-17)/1.55 var(--f-tekst);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-synthesis-weight:none;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--p-link);text-underline-offset:.18em;text-decoration-thickness:1px;transition:var(--tk)}
button,input,select{font:inherit;color:inherit}
button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--p-link);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-weight:700;margin:0;text-wrap:balance;overflow-wrap:break-word}
h1:focus{outline:none}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0}
[hidden]{display:none!important}
.mono,time{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--rynna)}
.kicker{margin:0;font:400 var(--t-12)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-tekst-2)}
.ik{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ik.m{width:16px;height:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pomin{position:absolute;left:var(--rynna);top:-4rem;z-index:30;background:var(--p-tekst);color:var(--p-tlo);padding:10px 16px;border-radius:var(--r-pig)}
.pomin:focus{top:var(--s3)}

/* ---------- belka ---------- */
.belka{position:relative;z-index:12;display:flex;align-items:center;gap:var(--s2);min-height:var(--belka-h);padding:10px 0 0}
.pig,.znak-p{display:inline-flex;align-items:center;gap:8px;min-height:var(--cel-2);padding:0 16px;border-radius:var(--r-pig);background:var(--p-szklo);border:1px solid rgba(30,43,44,.08);box-shadow:var(--szklo-swiatlo),var(--cien-1);backdrop-filter:var(--szklo);-webkit-backdrop-filter:var(--szklo);color:var(--p-tekst);text-decoration:none;font-size:var(--t-15);font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.znak-p{padding:0 18px 0 13px;gap:9px;font-size:1.1875rem;font-weight:700;letter-spacing:-.045em;font-feature-settings:'ss02';line-height:1}
.znak-p svg{width:26px;height:22px;flex:none;fill:var(--p-link)}
.znak-p svg circle{fill:var(--p-slonce-znak)}
.pig[aria-current=page]{background:var(--p-tekst);color:var(--p-tlo)}
.pig .tylko-szer{display:none}
.menu-p{display:none;gap:2px;padding:3px;border-radius:var(--r-pig);background:var(--p-szklo);border:1px solid rgba(30,43,44,.08);box-shadow:var(--szklo-swiatlo),var(--cien-1)}
.menu-p a{display:inline-flex;align-items:center;min-height:var(--cel);padding:0 13px;border-radius:var(--r-pig);color:var(--p-tekst);text-decoration:none;font-size:var(--t-15);font-weight:600}
.menu-p a[aria-current]{background:var(--p-tekst);color:var(--p-tlo)}
.prawa{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}
.jezyki{position:relative;display:flex;padding:3px;border-radius:var(--r-pig);background:var(--p-szklo);border:1px solid rgba(30,43,44,.08);box-shadow:var(--szklo-swiatlo),var(--cien-1)}
.jezyki button{min-width:var(--cel);height:var(--cel);border:0;border-radius:var(--r-pig);background:none;font:400 var(--t-12)/1 var(--f-mono);letter-spacing:.06em;color:var(--p-tekst-2);cursor:pointer;transition:var(--tk)}
.jezyki button[aria-pressed=true]{background:var(--p-tekst);color:var(--p-tlo)}
@media (max-width:899px){
  .jezyki button:not([aria-pressed=true]){display:none}
  .jezyki[data-otwarte]{flex-direction:column;position:absolute;right:0;top:0;z-index:20;border-radius:calc(var(--cel)/2 + 3px);background:var(--p-szklo-2)}
  .jezyki[data-otwarte] button{display:block}
  .jezyki[data-otwarte] button[aria-pressed=true]{order:-1}
}

/* ---------- przyciski, chipy, pola ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--cel-2);padding:0 22px;border-radius:var(--r-pig);border:1px solid var(--p-akcja);background:var(--p-akcja);color:var(--p-na-akcji);text-decoration:none;font-size:var(--t-15);font-weight:600;letter-spacing:-.01em;line-height:1.2;cursor:pointer;box-shadow:0 1px 2px rgba(120,40,20,.16),0 10px 20px -12px rgba(196,71,43,.6);transition:var(--tk)}
.btn:hover{background:var(--p-akcja-2);border-color:var(--p-akcja-2)}
.btn:active,.chip:active,.wyb:active{transform:scale(.97);transition-duration:var(--d0)}
.btn.jasny{background:var(--p-powierzchnia);border-color:var(--p-linia);color:var(--p-tekst);box-shadow:var(--cien-1)}
.btn.jasny:hover{background:var(--p-powierzchnia);border-color:var(--p-linia-2);box-shadow:var(--cien-2)}
.btn.maly{min-height:var(--cel);padding:0 16px;font-size:var(--t-14)}
.btn.cta{color:var(--p-link)}
.btn.cicho{background:none;border-color:transparent;box-shadow:none;color:var(--p-tekst-2);padding:0 12px}
.btn.cicho:hover{background:none;border-color:transparent;color:var(--p-tekst)}
.btn.ikona{width:var(--cel-2);padding:0}
.btn.ikona.maly{width:var(--cel)}
.btn.pelny{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn.ok{background:var(--st-zgodne-t);border-color:transparent;color:var(--st-zgodne);box-shadow:none}
.btn.na-polu{background:var(--na-polu);border-color:var(--na-polu);color:var(--pole);box-shadow:none}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:var(--cel);padding:0 15px;border-radius:var(--r-pig);border:1px solid var(--p-linia);background:var(--p-powierzchnia);color:var(--p-tekst);font-size:var(--t-14);font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(70,45,20,.06);transition:var(--tk)}
.chip[aria-pressed=true]{background:var(--p-wybrane);border-color:var(--p-wybrane);color:var(--p-na-wybranym)}
.chipy{display:flex;flex-wrap:wrap;gap:6px}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:var(--r-pig);background:var(--p-tlo-2);gap:2px}
.seg button{min-height:2.75rem;border:0;border-radius:var(--r-pig);background:none;font-size:var(--t-15);font-weight:600;color:var(--p-tekst-2);cursor:pointer;padding:0 12px;transition:var(--tk)}
.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--p-powierzchnia);color:var(--p-tekst);box-shadow:var(--cien-1)}
.pole{position:relative;display:flex;align-items:center;gap:10px;min-height:var(--cel-2);padding:0 8px 0 16px;border-radius:var(--r1);border:1px solid var(--p-linia-2);background:var(--p-powierzchnia);color:var(--p-tekst-2)}
.pole input{flex:1 1 6rem;width:100%;min-width:0;border:0;background:none;outline:none;min-height:2.75rem;font-size:var(--t-16);color:var(--p-tekst)}
.pole input::placeholder{color:var(--p-tekst-2);opacity:.9}
.pole small{min-width:0;overflow:hidden;text-overflow:ellipsis;font:400 var(--t-12) var(--f-mono);color:var(--p-tekst-2);white-space:nowrap}
.pole:focus-within{border-color:var(--p-tekst);outline:2px solid var(--p-link);outline-offset:2px}
.pole.wypelnione{border-color:var(--p-tekst)}
.pole.blad{border-color:var(--st-rozb);background:var(--st-rozb-t)}
.zgoda{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-14);color:var(--p-tekst-2);min-height:var(--cel);padding:10px 0;cursor:pointer}
.zgoda input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--p-wybrane);flex:none}
.stat{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:var(--r-pig);font-size:var(--t-12);font-weight:500;line-height:1.2;color:var(--st-jedno);background:var(--st-jedno-t)}
.stat::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pig);font:400 var(--t-12)/1.3 var(--f-mono);letter-spacing:.04em;background:var(--p-tlo-2);color:var(--p-tekst)}
.uwaga{display:flex;gap:10px;align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--st-jedno-t);color:var(--p-tekst);font-size:var(--t-14)}
.uwaga .ik{color:var(--st-jedno);margin-top:2px}
.uwaga.blad{background:var(--st-rozb-t)}
.uwaga.blad .ik{color:var(--st-rozb)}
.uwaga .btn{margin-left:auto}
.uwaga.ok{background:var(--st-zgodne-t)}
.uwaga.ok .ik{color:var(--st-zgodne)}
.komunikat{font-size:var(--t-14);color:var(--p-tekst-2)}
.komunikat.blad{color:var(--st-rozb)}

/* ---------- 01 pytania ---------- */
.niebo{position:relative;isolation:isolate;overflow:hidden;color:var(--n-tekst);background:linear-gradient(180deg,rgba(14,26,26,.34),rgba(14,26,26,0) 55%),linear-gradient(180deg,var(--na) 0%,var(--nb) 64%,var(--nc) 100%)}
.niebo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ziarno)}
.niebo .belka .pig,.niebo .belka .znak-p,.niebo .belka .menu-p,.niebo .belka .jezyki{color:var(--p-tekst)}
.pyt-glowa{padding:var(--s5) 0 var(--s6)}
.pyt-glowa .kicker{display:flex;align-items:center;gap:10px;color:var(--n-tekst)}
.pyt-glowa .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--n-slonce);box-shadow:0 0 0 4px rgba(217,162,80,.22)}
.pyt-glowa h1{font-size:var(--t-h1s);line-height:1;letter-spacing:-.04em;margin:var(--s3) 0 var(--s4);text-shadow:0 1px 24px rgba(10,20,20,.28)}
.pyt-glowa h1 span{display:block;color:var(--n-swit)}
.szklo-l{padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--p-szklo-2);color:var(--p-tekst);box-shadow:var(--szklo-swiatlo),var(--cien-2);font-size:var(--t-16);max-width:46ch}
.formularz{position:relative;margin:calc(-1 * var(--s5)) calc(-1 * var(--rynna)) 0;padding:var(--s5) var(--rynna) 0;border-radius:var(--r3) var(--r3) 0 0;background:var(--p-tlo) var(--ziarno);color:var(--p-tekst);display:grid;gap:var(--s5)}
.pytanie{display:grid;gap:var(--s3);margin:0;padding:0;border:0;min-width:0;align-content:start}
.pytanie legend{display:flex;align-items:baseline;gap:10px;padding:0;margin-bottom:var(--s3);font-size:var(--t-20);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.pytanie legend b{font:400 var(--t-12) var(--f-mono);color:var(--p-akcent-pory);font-weight:400}
.daty{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.data-pole{position:relative;display:grid;gap:2px;min-height:4rem;padding:10px 14px;border-radius:var(--r1);border:1px solid var(--p-tekst);background:var(--p-powierzchnia);text-align:left;cursor:pointer;overflow:hidden}
.data-pole:focus-within{outline:2px solid var(--p-link);outline-offset:2px}
.data-pole span{font-size:var(--t-12);color:var(--p-tekst-2)}
.data-pole b{font:400 var(--t-17) var(--f-mono);color:var(--p-tekst)}
.data-pole input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;font-size:16px}
.data-pole input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.ile-dni{display:flex;align-items:center;gap:8px;font-size:var(--t-14);color:var(--p-tekst-2)}
.ile-dni .mono{color:var(--p-tekst)}
.wybory{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wyb{display:flex;align-items:center;gap:10px;min-height:3.5rem;padding:0 14px;border-radius:var(--r2);border:1px solid var(--p-linia);background:var(--p-powierzchnia);font-size:var(--t-15);font-weight:600;letter-spacing:-.01em;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(70,45,20,.06);transition:var(--tk);line-height:1.2}
.wyb .ik{width:20px;height:20px}
.wyb[aria-pressed=true]{background:var(--p-wybrane);border-color:var(--p-wybrane);color:var(--p-na-wybranym)}
.wyb small{display:block;font-size:var(--t-12);font-weight:400;opacity:.8;margin-top:2px}
.podpowiedz{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:8;border-radius:var(--r1);background:var(--p-powierzchnia);box-shadow:var(--cien-2);overflow:hidden;border:1px solid var(--p-linia)}
.podpowiedz ul{list-style:none;margin:0;padding:0}
.podpowiedz li{display:flex;align-items:center;gap:10px;min-height:var(--cel);padding:6px 14px;border-bottom:1px solid var(--p-linia);font-size:var(--t-15);color:var(--p-tekst);cursor:pointer}
.podpowiedz li:last-child{border:0}
.podpowiedz li[aria-selected=true],.podpowiedz li:hover{background:var(--p-tlo-2)}
.podpowiedz small{margin-left:auto;font:400 var(--t-12) var(--f-mono);color:var(--p-tekst-2);padding-left:8px;white-space:nowrap}
.podpowiedz span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blokada{display:inline-flex;align-items:center;gap:6px}
details.opcje{border-top:1px solid var(--p-linia);border-bottom:1px solid var(--p-linia)}
details.opcje summary{list-style:none;display:flex;align-items:center;gap:var(--s3);min-height:3.5rem;cursor:pointer;font-weight:600;font-size:var(--t-17)}
details.opcje summary::-webkit-details-marker{display:none}
details.opcje summary::after{content:"";flex:none;margin-left:auto;width:2rem;height:2rem;border-radius:50%;background:var(--p-tlo-2) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m4.5 6.25 3.5 3.5 3.5-3.5' fill='none' stroke='%231E2B2C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px no-repeat;transition:transform var(--m2)}
details.opcje[open] summary::after{transform:rotate(180deg)}
.opcje-in{display:grid;gap:var(--s4);padding-bottom:var(--s5)}
.opc-h{font-size:var(--t-14);font-weight:500;color:var(--p-tekst-2);margin-bottom:var(--s2)}
.start{position:sticky;bottom:0;z-index:5;margin:0 calc(-1 * var(--rynna));padding:var(--s3) var(--rynna) calc(var(--s4) + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(248,242,233,0),var(--p-tlo) 30%);display:grid;gap:var(--s2);justify-items:center}
.start .btn{max-width:24rem}
.start p{font-size:var(--t-14);color:var(--p-tekst-2);text-align:center}

/* ---------- 02 ładowanie ---------- */
.lad{display:grid;gap:var(--s5);padding:var(--s5) 0 var(--s6)}
.lad h1{font-size:var(--t-h2);letter-spacing:-.035em;line-height:1.05;margin-top:var(--s2)}
.lad-mapa{position:relative;border-radius:var(--r3);background:var(--pole) var(--ziarno);padding:var(--s4);aspect-ratio:1000/830;overflow:hidden}
.lad-mapa svg{width:100%;height:100%;display:block;overflow:visible}
.wyspa-lad{fill:rgba(248,242,233,.08);stroke:rgba(248,242,233,.42);stroke-width:1.6;vector-effect:non-scaling-stroke}
.wyspa-poz{fill:none;stroke:rgba(248,242,233,.16);stroke-width:1;vector-effect:non-scaling-stroke}
.reg-k{fill:none;stroke:var(--akcent-polu);stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;animation:zapal var(--d3) var(--e-wejscie) forwards}
.reg-k.teraz{animation:zapal var(--d3) var(--e-wejscie) forwards,puls 1.6s var(--e-wejscie) 600ms infinite}
.reg-k.czeka{stroke:rgba(248,242,233,.3);stroke-dasharray:4 5}
.reg-t{font:400 30px var(--f-mono);fill:var(--na-polu);opacity:0;animation:zapal var(--d3) var(--e-wejscie) forwards}
.baza-pkt{fill:var(--na-polu);stroke:var(--pole);stroke-width:3}
@keyframes zapal{to{opacity:1}}
@keyframes puls{0%{stroke-opacity:1}70%{stroke-opacity:.15}100%{stroke-opacity:1}}
.kroki{list-style:none;margin:0;padding:0;border-top:1px solid var(--p-linia)}
.kroki li{display:flex;align-items:center;gap:12px;min-height:3.25rem;border-bottom:1px solid var(--p-linia);font-size:var(--t-16)}
.kroki .st-k{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--p-linia-2)}
.kroki li:not(.ok) .st-k .ik{display:none}
.kroki li.ok .st-k{background:var(--p-wybrane);border-color:var(--p-wybrane);color:var(--p-na-wybranym)}
.kroki li.ok .st-k .ik{width:14px;height:14px;stroke-width:2}
.kroki li.teraz .st-k{border-color:var(--p-akcja);border-top-color:transparent;animation:obrot .9s linear infinite}
.kroki li.czeka{color:var(--p-tekst-2)}
.kroki small{margin-left:auto;font:400 var(--t-14) var(--f-mono);color:var(--p-tekst-2)}
@keyframes obrot{to{transform:rotate(360deg)}}
.szkielet{display:grid;gap:var(--s3)}
.szk{border-radius:var(--r2);background:var(--p-powierzchnia);box-shadow:var(--cien-1);overflow:hidden}
.szk .foto-s{aspect-ratio:16/7;background:linear-gradient(90deg,var(--p-tlo-2),var(--p-powierzchnia-2),var(--p-tlo-2));background-size:200% 100%;animation:blysk 1.4s linear infinite}
.szk .in{padding:var(--s4);display:grid;gap:8px}
.szk i{display:block;height:12px;border-radius:6px;background:var(--p-tlo-2)}
@keyframes blysk{to{background-position:-200% 0}}
.stany-lad{display:grid;gap:var(--s3)}
.pusty-ekran{display:grid;gap:var(--s4);justify-items:start;padding:var(--s6) 0 var(--s7)}
.pusty-ekran h1{font-size:var(--t-h2);letter-spacing:-.035em;line-height:1.05}

/* ---------- 03 plan ---------- */
.plan-glowa{display:grid;gap:var(--s4);padding:var(--s5) 0 var(--s4)}
.plan-glowa h1{font-size:var(--t-h1s);letter-spacing:-.04em;line-height:1;margin-top:var(--s2)}
.plan-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:var(--t-14);color:var(--p-tekst-2);margin-top:var(--s3)}
.plan-meta time{color:var(--p-tekst)}
.plan-meta a{color:var(--p-link);display:inline-flex;align-items:center;min-height:var(--cel)}
.akcje-plan{display:flex;flex-wrap:wrap;gap:8px}   /* na telefonie w treści pod nagłówkiem planu: pasek na dole wychodzi dopiero, gdy ich nie widać (31.10) */
.tylko-odczyt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-radius:var(--r2);background:var(--st-zgodne-t);font-size:var(--t-15);margin-bottom:var(--s4)}
.tylko-odczyt b{font-weight:600}
.tylko-odczyt .btn{margin-left:auto}
.os{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px var(--rynna) 6px;margin:0 calc(-1 * var(--rynna));scroll-snap-type:x mandatory}
.os::-webkit-scrollbar{display:none}
.dz{flex:0 0 auto;scroll-snap-align:start;text-decoration:none;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;min-width:8.25rem;min-height:4.5rem;padding:10px 14px;border-radius:var(--r2);border:1px solid var(--p-linia);background:var(--p-powierzchnia);color:var(--p-tekst);text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(70,45,20,.06);transition:var(--tk)}
.dz .dz-d{font:400 var(--t-12)/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-tekst-2)}
.dz .dz-p{justify-self:end;display:inline-flex;align-items:center;gap:4px;font:400 var(--t-14) var(--f-mono)}
.dz .dz-r{grid-column:1/-1;font-size:var(--t-15);font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.dz[aria-current=true]{background:var(--p-wybrane);border-color:var(--p-wybrane);color:var(--p-na-wybranym)}
.dz[aria-current=true] .dz-d{color:rgba(255,252,247,.78)}
.dz.zamk{background:transparent;border-style:dashed;color:var(--p-tekst-2);box-shadow:none}
.dz.zamk .dz-r{display:inline-flex;align-items:center;gap:6px}
.dz.zamk[aria-current=true]{background:var(--p-tekst);border-color:var(--p-tekst);color:var(--p-tlo)}
.dz-t{grid-column:1/-1;font-size:var(--t-12);color:inherit;opacity:.8;white-space:nowrap}
.dz-t:empty{display:none}
.seg.warianty{margin-bottom:var(--s2)}
.uklad-plan{display:grid;gap:var(--s5);padding:var(--s5) 0 var(--s6)}
.dzien-glowa{display:grid;gap:var(--s3)}
.dzien-glowa h2{font-size:var(--t-h2);letter-spacing:-.035em;line-height:1.05}
.dzien-glowa h2 time{font-size:.62em;color:var(--p-tekst-2);letter-spacing:0;margin-left:6px;font-weight:400}
.dzien-glowa .region{font-size:var(--t-17);font-weight:600;color:var(--p-link)}
.warunki{display:flex;flex-wrap:wrap;gap:6px}
.warunki>span{display:inline-flex;align-items:center;gap:6px;min-height:2.25rem;padding:0 12px;border-radius:var(--r-pig);background:var(--p-powierzchnia-2);font-size:var(--t-14)}
.warunki .mono{font-size:var(--t-14)}
.pn{width:16px;height:16px;flex:none;border-radius:50%;background:linear-gradient(180deg,#232a52,#7d4566 60%,#f4a259)}
.pn.rano{background:linear-gradient(180deg,#1d3557,#5e4f75 60%,#f2a679)}
.pn.obiad{background:linear-gradient(180deg,#7fb6d6,#cfe6ee 60%,#f6e7bd)}
.pn.popoludnie{background:linear-gradient(180deg,#0b3f5e,#1d6890 60%,#9fd3e6)}
.pn.kolacja{background:linear-gradient(180deg,#1b1f45,#4a3a6a 60%,#c7765a)}
.pn.wieczor{background:linear-gradient(180deg,#0b1424,#1c2a4a 60%,#3b4a73)}
/* wejście do mapy 3D: pole atramentu z wyspą i trasą dnia */
.wejscie3d{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46%;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s4) var(--s5);border-radius:var(--r2);background:var(--pole) var(--ziarno);color:var(--na-polu);text-decoration:none;box-shadow:var(--cien-1);overflow:hidden;min-height:9.5rem;margin:var(--s5) 0}
.wejscie3d b{display:block;font-size:var(--t-17);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.wejscie3d span{display:block;font-size:var(--t-14);color:var(--na-polu-2);margin-top:4px}
.wejscie3d .strz{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s3);min-height:var(--cel);padding:0 16px;border-radius:var(--r-pig);background:var(--na-polu);color:var(--pole);font-size:var(--t-14);font-weight:600}
.wejscie3d .strz span{display:inline;margin:0;color:inherit;font-size:inherit}
.wejscie3d:hover{box-shadow:var(--cien-2)}
.wejscie3d.szerokie{display:none;margin:0}
.mini svg{width:100%;height:auto;display:block;overflow:hidden}
.trasa{fill:none;stroke:var(--akcent-polu);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.trasa-p{fill:var(--na-polu);stroke:var(--pole);stroke-width:2.5;vector-effect:non-scaling-stroke}
.trasa-n{fill:var(--pole);text-anchor:middle;dominant-baseline:central;font-family:var(--f-mono)}
.trasa-b{fill:var(--akcent-polu);stroke:var(--pole);stroke-width:2.5;vector-effect:non-scaling-stroke}
/* oś dnia */
.os-dnia{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:var(--s3)}
.os-dnia::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:repeating-linear-gradient(180deg,var(--p-linia-2) 0 3px,transparent 3px 8px)}
.os-dnia>li{position:relative;padding-left:2.5rem;min-width:0}
.wezel{position:absolute;left:0;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--p-tekst);color:var(--p-tlo);font:400 var(--t-14)/1 var(--f-mono);box-shadow:0 0 0 4px var(--p-tlo)}
.wezel.zach{background:linear-gradient(180deg,#232a52,#7d4566 60%,#f4a259);color:#fff}
.wezel.baza{background:var(--p-wybrane)}
.wezel.baza .ik{width:15px;height:15px;stroke:var(--p-na-wybranym)}
.etap{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:2.75rem;font-size:var(--t-14);color:var(--p-tekst-2)}
.etap .wezel{top:8px}
.etap b{font-weight:600;color:var(--p-tekst)}
.etap time{color:var(--p-akcent-pory);font-size:var(--t-15)}
.przejazd{display:inline-flex;align-items:center;gap:6px;min-height:2rem;padding:0 12px;border-radius:var(--r-pig);background:var(--p-powierzchnia);border:1px solid var(--p-linia);font-size:var(--t-14);color:var(--p-tekst)}
.przejazd .mono{font-size:var(--t-14)}
.dojazd-szcz{flex-basis:100%;font-size:var(--t-14);color:var(--p-tekst-2)}
.dojazd-szcz summary{cursor:pointer;display:inline-flex;align-items:center;min-height:var(--cel);color:var(--p-link);list-style:none;font-weight:500}
.dojazd-szcz summary::-webkit-details-marker{display:none}
.dojazd-szcz ol{list-style:none;margin:0 0 var(--s2);padding:0;display:grid;gap:4px}
.dojazd-szcz li{display:flex;flex-wrap:wrap;gap:2px 8px;color:var(--p-tekst)}
.wolne-c{display:inline-flex;align-items:center;gap:8px;min-height:2rem;padding:0 12px;border-radius:var(--r-pig);border:1px dashed var(--p-linia-2);font-size:var(--t-14)}
.wolne-c time{color:var(--p-tekst-2);font-size:var(--t-14)}
/* przerwa w dniu (od 90 min): karta „W tym czasie” z propozycjami tuż obok albo odpoczynkiem */
.etap.przerwa{display:block}
.przerwa-in{border:1px dashed var(--p-linia-2);border-radius:var(--r2);padding:var(--s3) var(--s4);display:grid;gap:var(--s2);font-size:var(--t-14);color:var(--p-tekst-2);background:transparent}
.przerwa-in .kicker{margin:0}
.przerwa-in .kicker time{color:var(--p-tekst);font-family:var(--f-mono)}
.przerwa-in p{margin:0}
.przerwa-l{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.przerwa-l li{display:grid;gap:2px}
.przerwa-l b{font-weight:500;color:var(--p-tekst)}
.przerwa-l span{font-size:var(--t-14)}
.przerwa-l small{font-size:var(--t-14);color:var(--p-tekst-2)}
.taxi{display:inline-flex;align-items:center;gap:6px;min-height:2rem;padding:0 12px;font-size:var(--t-14);color:var(--p-tekst-2)}
.kp-adres{margin:0;font-size:var(--t-14);color:var(--p-tekst-2);overflow-wrap:anywhere}
.pn.przedpoludnie{background:linear-gradient(180deg,#2a4a6b,#6d7f93 60%,#f2c48a)}
.pn.podwieczor{background:linear-gradient(180deg,#0f4a6e,#3c7fa3 60%,#e9b27a)}
/* karta punktu */
.kp{position:relative;background:var(--p-powierzchnia);border:1px solid rgba(30,43,44,.07);border-radius:var(--r2);box-shadow:var(--cien-1);overflow:hidden;display:grid}
.kp-foto{position:relative;margin:0;aspect-ratio:16/9;background:var(--p-tlo-2);overflow:hidden}
.kp-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) sepia(.05)}
/* podpis zdjęcia: zawsze na kadrze, malutki i ledwo widoczny (Przemek 31.10), bez tła; pełny tekst w title */
.kp-foto figcaption{position:absolute;right:9px;bottom:6px;max-width:calc(100% - 18px);color:rgba(248,242,233,.72);font:400 9px/14px var(--f-mono);letter-spacing:.01em;text-shadow:0 0 2px rgba(16,26,26,.75),0 0 7px rgba(16,26,26,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--d1) ease}
.kp-foto figcaption a{display:block;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.kp-foto figcaption:hover{color:rgba(248,242,233,.95)}
.kp-foto .pora-z{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:var(--r-pig);background:var(--p-szklo-2);font:400 var(--t-12)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-tekst)}
.kp-in{padding:var(--s4);display:grid;gap:var(--s3);min-width:0;align-content:start}
.kp-czas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kp-czas time{font-size:var(--t-16);color:var(--p-akcent-pory)}
.kp-czas .kicker{font-size:12px}
.kp h3{font-size:var(--t-h3);font-weight:700;line-height:1.12;letter-spacing:-.03em}
.kp h3 small{display:block;margin-top:4px;font-size:var(--t-14);font-weight:400;letter-spacing:0;color:var(--p-tekst-2)}
.dlaczego{display:grid;gap:2px;padding:10px 14px 11px;border-radius:var(--r1);background:var(--p-powierzchnia-2);position:relative}
.dlaczego .kicker{display:flex;align-items:center;gap:8px;font-size:12px}
.dlaczego .kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--p-zloto);box-shadow:0 0 0 3px rgba(217,162,80,.22)}
.dlaczego p{font-size:var(--t-16);line-height:1.4}
.dlaczego.droga{background:transparent;border:1px dashed var(--p-linia-2)}
.dlaczego.droga .kicker::before{background:var(--p-linia-2);box-shadow:none}
.fakty{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;font-size:var(--t-12);color:var(--p-tekst-2)}
.fakty div{display:flex;align-items:baseline;gap:6px}
.fakty dt{font-weight:400}
.fakty dd{margin:0;font:400 var(--t-15) var(--f-mono);color:var(--p-tekst)}
.kp-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kp-akcje .stat{margin-left:auto}
.kp.bez{grid-template-columns:minmax(0,1fr);align-items:start}
.kp.bez .kp-glif{position:absolute;top:var(--s4);right:var(--s4);width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#F2A273}
.kp.bez .kp-czas,.kp.bez h3{padding-right:3.25rem}
.kp.bez .kp-glif .ik{width:20px;height:20px;stroke:var(--p-glif)}
.kp.zachod{box-shadow:0 0 0 1.5px rgba(217,162,80,.55),var(--cien-1)}
.partner{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-12);color:var(--p-tekst-2)}
.opinia{display:grid;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--p-tlo);border:1px solid var(--p-linia)}
.opinia p{font-size:var(--t-14)}
.opinia b{font-weight:600}
.rzad{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* prawa kolumna planu (1440): mapa, przygotowanie pobytu, e-mail */
.bok-plan{display:grid;gap:var(--s4);align-content:start;margin-top:var(--s5)}
.blok{padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--p-powierzchnia);border:1px solid rgba(30,43,44,.07);box-shadow:var(--cien-1);display:grid;gap:var(--s3)}
.blok h3{font-size:var(--t-17);font-weight:700;letter-spacing:-.015em}
.blok p{font-size:var(--t-14);color:var(--p-tekst-2)}
.wiersz-cta{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) 0;border-top:1px solid var(--p-linia)}
.wiersz-cta .ik{width:20px;height:20px;color:var(--p-tekst-2)}
.wiersz-cta div{flex:1;min-width:9rem}
.wiersz-cta b{display:block;font-weight:600;font-size:var(--t-16)}
.wiersz-cta small{font-size:var(--t-12);color:var(--p-tekst-2)}
.uwagi-planu{display:grid;gap:8px;margin-top:var(--s5)}
.pasek-akcji{position:sticky;bottom:0;z-index:6;display:flex;gap:8px;align-items:center;margin:0 calc(-1 * var(--rynna));padding:10px var(--rynna) calc(10px + env(safe-area-inset-bottom));background:var(--p-szklo-2);backdrop-filter:var(--szklo);-webkit-backdrop-filter:var(--szklo);border-top:1px solid var(--p-linia);box-shadow:0 -10px 24px -18px rgba(70,45,20,.4)}
.pasek-akcji .btn:last-child{flex:1}
.pasek-akcji{transition:transform .25s ease,visibility 0s}
.pasek-akcji.ukryty{transform:translateY(calc(100% + 2px));pointer-events:none;visibility:hidden;transition:transform .25s ease,visibility 0s .25s}   /* przy czytaniu w dół i gdy widać przyciski u góry: nie zasłania treści, np. „Dlaczego razem” */
@media (prefers-reduced-motion:reduce){.pasek-akcji{transition:none}}
/* arkusze: dolny na telefonie, okno przy prawej krawędzi na 1440 */
dialog.arkusz{border:0;padding:0;margin:auto 0 0;width:100%;max-width:none;max-height:min(88dvh,100%);background:var(--p-tlo) var(--ziarno);color:var(--p-tekst);border-radius:var(--r3) var(--r3) 0 0;box-shadow:0 -18px 38px -16px rgba(70,45,20,.4);overflow:auto;overscroll-behavior:contain}
dialog.arkusz::backdrop{background:rgba(16,26,26,.42)}
dialog.arkusz[open]{animation:wjazd var(--d3) var(--e-wejscie)}
@keyframes wjazd{from{transform:translateY(24px);opacity:0}}
.ark{display:grid;gap:var(--s4);padding:10px var(--s4) calc(var(--s5) + env(safe-area-inset-bottom))}
.ark::before{content:"";justify-self:center;width:40px;height:5px;border-radius:3px;background:var(--p-linia-2)}
.ark-g{display:flex;align-items:flex-start;gap:var(--s3)}
.ark-g h2{font-size:var(--t-20);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.ark-g p{font-size:var(--t-14);color:var(--p-tekst-2);margin-top:2px}
.ark-g .btn{margin-left:auto;flex:none}
.alt{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.alt li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--s3);padding:var(--s3);border-radius:var(--r2);background:var(--p-powierzchnia);box-shadow:var(--cien-1);align-items:start}
.alt img,.alt .bez-foto{width:5.5rem;height:4.4rem;border-radius:10px;object-fit:cover;background:var(--p-tlo-2)}
.alt .bez-foto{display:grid;place-items:center;background:#F2A273}
.alt .bez-foto .ik{width:22px;height:22px;stroke:var(--p-glif)}
.alt .tg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.alt .tg .tag.kompr{background:var(--st-zgodne-t);color:var(--st-zgodne)}
.alt .tg .tag.dach{background:#E6E2F0;color:#3E3466}
.alt .tg .tag.blizej{background:var(--st-jedno-t);color:var(--st-jedno)}
.alt b{display:block;font-size:var(--t-17);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:6px 0 2px}
.alt p{font-size:var(--t-14);color:var(--p-tekst-2)}
.alt .delta{font-size:var(--t-14);color:var(--p-tekst)}
.alt .btn{grid-column:1/-1}
.link-planu{display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;min-height:var(--cel-2);border-radius:var(--r1);border:1px solid var(--p-linia-2);background:var(--p-powierzchnia);font:400 var(--t-14) var(--f-mono);overflow:hidden}
.link-planu span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dwa{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toast{position:fixed;left:50%;bottom:calc(var(--s5) + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:var(--s3);width:max-content;max-width:calc(100% - 2*var(--rynna));padding:10px 10px 10px 16px;border-radius:var(--r-pig);background:var(--p-tekst);color:var(--p-tlo);font-size:var(--t-14);box-shadow:var(--cien-2);transform:translateX(-50%);animation:wjazd-t var(--d3) var(--e-wejscie)}
.toast.nad-paskiem{bottom:calc(5.25rem + env(safe-area-inset-bottom))}
@keyframes wjazd-t{from{transform:translate(-50%,16px);opacity:0}}
.toast .ik{color:#9FD9C8}
.toast button{margin-left:auto;min-height:var(--cel);padding:0 14px;border:0;border-radius:var(--r-pig);background:rgba(248,242,233,.12);color:var(--p-tlo);font-weight:600;cursor:pointer}

/* ---------- 04 moje plany ---------- */
.moje{display:grid;gap:var(--s4);padding:var(--s5) 0 var(--s6)}
.moje-g{display:grid;gap:var(--s3)}
.moje-g h1{font-size:var(--t-h1s);letter-spacing:-.04em;line-height:1}
.moje-g p{color:var(--p-tekst-2);font-size:var(--t-16);max-width:52ch}
.plany{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
.kpl{display:grid;grid-template-rows:auto 1fr;background:var(--p-powierzchnia);border:1px solid rgba(30,43,44,.07);border-radius:var(--r2);box-shadow:var(--cien-1);overflow:hidden}
.kpl-m{position:relative;background:var(--pole) var(--ziarno);padding:var(--s3) var(--s4);aspect-ratio:16/8}
.kpl-m svg{width:100%;height:100%;display:block;overflow:hidden}
.kpl-m .tag{position:absolute;left:12px;top:12px;background:var(--p-szklo-2)}
.kpl-in{padding:var(--s4);display:grid;gap:var(--s2);align-content:start}
.kpl h2{font-size:var(--t-20);letter-spacing:-.025em;line-height:1.15}
.kpl .meta{font-size:var(--t-14);color:var(--p-tekst-2)}
.kpl .meta time{color:var(--p-tekst)}
.kpl .przyst{font-size:var(--t-14);color:var(--p-tekst);margin:2px 0 var(--s2)}
.kpl .kp-akcje{margin-top:auto}
.kpl-pusty{display:grid;justify-items:center;text-align:center;padding:var(--s6) var(--s5);border:1.5px dashed var(--p-linia-2);border-radius:var(--r2);gap:var(--s3)}
.kpl-pusty .ik{width:28px;height:28px;color:var(--p-tekst-2)}
.kpl-pusty b{font-size:var(--t-17);font-weight:700}
.kpl-pusty p{font-size:var(--t-14);color:var(--p-tekst-2)}

/* ---------- 05 wersja pełna ---------- */
.wp{position:relative;display:grid;gap:var(--s5);padding:var(--s6) var(--s5);border-radius:var(--r3);background:var(--pole) var(--ziarno);color:var(--na-polu);overflow:hidden;margin:var(--s5) 0 0}
.wp .kicker{display:flex;align-items:center;gap:10px;color:var(--na-polu)}
.wp .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--akcent-polu);box-shadow:0 0 0 4px rgba(217,162,80,.22)}
.wp h2{font-size:var(--t-h2);letter-spacing:-.035em;line-height:1.04;margin-top:var(--s3)}
.wp h2 span{display:block;color:#F3DDBE}
.wp>div>p{color:var(--na-polu-2);margin-top:var(--s4);font-size:var(--t-16);max-width:44ch}
.zamk-dni{list-style:none;margin:var(--s5) 0 0;padding:0;border-top:1px solid var(--linia-polu)}
.zamk-dni li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linia-polu);font-size:var(--t-15)}
.zamk-dni time{font-size:var(--t-14);color:var(--akcent-polu)}
.zamk-dni small{grid-column:2/-1;color:var(--na-polu-2);font-size:var(--t-14)}
.zamk-dni .ik{color:var(--na-polu-2)}
.zalety{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.zalety li{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-16)}
.zalety .ik{width:20px;height:20px;color:var(--akcent-polu);margin-top:2px}
.cena{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-top:var(--s4);border-top:1px solid var(--linia-polu);margin:0}
.wp .cena{color:var(--na-polu);margin:0}
.cena b{font-size:var(--t-17);font-weight:600}
.cena .mono{color:var(--akcent-polu);font-size:var(--t-14)}
.wp .btn{width:100%}
.wp .drobne{font-size:var(--t-14);color:var(--na-polu-2)}
.wp :focus-visible{outline-color:var(--akcent-polu)}
.wp-prawa{display:grid;gap:var(--s5);align-content:start}

/* ---------- druk (tylko w druku) ---------- */
.druk-glowa,.druk-stopka{display:none}

/* ---------- 1440: układy szerokie ---------- */
@media (min-width:900px){
  .menu-p{display:flex}
  .pig .tylko-szer{display:inline}
  .pyt{display:grid;grid-template-columns:minmax(0,38.2fr) minmax(0,61.8fr);gap:var(--s6);align-items:start;padding:var(--s6) 0 var(--s7)}
  .pyt-glowa{padding:var(--s6) 0 0;position:sticky;top:var(--s5)}
  .formularz{margin:0;padding:var(--s6);border-radius:var(--r3);background:var(--p-tlo) var(--ziarno);box-shadow:var(--cien-2);grid-template-columns:1fr 1fr;column-gap:var(--s6)}
  .formularz .szer{grid-column:1/-1}
  .start{position:static;margin:0;padding:0;background:none;justify-items:start;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:var(--s4)}
  .start p{text-align:left}
  .lad{grid-template-columns:minmax(0,61.8fr) minmax(0,38.2fr);gap:var(--s6);align-items:center;padding:var(--s6) 0}
  .lad-tekst{display:grid;gap:var(--s5)}
  .plan-glowa{grid-template-columns:1fr auto;align-items:end;padding:var(--s6) 0 var(--s5)}
  .akcje-plan{display:flex}
  .pasek-akcji{display:none}
  .toast.nad-paskiem{bottom:calc(var(--s5) + env(safe-area-inset-bottom))}
  .os{margin:0;padding-inline:2px;overflow:visible;flex-wrap:nowrap}
  .dz{flex:1 1 0;min-width:0}
  .uklad-plan{grid-template-columns:minmax(0,61.8fr) minmax(0,38.2fr);gap:var(--s6);align-items:start;padding-top:var(--s5)}
  .bok-plan{position:sticky;top:var(--s5);margin-top:0}
  .wejscie3d{grid-template-columns:1fr;padding:var(--s5)}
  .wejscie3d.mobilne{display:none}
  .wejscie3d.szerokie{display:grid}
  .wejscie3d .mini{order:-1}
  .os-dnia::before{left:calc(5.5rem + 13px)}
  .os-dnia>li{padding-left:calc(5.5rem + 2.5rem)}
  .wezel{left:5.5rem}
  .kp-czas-bok{position:absolute;left:0;top:14px;width:4.75rem;text-align:right;display:grid;gap:2px}
  .kp-czas-bok time{font-size:var(--t-16);color:var(--p-akcent-pory)}
  .kp-czas-bok span{font:400 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-tekst-2)}
  .kp-czas{display:none}
  .kp:has(.kp-foto){grid-template-columns:38.2% minmax(0,1fr)}
  .kp.bez{grid-template-columns:auto minmax(0,1fr)}
  .kp.bez .kp-glif{position:static;margin:var(--s4) 0 0 var(--s4)}
  .kp.bez .kp-czas,.kp.bez h3{padding-right:0}
  .kp-foto{aspect-ratio:auto;min-height:100%}
  .kp-foto .pora-z{display:none}
  dialog.arkusz{margin:auto var(--s6) auto auto;width:min(30rem,calc(100% - 2*var(--s6)));border-radius:var(--r3);box-shadow:var(--cien-2)}
  .ark{padding:var(--s5)}
  .ark::before{display:none}
  .moje{padding:var(--s6) 0 var(--s7)}
  .moje-g{grid-template-columns:1fr auto;align-items:end}
  .wp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);padding:var(--s7)}
  .wp .btn{width:auto}
}
@media (max-width:899px){.kp-czas-bok{display:none}}
@media (max-width:420px){.wybory.auto-w{grid-template-columns:1fr}.dwa{grid-template-columns:1fr}}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}.kp:hover{box-shadow:var(--cien-2)}.dz:hover{border-color:var(--p-linia-2)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reg-k,.reg-t{opacity:1!important}}

/* druk: sam plan, A4, bez belki, pasków, map i arkuszy; wszystkie dni jeden pod drugim */
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff!important;font-size:10.5pt;color:#1E2B2C}
  body{background-image:none!important}
  .pomin,.belka,.pasek-akcji,.akcje-plan,.os,.seg.warianty,.wejscie3d,.bok-plan,.wp,.tylko-odczyt,.toast,dialog,.kp-akcje,.opinia,.plan-meta a,.kp-foto,.kp .kicker,.uwagi-planu .ik,noscript{display:none!important}
  /* dni jeden pod drugim: dzień nie rwie się na pół, gdy mieści się na stronie; sam „Powrót do noclegu” nie ląduje na osobnej stronie */
  .dzien[hidden]{display:block!important}
  .dzien+.dzien{break-before:auto;margin-top:10mm}
  .os-dnia>li:nth-last-child(-n+2){break-before:avoid}
  .dzien-glowa{break-after:avoid}
  .os-dnia>li:nth-child(-n+2){break-after:avoid}
  .przerwa-in{border:1px solid #ccc;break-inside:avoid;font-size:9pt}
  .przerwa-in,.taxi,.kp-adres{color:#1E2B2C}
  .kp-adres{font-size:9pt}
  .druk-glowa{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1.5px solid #1E2B2C;padding-bottom:6px;margin-bottom:10px;font-weight:700}
  .druk-glowa span{font:400 9pt var(--f-mono);font-weight:400}
  .druk-stopka{display:block;margin-top:12px;padding-top:6px;border-top:1.5px solid #1E2B2C;font:400 8pt var(--f-mono);overflow-wrap:anywhere}
  .plan-glowa{display:block;padding:0 0 8px}
  .plan-glowa h1{font-size:20pt}
  .uklad-plan{display:block;padding:0}
  .dzien-glowa h2{font-size:15pt}
  .os-dnia::before{display:none}
  .os-dnia>li{padding-left:0;break-inside:avoid}
  .wezel{display:none}
  .kp,.blok{box-shadow:none;border:1px solid #ccc;break-inside:avoid;display:block!important}
  .kp-in{padding:8px 10px;gap:4px}
  .kp-czas{display:flex!important}
  .kp h3{font-size:12pt}
  .kp-czas-bok{display:none!important}
  .kp.bez .kp-glif{display:none}
  .kp.bez .kp-czas,.kp.bez h3{padding-right:0}
  .dlaczego,.dlaczego.droga{background:none;padding:0;border:0}
  .dlaczego p{font-size:9.5pt}
  .etap,.przejazd,.wolne-c{font-size:9pt}
  .uwaga{background:none;padding:2px 0;font-size:9pt}
}