/* NOWE GRAFIKI PORTALI (28.10.2026): plik składa _shared/grafiki_nowe/buduj.py (część wspólna + część portalu); ładuje go
   tylko strona dla oglądającego objętego przełącznikiem GRAFIKI_NOWE_DLA. Adresy obrazów mają ?v= z treści pliku. */

/* warstwa tła sekcji: zdjęcie (picture) i film nad nim; film pojawia się płynnie dopiero, gdy naprawdę gra */
.gn-tlo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.gn-tlo picture,.gn-tlo img,.gn-tlo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  margin:0;max-width:none;border-radius:0}
.gn-tlo video{opacity:0;transition:opacity 1.2s ease}
.gn-tlo video.gn-gra{opacity:1}
.gn-tlo::after{content:"";position:absolute;inset:0;pointer-events:none}
@media (prefers-reduced-motion: reduce){.gn-tlo video{display:none}}
/* sekcja z warstwą pod treścią: osobny kontekst warstw, warstwa tuż nad własnym tłem sekcji, treść nad nią bez zmian */
.gn-hero{position:relative;isolation:isolate;overflow:hidden}
.gn-hero > .gn-tlo{z-index:-1}

/* pasek ze zdjęciem nad nagłówkiem sekcji (stałe proporcje: bez skoku układu przy wczytywaniu) */
.gn-pas{position:relative;display:block;margin:0 0 18px;border-radius:18px;overflow:hidden;aspect-ratio:16/5;
  background:#0d1b14;box-shadow:0 8px 26px rgba(15,23,42,.12)}
.gn-pas picture,.gn-pas img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none}
.gn-pas .gn-tlo::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%)}
@media (max-width:640px){.gn-pas{aspect-ratio:16/7;border-radius:14px}}

/* podpis „zdjęcie poglądowe”: mały, w rogu zdjęcia albo pod siatką */
.gn-pod{position:absolute;right:10px;bottom:8px;z-index:3;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.2px;
  color:rgba(255,255,255,.88);background:rgba(0,0,0,.34);padding:3px 9px;border-radius:999px;pointer-events:none}
