/* LOG OUT Adventures — /dla-szkol/ (wyjazdy szkolne, 14.10.2026). Generator: narzedzia/zbuduj-szkoly.mjs.
   Klasy ofs-* 1:1 z oferty dla klienta (strona/oferty-klientow/islandia-szkola-2027-01/zbuduj.mjs, STYL), reszta z site.css i b2b.css.
   Po zmianie podbij SZKOLY_CSS_V w generatorze (cache .css na serwerze: 1 miesiąc). */
.ofs-loty{display:grid;gap:12px;margin-top:32px}
@media(min-width:760px){.ofs-loty{grid-template-columns:1fr 1fr}}
.ofs-loty>div{padding:18px 20px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--lava);display:grid;gap:4px}
.ofs-loty dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-3)}
.ofs-loty dd{color:var(--snow);font-size:16px}
.ofs-loty small{color:var(--ash);font-size:13px}
.ofs-ceny{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ice);border:1px solid var(--ice);border-radius:var(--r-m);overflow:hidden}
@media(min-width:640px){.ofs-ceny{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.ofs-ceny{grid-template-columns:repeat(6,1fr)}}
.ofs-cena{background:#fff;padding:22px 20px;display:grid;gap:4px}
.ofs-os{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rock-2)}
.ofs-kw{font-family:var(--display);font-weight:320;font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.015em;color:var(--rock)}
.ofs-cena small{font-size:13px;color:var(--rock-2)}
.ofs-naj{background:#fbf3ea}
.ofs-naj .ofs-os{color:var(--ember-2)}
.ofs-opcje{display:grid;gap:16px}
@media(min-width:900px){.ofs-opcje{grid-template-columns:repeat(3,1fr)}}
/* „Do wyboru” (14.10.2026, właściciel: „popraw graficznie”): równe karty — ikona, tytuł, duża cena, opis */
.ofs-opcja{padding:24px 24px 26px;border:1px solid var(--ice);border-radius:var(--r-m);background:#fff;display:flex;flex-direction:column;gap:14px}
.ofs-opcja-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(200,132,58,.12);color:var(--ember-2)}
.ofs-opcja h4{font-family:var(--display);font-weight:400;font-size:clamp(21px,1.9vw,24px);line-height:1.2;color:var(--rock)}
.ofs-opcja-c{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--ice)}
.ofs-opcja-c b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,32px);line-height:1;letter-spacing:-.01em;color:var(--ember-2)}
.ofs-opcja-c small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rock-2)}
.ofs-opcja p{font-size:15px;line-height:1.55;color:var(--rock-2)}
.ofs-kontakt-uklad{display:grid;gap:36px}
@media(min-width:900px){.ofs-kontakt-uklad{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start}}
.ofs-kontakt h2{margin-top:18px}
.ofs-kontakt h2 em{color:var(--ember-3)}
.ofs-karta{display:grid;gap:12px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-m);background:var(--lava);border:1px solid var(--line-2)}
.ofs-karta-h{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.ofs-tel{font-family:var(--display);font-size:clamp(26px,2.6vw,32px);color:var(--snow)}
.ofs-mail{color:var(--ash);text-decoration:underline;text-decoration-color:rgba(237,239,240,.3);text-underline-offset:3px}
.ofs-tel:hover,.ofs-mail:hover{color:var(--ember-3)}
.ofs-wyloguj{margin-top:6px;font-size:13px}
.ofs-wyloguj a{color:var(--ash);text-decoration:underline;text-underline-offset:3px}
.ofs-lekcje{list-style:none;display:grid;gap:16px}
@media(min-width:640px){.ofs-lekcje{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ofs-lekcje{grid-template-columns:repeat(4,1fr)}}   /* 8 kart: 2 albo 4 w rzędzie, bez dziur */
.ofs-lekcje li{border:1px solid var(--ice);border-radius:var(--r-m);background:#fff;overflow:hidden;display:flex;flex-direction:column}
.ofs-lekcja-ph{aspect-ratio:3/2;overflow:hidden;background:var(--snow-2)}
.ofs-lekcja-ph img{width:100%;height:100%;object-fit:cover}
.ofs-lekcja-t{padding:20px 22px 24px;display:grid;gap:8px;align-content:start}
.ofs-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2)}
.ofs-lekcje h3{font-size:clamp(20px,1.8vw,23px)}
.ofs-lekcje li p:not(.ofs-tag){font-size:15px;line-height:1.55;color:var(--rock-2)}
.ofs-bezp-lista li{color:var(--ash);border-color:var(--line-2);font-size:16px}
.ofs-bezp-lista li::before{background:var(--ember-3)}
#bezpieczenstwo h2 em{color:var(--ember-3)}
.ofs-kacper{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.ofs-kacper{grid-template-columns:1fr 1fr;gap:64px;align-items:start}.ofs-kacper-ph{position:sticky;top:120px}}   /* zdjęcie jedzie razem z przewijaniem, póki obok jest tekst (14.10.2026) */
.ofs-kacper-ph{border-radius:var(--r-m);overflow:hidden;aspect-ratio:16/9}
.ofs-kacper-ph img{width:100%;height:100%;object-fit:cover}
.ofs-kacper h2 em{color:var(--ember-3)}
.ofs-kacper-fakty{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.ofs-kacper-fakty>div{padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--lava);display:grid;gap:4px}
.ofs-kacper-fakty dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-3)}
.ofs-kacper-fakty dd{color:var(--snow);font-size:14.5px}
.ofs-kacper-fakty>div:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:520px){.ofs-kacper-fakty{grid-template-columns:1fr}}
.ofs-ig{color:var(--ember-3);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#sz-kto .ti-fakty dd{font-size:clamp(19px,2vw,22px)}
@media(min-width:900px){#sz-kto .ti-fakty{grid-template-columns:repeat(3,1fr)}}   /* 3 pozycje w jednym rzędzie */

/* tylko podstrona: cena „od” w jednym kafelku */
.sz-cena{display:grid;gap:6px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-m);border:1px solid rgba(200,132,58,.35);background:#fbf3ea;max-width:520px}
.sz-cena .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2)}
.sz-cena .v{font-family:var(--display);font-weight:320;font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-.015em;color:var(--rock)}
.sz-cena small{font-size:14px;color:var(--rock-2)}

