/* LOG OUT Adventures — podstrony /dla-firm/ i /dla-biur-podrozy/ (12.10.2026). Generator: narzedzia/zbuduj-b2b.mjs.
   Tylko klasy b2b-*, reszta z site.css. Po zmianie podbij B2B_CSS_V w generatorze (cache .css na serwerze: 1 miesiąc). */

/* hero: jak „O firmie”, ale niższe, żeby od razu było widać, że pod spodem jest treść */
.hero.b2b-hero{min-height:84vh;min-height:84svh}
.b2b-hero .wrap{position:relative;z-index:2;width:100%}
.b2b-hero h1{max-width:16ch;margin-top:20px}
.b2b-hero h1.dwie{max-width:none}   /* tytuł z <br>: dwie linijki na komputerze, bez łamania po 16 znakach */
.b2b-hero .b2b-pod{margin-top:22px;max-width:46ch;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--snow);text-shadow:0 1px 14px rgba(14,17,20,.6)}
.b2b-hero .actions{margin-top:32px}
.hero.b2b-hero .ph img{object-position:50% center}
/* jasne zdjęcia (lód, wodospad): mocniejsze przyciemnienie niż w „O firmie”, żeby biały tekst i pomarańczowa kursywa były czytelne */
.hero.b2b-hero::after{background:linear-gradient(180deg,rgba(14,17,20,.6) 0%,rgba(14,17,20,.45) 30%,rgba(14,17,20,.72) 60%,rgba(14,17,20,.9) 82%,var(--basalt) 100%)}
.b2b-hero .eyebrow{color:var(--snow)}
.b2b-hero h1 em{color:var(--ember-3)}

/* wstęp sekcji: nagłówek + krótki akapit */
.b2b-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,56px);max-width:62ch}
.b2b-head h2{margin:0}
.b2b-head p:not(.eyebrow){font-size:clamp(16px,1.3vw,18px);line-height:1.55}
.light .b2b-head p:not(.eyebrow){color:var(--rock-2)}
.dark .b2b-head p:not(.eyebrow){color:var(--ash)}

/* karty: 1 kolumna na telefonie, 2 na tablecie, 3–4 na komputerze */
.b2b-karty{list-style:none;display:grid;gap:16px}
@media(min-width:640px){.b2b-karty{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.b2b-karty.k3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.b2b-karty.k4{grid-template-columns:repeat(4,1fr)}}
.b2b-karta{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,30px);border-radius:var(--r-m);border:1px solid var(--ice);background:#fff}
.dark .b2b-karta{border-color:var(--line-2);background:var(--lava)}
.b2b-karta h3{font-size:clamp(21px,1.9vw,25px)}
.b2b-karta p{font-size:15px;line-height:1.55;color:var(--rock-2)}
.dark .b2b-karta p{color:var(--ash)}
.b2b-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(200,132,58,.12);color:var(--ember-2)}
.dark .b2b-ico{color:var(--ember-3);background:rgba(200,132,58,.14)}
.b2b-karta .b2b-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2)}
.dark .b2b-karta .b2b-tag{color:var(--ember-3)}
.b2b-karta .list{margin-top:auto}

/* dwie kolumny: nagłówek przyklejony z lewej, lista z prawej (jak „W cenie”) */
.b2b-dwie{display:grid;gap:40px}
@media(min-width:900px){.b2b-dwie{grid-template-columns:5fr 7fr;gap:80px;align-items:start}.b2b-dwie .sticky{position:sticky;top:140px}}
.b2b-dwie .list li{font-size:16px}
.b2b-dwie .list li b{color:var(--rock);font-weight:600}

/* kroki współpracy */
.b2b-kroki{list-style:none;display:grid;gap:0;counter-reset:krok;border-top:1px solid var(--line-2)}
@media(min-width:900px){.b2b-kroki{grid-template-columns:repeat(4,1fr);border-top:0;gap:24px}}
.b2b-kroki li{counter-increment:krok;display:grid;grid-template-columns:44px 1fr;gap:6px 16px;padding:22px 0;border-bottom:1px solid var(--line-2)}
@media(min-width:900px){.b2b-kroki li{grid-template-columns:1fr;align-content:start;padding:24px 0 0;border-bottom:0;border-top:1px solid var(--line-2)}}
.b2b-kroki li::before{content:counter(krok,decimal-leading-zero);grid-row:span 2;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ember-3);padding-top:5px}
@media(min-width:900px){.b2b-kroki li::before{grid-row:auto;padding:0 0 10px}}
.b2b-kroki h3{font-size:clamp(20px,1.8vw,24px)}
.b2b-kroki p{color:var(--ash);font-size:15px;line-height:1.55;max-width:34ch}

/* pas zaufania: wpis do rejestru, gwarancja, uprawnienia */
.b2b-fakty{list-style:none;display:grid;gap:1px;background:var(--ice);border:1px solid var(--ice);border-radius:var(--r-m);overflow:hidden}
@media(min-width:640px){.b2b-fakty{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.b2b-fakty{grid-template-columns:repeat(4,1fr)}}
.b2b-fakty li{background:#fff;padding:24px;display:grid;gap:6px;align-content:start}
.b2b-fakty .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rock-2)}
.b2b-fakty .v{font-family:var(--display);font-weight:320;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.015em;color:var(--rock)}
.b2b-fakty small{font-size:13.5px;line-height:1.45;color:var(--rock-2)}
.b2b-fakty a{text-decoration:underline;text-decoration-color:rgba(26,29,33,.3);text-underline-offset:3px}
/* odsłanianie (12.10.2026, właściciel: „popraw animację”): białe pola stoją w miejscu, bo przesuwane komórki odsłaniały szare tło
   siatki. Wjeżdża tylko treść w środku, komórka po komórce (opóźnienie z --i, jak .rv w site.css). */