.gn-pogl{display:block;font-size:12px;color:#6b7686;margin:8px 2px 0;text-align:right}

/* ── WAKACJE TRAVEL (wakacje.travel.pl, strona główna) ────────────────────────────────────────────────────────────── */

/* wyszukiwarka na zdjęciu i filmie z basenu nad morzem; stare zdjęcie spod ::before nie jest już pobierane */
.hero.gn-hero::before{background:none}
.hero.gn-hero > .gn-tlo{position:absolute;z-index:-1}
.hero.gn-hero::after{background:linear-gradient(180deg,rgba(0,58,90,.62) 0%,rgba(0,86,126,.30) 34%,rgba(0,70,104,.36) 70%,rgba(0,52,80,.66) 100%)}

/* Popularne kierunki: z pigułek kafelki ze zdjęciem kraju (zdjęcia poglądowe, podpis pod siatką) */
.hkafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.hk{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/3;padding:10px 12px;border:0;border-radius:14px;overflow:hidden;
  color:#fff;background:#0a6a94 center/cover no-repeat;font-weight:700;font-size:15px;line-height:1.2;
  text-shadow:0 1px 8px rgba(0,0,0,.6);box-shadow:0 4px 14px rgba(11,58,111,.12);transition:transform .15s ease,box-shadow .15s ease}
.hk::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,28,46,0) 38%,rgba(0,28,46,.74) 100%)}
.hk span{position:relative}
.hk:hover{background-color:#0a6a94;transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,58,111,.2)}
.hk.gn-on[href="/kierunek/grecja"]{background-image:url(/grafiki/wa-k-grecja-480.webp?v=fd1527974e)}
.hk.gn-on[href="/kierunek/egipt"]{background-image:url(/grafiki/wa-k-egipt-480.webp?v=3994c77cf1)}
.hk.gn-on[href="/kierunek/turcja"]{background-image:url(/grafiki/wa-k-turcja-480.webp?v=cc33cd8806)}
.hk.gn-on[href="/kierunek/hiszpania"]{background-image:url(/grafiki/wa-k-hiszpania-480.webp?v=aae3336679)}
.hk.gn-on[href="/kierunek/wlochy"]{background-image:url(/grafiki/wa-k-wlochy-480.webp?v=704b79618c)}
.hk.gn-on[href="/kierunek/tunezja"]{background-image:url(/grafiki/wa-k-tunezja-480.webp?v=6355cdb6c4)}
.hk.gn-on[href="/kierunek/bulgaria"]{background-image:url(/grafiki/wa-k-bulgaria-480.webp?v=da64c6b8c4)}
.hk.gn-on[href="/kierunek/chorwacja"]{background-image:url(/grafiki/wa-k-chorwacja-480.webp?v=68f8b595b6)}
.hk.gn-on[href="/kierunek/cypr"]{background-image:url(/grafiki/wa-k-cypr-480.webp?v=6faf92aeb1)}
.hk.gn-on[href="/kierunek/portugalia"]{background-image:url(/grafiki/wa-k-portugalia-480.webp?v=3d8eed94eb)}
.hk.gn-on[href="/kierunek/malta"]{background-image:url(/grafiki/wa-k-malta-480.webp?v=c6d840e471)}
.hk.gn-on[href="/kierunek/albania"]{background-image:url(/grafiki/wa-k-albania-480.webp?v=baf5bf5048)}
.hk.gn-on[href="/kierunek/maroko"]{background-image:url(/grafiki/wa-k-maroko-480.webp?v=3c588f6947)}
.hk.gn-on[href="/kierunek/czarnogora"]{background-image:url(/grafiki/wa-k-czarnogora-480.webp?v=4031dffbc9)}
.hk.gn-on[href="/kierunek/zea"]{background-image:url(/grafiki/wa-k-zea-480.webp?v=e357b10205)}
.hk.gn-on[href="/kierunek/polska"]{background-image:url(/grafiki/wa-k-polska-480.webp?v=13f2228f55)}
@media (max-width:420px){.hkafle{grid-template-columns:repeat(2,minmax(0,1fr))}.hk{font-size:14px}}

/* Szukasz czegoś konkretnego?: zdjęcie nad opisem każdego kafla */
.hm{padding:0;overflow:hidden}
.hm::before{content:"";display:block;aspect-ratio:16/9;background:#dbe6f1 center/cover no-repeat}
.hm b{padding:12px 15px 0}
.hm span{display:block;padding:0 15px 14px}
.hm.gn-on[href="/wakacje/all-inclusive"]::before{background-image:url(/grafiki/wa-m-all-inclusive-480.webp?v=0a38a5f8b3)}
.hm.gn-on[href="/wakacje/last-minute"]::before{background-image:url(/grafiki/wa-m-last-minute-480.webp?v=16b73f9371)}
.hm.gn-on[href="/wakacje/z-dziecmi"]::before{background-image:url(/grafiki/wa-m-z-dziecmi-480.webp?v=71faf2da30)}
.hm.gn-on[href="/wakacje/egzotyka"]::before{background-image:url(/grafiki/wa-m-egzotyka-480.webp?v=91a745de9c)}
@media (min-resolution:2dppx) and (min-width:700px){
  .hm.gn-on[href="/wakacje/all-inclusive"]::before{background-image:url(/grafiki/wa-m-all-inclusive-960.webp?v=aeda9203b8)}
  .hm.gn-on[href="/wakacje/last-minute"]::before{background-image:url(/grafiki/wa-m-last-minute-960.webp?v=b89859c040)}
  .hm.gn-on[href="/wakacje/z-dziecmi"]::before{background-image:url(/grafiki/wa-m-z-dziecmi-960.webp?v=51a1233f08)}
  .hm.gn-on[href="/wakacje/egzotyka"]::before{background-image:url(/grafiki/wa-m-egzotyka-960.webp?v=090d4332fd)}}

/* Program poleceń i bon podarunkowy: zdjęcie pod niebieską zasłoną marki */
.polec-promo.gn-on{background-image:linear-gradient(90deg,rgba(0,104,150,.95) 0%,rgba(0,124,176,.84) 52%,rgba(0,137,201,.50) 100%),
  url(/grafiki/wa-polec-960.webp?v=68b9a26b86);background-size:cover;background-position:center 30%}
.bon-promo.gn-on{background-image:linear-gradient(90deg,rgba(6,63,92,.95) 0%,rgba(6,63,92,.82) 50%,rgba(6,63,92,.40) 100%),
  url(/grafiki/wa-bon-960.webp?v=b7268161af);background-size:cover;background-position:center}
@media (min-width:961px){
  .polec-promo.gn-on{background-image:linear-gradient(90deg,rgba(0,104,150,.95) 0%,rgba(0,124,176,.84) 52%,rgba(0,137,201,.45) 100%),
    url(/grafiki/wa-polec-1600.webp?v=2108a2935a)}
  .bon-promo.gn-on{background-image:linear-gradient(90deg,rgba(6,63,92,.95) 0%,rgba(6,63,92,.82) 50%,rgba(6,63,92,.35) 100%),
    url(/grafiki/wa-bon-1600.webp?v=d2e2156db7)}}

/* „W ilu krajach już byłeś?”: paszport z pieczątkami pod zasłoną */
.hpas-gra.gn-on{background-image:linear-gradient(135deg,rgba(6,63,92,.94) 0%,rgba(0,137,201,.70) 100%),url(/grafiki/wa-paszport-960.webp?v=14ed73bead);
  background-size:cover;background-position:center}

/* pasek ze zdjęciem nad „Dlaczego u nas” */
.gn-pas-wa{background:#063f5c;margin-top:26px}
/* strony krajów (/kierunek/<kraj>): zdjęcie kraju nad nagłówkiem */
.gn-pas-kraj{background:#063f5c;aspect-ratio:16/6;margin:4px 0 16px}
@media (max-width:640px){.gn-pas-kraj{aspect-ratio:16/9}}

/* arkusz instalacji aplikacji Wakacji */
html[data-gn-marka="wakacje"] .am-ark .am-ark-glowa::before{content:"";display:block;height:120px;border-radius:16px;margin:0 0 -30px;
  background:#063f5c url(/grafiki/wa-hero-m-960.webp?v=575f428225) center 60%/cover no-repeat}
html[data-gn-marka="wakacje"] .am-ark .am-ark-glowa .am-ark-ikona{position:relative;margin-left:14px;border:3px solid #fff}