/* hero (14.10.2026, właściciel: „gradient tak, żeby zdjęcie było dobrze widoczne i tekst też”): u góry prawie bez przyciemnienia,
   ciemno tylko w dolnej części pod tekstem, na komputerze dodatkowo z lewej strony, gdzie stoi tekst. Zastępuje mocny gradient .b2b-hero */
.hero.sz-hero::after{background:
  linear-gradient(180deg,rgba(14,17,20,.45) 0,rgba(14,17,20,0) 120px),
  linear-gradient(180deg,rgba(14,17,20,0) 30%,rgba(14,17,20,.35) 52%,rgba(14,17,20,.78) 74%,rgba(14,17,20,.94) 90%,var(--basalt) 100%)}
@media(min-width:900px){.hero.sz-hero::after{background:
  linear-gradient(180deg,rgba(14,17,20,.45) 0,rgba(14,17,20,0) 140px),
  linear-gradient(90deg,rgba(14,17,20,.72) 0%,rgba(14,17,20,.38) 40%,rgba(14,17,20,0) 68%),
  linear-gradient(180deg,rgba(14,17,20,0) 45%,rgba(14,17,20,.55) 82%,var(--basalt) 100%)}}
.sz-hero h1,.sz-hero .eyebrow{text-shadow:0 2px 24px rgba(14,17,20,.55)}
.sz-hero .b2b-pod{text-shadow:0 1px 16px rgba(14,17,20,.75)}
.sz-hero .hit span{text-shadow:0 1px 12px rgba(14,17,20,.7)}