.js .b2b-fakty li.rv{opacity:1;transform:none;transition:none}
.js .b2b-fakty li.rv>*{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0) * 90ms + var(--j,0) * 60ms)}
.js .b2b-fakty li.rv>:nth-child(2){--j:1}
.js .b2b-fakty li.rv>:nth-child(3){--j:2}
.js .b2b-fakty li.rv.in>*{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .b2b-fakty li.rv>*{transform:none;transition:opacity .4s ease}}
@media print{.b2b-fakty li.rv>*{opacity:1!important;transform:none!important}}

/* kontakt 1:1 jak na stronie głównej (glowna.css g-kontakt, 12.10.2026): karta telefonu z guzikiem „Zadzwoń” i formularz w karcie */
.b2b-kontakt-uklad{display:grid;gap:32px}
@media(min-width:900px){.b2b-kontakt-uklad{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}}
.b2b-zapytanie h2{margin-top:14px;max-width:16ch}
.b2b-zapytanie h2 em{color:var(--ember-3)}
.b2b-lede{margin-top:16px;font-size:16.5px;line-height:1.55;max-width:52ch;color:var(--ash);text-wrap:pretty}
@media(min-width:900px){.b2b-lede{font-size:17px}}
.b2b-tel{margin-top:28px;padding:20px;border-radius:18px;background:var(--lava);border:1px solid rgba(237,239,240,.10)}
.b2b-tel-etyk{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.b2b-tel-nr{display:inline-block;margin-top:6px;font-family:var(--display);font-weight:340;font-size:clamp(28px,7.4vw,36px);line-height:1.1;letter-spacing:-.01em;color:var(--snow);white-space:nowrap}
.b2b-tel-godz{margin-top:4px;font-size:14px;color:var(--ash)}
.b2b-tel-akcje{display:grid;margin-top:18px}
.b2b-tel-akcje .btn{padding:0 14px;gap:8px}
.b2b-tel-akcje svg{flex:none;width:18px;height:18px;color:var(--ember-3)}
.b2b-form{padding:20px;border-radius:18px;background:var(--lava);border:1px solid rgba(237,239,240,.10)}
@media(min-width:900px){.b2b-form{padding:32px}}
.b2b-form-h{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-family:var(--display);font-weight:340;font-size:26px;line-height:1.15;color:var(--snow)}
.b2b-form-h svg{flex:none;color:var(--ember-3)}
.b2b-form .btn[type=submit]{width:100%}
@media(min-width:600px){.b2b-form .btn[type=submit]{width:auto}}
.field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%239AA3AB' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}
.field .opc{text-transform:none;letter-spacing:0;font-family:var(--body);font-size:12px;color:var(--ash-3)}
@media(forced-colors:active){.b2b-karta,.b2b-fakty li{border:1px solid CanvasText}}

/* gadżety z logo firmy (/dla-firm/, 12.10.2026) */
.b2b-dopisek{margin-top:24px;max-width:70ch;font-size:15px;line-height:1.55;color:var(--rock-2);padding-left:16px;border-left:2px solid var(--ember-2)}

/* flota (12.10.2026): kafle aut z liczbą miejsc */
.b2b-auta{list-style:none;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:560px){.b2b-auta{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.b2b-auta{grid-template-columns:repeat(4,1fr)}}   /* komputer: jeden rząd, premium z lewej */
.b2b-auta li{display:grid;gap:6px;align-content:start;padding:20px;border-radius:var(--r-m);border:1px solid var(--ice);background:#fff}
.b2b-auta .b2b-ico{margin-bottom:8px}
.b2b-auto{font-family:var(--display);font-weight:380;font-size:21px;line-height:1.2;letter-spacing:-.01em;color:var(--rock)}
.b2b-miejsca{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2)}
.b2b-auta small{font-size:13.5px;color:var(--rock-2)}
@media(forced-colors:active){.b2b-auta li{border:1px solid CanvasText}}
/* auta premium: złota ramka i znacznik na krawędzi, jak domek Premium w rezerwacji */
.b2b-auta li{position:relative}
.b2b-auta li.premium{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember) inset;background:linear-gradient(180deg,#fff7ee 0%,#fff 60%)}
.b2b-premium{position:absolute;top:-11px;right:16px;padding:4px 10px;border-radius:var(--r-pill);background:var(--ember);color:var(--basalt);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
.b2b-auta li.premium .b2b-ico{background:var(--ember);color:var(--basalt)}
@media(forced-colors:active){.b2b-premium{border:1px solid CanvasText}}

/* gadżety (12.10.2026): telefon = kafle, pod nimi zdjęcie boxu; komputer = kafle 2×2 z lewej, zdjęcie z prawej na wysokość kafli */
.b2b-gad-uklad{display:grid;gap:16px}
.b2b-foto{margin-top:16px;display:grid;gap:14px}
.b2b-foto .ph{position:relative;aspect-ratio:3/4;border-radius:var(--r-m);overflow:hidden;background:var(--snow-2)}
.b2b-foto .ph picture,.b2b-foto .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.b2b-foto figcaption{font-size:14px;line-height:1.55;color:var(--rock-2)}
@media(min-width:900px){
  .b2b-gad-uklad{grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);align-items:stretch}
  .b2b-gad-uklad .b2b-karty{grid-template-columns:1fr 1fr}
  .b2b-foto{margin-top:0;grid-template-rows:minmax(0,1fr) auto}
  .b2b-foto .ph{aspect-ratio:auto;min-height:360px}
}