/*
Theme Name: Hokej Superliga
Author: idea4me
Description: Motyw strony Hokej Superligi (PZHT). Treści w WordPressie, dane rozgrywek z systemu PZHT przez wtyczkę PZHT Rozgrywki. Bez zewnętrznych czcionek i skryptów - wszystko serwowane z własnego serwera.
Version: 1.0.0
Text Domain: superliga
*/
:root{--hs-red:#d0112b;--hs-red2:#a30d22;--hs-ink:#0e1a26;--hs-ink2:#16283a;--hs-muted:#62717e;--hs-line:#e3e8ee;--hs-bg:#f3f5f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--hs-bg);color:var(--hs-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--hs-red);text-decoration:none}a:hover{color:var(--hs-red2)}img{max-width:100%;height:auto}
.hs-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
/* nagłówek */
.hs-top{background:var(--hs-ink);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 18px rgba(0,0,0,.25)}
.hs-top .hs-wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.hs-logo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:19px;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}.hs-logo:hover{color:#fff}
.hs-logo img{height:44px;width:auto}.hs-logo i{display:block;width:6px;height:38px;background:var(--hs-red);border-radius:3px;transform:skewX(-12deg)}.hs-logo small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;color:#9fb0bf}
.hs-nav{margin-left:auto}.hs-nav ul{list-style:none;margin:0;padding:0}.hs-nav>ul{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.hs-nav li{position:relative}.hs-nav a{display:block;color:#dbe4ec;padding:10px 10px;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap}
.hs-nav a:hover,.hs-nav .current-menu-item>a,.hs-nav .current-menu-parent>a{background:rgba(255,255,255,.10);color:#fff}
.hs-nav .menu-item-has-children>a:after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;vertical-align:-2px}
.hs-nav ul ul{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(14,26,38,.22);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .16s;z-index:20}
.hs-nav li:hover>ul,.hs-nav li:focus-within>ul{opacity:1;visibility:visible;transform:none}.hs-nav ul ul a{color:var(--hs-ink);font-weight:500;white-space:normal}.hs-nav ul ul a:hover{background:var(--hs-bg);color:var(--hs-red)}
.hs-nav>ul>li:nth-last-child(-n+3)>ul{left:auto;right:0}
.hs-nav li.hs-cta>a{background:var(--hs-red);color:#fff}.hs-nav li.hs-cta>a:hover{background:var(--hs-red2)}
/* prawy górny róg: ikony social + LOGIN */
.hs-akcje{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hs-soc{display:flex;gap:4px;align-items:center}.hs-soc a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:#dbe4ec}.hs-soc a:hover{background:rgba(255,255,255,.10);color:#fff}
.hs-soc-dol{margin-top:12px}.hs-soc-dol a{padding:0;background:rgba(255,255,255,.06)}
.hs-login{position:relative}.hs-login-btn{display:block;background:var(--hs-red);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border-radius:9px;white-space:nowrap}.hs-login-btn:hover{background:var(--hs-red2);color:#fff}
.hs-login-menu{position:absolute;top:100%;right:0;min-width:240px;background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(14,26,38,.22);padding:8px;margin-top:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .16s;z-index:30}
.hs-login-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.hs-login:hover .hs-login-menu,.hs-login:focus-within .hs-login-menu{opacity:1;visibility:visible;transform:none}
.hs-login-menu a{display:block;color:var(--hs-ink);padding:9px 12px;border-radius:9px;font-weight:700;font-size:14px}.hs-login-menu a:hover{background:var(--hs-bg);color:var(--hs-red)}.hs-login-menu small{display:block;font-weight:500;color:var(--hs-muted);font-size:12px}
.hs-ik-hokej{vertical-align:-3px}
.hs-burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;padding:6px 10px;border-radius:8px}
/* układ */
.hs-main{padding:26px 0 50px}.hs-sek{margin-top:38px}
.hs-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.hs-h h2{margin:0;font-size:24px;font-weight:800;position:relative;padding-left:16px}
.hs-h h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:6px;background:var(--hs-red);border-radius:3px;transform:skewX(-12deg)}.hs-h a{font-weight:600;font-size:14.5px}
.hs-2{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.hs-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hs-2>*,.hs-3>*{min-width:0}
.hs-tresc table{display:block;max-width:100%;overflow-x:auto}
/* Social Wall (pokazywany tylko, gdy w Dostosuj wpisano kod/adres) */
.hs-wall-in{background:#fff;border:1px solid var(--hs-line);border-radius:16px;overflow:hidden;padding:10px}.hs-wall-in iframe{display:block;width:100%;min-height:560px;border:0}
/* hero */
.hs-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}
.hs-hero .duzy{position:relative;border-radius:20px;overflow:hidden;min-height:420px;background:linear-gradient(135deg,var(--hs-ink2),var(--hs-ink));display:flex;align-items:flex-end;color:#fff}
.hs-hero .duzy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hs-hero .duzy:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,38,0) 30%,rgba(14,26,38,.92) 100%)}
.hs-hero .duzy .tx{position:relative;z-index:2;padding:28px}.hs-hero .duzy h1{margin:8px 0 6px;font-size:32px;line-height:1.15;font-weight:800}.hs-hero .duzy:hover{color:#fff}.hs-hero .duzy p{margin:0;color:#c9d5df;max-width:640px}
.hs-hero .bok{display:grid;gap:14px}.hs-kat{display:inline-block;background:var(--hs-red);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
/* karty wpisów */
.hs-karta{background:#fff;border:1px solid var(--hs-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:var(--hs-ink);transition:transform .16s,box-shadow .16s}
.hs-karta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,26,38,.10);color:var(--hs-ink)}
.hs-karta .ob{aspect-ratio:16/9;background:linear-gradient(135deg,var(--hs-ink2),var(--hs-ink));position:relative;overflow:hidden}.hs-karta .ob img{width:100%;height:100%;object-fit:cover;display:block}
.hs-karta .ob .gra{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hs-karta .ob .gra span{width:58px;height:58px;border-radius:50%;background:rgba(208,17,43,.92);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;padding-left:4px}
.hs-karta .tx{padding:14px 16px 16px}.hs-karta h3{margin:6px 0 0;font-size:17px;line-height:1.3}.hs-karta time{font-size:12.5px;color:var(--hs-muted)}
.hs-karta.poz{flex-direction:row}.hs-karta.poz .ob{width:42%;aspect-ratio:auto;min-height:118px}.hs-karta.poz .tx{flex:1}.hs-karta.poz h3{font-size:15.5px}
/* treść */
.hs-art{background:#fff;border:1px solid var(--hs-line);border-radius:20px;padding:32px;max-width:860px;margin:0 auto}.hs-art h1{font-size:34px;line-height:1.15;margin:8px 0 10px}.hs-art .meta{color:var(--hs-muted);font-size:14px;margin-bottom:18px}
.hs-art .wyr{border-radius:14px;overflow:hidden;margin-bottom:22px}.hs-art .wyr img{display:block;width:100%}.hs-tresc{font-size:17px;line-height:1.7}.hs-tresc img{border-radius:12px}.hs-tresc iframe{max-width:100%;border-radius:12px}
.hs-tresc .wp-block-embed__wrapper,.hs-film{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}.hs-tresc .wp-block-embed__wrapper iframe,.hs-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hs-strona h1.tyt{font-size:32px;margin:0 0 6px}.hs-strona .pod{color:var(--hs-muted);margin-bottom:6px}
.hs-pag{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}.hs-pag .page-numbers{padding:9px 14px;border-radius:10px;background:#fff;border:1px solid var(--hs-line);color:var(--hs-ink);font-weight:600}.hs-pag .current{background:var(--hs-ink);color:#fff;border-color:var(--hs-ink)}
/* strefa kibica */
.hs-kibic{background:linear-gradient(120deg,var(--hs-red),#7d0a1a);border-radius:20px;color:#fff;padding:30px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;align-items:center}
.hs-kibic h2{margin:8px 0 6px;font-size:26px}.hs-kibic p{margin:0;color:#ffd9de}.hs-kibic .hs-kat{background:rgba(255,255,255,.18)}.hs-kibic a{display:block;background:#fff;color:var(--hs-ink);border-radius:14px;padding:16px 18px;font-weight:800}.hs-kibic a small{display:block;font-weight:500;color:var(--hs-muted);margin-top:2px}.hs-kibic a:hover{transform:translateY(-2px)}
/* stopka */
.hs-stopka{background:var(--hs-ink);color:#a9b8c5;padding:36px 0 26px;font-size:14.5px}.hs-stopka .kol{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:26px}.hs-stopka small{display:block;font-size:12px;color:#8193a3}.hs-stopka h4{color:#fff;margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.hs-stopka a{color:#d5dfe8;display:block;padding:3px 0}.hs-stopka a:hover{color:#fff}.hs-stopka ul{list-style:none;margin:0;padding:0}.hs-stopka .dol{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:16px;font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.hs-burger{display:block;margin-left:0;order:3}.hs-akcje{margin-left:auto}.hs-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--hs-ink);padding:10px 16px 18px;max-height:calc(100vh - 68px);overflow:auto}.hs-nav.otw{display:block}
  .hs-nav>ul{flex-direction:column;gap:0}.hs-nav ul ul{position:static;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.06);box-shadow:none;margin:2px 0 8px 12px;padding:4px}.hs-nav ul ul a{color:#dbe4ec}.hs-nav ul ul a:hover{background:rgba(255,255,255,.10);color:#fff}}
@media (max-width:860px){.hs-hero,.hs-2,.hs-3,.hs-kibic{grid-template-columns:1fr}.hs-hero .duzy{min-height:300px}.hs-hero .duzy h1{font-size:24px}.hs-stopka .kol{grid-template-columns:1fr 1fr}.hs-art{padding:20px;border-radius:16px}.hs-art h1{font-size:26px}.hs-h h2{font-size:20px}.hs-logo{font-size:16px}.hs-kibic{padding:22px}}
@media (max-width:560px){.hs-wrap{padding:0 14px}.hs-top .hs-wrap{gap:8px}.hs-login-btn{padding:8px 12px;font-size:12.5px}.hs-burger{padding:6px}.hs-h{flex-wrap:wrap}.hs-kibic h2{font-size:22px}}
/* D022 (MS 29.09 wieczór): nagłówek w dwóch rzędach.
   Rząd 1: logo + ikony mediów (E7, widoczne bez przewijania) + LOGIN z podmenu (E1). Rząd 2: menu WIELKIMI literami, większe (E2).
   Na telefonie menu pod przyciskiem ☰; na bardzo wąskim ekranie ikony mediów w wąskim pasku pod nagłówkiem. */
.hs-top .hs-wrap.hs-r1{min-height:64px;gap:14px}.hs-logo img{height:40px}
.hs-r2{border-top:1px solid rgba(255,255,255,.08);background:#0a141e}
.hs-r2 .hs-wrap{display:block;min-height:0}
.hs-nav{margin-left:0}.hs-nav>ul{justify-content:space-between;gap:0;flex-wrap:nowrap}
.hs-nav>ul>li>a{font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;padding:13px 8px;border-radius:0;color:#e6edf3}   /* 28.10 (Mateusz, pkt 9): odrobinę mniejsze, wielkie litery zostają */
.hs-nav>ul>li.hs-cta>a{border-radius:9px;margin:6px 0;padding:8px 14px}
.hs-nav ul ul a{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.03em}
.hs-akcje{margin-left:auto}.hs-soc-top a{width:36px;height:36px}
.hs-login-btn{border:0;cursor:pointer;font-family:inherit}
.hs-login.otw .hs-login-menu{opacity:1;visibility:visible;transform:none}
.hs-login-menu{min-width:280px}.hs-login-menu a{text-transform:uppercase;letter-spacing:.03em}.hs-login-menu small{text-transform:none;letter-spacing:0}
.hs-soc-mob{display:none}
@media (max-width:1240px){.hs-nav>ul>li>a{font-size:12.5px;padding:12px 6px;letter-spacing:.01em}.hs-nav .menu-item-has-children>a:after{margin-left:5px}}
@media (max-width:1100px){
  .hs-r2{border:0;background:none}
  .hs-nav>ul>li>a{font-size:14px;padding:11px 10px;border-radius:9px}.hs-nav>ul>li.hs-cta>a{margin:4px 0}
}
@media (max-width:560px){.hs-logo img{height:28px}.hs-top .hs-wrap.hs-r1{min-height:58px;gap:8px}.hs-soc-top a{width:30px;height:30px}.hs-soc-top{gap:0}.hs-login-menu{right:-40px}}
@media (max-width:420px){.hs-soc-top{display:none}.hs-soc-mob{display:flex;justify-content:center;gap:18px;background:#0a141e;border-top:1px solid rgba(255,255,255,.08);padding:3px 0}.hs-soc-mob a{width:32px;height:30px}}
/* D025: playlista na pełną siatkę sekcji - odtwarzacz 2/3 + karta z opisem 1/3 (bez pustej przestrzeni po prawej) */
.hs-playlista-w{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}.hs-playlista .hs-yt{margin:0}
.hs-playlista-o{background:linear-gradient(160deg,var(--hs-ink2),var(--hs-ink));color:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}
.hs-playlista-o .hs-kat{align-self:flex-start;background:var(--hs-red);color:#fff}.hs-playlista-o h3{margin:4px 0 0;font-size:21px;line-height:1.2}.hs-playlista-o p{margin:0;color:#c9d5df;font-size:15px}
.hs-pl-btn{margin-top:auto;display:block;text-align:center;background:var(--hs-red);color:#fff;font-weight:800;border-radius:10px;padding:12px 16px}.hs-pl-btn:hover{background:var(--hs-red2);color:#fff}
.hs-pl-link{color:#dbe4ec;font-weight:600;font-size:14px;text-align:center}.hs-pl-link:hover{color:#fff}
@media (max-width:860px){.hs-playlista-w{grid-template-columns:1fr}.hs-playlista-o{padding:18px}.hs-pl-btn{margin-top:6px}}
/* D022 E12 (zrzut MS 29.09 19:39): aktywna podpozycja menu dostawała styl pozycji głównej (biały tekst) i znikała na białym tle rozwijanej listy */
.hs-nav ul ul .current-menu-item>a,.hs-nav ul ul .current-menu-parent>a{background:var(--hs-bg);color:var(--hs-red);font-weight:700}
@media (max-width:1100px){.hs-nav ul ul .current-menu-item>a,.hs-nav ul ul .current-menu-parent>a{background:rgba(255,255,255,.14);color:#fff}}
/* 29.09 spec PZHT S5: wszystkie nagłówki drukowanymi literami */
h1,h2,h3,h4,h5,h6,.hs-h h2,.hs-art h1,.hs-strona h1.tyt,.hs-karta h3{text-transform:uppercase;letter-spacing:.01em}

/* 28.10 (Mateusz, pkt 10): lekkie efekty, żeby strona była mniej „sucha” - delikatne tło, cienie i ruch przy najechaniu, łagodne wejście sekcji.
   Wszystko wyłączane przy „ogranicz ruch” w systemie; bez JS treść widoczna normalnie (animacja tylko z klasą hs-anim na <html>). */
body{background:radial-gradient(1200px 520px at 100% -8%,rgba(208,17,43,.06),transparent 60%),radial-gradient(900px 480px at -10% 30%,rgba(14,26,38,.05),transparent 60%),var(--hs-bg);background-attachment:fixed}
.hs-top{background:linear-gradient(180deg,#132232 0%,var(--hs-ink) 100%)}
.hs-nav>ul>li>a{position:relative;transition:color .2s}
/* 03.11 (Mateusz pkt 6): podkreślenie na :before - :after zakładek z podmenu rysuje strzałkę, razem dawały podwójną biało-czerwoną kreskę */
.hs-nav>ul>li:not(.hs-cta)>a:before{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:2px;background:var(--hs-red);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.hs-nav>ul>li:not(.hs-cta)>a:hover:before,.hs-nav>ul>li.current-menu-item>a:before,.hs-nav>ul>li.current-menu-ancestor>a:before,.hs-nav>ul>li.current-menu-parent>a:before{transform:scaleX(1)}
.hs-login-btn,.hs-nav li.hs-cta>a{transition:background .2s,box-shadow .2s,transform .2s}.hs-login-btn:hover,.hs-nav li.hs-cta>a:hover{box-shadow:0 6px 18px rgba(208,17,43,.35);transform:translateY(-1px)}
.hs-h h2:before{background:linear-gradient(180deg,var(--hs-red),var(--hs-red2))}
.hs-h a{transition:color .2s,letter-spacing .2s}.hs-h a:hover{letter-spacing:.02em}
.pzht-karta,.pzht-mecz,.pzht-lista>a,.pzht-kar-tor a,.pzht-yt-k,.pzht-yt-g,.hs-kibic a{transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.pzht-mecz:hover,.pzht-lista>a:hover,.pzht-kar-tor a:hover,.pzht-yt-k:hover,.pzht-yt-g:hover,.hs-kibic a:hover{box-shadow:0 12px 26px rgba(14,26,38,.10);transform:translateY(-2px)}
.pzht-kar-tor img{transition:transform .3s ease}.pzht-kar-tor a:hover img{transform:scale(1.08)}
.pzht-yt-th img{transition:transform .4s ease,filter .4s ease}.pzht-yt-k:hover .pzht-yt-th img,.pzht-yt-g:hover .pzht-yt-th img{transform:scale(1.04);filter:saturate(1.15)}
.hs-anim .hs-main .hs-sek{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.hs-anim .hs-main .hs-sek.hs-wid{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body{background-attachment:scroll}.hs-anim .hs-main .hs-sek{opacity:1;transform:none;transition:none}
  .pzht-mecz:hover,.pzht-lista>a:hover,.pzht-kar-tor a:hover,.pzht-yt-k:hover,.pzht-yt-g:hover,.hs-kibic a:hover,.hs-login-btn:hover,.hs-nav li.hs-cta>a:hover{transform:none}.pzht-kar-tor a:hover img,.pzht-yt-k:hover .pzht-yt-th img{transform:none}}

/* 02.11 (Mateusz, nagłówek wzorem plk.pl): rząd 1 = Centrum Meczowe + ikony mediów i „Zaloguj” po prawej (ten sam pasek);
   rząd 2 = logo w jednej linii z zakładkami, mniejsze odstępy; bez pustego paska między Centrum Meczowym a zakładkami. Zastępuje układ D022 (hs-r1/hs-r2). */
.pzht-pm{position:relative;z-index:110}      /* rozwijane „Zaloguj” nad przyklejonym menu */
.pzht-pm .hs-akcje-top{flex:0 0 auto;display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:12px;border-left:1px solid rgba(255,255,255,.10)}
.pzht-pm .hs-soc-top a{width:34px;height:34px}
/* 03.11 (Mateusz pkt 10): ikony mediów NAD „Zaloguj” (kolumna) - węższy blok po prawej, więcej miejsca na kafelki meczów */
.pzht-pm .hs-akcje-top{flex-direction:column;justify-content:center;align-items:stretch;gap:4px}
.pzht-pm .hs-akcje-top .hs-soc-top{display:flex;justify-content:space-between;gap:0}.pzht-pm .hs-soc-top a{width:30px;height:28px}
.hs-pm-pusty .pzht-pm-in{justify-content:flex-end;padding-top:8px;padding-bottom:8px}.hs-pm-pusty .hs-akcje-top{border:0}
.hs-top .hs-wrap.hs-r2-in{display:flex;align-items:center;gap:22px;min-height:58px}
.hs-r2-in .hs-logo{flex:0 0 auto}.hs-r2-in .hs-logo img{height:30px}
/* 03.11 (Mateusz pkt 9): logo, zakładki i „Strefa kibica” na jednej osi belki - przycisk był 5 px za wysoko (margines 6 px tylko u góry rzędu),
   logo ma 13/176 przezroczystego u góry, więc optycznie siedziało niżej - podniesione o 1 px */
.hs-r2-in .hs-logo img{position:relative;top:-1px}
@media (min-width:1101px){.hs-r2-in .hs-nav>ul>li.hs-cta{display:flex;align-items:center}.hs-r2-in .hs-nav>ul>li.hs-cta>a{margin-top:0;margin-bottom:0}}
.hs-r2-in .hs-nav{flex:1;min-width:0}
.hs-r2-in .hs-nav>ul>li:not(.hs-cta)>a{padding-top:19px;padding-bottom:19px}
.hs-r2-in .hs-nav>ul>li:not(.hs-cta)>a:before{bottom:12px}
.hs-akcje-mob{display:none}
@media (max-width:1240px){.hs-top .hs-wrap.hs-r2-in{gap:16px}.hs-r2-in .hs-logo img{height:26px}}
@media (max-width:1100px){
  .pzht-pm .hs-akcje-top{display:none}.hs-pm-pusty{display:none}
  .hs-top .hs-wrap.hs-r2-in{min-height:60px;gap:10px}.hs-r2-in .hs-logo img{height:32px}
  .hs-r2-in .hs-nav{flex:none}.hs-r2-in .hs-nav>ul>li>a{padding-top:11px;padding-bottom:11px}
  .hs-akcje-mob{display:flex;margin-left:auto;align-items:center;gap:6px}.hs-akcje-mob .hs-soc-tab a{width:34px;height:34px}
}
@media (max-width:560px){.hs-akcje-mob .hs-soc-tab{display:none}.hs-soc-mob{display:flex;justify-content:center;gap:18px;background:#0a141e;border-top:1px solid rgba(255,255,255,.08);padding:3px 0}.hs-soc-mob a{width:32px;height:30px}.hs-r2-in .hs-logo img{height:28px}.hs-akcje-mob .hs-login-menu{right:-44px}}
/* 03.11 23:21 (Mateusz): menu ☰ - podzakładki zwinięte, rozwijane dotknięciem zakładki głównej (JS w header.php, klasa .otw); strzałka obraca się */
@media (max-width:1100px){.hs-nav ul ul{display:none}.hs-nav>ul>li.otw>ul{display:block}
  .hs-nav>ul>li.menu-item-has-children>a:after{transition:transform .2s}.hs-nav>ul>li.otw>a:after{transform:rotate(180deg)}}
/* 04.11 (Mateusz): szerokie zdjęcie pod menu, nad Instagramem i tabelami - tylko komputer (4:1, 1200 × 300) */
.hs-baner{margin:6px 0 22px;border-radius:16px;overflow:hidden;aspect-ratio:4/1;background:var(--hs-bg)}.hs-baner img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.hs-baner{margin:4px 0 14px;border-radius:10px}}   /* 07.11 (Mateusz 06.11 23:58): baner też na telefonie */