/* dopisek: oferta zimowa do końca kwietnia, lato na zapytanie (14.10.2026) */
.sz-sezon{margin-top:20px;max-width:520px;padding:14px 18px;border-radius:var(--r-s);border:1px solid var(--ice);background:#fff;font-size:15px;line-height:1.5;color:var(--rock-2)}
.sz-sezon b{color:var(--rock);font-weight:600}
.sz-sezon a{color:var(--ember-2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* zastrzeżenie prawne pod ceną (art. 66 i 71 k.c., 14.10.2026) */
.sz-sezon+.sz-sezon{margin-top:10px}
.sz-prawne{margin-top:40px;max-width:80ch;font-size:13px;line-height:1.55;color:var(--rock-2)}

/* ikona Instagrama Kacpra zamiast linku tekstowego (14.10.2026) */
.ofs-ig-rzad{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.ofs-ig-ikona{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(237,239,240,.25);border-radius:50%;color:var(--snow);transition:border-color var(--dur),color var(--dur)}
.ofs-ig-ikona svg{width:20px;height:20px}
.ofs-ig-ikona:hover{border-color:var(--ember-3);color:var(--ember-3)}

/* zakwaterowanie: jedna para nazwa–wartość w wierszu (w szablonie strony dwie pary obok siebie, długie wartości nachodziły na nazwy — właściciel 14.10.2026) */
#noclegi .cabin dl{grid-template-columns:auto minmax(0,1fr)!important;column-gap:24px;row-gap:0}
#noclegi .cabin dt,#noclegi .cabin dd{padding:9px 0;border-bottom:1px solid var(--line)}
#noclegi .cabin dt:last-of-type,#noclegi .cabin dd:last-of-type{border-bottom:0}
#noclegi .cabin dd{text-align:right}

/* „Ile kosztuje wyjazd” na komputerze: cena po lewej, notki po prawej, obie kolumny tej samej wysokości (14.10.2026) */
.sz-cena-uklad{display:grid;gap:16px}
.sz-notki{display:grid;gap:12px;align-content:start}
.sz-notki .sz-sezon{margin-top:0;max-width:none}
@media(min-width:900px){
  .sz-cena-uklad{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
  .sz-cena-uklad .sz-cena{max-width:none;align-content:center}
  .sz-notki{grid-template-rows:1fr 1fr;align-content:stretch}
  .sz-notki .sz-sezon{padding:18px 22px}
}

/* płatność (14.10.2026, właściciel: „popraw graficznie płatność”): dwa ponumerowane kroki + karta „Jak zapłacić” z metodami */
.ofs-platnosc{display:grid;gap:16px}
@media(min-width:900px){.ofs-platnosc{grid-template-columns:1fr 1fr 1.25fr}}
.ofs-krok{position:relative;padding:24px;border:1px solid var(--ice);border-radius:var(--r-m);background:#fff;display:grid;gap:6px;align-content:start}
.ofs-krok-nr{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ember-2);color:#fff;font:600 14px/1 var(--body);margin-bottom:8px}
.ofs-krok .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rock-2)}
.ofs-krok .v{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.6vw,34px);line-height:1.05;letter-spacing:-.01em;color:var(--rock)}
.ofs-krok small{font-size:14px;line-height:1.45;color:var(--rock-2)}
.ofs-metody{padding:24px;border-radius:var(--r-m);background:#fbf3ea;border:1px solid rgba(200,132,58,.3);display:grid;gap:12px;align-content:start}
.ofs-metody .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2)}
.ofs-metody ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ofs-metody li{padding:7px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid rgba(200,132,58,.3);font-size:14px;font-weight:500;color:var(--rock)}
.ofs-metody p{font-size:14.5px;line-height:1.5;color:var(--rock-2)}