/* ==========================================================================
   pages/przystan.css: bloki wyłącznie strony Przystań (prefiks .przystan-*)
   Tylko tokeny z base.css, bez wartości hex.
   ========================================================================== */

/* 1. Hero split: na mobile zdjęcie nad tekstem, niższy kadr, żeby CTA mieściło się w pierwszym ekranie */
@media (max-width:1023px){
  .przystan-hero .hero__grid{gap:var(--s-5)}
  .przystan-hero .hero__media{order:-1;aspect-ratio:5/4;width:calc(100% + 2 * var(--gutter));margin-inline:calc(var(--gutter) * -1)}
  .przystan-hero .hero__content{padding-bottom:var(--s-7)}
}
@media (min-width:1024px){
  .przystan-hero .hero__grid{min-height:min(80svh, 780px)}
  .przystan-hero .hero__content{grid-column:1 / span 6;padding-right:var(--s-6)}
  .przystan-hero .hero__media{aspect-ratio:auto;align-self:stretch;min-height:540px;margin-block:var(--s-7)}
  .przystan-hero .hero__title{font-size:clamp(2.75rem, 1rem + 3.2vw, 4.25rem);max-width:13ch}
}
.przystan-hero .hero__actions .btn .i{width:18px;height:18px}
/* base.css daje picture max-width:100%, co blokuje wyjście kadru pod krawędź okna (ujemny margines) */
.przystan-hero .hero__media{max-width:none}

/* 2. W skrócie */
.przystan-brief{padding-top:calc(var(--section) * .75)}
.przystan-brief__grid{display:grid;gap:var(--s-6)}
.przystan-brief__summary{max-width:68ch}
.przystan-brief__summary a{white-space:nowrap}
.przystan-brief__facts{margin-top:var(--s-9)}
.przystan-brief__facts .fact__num{font-size:clamp(3.5rem, 2rem + 6vw, 7rem)}

/* 3. Split sticky + mozaika zdjęć z parallaxem */
.przystan-intro__grid{display:grid;gap:var(--s-8) var(--gap)}
.przystan-intro__body{display:grid;gap:var(--s-5);justify-items:start;align-content:start}
.przystan-intro__list{margin:var(--s-3) 0;width:100%}
.przystan-intro__list li{color:var(--ink)}
.przystan-intro__body .cluster{margin-top:var(--s-3)}
.przystan-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);align-items:start}
.przystan-mosaic__col{display:grid;gap:var(--s-6);align-content:start}
.przystan-mosaic__col--b{margin-top:var(--s-8)}
.przystan-mosaic .frame__caption{margin-top:var(--s-2)}
@media (min-width:1024px){
  .przystan-intro__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
  .przystan-intro__body{grid-column:1 / span 5;position:sticky;top:calc(var(--header-h) + 52px + var(--s-5))}
  .przystan-intro__media{grid-column:7 / -1}
  .przystan-mosaic{gap:var(--gap)}
  .przystan-mosaic__col{gap:var(--s-8)}
  .przystan-mosaic__col--b{margin-top:var(--s-11)}
}

/* 4. Wypożyczalnia: pigułki, przełącznik kolumn, tabela */
/* Adnotacja o sezonie cennika (do czasu potwierdzenia cen 2026) */
.przystan-season{display:flex;align-items:flex-start;gap:var(--s-2);margin:0;font-size:var(--t-small);font-weight:500;line-height:1.5;color:var(--ink-2);max-width:60ch}
.przystan-season .i{flex:none;width:16px;height:16px;margin-top:.15em}
.przystan-school .przystan-season{color:var(--on-night-2)}
.przystan-school .przystan-season .link{color:inherit}
.przystan-sail .przystan-season,.przystan-courses .przystan-season{margin-top:var(--s-1)}
.przystan-cols{display:grid;gap:var(--s-5)}
.przystan-switch{justify-self:start}
@media (min-width:768px){ .przystan-switch{display:none !important} }
@media (max-width:767px){ .przystan-cols.is-switch .is-off{display:none} }
.przystan-table{min-width:100%}
.przystan-table tbody tr{background:var(--paper)}
.przystan-table tbody tr:nth-child(even){background:var(--mist)}
.przystan-table.ptable--wide th:first-child,.przystan-table.ptable--wide td:first-child{background:inherit}
.przystan-table thead th{background:var(--paper)}
.przystan-table tbody th{font-weight:600;min-width:10.5rem}
.przystan-table td{color:var(--ink-2)}
.przystan-table td strong{color:var(--ink)}
.przystan-table__hint{display:block;margin-top:2px;font-size:var(--t-small);font-weight:500;color:var(--ink-3);max-width:28ch;white-space:normal}
.przystan-table__per{display:block;margin-top:4px;font-size:var(--t-small);font-weight:500;color:var(--ink-3)}
.przystan-table__text{white-space:normal !important;font-size:var(--t-small);max-width:14ch;margin-left:auto}
.przystan-table__text .t-num{font-size:1.125rem !important}
@media (hover:hover) and (pointer:fine){
  .przystan-table tbody tr{transition:background-color var(--d-micro) var(--ease-ui)}
  .przystan-table tbody tr:hover{background:var(--foam)}
}
@media (max-width:767px){
  .przystan-table th,.przystan-table td{padding:12px 12px}
  .przystan-table tbody th{min-width:0}
}
.przystan-foot{display:grid;gap:var(--s-2);list-style:none;margin:var(--s-5) 0 0;padding:0;color:var(--ink-3);font-size:var(--t-small);font-weight:500}
.przystan-foot li{max-width:80ch;padding-left:var(--s-4);position:relative}
.przystan-foot li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:currentColor}
.przystan-foot sup{font-size:.85em;line-height:0}
.przystan-rent__cta{margin-top:var(--s-7)}

/* 5. Szkoła windsurfingu na --lake */
.przystan-school{padding-bottom:var(--section)}
.przystan-school .section__head .t-lead{max-width:52ch}
.przystan-school__paths{display:grid;gap:var(--s-7) var(--gap);margin-bottom:var(--s-9)}
.przystan-path{display:grid;gap:var(--s-3);align-content:start;padding-top:var(--s-5);border-top:1px solid var(--line-dark)}
.przystan-path h3{color:var(--on-night)}
.przystan-path p{max-width:40ch}
.przystan-path--included{border-top-color:var(--accent-on-night)}
.przystan-path .included{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
.przystan-path .included li{color:var(--on-night)}
@media (min-width:768px){ .przystan-school__paths{grid-template-columns:repeat(2,minmax(0,1fr))} .przystan-path--included{grid-column:1 / -1} }
@media (min-width:1024px){ .przystan-school__paths{grid-template-columns:4fr 4fr 5fr} .przystan-path--included{grid-column:auto} }
.przystan-school__sub{color:var(--on-night);margin-bottom:var(--s-6);max-width:30ch}
.przystan-school__packages{display:grid;gap:var(--s-6);margin:var(--s-7) 0 var(--s-10);padding-top:var(--s-6);border-top:1px solid var(--line-dark)}
.przystan-school__packages .t-h4{color:var(--on-night);margin-bottom:var(--s-2)}
@media (min-width:1024px){ .przystan-school__packages{grid-template-columns:7fr 5fr;align-items:end;gap:var(--gap)} .przystan-school__cta{justify-content:flex-end} }
.przystan-foot--dark{color:var(--on-night-2)}
.przystan-school .przystan-table{background:transparent}
.przystan-school .przystan-table tbody tr{background:var(--lake)}
.przystan-school .przystan-table tbody tr:nth-child(even){background:var(--lake-2)}
.przystan-school .przystan-table thead th{background:var(--lake);color:var(--on-night-2);border-bottom-color:var(--line-dark)}
.przystan-school .przystan-table tbody + tbody{border-top-color:var(--line-dark)}
.przystan-school .przystan-table tbody th{color:var(--on-night)}
.przystan-school .przystan-table td{color:var(--on-night-2)}
.przystan-school .przystan-table td strong{color:var(--on-night)}
.przystan-school .przystan-table__per{color:var(--on-night-2)}
@media (hover:hover) and (pointer:fine){ .przystan-school .przystan-table tbody tr:hover{background:var(--night-2)} }
.przystan-school .przystan-switch{background:transparent;border-color:var(--line-dark)}
.przystan-school .ptable-wrap:focus-visible{outline-color:var(--accent-on-night)}

/* 6. Żeglarstwo */
.przystan-sail__rates{display:grid;gap:var(--s-6);width:100%;margin-top:var(--s-3)}
@media (min-width:480px){ .przystan-sail__rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)} }
.przystan-rates{display:grid;gap:var(--s-3);align-content:start}
.przystan-rates .t-h4{max-width:24ch}
.przystan-mini{background:transparent;border-top:1px solid var(--ink-3)}
.przystan-mini th,.przystan-mini td{padding:10px 0;border-bottom:1px solid var(--line)}
.przystan-mini tbody th{font-weight:500;color:var(--ink-2)}
.przystan-mini .przystan-table__per{display:inline;margin:0 0 0 .5em}
@media (min-width:1024px){
  .przystan-sail .split{align-items:start}
  .przystan-sail .split__body{grid-column:7 / -1;padding-left:var(--s-6)}
  .przystan-sail .split__media{grid-column:1 / span 6;position:sticky;top:calc(var(--header-h) + 52px + var(--s-5))}
  /* 3:2 = proporcje pliku (1280×854): bez cropu i bez powiększania przy sizes=50vw */
  .przystan-sail .split__media .frame{aspect-ratio:3/2}
}

/* 7. Kursy grupowe */
.przystan-courses__grid{display:grid;gap:var(--s-8) var(--gap)}
.przystan-courses__body{display:grid;gap:var(--s-5);align-content:start}
.przystan-courses__terms{margin-top:var(--s-3)}
.przystan-courses__terms li{color:var(--ink)}
.przystan-courses__offers{display:grid;gap:var(--gap)}
@media (min-width:480px){ .przystan-courses__offers{grid-template-columns:repeat(2,minmax(0,1fr))} }
.przystan-course{display:grid;gap:var(--s-3);align-content:start;padding:var(--s-6) var(--s-5) var(--s-5);background:var(--mist);border-top:2px solid var(--ink)}
.przystan-course .t-price{font-size:clamp(3rem, 2rem + 3.4vw, 5rem)}
.przystan-course__hours{font-size:1.5rem;color:var(--ink-2)}
.przystan-courses__included{display:grid;gap:var(--s-5);justify-items:start;margin-top:var(--s-9);padding-top:var(--s-6);border-top:1px solid var(--line)}
.przystan-courses__included .included{width:100%}
@media (min-width:1024px){
  .przystan-courses__grid{grid-template-columns:5fr 7fr;align-items:end}
  .przystan-courses__offers{padding-left:var(--s-6)}
  .przystan-courses__included .included{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 8. Przechowalnia */
.przystan-storage .section__head,.przystan-storage .section__head .t-h2{max-width:none}
.przystan-table--storage tbody th{min-width:0}

/* 9. Zasady + okolica */
.przystan-rules__grid{display:grid;gap:var(--s-7) var(--gap);align-items:start}
.przystan-rules__list{display:grid;gap:var(--s-5);align-content:start}
@media (min-width:1024px){
  .przystan-rules__grid{grid-template-columns:7fr 5fr}
  .przystan-rules__list{padding-left:var(--s-6)}
}
.przystan-steps{display:grid;gap:var(--s-5);list-style:none;margin:0;padding:0}
.przystan-steps li{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--s-4);align-items:start}
.przystan-steps .t-num{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--ink-3);border-radius:50%;font-size:1.125rem}
.przystan-steps p{color:var(--ink-2);padding-top:.35rem}
.przystan-around{display:grid;gap:var(--s-6);margin-top:var(--s-10)}
.przystan-around__list{display:grid;gap:var(--s-6) var(--gap);list-style:none;margin:0;padding:0}
@media (min-width:480px){ .przystan-around__list{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){ .przystan-around__list{grid-template-columns:repeat(4,minmax(0,1fr))} }
.przystan-around__list li{display:grid;gap:var(--s-2);align-content:start;padding-top:var(--s-5);border-top:1px solid var(--line)}
.przystan-around__list .i{margin-bottom:var(--s-2);color:var(--ink)}
.przystan-around__list p:not(.t-h4){color:var(--ink-2)}
.przystan-rules__note{margin-top:var(--s-3);background:var(--mist)}

/* 11. Zobacz też */
.przystan-more .tile__title{font-size:clamp(1.25rem, 1.05rem + .8vw, 1.75rem)}

/* Nagłówki w splitach: mniejsza skala, żeby H2 w pół kolumny miał 2-3 linie */
.przystan-intro .t-h2,.przystan-sail .t-h2,.przystan-courses .t-h2{font-size:clamp(2rem, 1.3rem + 2vw, 3.25rem)}