/* hx-typo:start — typografia szablonu (2026-09-26). Reguły, które Helix Ultimate 2.2.10 generował z pól stylu 10 (body, h1–h6, menu, tytuły portfolio/modułów),
przeniesione 1:1 do arkusza (kopia logiki addGoogleFont(), porównana ze stanem z HTML: identyczne, 2247 zn.). Dlaczego: Helix dla każdej rodziny spoza siedmiu
systemowych dokłada do fonts.googleapis.com, którego nie da się wyłączyć osobno; nagłówek CSP (.htaccess) i tak go blokuje (błąd konsoli R02),
a kroje ładują się z lokalnych @font-face. Pola enable_*_font stylu 10 wyłączone — zmiany typografii robić tutaj, nie w panelu Helixa. */
body{font-family: 'Barlow', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.65;text-decoration: none;}
h1{font-family: 'Saira Condensed', sans-serif;font-size: 56px;font-weight: 900;line-height: 1;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h1{font-size: 44px;}
}
@media (max-width:767px){h1{font-size: 36px;}
}
h2{font-family: 'Saira Condensed', sans-serif;font-size: 44px;font-weight: 900;line-height: 1;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h2{font-size: 36px;}
}
@media (max-width:767px){h2{font-size: 30px;}
}
h3{font-family: 'Saira Condensed', sans-serif;font-size: 26px;font-weight: 800;line-height: 1.1;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h3{font-size: 24px;}
}
@media (max-width:767px){h3{font-size: 22px;}
}
h4{font-family: 'Saira Condensed', sans-serif;font-size: 20px;font-weight: 800;line-height: 1.15;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h4{font-size: 20px;}
}
@media (max-width:767px){h4{font-size: 19px;}
}
h5{font-family: 'Saira Condensed', sans-serif;font-size: 18px;font-weight: 800;line-height: 1.2;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h5{font-size: 18px;}
}
@media (max-width:767px){h5{font-size: 17px;}
}
h6{font-family: 'Saira Condensed', sans-serif;font-size: 16px;font-weight: 800;line-height: 1.2;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h6{font-size: 16px;}
}
@media (max-width:767px){h6{font-size: 16px;}
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Barlow', sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 0.06em;text-decoration: none;}
.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: 'Barlow', sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 0.06em;text-decoration: none;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3, #sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title, #sp-left .sp-module .latestnews > div .latest-post-title, #sp-right .sp-module .latestnews > div .latest-post-title, ul.pagination .page-item .page-link, .price-box-item .sppb-addon-title strong, .sppb-pricing-price{font-family: 'Saira Condensed', sans-serif;font-weight: 800;text-decoration: none;}
/* hx-typo:koniec */
/* custom.css — serwis-laptopow-hyperx.pl
* Zalozony 2026-09-02 (etap 3, tura T2).
*
* ⚠️ TEN PLIK NIE JEST WCZYTYWANY NA ZWYKLYCH PODSTRONACH.
* Ustalone 2026-09-02 z kodu, nie z domyslu:
* plugins/system/helixultimate/src/Core/HelixUltimate.php:600
* // $this->add_css('custom.css'); <- ZAKOMENTOWANE
* templates/themis/index.php:109-113
* addStyleDeclaration($this->params->get('custom_css'));
* Czyli dziala WYLACZNIE pole "Custom CSS" w opcjach szablonu (parametr
* `custom_css` stylu). Plik jest linkowany tylko przez templates/themis/
* error.php:44 i layout "coming soon" — obsluguje strony bledu.
*
* Ten plik trzymamy jako ZRODLO PRAWDY (komentarze, historia zmian),
* a `~/bud/wgraj-css.php` przenosi jego tresc do parametru i czysci
* bufory Joomli oraz JCH Optimize.
*
* Kolor marki #E4002B wylacznie jako AKCENT (przyciski, odnosniki,
* podkreslenia), nigdy jako tozsamosc calej witryny — logotyp producenta
* nie jest logo tej witryny.
*
* Pelna kolorystyka: etap 8.
*
* ⚙️ Migracja do pol natywnych SPPB (2026-09-06): reguly dotyczace
* DOKLADNIE JEDNEGO wiersza/kolumny/dodatku przeniesione do
* row_custom_css / column_custom_css / global_custom_css tego elementu
* (widoczne w edytorze SPPB przy odpowiednim wierszu/dodatku, poza
* column_custom_css ktore edytor nie pokazuje — to udokumentowana
* wlasciwosc SPPB, nie usterka). Tutaj zostaja WYLACZNIE reguly, ktore
* obejmuja wiele dodatkow/sekcji naraz (redesign calostronicowy,
* typografia, ".practice-areas" w 18 kaflach w 2 sekcjach,
* "hero-contact-info" w 3 kaflach, "cta-warp") — migracja 1:1 oznaczalaby
* duplikacje tej samej reguly w kilkunastu polach, czyli pogorszenie
* utrzymywalnosci. Dla nich obowiazuje udokumentowany wyjatek sieciowy
* (wiedza-techniczna/03-sp-page-builder.md): jeden plik globalny dla
* calostronicowego redesignu jest dopuszczalny.
*/
/* ── Logo tekstowe — przeniesione 2026-09-25 do bloku hx-v6-chrom (logo_text niesie teraz HTML). */
/* ── Pasek osmiu punktow obowiazkowych ──────────────────────────────────
Kafle bez opisu; ciasniejsze odstepy, zeby oba wiersze miescily sie
mozliwie wysoko. Polozenie mierzone w przegladarce, nie na oko. */
#sp-main-body .sppb-addon-feature .sppb-addon-title {
margin-bottom: 10px;
}
/* ── Redesign „HUD” strony głównej z 2026-09-05 — USUNIĘTY 2026-09-25 ────────
Wszystkie reguły body.itemid-101 (kafle feature, liczniki, panel CTA, przycisk
hero, tło strony, przerywane linie, @import JetBrains Mono) dotyczyły sekcji starej
strony głównej, które od 2026-09-25 są ukryte (hidden_xl…xs) i zastąpione układem
V6 Mix (blok hx-v6 niżej). Tło witryny daje teraz preset szablonu (#0A0A0A).
Kopia pliku sprzed zmiany: ~/kopie-pelne/hyperx-custom-css-przed-sprzatania-*.css */
/* ── Rozmiar tekstu podstawowego, SITEWIDE ──────────────────────────────
DLACZEGO NIE DALO SIE WYZEJ (jedyna regula dopisana do arkusza przy
zmianie krojow 2026-09-06):
Krój i interlinia sa ustawione POLEM natywnym szablonu
(#__template_styles.params.body_font = Barlow / 16 px / 1,65) i szablon
emituje je poprawnie do :
body{font-family:'Barlow';font-size:16px;font-weight:400;line-height:1.65}
ALE `templates/themis/css/template.css` autora szablonu zawiera
body{font-size:14px !important}
— `!important` w pliku szablonu bije zwykla deklaracje inline z pola,
wiec rozmiar 16 px z pola nigdy nie dochodzil do rendera (zmierzone:
font-family Barlow zadzialal, font-size zostal 14 px, interlinia 23,1 px
= 1,65 x 14). Edycja `template.css` odpada — to plik szablonu, kasowany
przy kazdej jego aktualizacji. Zostaje przebicie tym samym narzedziem,
w naszym arkuszu. Rzecz jest globalna dla calej witryny (9 podstron),
wiec arkusz jest tu wlasciwym miejscem. */
body {
font-size: 16px !important;
}
/* Krój naglowkow (Rajdhani) — USUNIETY STAD 2026-09-06: siedzi teraz w
polach natywnych szablonu (h1_font…h4_font = Rajdhani 700, subset
latin-ext) i dziala na WSZYSTKICH podstronach, nie tylko na stronie
glownej. Zweryfikowane na `/serwis/company/o-serwisie`: szablon emituje
h1..h4 w Rajdhani. Import Rajdhani tez zbedny — szablon sam wstawia
do Google Fonts z wlasciwym podzbiorem znakow. */
/* hx-v6-chrom:start — 2026-09-25 (tura zgodności z makietą). Chrom Helixa wg makiety V6 Mix: górna belka,
nagłówek (logo, menu, telefon + „Zamów odbiór"), stopka. Dlaczego w arkuszu: to elementy szablonu (moduły
mod_custom w pozycjach top1/top2/menu/bottom1–4, logo i copyright z parametrów stylu 10) — nie mają pól SPPB.
Kolory bazowe (tło, tekst, menu, stopka) idą z presetu stylu 10; tu tylko to, czego preset nie steruje:
- #sp-header ma w templates/themis/css/template.css na sztywno background:#242a35 i height:80px — preset go nie zmienia;
- kontener belki/nagłówka/stopki 1280 px treści jak w makiecie (Themis: .container 1140 px od 1200 px).
Belka — decyzja właściciela 2026-09-13: wszystkie OSIEM punktów, na dużym ekranie najwyżej 2 wiersze;
D3 (2026-09-25): belka widoczna także < 992 px, zwarta. */
/* ── kontener 1280 px treści (makieta: marginesy 80 px przy 1440) ── */
@media (min-width: 1400px) {
/* nagłówek jak w makiecie (space-between): menu w środku między logo a telefonem, telefon–przycisk 18 px, przycisk 0 24 px */
#sp-menu > .sp-column { justify-content: flex-start; }
#sp-menu .sp-megamenu-wrapper { margin-left: 71px; }
#sp-menu .sp-module:has(.hx-hdr-cta) { margin-left: auto !important; }
#sp-menu .hx-hdr-cta { gap: 18px; }
#sp-menu .hx-hdr-btn { padding: 0 24px; }
/* belka: etykiety dziedziczą odstęp liter wiersza (makieta 0.06 em / 0.03 em) */
#sp-top-bar .topbar-promises li.topbar-label { letter-spacing: .78px; }
#sp-top-bar .topbar-spec li.topbar-label { letter-spacing: .36px; }
#sp-top-bar > .container, #sp-header > .container, #sp-bottom > .container, #sp-footer > .container { max-width: 1310px; }
}
/* ── górna belka ── */
#sp-top-bar { background: #141414; color: #FFFFFF; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 0; border-bottom: 1px solid #2A2A2A; overflow: hidden; }
#sp-top-bar .topbar-promises { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 28px; margin: 0; padding: 0; list-style: none; }
#sp-top-bar .topbar-promises li { white-space: nowrap; display: flex; align-items: center; }
#sp-top-bar .topbar-promises .fa { color: #E4002B; margin-right: 8px; }
#sp-top-bar .topbar-label { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 15px; letter-spacing: 0; color: #FF2A4D; transform: skewX(-8deg); }
#sp-top-bar .topbar-spec { gap: 4px 14px; font-size: 12px; letter-spacing: .03em; color: #FFFFFF; background: #E4002B; box-shadow: 0 0 0 100vmax #E4002B; clip-path: inset(0 -100vmax); }
#sp-top-bar .topbar-spec .topbar-label { color: #FFFFFF; }
#sp-top-bar .topbar-spec li:nth-child(n+3)::before { content: ""; display: inline-block; width: 6px; height: 6px; background: #FFFFFF; transform: rotate(45deg); margin-right: 14px; }
#sp-top-bar .hx-short { display: none; }
#sp-top-bar .hx-bar-tel { margin: 0; color: #A3A3A3; white-space: nowrap; }
#sp-top-bar .sp-contact-info { display: none; }
@media (min-width: 992px) {
#sp-top-bar .row { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: center; margin: 0; }
#sp-top-bar #sp-top1, #sp-top-bar #sp-top1 > .sp-column, #sp-top-bar #sp-top1 .sp-module,
#sp-top-bar #sp-top1 .sp-module-content, #sp-top-bar #sp-top1 .mod-custom,
#sp-top-bar #sp-top2, #sp-top-bar #sp-top2 > .sp-column { display: contents; }
#sp-top-bar .topbar-promises { flex-wrap: nowrap; }
#sp-top-bar .topbar-promises:not(.topbar-spec) { grid-column: 1; grid-row: 1; min-height: 40px; }
#sp-top-bar .topbar-cta { grid-column: 2; grid-row: 1; justify-self: end; }
#sp-top-bar .topbar-spec { grid-column: 1 / -1; grid-row: 2; min-height: 36px; }
/* #sp-header ma position:absolute (animacja sticky) — odsunięty o wysokość belki: 40 + 36 + 1 px ramki */
header#sp-header:not(.header-sticky) { top: 77px !important; }
header#sp-header.header-sticky { top: 0 !important; }
}
@media (max-width: 991px) {
#sp-top-bar { display: block !important; font-size: 12px; letter-spacing: 0; text-transform: none; }
#sp-top-bar .row { margin: 0; }
#sp-top-bar #sp-top1, #sp-top-bar #sp-top2 { padding: 0; }
#sp-top-bar #sp-top2 { display: none; }
#sp-top-bar .topbar-promises li.topbar-label { display: none; }
#sp-top-bar .topbar-promises:not(.topbar-spec) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; padding: 8px 0; text-align: left; }
#sp-top-bar .topbar-promises li { white-space: normal; }
#sp-top-bar .topbar-spec { justify-content: flex-start; gap: 2px 10px; padding: 8px 0; font-weight: 700; }
#sp-top-bar .topbar-spec li:nth-child(n+3)::before { margin-right: 10px; }
#sp-top-bar .hx-full { display: none; }
#sp-top-bar .hx-short { display: inline; }
}
@media (max-width: 575px) {
#sp-top-bar .topbar-promises:not(.topbar-spec) { font-family: 'Saira Condensed', sans-serif; font-size: 14px; font-weight: 600; gap: 2px 8px; padding: 6px 0; }
#sp-top-bar .topbar-promises .fa { margin-right: 5px; font-size: 11px; }
#sp-top-bar .topbar-spec { font-family: 'Saira Condensed', sans-serif; font-size: 13.5px; gap: 2px 7px; padding: 6px 0; }
#sp-top-bar .topbar-spec li:nth-child(n+3)::before { margin-right: 7px; width: 5px; height: 5px; }
}
/* ── nagłówek ── */
#sp-header { height: 92px; padding-top: 0 !important; background: #0A0A0A; border-bottom: 1px solid #2A2A2A; }
#sp-header > .container, #sp-header .container-inner, #sp-header .container-inner > .row { height: 100%; }
#sp-header .container-inner > .row { align-items: center; }
#sp-header .container-inner { border: 0; }
#sp-logo .logo a { display: inline-flex; align-items: center; gap: 14px; color: #FFFFFF; text-decoration: none; line-height: 1; }
.hx-logo-badge { width: 52px; height: 52px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: #E4002B;
clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 22px; color: #FFFFFF; }
.hx-logo-badge > span { transform: skewX(-8deg); display: inline-block; }
.hx-logo-txt { display: inline-flex; flex-direction: column; }
.hx-logo-name { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 28px; line-height: 1; letter-spacing: .01em; text-transform: uppercase; color: #FFFFFF;
transform: skewX(-8deg); display: inline-block; white-space: nowrap; }
.hx-logo-sub { font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .22em; color: #A3A3A3; margin-top: 5px; text-transform: uppercase; white-space: nowrap; }
@media (min-width: 992px) {
#sp-menu > .sp-column { display: flex; align-items: center; justify-content: flex-end; gap: 30px; height: 100%; }
#sp-menu .sp-megamenu-wrapper { order: 1; float: none; }
#sp-menu .sp-module:has(.hx-hdr-cta) { order: 2; margin: 0; }
#sp-menu .themis-top-search { display: none; }
#sp-menu .sp-megamenu-parent { display: flex !important; gap: 24px; margin: 0; }
#sp-menu .sp-megamenu-parent > li > a, #sp-menu .sp-megamenu-parent > li > span { white-space: nowrap; }
/* „Umów odbiór" w menu dubluje przycisk „Zamów odbiór" nagłówka (a strona /umow-odbior jest pusta) — na komputerze ukryta, w menu mobilnym zostaje */
#sp-menu .sp-megamenu-parent > li:has(> a[href$="/umow-odbior"]) { display: none; }
#sp-menu .sp-megamenu-parent > li > a, #sp-menu .sp-megamenu-parent > li > span { padding: 0; line-height: 92px; font-size: 15px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #FFFFFF; }
#sp-menu .sp-megamenu-parent > li.active > a, #sp-menu .sp-megamenu-parent > li > a:hover { color: #FF2A4D; }
}
.hx-hdr-cta { display: flex; align-items: center; gap: 14px; }
.hx-hdr-tel { display: flex; align-items: center; gap: 10px; color: #FFFFFF; text-decoration: none; }
.hx-hdr-tel .fa { color: #E4002B; font-size: 22px; }
.hx-hdr-tel-txt { display: flex; flex-direction: column; line-height: 1.05; }
.hx-hdr-tel-cap { font-size: 11px; font-weight: 600; letter-spacing: .12em; color: #A3A3A3; text-transform: uppercase; }
.hx-hdr-tel-num { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 24px; color: #FFFFFF; white-space: nowrap; }
.hx-hdr-btn { height: 48px; padding: 0 20px; display: inline-flex; align-items: center; background: #E4002B; color: #FFFFFF; text-decoration: none;
font-weight: 700; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); }
.hx-hdr-btn:hover { background: #B8001F; color: #FFFFFF; }
@media (max-width: 991px) {
/* telefon: nagłówek w biegu strony pod belką (belka ma zmienną wysokość); logo po lewej, telefon i menu po prawej */
header#sp-header { position: relative !important; top: 0 !important; height: 64px !important; }
#sp-menu > .sp-column { display: flex; align-items: center; justify-content: flex-end; gap: 10px; height: 100%; }
#sp-menu .themis-top-search { display: none; }
.hx-hdr-tel-txt, .hx-hdr-btn { display: none; }
.hx-hdr-tel { width: 44px; height: 44px; justify-content: center; background: #E4002B; }
.hx-hdr-tel .fa { color: #FFFFFF; font-size: 18px; }
#sp-menu #offcanvas-toggler { order: 3; width: 44px; height: 44px; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid #2A2A2A; color: #FFFFFF; line-height: 1; margin: 0; }
.hx-logo-badge { width: 40px; height: 40px; font-size: 17px; }
.hx-logo-name { font-size: 22px; }
.hx-logo-sub { display: none; }
}
/* średnie ekrany (992–1399 px, kontener 930–1140 px): belka i nagłówek ciaśniej; poniżej 1200 px belka może mieć 3 wiersze */
@media (min-width: 992px) and (max-width: 1399px) {
#sp-top-bar .topbar-promises:not(.topbar-spec) { font-size: 11.5px; letter-spacing: .03em; gap: 6px 18px; }
#sp-top-bar .topbar-spec { font-size: 11px; letter-spacing: 0; gap: 4px 9px; }
#sp-top-bar .topbar-spec li:nth-child(n+3)::before { margin-right: 9px; }
#sp-top-bar .topbar-label { font-size: 13px; }
.hx-logo-sub { display: none; }
.hx-hdr-tel-txt { display: none; }
#sp-menu .sp-megamenu-parent { gap: 18px; }
#sp-menu .sp-megamenu-parent > li > a, #sp-menu .sp-megamenu-parent > li > span { font-size: 13px; letter-spacing: .04em; }
}
@media (min-width: 992px) and (max-width: 1199px) {
#sp-top-bar .topbar-promises { padding: 6px 0; }
/* 992–1199: belka w 2 wierszach — krótkie brzmienia specjalizacji, bez „Tel. całą dobę” (telefon jest w nagłówku) */
#sp-top-bar .hx-full { display: none; }
#sp-top-bar .hx-short { display: inline; }
#sp-top-bar .topbar-cta, #sp-top-bar .sp-module:has(.topbar-cta) { display: none; }
#sp-top-bar .topbar-promises { flex-wrap: nowrap; }
.hx-logo-name { font-size: 22px; }
.hx-logo-badge { width: 44px; height: 44px; font-size: 18px; }
.hx-hdr-btn { padding: 0 14px; font-size: 12px; }
/* belka ma tu 2 wiersze (77 px, jak ≥1200) — dawne odsunięcie nagłówka o 115 px zbędne (2026-09-26) */
}
/* panel menu mobilnego po prawej: Themis chowa go o 300 px, a na telefonie ma szerokość 100% — wystawał 90 px */
body.ltr.offcanvs-position-right .offcanvas-menu { left: auto; right: -100%; }
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0; }
@media (max-width: 575px) { body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper { right: 0; } }
/* ── stopka ── */
#sp-bottom-top { border-bottom-color: #2A2A2A; background: #0A0A0A; }
#sp-bottom { background: #0A0A0A; color: #A3A3A3; padding: 64px 0 24px; border-top: 1px solid #2A2A2A; font-size: 14px; line-height: 1.5; }
#sp-bottom p { margin: 0 0 10px; }
#sp-bottom a { color: #FFFFFF; }
#sp-bottom a:hover { color: #FF2A4D; }
#sp-bottom .sp-module .sp-module-title { font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #A3A3A3; margin: 0 0 10px; line-height: normal; }
#sp-bottom ul.menu { list-style: none; margin: 0; padding: 0; }
#sp-bottom ul.menu li { margin: 0 0 10px; padding: 0; border: 0; line-height: normal; }
#sp-bottom ul.menu li a { color: #FFFFFF; font-family: 'Barlow', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.hx-foot-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 14px !important; }
#sp-bottom .hx-logo-badge { width: 40px; height: 40px; font-size: 17px; clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%); }
.hx-foot-box { border: 1px solid #2A2A2A; padding: 20px 24px; margin-top: 16px; }
.hx-foot-label { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 16px; letter-spacing: .1em; color: #FF2A4D; margin: 0 0 10px !important; }
.hx-foot-h { font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #A3A3A3; margin: 0 0 10px !important; line-height: normal; }
#sp-bottom .footer-promises { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px 16px; color: #FFFFFF; font-weight: 600; font-size: 15px; }
#sp-bottom .footer-promises li { margin: 0 !important; padding: 0 !important; border: 0; line-height: normal; }
.hx-foot-tel { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 30px; line-height: normal; }
/* kolumny kontakt/obszar: białe wiersze wysokości normalnej, szare opisy 1.5 (makieta) */
#sp-bottom .hx-foot-kontakt p, #sp-bottom .hx-foot-obszar p { line-height: 1.5; }
#sp-bottom .hx-foot-kontakt p.hx-foot-white, #sp-bottom .hx-foot-obszar p.hx-foot-white { line-height: normal; }
#sp-bottom .hx-foot-kontakt p:has(.hx-foot-tel) { line-height: normal; }
.hx-foot-white { color: #FFFFFF; }
#sp-footer { background: #0A0A0A; color: #A3A3A3; font-size: 12px; line-height: 1.5; padding: 0 0 40px; border: 0; }
#sp-footer .container-inner { border-top: 1px solid #2A2A2A; padding-top: 20px; }
#sp-footer #sp-footer1 { flex: 0 0 100%; max-width: 100%; }
#sp-footer .sp-copyright { display: flex; justify-content: space-between; gap: 40px; color: #A3A3A3; }
.hx-copy-r { white-space: nowrap; }
@media (min-width: 992px) {
/* makieta: dwa bloki ośmiu punktów na całą szerokość, pod nimi 4 kolumny: marka i opis · kontakt · obszar · menu */
#sp-bottom .container-inner > .row { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto auto 1fr; column-gap: 40px; margin: 0; }
#sp-bottom .container-inner > .row > div { max-width: none; width: auto; flex: none; padding: 0; }
#sp-bottom1, #sp-bottom1 > .sp-column, #sp-bottom1 .sp-module, #sp-bottom1 .sp-module-content, #sp-bottom1 .mod-custom,
#sp-bottom4, #sp-bottom4 > .sp-column, #sp-bottom4 .sp-module, #sp-bottom4 .sp-module-content, #sp-bottom4 .mod-custom { display: contents; }
#sp-bottom1 .hx-foot-box { margin: 0 0 40px; }
/* dwa bloki równej szerokości (makieta: 2 × 1fr, odstęp 16) w siatce 1.3fr + 3 × 1fr z odstępem 40 —
szerokość wyliczona z szerokości obszaru siatki: (W-16)/2 = 0.9348·A(1–2) + 14.6 = 1.075·A(3–4) + 9 */
#sp-bottom1 .hx-foot-box:nth-of-type(1) { grid-column: 1 / 3; grid-row: 1; width: calc(93.48% + 14.6px); }
#sp-bottom1 .hx-foot-box:nth-of-type(2) { grid-column: 3 / 5; grid-row: 1; width: calc(107.5% + 9px); justify-self: end; }
#sp-bottom1 .hx-foot-brand { grid-column: 1; grid-row: 2; }
#sp-bottom1 .mod-custom > p:not(.hx-foot-brand) { grid-column: 1; grid-row: 3; }
#sp-bottom .hx-foot-kontakt { grid-column: 2; grid-row: 2 / span 3; }
#sp-bottom .hx-foot-obszar { grid-column: 3; grid-row: 2 / span 3; }
#sp-bottom2 { grid-column: 4; grid-row: 2 / span 2; align-self: start; }
/* menu w stopce = jedna lista 8 odnośników (makieta); moduły 2 i 3 w tej samej komórce, trzeci przesunięty o wysokość drugiego
(tytuł 14 + 10, 4 × 17 px + 3 × 10, odstęp 10 = 132 px) — inaczej wiersz marki (152 px) rozsuwa listę o 20 px */
#sp-bottom2 { grid-row: 2 / span 3 !important; }
#sp-bottom3 { grid-column: 4; grid-row: 2 / span 3; align-self: start; margin-top: 132px; padding-top: 0 !important; }
#sp-bottom1 .mod-custom > p:not(.hx-foot-brand) { align-self: start; }
#sp-bottom .hx-foot-box .footer-promises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
#sp-bottom { padding: 40px 0 16px; }
#sp-bottom .container-inner > .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; margin: 0; }
#sp-bottom .container-inner > .row > div { max-width: none; width: auto; flex: none; padding: 0; }
#sp-bottom1, #sp-bottom4 { grid-column: 1 / -1; }
#sp-bottom1 { order: 1; } #sp-bottom2 { order: 2; } #sp-bottom3 { order: 3; padding-top: 22px !important; } #sp-bottom4 { order: 4; margin-top: 16px; }
#sp-bottom .hx-foot-obszar { margin-top: 16px; }
#sp-footer .sp-copyright { flex-direction: column; gap: 6px; }
}
/* pasek „Zadzwoń / Zamów odbiór” przyklejony do dołu ekranu — z makiety V6 390 px (znaczniki w module nagłówka) */
.hx-mob-bar { display: none; }
@media (max-width: 575px) {
.hx-mob-bar { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 998; padding: 8px 16px; background: #0A0A0A; border-top: 3px solid #E4002B; }
.hx-mob-bar a { flex: 1 1 0; height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #FFFFFF; text-decoration: none;
font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 17px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
.hx-mob-tel { background: #E4002B; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); text-transform: none !important; font-size: 16px !important; }
.hx-mob-tel .fa { font-size: 14px; }
.hx-mob-btn { border: 2px solid #FFFFFF; }
body { padding-bottom: 67px; }
}
/* stopka na telefonie wg makiety 390 (2026-09-25): bloki GRATIS / SPECJALIZACJE, marka, kontakt, obszar, menu 2 × 4 z kreskami; odstęp 28 */
@media (max-width: 575px) {
#sp-bottom { padding: 48px 0 40px; font-size: 15px; }
#sp-bottom .container-inner > .row { display: flex; flex-direction: column; gap: 28px; }
#sp-bottom1, #sp-bottom1 > .sp-column, #sp-bottom1 .sp-module, #sp-bottom1 .sp-module-content, #sp-bottom1 .mod-custom,
#sp-bottom4, #sp-bottom4 > .sp-column, #sp-bottom4 .sp-module, #sp-bottom4 .sp-module-content, #sp-bottom4 .mod-custom { display: contents; }
#sp-bottom1 .hx-foot-box { order: 1; margin: 0; padding: 16px; }
#sp-bottom1 .hx-foot-box ~ .hx-foot-box { order: 2; }
#sp-bottom1 .hx-foot-brand { order: 3; margin: 0 !important; gap: 10px; }
#sp-bottom1 .mod-custom > p:not(.hx-foot-brand) { order: 4; margin: -16px 0 0; font-size: 15px; line-height: 1.5; }
#sp-bottom .hx-foot-kontakt { order: 5; margin: 0; }
#sp-bottom .hx-foot-obszar { order: 6; margin: 0; }
#sp-bottom2 { order: 7; margin: 0 !important; }
#sp-bottom3 { order: 8; margin-top: -28px !important; padding-top: 0 !important; }
#sp-bottom .hx-foot-label { margin: 0 0 8px !important; }
#sp-bottom .hx-foot-box .footer-promises { grid-template-columns: 1fr; gap: 8px; font-size: 15px; color: #D6D6D6; }
#sp-bottom .hx-foot-kontakt p, #sp-bottom .hx-foot-obszar p { margin: 0 0 8px; font-size: 15px; }
#sp-bottom .hx-foot-h, #sp-bottom .sp-module .sp-module-title { font-family: 'Saira Condensed', sans-serif; font-size: 16px; font-weight: 900; letter-spacing: .1em; color: #FFFFFF; margin: 0 0 8px !important; }
#sp-bottom .hx-foot-tel { font-size: 34px; line-height: 1.1; }
#sp-bottom ul.menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; border-top: 1px solid #2A2A2A; }
#sp-bottom3 ul.menu { border-top: 0; }
#sp-bottom ul.menu li { min-height: 48px; margin: 0; display: flex; align-items: center; border-bottom: 1px solid #2A2A2A; }
#sp-bottom ul.menu li a { font-size: 15px; font-weight: 600; }
#sp-bottom .sp-module, #sp-bottom .sp-module-content { margin: 0 !important; padding: 0 !important; }
#sp-bottom .footer-specialties li:first-child { line-height: 1.45; }
#sp-bottom ul.menu li a { align-self: stretch; display: flex; align-items: center; }
#sp-footer { padding: 0 0 40px; }
#sp-footer .sp-copyright { align-items: flex-start; text-align: left; gap: 8px; font-size: 15px; line-height: 1.5; }
}
/* telefon wg makiety 390: belka 15 px w obu wierszach, pasek przyklejony 1.25fr/1fr z odstępem 8 */
@media (max-width: 575px) {
#sp-top-bar .topbar-promises:not(.topbar-spec) { font-size: 15px; line-height: 22px; gap: 4px 8px; padding: 8px 0; }
#sp-top-bar .topbar-spec { font-size: 15px; font-weight: 700; gap: 2px 7px; min-height: 32px; padding: 0; }
#sp-top-bar .sp-module.topbar-promise-strip { margin: 0; display: block; }
#sp-top-bar .topbar-spec { letter-spacing: 0; }
#sp-top-bar .topbar-promises .fa { margin-right: 8px; }
#sp-logo .logo { height: 64px; } /* logo miało 80 px w nagłówku 64 px — obniżone o 8 px */ /* moduł był wcięty o 20 px i wyśrodkowany */
.hx-mob-bar { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 8px; padding: 5px 8px 8px; box-shadow: 0 -8px 24px rgba(0,0,0,.6); }
.hx-mob-bar a { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 17px !important; white-space: nowrap; }
.hx-mob-bar a:not(.hx-mob-tel) { border: 2px solid #FFFFFF; letter-spacing: .04em; }
.hx-mob-tel { clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
#sp-bottom .hx-foot-label { color: #FF2A4D; }
}
/* tablet 576–991: menu w stopce jak na telefonie — dwie kolumny, wiersze 48 px z kreską (wygodne pola dotyku) */
@media (min-width: 576px) and (max-width: 991px) {
/* moduły menu 2 i 3 stoją obok siebie (po pół szerokości) — każdy jako jedna kolumna czterech wierszy */
#sp-bottom2 { margin-top: 28px; }
#sp-bottom3 { margin-top: 30px; } /* wyrównanie z listą obok (tytuł „Menu” jest tylko w module 2) */
#sp-bottom ul.menu { display: grid; grid-template-columns: 1fr; border-top: 1px solid #2A2A2A; }
#sp-bottom ul.menu li { min-height: 48px; margin: 0; display: flex; align-items: center; border-bottom: 1px solid #2A2A2A; }
#sp-bottom ul.menu li a { font-size: 15px; font-weight: 600; }
#sp-bottom .sp-module, #sp-bottom .sp-module-content { margin-bottom: 0 !important; }
}
/* nagłówek nieprzezroczysty jak w makiecie — Themis zeruje tło na stronie głównej; tekst stopki bez odstępu liter */
#sp-header { background-color: #0A0A0A !important; }
#sp-bottom p, #sp-bottom span, #sp-bottom li, #sp-footer span { letter-spacing: 0; }
#sp-footer .container-inner { padding-bottom: 0; } /* makieta: pod prawami autorskimi tylko padding stopki 40 px */
/* stopka na telefonie: odstępy 28 px jak w makiecie (bez dolnego marginesu ostatniego akapitu), prawa autorskie interlinia normalna */
@media (max-width: 575px) {
#sp-bottom .hx-foot-kontakt p:last-child, #sp-bottom .hx-foot-obszar p:last-child { margin-bottom: 0; }
#sp-bottom { padding-bottom: 28px; }
#sp-footer .hx-copy-r { line-height: normal; }
}
/* nagłówek na telefonie: przyciski 48 × 48 jak w makiecie 390; telefon ze ściętymi rogami, ikona 22 px */
@media (max-width: 575px) {
.hx-hdr-tel { width: 48px !important; height: 48px !important; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.hx-hdr-tel .fa { font-size: 22px !important; }
#sp-menu #offcanvas-toggler { width: 48px !important; height: 48px !important; }
}
/* wysuwane menu (telefon/tablet) — było ciemne na ciemnym (kontrast 1,07); wygląd V6, pola dotyku 56 px */
.offcanvas-menu { background: #0A0A0A; }
.offcanvas-menu .offcanvas-inner { padding-top: 72px; }
.offcanvas-menu .close-offcanvas { color: #FFFFFF; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
.offcanvas-menu ul.menu { list-style: none; margin: 0; padding: 0; border-top: 1px solid #2A2A2A; }
.offcanvas-menu ul.menu > li { position: relative; border-bottom: 1px solid #2A2A2A !important; margin: 0; padding: 0; }
.offcanvas-menu .sppb-addon-content { color: #A3A3A3 !important; }
.offcanvas-menu ul.menu > li > a, .offcanvas-menu ul.menu > li > span { display: flex; align-items: center; min-height: 56px; padding: 0 56px 0 0; color: #FFFFFF !important;
font-family: 'Saira Condensed', sans-serif; font-size: 20px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; opacity: 1; }
.offcanvas-menu ul.menu > li.active > a, .offcanvas-menu ul.menu > li > a:hover { color: #FF2A4D !important; }
.offcanvas-menu .menu-toggler { color: #FFFFFF !important; opacity: 1; width: 48px; height: 56px; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; }
.offcanvas-menu ul.menu-child { list-style: none; margin: 0; padding: 0 0 12px 12px; }
.offcanvas-menu ul.menu-child li { margin: 0; padding: 0; border: 0; }
.offcanvas-menu ul.menu-child a, .offcanvas-menu ul.menu-child span { display: flex; align-items: center; min-height: 44px; color: #D6D6D6 !important; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; text-transform: none; }
.offcanvas-menu ul.menu-child a:hover { color: #FF2A4D !important; }
.offcanvas-menu .sp-page-builder, .offcanvas-menu .sp-page-builder p, .offcanvas-menu .sp-page-builder span { color: #A3A3A3 !important; }
.offcanvas-menu .offcanvas-logo, .offcanvas-menu .offcanvas-logo p, .offcanvas-menu .offcanvas-logo span { color: #FFFFFF !important; }
/* link „Przejdź do treści” — widoczny po fokusie z klawiatury */
.hx-skip { position: absolute; left: 8px; top: -80px; z-index: 10000; padding: 12px 18px; background: #E4002B; color: #FFFFFF !important; font-weight: 700; text-decoration: none; }
.hx-skip:focus { top: 8px; outline: 2px solid #FFFFFF; outline-offset: 2px; }
/* etykiety stopki: odstęp liter z makiety (reguła zerująca odstęp tekstu stopki ich nie dotyczy) */
#sp-bottom .hx-foot-label { letter-spacing: .1em; }
#sp-bottom .hx-foot-h { letter-spacing: .2em; }
@media (max-width: 575px) { #sp-bottom .hx-foot-h { letter-spacing: .1em; } }
/* hx-v6-chrom:koniec */
/* Reguły starych sekcji 1569395558920 / 1567666179898 / 1567666179814 (wyrównanie kafli,
odsunięcie hero spod nagłówka) — USUNIĘTE 2026-09-25 razem z redesignem HUD: sekcje
są ukryte, hero V6 ma odstęp od nagłówka w polu padding sekcji. */
/* X9-fonty-lokalne:start — napraw --kod=FNT 20260925-170948: kroje Google z własnego serwera (decyzja właściciela 2026-09-15, RODO i szybkość);
do fonts.googleapis.com wycina JCH (remove_css), ustawienia typografii Helixa/SPPB bez zmian. Pliki: /media/com_sppagebuilder/assets/google-fonts// */
@font-face{font-family:'Barlow';font-style:italic;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-fbc15e52b1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-d907923556.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-99525abbf7.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-f9883e5c9e.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-eed84f4901.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-250469109b.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-2f20545674.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ba02734143.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-5326a5b6bc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-907d481de7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-bd835c0f7a.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-be9b8de9c5.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-d7a2d34100.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-916f83d567.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-4cd438f13a.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-3e2341b920.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:italic;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-cdaee92f9b.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:italic;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-066cd0e0d6.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-c923db5c66.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-c8dd6c2acf.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-b075afb31f.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-dd173f13fd.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-28e058f21e.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-d44269fd10.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-133bced69b.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-3cfec04e56.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-b3908b518e.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-4f52d62547.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-82b5af4b06.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-8739727e3c.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-f87323f453.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-5cfda61deb.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-820d3f620d.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-41c1955acb.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-ext-ab25e4b9a2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Barlow/barlow-latin-9a5d359b72.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-dd76922864.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:100;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ad23841cb4.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-dc7c55a568.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:200;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-12d0e4286f.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-b857fd6658.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-74611fd629.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-36d243501e.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-98de77aa25.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-2351e7106a.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-e0096f61f9.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-67318afba5.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-baab286a17.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-05480dc5b4.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-6cc5d6e405.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-4f27ba08a4.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-7e4b16eb8a.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-ext-b4c4587ba8.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Saira%20Condensed/saira-condensed-latin-7951d6981d.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* X9-fonty-lokalne:koniec */
/* hx-v6:start — 2026-09-25. Wygląd strony głównej wg makiety V6 Mix (płótno Claude Design, zaakceptowane
przez właściciela). WYŁĄCZNIE reguły na własnych klasach wl-hx-*, wpisanych w polu „CSS Class" dodatków,
kolumn i sekcji (reguła sieci z 2026-09-13, 04-css-i-kaskada.md „Gdzie wpisać CSS — i własna klasa wl-").
Dlaczego w arkuszu, a nie w polach sekcji: ten sam wygląd (eyebrow, H2, przyciski, karty) powtarza się
w 19 sekcjach, a reguły na telefon wymagają @media — w polach *_custom_css SPPB @media działa bez warunku
(pułapka zmierzona na tej witrynie). Układ robią wiersze i kolumny SPPB; tu tylko wartości wyglądu.
Kolory: czerń #0A0A0A, grafit #141414/#1C1C1C, linie #2A2A2A, czerwień #E4002B (tekst na ciemnym #FF2A4D). */
/* ── sekcje: kontener 1280 px treści, kolory tekstu ── */
.wl-hx-sec { color: #D6D6D6; }
.wl-hx-sec p { margin: 0; }
.wl-hx-sec .sppb-addon-title { color: #FFFFFF; }
.wl-hx-red { color: #E4002B; }
.wl-hx-sec .sppb-addon-wrapper,
.wl-hx-sec .sppb-addon-wrapper .sppb-addon { margin-bottom: 0; }
/* ── typografia ── */
.hxg-hx-eyebrow .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 20px; line-height: normal; letter-spacing: .12em; color: #FF2A4D; text-transform: uppercase; margin-bottom: 10px; }
.hxg-hx-eyebrow.is-white .sppb-addon-content { color: #FFFFFF; }
.hxg-hx-kicker .sppb-addon-content { font-size: 14px; font-weight: 700; letter-spacing: .14em; color: #FFFFFF; text-transform: uppercase; }
.wl-hx-hero .hxg-hx-kicker .sppb-addon-content { font-size: 13px; letter-spacing: .2em; color: #A3A3A3; }
.wl-hx-kicker-r .sppb-addon-content { color: #A3A3A3; text-align: right; }
.wl-hx-nr { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 20px; letter-spacing: 0; color: #FF2A4D; margin-right: 6px; }
.wl-hx-h1 .sppb-addon-title,
.hxg-hx-h2 .sppb-addon-title,
.hxg-hx-h3xl .sppb-addon-title {
font-family: 'Saira Condensed', sans-serif; font-weight: 900; text-transform: uppercase; color: #FFFFFF;
margin: 0;
}
/* pochylenie słów, nie całego bloku: przy skewX całego nagłówka każdy wyższy wiersz uciekał w prawo o 0,14 × jego
odległość od dołu („schodek”); słowo pochylone od własnego lewego dolnego rogu — te same litery, wiersze równo (2026-09-26) */
.wl-hx-w { display: inline-block; transform: skewX(-8deg); transform-origin: left bottom; }
.wl-hx-h1 .sppb-addon-title { font-size: 80px; line-height: .92; margin: 24px 0; }
.hxg-hx-h2 .sppb-addon-title { font-size: 60px; line-height: .95; }
.wl-hx-h2-80 .sppb-addon-title { font-size: 80px; line-height: .92; margin: 14px 0; }
.hxg-hx-h3xl .sppb-addon-title { font-weight: 800; font-size: 40px; line-height: 1.02; }
.wl-hx-h3-34 .sppb-addon-title { font-weight: 900; font-size: 34px; line-height: 1; margin: 16px 0; }
.wl-hx-h3-46 .sppb-addon-title { font-weight: 900; font-size: 46px; line-height: .95; margin: 12px 0; }
.hxg-hx-h3 .sppb-addon-title { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 26px; line-height: 1.02; text-transform: uppercase; color: #FFFFFF; margin: 0 0 12px; }
.hxg-hx-h3-icon .sppb-addon-title { font-weight: 900; font-size: 32px; display: flex; align-items: center; gap: 12px; }
.hxg-hx-h3-icon .sppb-addon-title span { transform: skewX(-8deg); display: inline-block; }
.wl-hx-h3-skew .sppb-addon-title { font-size: 28px; line-height: 1; }
.hxg-hx-lead .sppb-addon-content { font-size: 16px; line-height: 1.5; color: #A3A3A3; }
.hxg-hx-lead-lg .sppb-addon-content { font-size: 18px; color: #D6D6D6; margin: 18px 0 8px; }
.wl-hx-lead-white .sppb-addon-content { color: #FFFFFF; font-size: 18px; max-width: 660px; }
.wl-hx-hero-lead .sppb-addon-content { font-size: 18px; line-height: 1.5; color: #D6D6D6; max-width: 600px; }
.hxg-hx-text .sppb-addon-content { font-size: 16px; line-height: 1.5; color: #D6D6D6; }
.hxg-hx-muted .sppb-addon-content { font-size: 14px; color: #A3A3A3; }
/* hero, krok 3: przycisk 8 px pod etykietą (makieta), a nie odstęp kolumny 18 px */
.wl-hx-zcard .sppb-addon-wrapper:has(+ .addon-root-button) { margin-bottom: -18px; }
/* strona „Umów odbiór”: karty na tle sekcji #0A0A0A — jaśniejsze, żeby było widać ich obrys */
.wl-hx-uo-prep .wl-hx-card, .wl-hx-uo-war .wl-hx-card { background: #141414; }
/* radar na telefon (z makiety 390) — tylko ≤575 px */
.wl-hx-radar-mob { display: none; }
/* numer sekcji „NN //” dziedziczy odstęp liter wiersza, jak w makiecie */
.wl-hx-nr { letter-spacing: inherit; }
/* 08: dwa przyciski o szerokości treści, odstęp 14 (makieta); telefon 24 px */
@media (min-width: 992px) {
.wl-hx-second .wl-hx-btnrow .sppb-row { flex-wrap: nowrap; gap: 14px; margin: 0 !important; }
.wl-hx-second .wl-hx-btnrow .sppb-row > div { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; }
}
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn { font-size: 24px; padding: 0 28px; }
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn-ghost { padding: 0 26px; }
/* 16: telefon bez ikony, 52 px, 24 px */
.wl-hx-faq-sec .sppb-btn.hxg-hx-btn-num { font-size: 24px; min-height: 52px; padding: 0 26px; }
@media (min-width: 576px) { .wl-hx-faq-sec .sppb-btn.hxg-hx-btn-num .fas { display: none; } }
/* 07: „Zapytaj: 22 378 46 57” bez wersalików (makieta) */
.wl-hx-nap-sec .wl-hx-card-alt .sppb-btn { text-transform: none; }
/* ikona słuchawki konturowa jak w makiecie (SVG ikony jako maska — kolor z currentColor, rozmiar z font-size) */
.wl-hx-sec .fa-phone-alt::before, .hx-hdr-tel .fa-phone::before, .hx-mob-tel .fa::before {
content: ""; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor;
-webkit-mask: url(/images/hyperx-v6/ikony/telefon.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/telefon.svg) center / contain no-repeat; }
@media (min-width: 992px) { .hx-hdr-tel .fa-phone { color: #E4002B; } } /* na telefonie ikona biała na czerwonym kwadracie */
/* makieta 1440: numery w 08 i 11 bez ikony; tło hero liczone od dołu nagłówka (nagłówek leży na hero) */
@media (min-width: 576px) {
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn .fas, .wl-hx-redpanel .sppb-btn.hxg-hx-btn-num .fas { display: none; }
}
@media (min-width: 992px) {
.wl-hx-hero.sppb-section { background-position: center 92px !important; }
.wl-hx-order .wl-hx-redpanel { align-self: flex-start; height: auto !important; }
.wl-hx-marquee2 p { letter-spacing: .01em; }
.wl-hx-faq .sppb-toggle-direction { margin-left: 14px; flex-shrink: 0; }
}
/* ≥1400: treść 1280 px jak w makiecie (SPPB dawał kontener 1320 → 1290 px treści, przesunięcie 4,5 px) */
@media (min-width: 1400px) { .wl-hx-sec > .sppb-row-container { max-width: 1310px !important; } }
@media (min-width: 992px) {
/* karta zgłoszenia w hero: wysokość treści (była rozciągnięta do wysokości hero: 798 zamiast 566 px) */
.wl-hx-zcard { height: auto !important; align-self: flex-start; }
/* 11: ikona laptopa zastępczego wyśrodkowana w pionie jak w makiecie */
.wl-hx-order .hxg-hx-feat-row .sppb-media { align-items: center; }
}
/* przyciski — wymiary z makiety 1440 */
@media (min-width: 576px) {
.wl-hx-nap-sec .wl-hx-cardfoot .sppb-btn { padding: 0 14px; letter-spacing: .06em; }
.wl-hx-cases .sppb-btn.hxg-hx-btn-ghost { padding: 0 26px; gap: 10px; letter-spacing: .08em; }
}
@media (min-width: 1400px) {
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { padding: 0 30px; gap: 10px; letter-spacing: .08em; }
}
@media (min-width: 1200px) {
.wl-hx-bar .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { min-height: 52px; padding: 0 30px; font-size: 22px; }
}
@media (min-width: 1400px) {
/* pasek: napisy zajmują 858 px jak w makiecie (363 + 28 + 467), przyciski resztę */
.wl-hx-bar > .sppb-row-container > .sppb-row > div:first-child { flex: 0 0 67.4% !important; max-width: 67.4% !important; }
.wl-hx-bar > .sppb-row-container > .sppb-row > div:last-child { flex: 0 0 32.6% !important; max-width: 32.6% !important; }
}
@media (min-width: 1400px) {
/* hero: przyciski obok siebie z odstępem 16, laptop 360 + kafle 300 z odstępem 24 (makieta) */
.wl-hx-hero-btns .sppb-row { gap: 16px; margin: 0 !important; }
.wl-hx-hero-btns .sppb-row { flex-wrap: nowrap; }
.wl-hx-hero-btns .sppb-row > div { padding: 0 !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
.wl-hx-hero-row .sppb-row { display: grid !important; grid-template-columns: 360px 300px; column-gap: 24px; margin: 0 !important; }
.wl-hx-hero-row .sppb-row > div { width: auto !important; max-width: none !important; padding: 0 !important; }
.wl-hx-bar .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { letter-spacing: 0; }
.wl-hx-bar .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { width: 186px; padding: 0 24px; justify-content: center; } /* szerokość z makiety */
.wl-hx-bar .sppb-nested-row { display: flex !important; justify-content: flex-end; align-items: center; gap: 28px; margin: 0 !important; flex-wrap: nowrap; }
.wl-hx-bar .sppb-nested-row > div { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; }
.wl-hx-hero-btns .sppb-btn.hxg-hx-btn.hxg-hx-btn-xl { padding: 0 32px; gap: 12px; }
}
@media (min-width: 576px) {
.wl-hx-second .wl-hx-btnrow { margin-top: 8px !important; }
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn { letter-spacing: 0; }
.wl-hx-cases .sppb-btn .fas { width: 18px; text-align: center; }
.wl-hx-feat-zero .sppb-feature-box-title { margin-bottom: 14px !important; } /* makieta: odstęp 14 do opisu */
}
/* ikony obrysowe z makiety (maski SVG, kolor z currentColor) zamiast znaków Font Awesome — 2026-09-26 */
.wl-hx-sec .fa-arrow-right::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 18px; height: 18px; -webkit-mask: url(/images/hyperx-v6/ikony/m-strzalka.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-strzalka.svg) center / contain no-repeat; }
.wl-hx-sec .fa-arrow-down::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 18px; height: 18px; transform: rotate(90deg); -webkit-mask: url(/images/hyperx-v6/ikony/m-strzalka.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-strzalka.svg) center / contain no-repeat; }
.wl-hx-btn-link .fa-arrow-right::before { width: 16px; height: 16px; }
.wl-hx-nope .fa-times::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 18px; height: 18px; -webkit-mask: url(/images/hyperx-v6/ikony/m-x.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-x.svg) center / contain no-repeat; }
.hxg-hx-infobox .fa-info-circle::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 24px; height: 24px; -webkit-mask: url(/images/hyperx-v6/ikony/m-info.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-info.svg) center / contain no-repeat; }
#sp-top-bar .fa-check::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 14px; height: 14px; -webkit-mask: url(/images/hyperx-v6/ikony/m-check.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-check.svg) center / contain no-repeat; }
#sp-menu .sp-megamenu-parent > li > a::after, #sp-menu .sp-megamenu-parent > li > span::after { content: ""; font-family: inherit; display: inline-block !important; position: static !important; width: 12px; height: 12px; margin-left: 6px; vertical-align: 1px; background-color: currentColor; -webkit-mask: url(/images/hyperx-v6/ikony/m-szewron.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-szewron.svg) center / contain no-repeat; }
#sp-menu .sp-megamenu-parent > li:not(.sp-has-child) > a::after { display: none !important; }
@media (min-width: 992px) { #sp-menu .sp-megamenu-parent > li > a, #sp-menu .sp-megamenu-parent > li > span { display: inline-flex !important; align-items: center; gap: 6px; } }
#sp-menu .sp-megamenu-parent > li > a::after, #sp-menu .sp-megamenu-parent > li > span::after { margin-left: 0 !important; vertical-align: middle; }
#offcanvas-toggler .fa-bars::before { content: ""; display: inline-block; background-color: currentColor; vertical-align: -0.125em; width: 24px; height: 24px; -webkit-mask: url(/images/hyperx-v6/ikony/m-menu.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-menu.svg) center / contain no-repeat; }
.wl-hx-faq .sppb-toggle-direction::after { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #FFFFFF; -webkit-mask: url(/images/hyperx-v6/ikony/m-plus.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-plus.svg) center / contain no-repeat; }
.wl-hx-faq .sppb-panel-heading.active .sppb-toggle-direction::after { content: ""; background-color: #E4002B; -webkit-mask: url(/images/hyperx-v6/ikony/m-minus.svg) center / contain no-repeat; mask: url(/images/hyperx-v6/ikony/m-minus.svg) center / contain no-repeat; }
@media (max-width: 575px) {
#sp-top-bar .fa-check::before { width: 12px; height: 12px; }
.wl-hx-faq .sppb-toggle-direction::after { width: 18px; height: 18px; }
.hxg-hx-infobox .fa-info-circle::before { width: 22px; height: 22px; }
}
/* fokus z klawiatury — wyraźny obrys (domyślny był ciemny na ciemnym tle, przyciski SPPB bez obrysu) */
a:focus-visible, button:focus-visible, .sppb-btn:focus-visible, .wl-hx-faq .sppb-panel-heading:focus-visible, [tabindex]:focus-visible {
outline: 2px solid #FF2A4D !important; outline-offset: 3px; box-shadow: none; }
.wl-hx-final a:focus-visible, .wl-hx-redpanel a:focus-visible, #sp-top-bar .topbar-spec a:focus-visible, .hx-mob-tel:focus-visible { outline-color: #FFFFFF !important; }
/* najechanie jak zasada makiety (a:hover #FF2A4D) tam, gdzie go brakowało */
.hx-hdr-tel:hover .hx-hdr-tel-num, .hx-hdr-tel:focus-visible .hx-hdr-tel-num { color: #FF2A4D; }
.hxg-hx-infobox a:hover { color: #FF2A4D; }
.wl-hx-faq .sppb-panel-heading:hover .sppb-panel-title { color: #FF2A4D; }
/* rozmiary ikony telefonu z makiety (ikona to maska 1em — bez tego brała rozmiar pisma przycisku) */
.sppb-btn.hxg-hx-btn-xl .fa-phone-alt::before { width: 22px; height: 22px; }
.sppb-btn.wl-hx-btn-card .fa-phone-alt::before { width: 20px; height: 20px; }
.wl-hx-bar .hxg-hx-btn-num .fa-phone-alt::before { width: 23px; height: 23px; }
.sppb-btn.wl-hx-btn-huge .fa-phone-alt::before { width: 30px; height: 30px; }
.wl-hx-faq-sec .hxg-hx-btn-num .fa-phone-alt::before { width: 20px; height: 20px; }
.wl-hx-redpanel .hxg-hx-btn-num .fa-phone-alt::before { width: 18px; height: 18px; }
.wl-hx-second .fa-phone-alt::before { width: 22px; height: 22px; }
@media (max-width: 575px) {
.sppb-btn.hxg-hx-btn-xl .fa-phone-alt::before { width: 18px; height: 18px; }
.wl-hx-bar .hxg-hx-btn-num .fa-phone-alt::before, .sppb-btn.wl-hx-btn-huge .fa-phone-alt::before { width: 26px; height: 26px; }
.wl-hx-series-sec .wl-hx-nr { letter-spacing: .12em; }
}
/* kolumny jak w makiecie: kontener flex z odstępem (makieta: gap 10/16/18/20 px), bez marginesów elementów */
.wl-hx-cg10 > .sppb-column-addons, .wl-hx-cg16 > .sppb-column-addons, .wl-hx-cg18 > .sppb-column-addons, .wl-hx-cg20 > .sppb-column-addons { display: flex; flex-direction: column; }
.wl-hx-cg10 > .sppb-column-addons { gap: 10px; } .wl-hx-cg16 > .sppb-column-addons { gap: 16px; }
.wl-hx-cg18 > .sppb-column-addons { gap: 18px; } .wl-hx-cg20 > .sppb-column-addons { gap: 20px; }
.wl-hx-cg10 .hxg-hx-eyebrow .sppb-addon-content, .wl-hx-cg16 .hxg-hx-eyebrow .sppb-addon-content, .wl-hx-cg18 .hxg-hx-eyebrow .sppb-addon-content, .wl-hx-cg20 .hxg-hx-eyebrow .sppb-addon-content,
.wl-hx-cg18 .hxg-hx-lead-lg .sppb-addon-content, .wl-hx-cg20 .hxg-hx-lead-lg .sppb-addon-content, .wl-hx-cg20 .wl-hx-warranty .sppb-addon-content { margin: 0; }
.wl-hx-cg18 .sppb-btn.wl-hx-btn-link { margin-top: 0; }
.wl-hx-btnrow { margin-top: 8px; }
/* 17: kolumna CTA — makieta: gap 14, elementy bez marginesów */
.wl-hx-cg14 > .sppb-column-addons { display: flex; flex-direction: column; gap: 14px; }
.wl-hx-cg14 .sppb-addon-content, .wl-hx-cg14 .sppb-addon-title { margin: 0 !important; }
.wl-hx-lead-mt8 .sppb-addon-content { margin-top: 8px; }
/* nagłówek sekcji: eyebrow + H2 po lewej, lead po prawej, wyrównane do dołu */
.wl-hx-head .sppb-row { align-items: flex-end; }
.wl-hx-head-lead .sppb-addon-content { max-width: 420px; margin-left: auto; }
/* ── przyciski (klasa stoi na samym a.sppb-btn) ── */
.sppb-btn.hxg-hx-btn, .sppb-btn.hxg-hx-btn-ghost, .sppb-btn.hxg-hx-btn-dark, .sppb-btn.hxg-hx-btn-line, .sppb-btn.hxg-hx-btn-plain {
border-radius: 0; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
min-height: 48px; padding: 0 24px; font-weight: 700; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.1;
}
.sppb-btn.hxg-hx-btn, .sppb-btn.hxg-hx-btn-dark { clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); border: 0; padding: 0 30px; }
.sppb-btn.hxg-hx-btn-ghost { border: 2px solid #FFFFFF !important; }
.sppb-btn.hxg-hx-btn-line { border: 1px solid #E4002B !important; justify-content: space-between; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 17px; }
.sppb-btn.hxg-hx-btn-line .fas { color: #E4002B; order: 2; }
.sppb-btn.hxg-hx-btn-line:hover .fas { color: #FFFFFF; }
.sppb-btn.hxg-hx-btn-plain { background: transparent; border: 0; padding: 0; color: #FFFFFF; }
.sppb-btn.hxg-hx-btn-plain:hover { color: #FF2A4D; }
.sppb-btn.wl-hx-btn-link { min-height: 44px; margin-top: 10px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.sppb-btn.wl-hx-btn-link .fas { order: 2; }
.sppb-btn.hxg-hx-btn-xl { min-height: 64px; font-size: 16px; }
.sppb-btn.hxg-hx-btn.hxg-hx-btn-xl { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 28px; letter-spacing: 0; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl .fas { order: 2; }
.sppb-btn.hxg-hx-btn-lg { min-height: 56px; font-size: 15px; }
.sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 22px; letter-spacing: .02em; }
.sppb-btn.wl-hx-btn-sm { min-height: 44px; padding: 0 16px; font-size: 13px; }
.sppb-btn.hxg-hx-btn.wl-hx-btn-sm { clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.sppb-btn.hxg-hx-btn-num, .sppb-btn.wl-hx-btn-num30, .sppb-btn.wl-hx-btn-huge, .sppb-btn.wl-hx-btn-card {
font-family: 'Saira Condensed', sans-serif; font-weight: 900; letter-spacing: 0; text-transform: uppercase;
}
.sppb-btn.hxg-hx-btn-num { min-height: 56px; font-size: 26px; }
.sppb-btn.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 32px; }
.sppb-btn.hxg-hx-btn-plain .fas, .sppb-btn.hxg-hx-btn-dark .fas, .sppb-btn.wl-hx-btn-huge .fas { color: #E4002B; }
.sppb-btn.wl-hx-btn-num30 { min-height: 60px; font-size: 30px; }
.sppb-btn.wl-hx-btn-huge { min-height: 84px; font-size: 44px; clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 100%, 0 100%); margin-bottom: 14px; }
.sppb-btn.wl-hx-btn-card { min-height: 58px; font-size: 22px; }
/* ── karty (klasa na kolumnie .sppb-column) ── */
.wl-hx-card { height: 100%; background: #0A0A0A; padding: 28px 24px; display: flex; flex-direction: column; gap: 14px;
clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); }
.wl-hx-card > .sppb-column-addons { display: flex; flex-direction: column; gap: 14px; flex: 1 1 auto; }
.wl-hx-card > .sppb-column-addons > :last-child:has(.sppb-btn) { margin-top: auto; }
.wl-hx-ust-sec .wl-hx-card, .wl-hx-card-alt { background: #141414; }
.wl-hx-card-alt { background: #1C1C1C; }
.wl-hx-card-dashed { background: #0A0A0A; border: 1px dashed #2A2A2A; clip-path: none; }
.wl-hx-card-outline { background: #0A0A0A; border: 2px solid #E4002B; clip-path: none; padding: 30px; }
.wl-hx-card-outline > .sppb-column-addons { gap: 16px; }
/* 09: karty „Po zalaniu / Po upadku” — makieta: h3 wysokości normalnej, bez marginesu, odstęp 16 */
.wl-hx-aid .wl-hx-card-dark > .sppb-column-addons { gap: 16px; }
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title { line-height: normal; margin: 0; }
.wl-hx-card-outline .wl-hx-bigicon p { margin: 0; line-height: 0; }
.wl-hx-card-outline .wl-hx-bigicon img { display: block; }
.wl-hx-card-outline .hxg-hx-text p { font-size: 15px; line-height: 1.5; margin: 0; }
.wl-hx-card-outline > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: auto; }
.wl-hx-card-pad30 { padding: 30px; }
/* odstęp między rzędami kart (makieta: gap 16) — SPPB 6 wstawia .sppb-container-inner między sekcję a wiersz */
.wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 16px; }
/* feature: ikona (obrysowy SVG z makiety), tytuł, treść */
.hxg-hx-feat img { width: 40px; height: 40px; max-width: none; display: block; }
.hxg-hx-feat .sppb-img-container, .hxg-hx-feat .sppb-media .pull-left { margin: 0 0 14px; display: block; }
.hxg-hx-feat .sppb-icon, .hxg-hx-feat .sppb-icon-container { color: #E4002B; }
.hxg-hx-feat .sppb-icon-container { font-size: 40px; line-height: 1; margin-bottom: 14px; display: inline-block; }
.hxg-hx-feat .sppb-feature-box-title { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 24px; line-height: 1.05; text-transform: uppercase; color: #FFFFFF; margin: 0 0 10px; }
.hxg-hx-feat .sppb-addon-text { font-size: 15px; line-height: 1.5; color: #A3A3A3; }
.hxg-hx-feat-ust .sppb-feature-box-title { font-size: 28px; line-height: 1; margin-bottom: 14px; }
.wl-hx-zero { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 44px; line-height: 1; color: #FF2A4D; transform: skewX(-8deg); display: block; width: max-content; margin-bottom: 14px; }
.wl-hx-feat-zero .sppb-feature-box-title { margin-bottom: 12px; }
.hxg-hx-feat-row .sppb-media { display: flex; gap: 18px; align-items: flex-start; }
.hxg-hx-feat-row .sppb-media .pull-left, .hxg-hx-feat-row .sppb-img-container { margin: 0; flex-shrink: 0; float: none; }
.hxg-hx-feat-row .sppb-icon-container { margin: 0; }
.hxg-hx-feat-row .sppb-feature-box-title { font-size: 22px; }
.hxg-hx-feat-box { background: #0A0A0A; padding: 28px; margin-bottom: 16px; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); }
.hxg-hx-feat-box .sppb-feature-box-title { font-size: 26px; line-height: normal; margin-bottom: 6px; }
/* karty cech w sekcji 13: bez ramki kart z sekcji 11 — makieta: tło, ścięty róg, padding 28 */
.hxg-hx-feat-box.hxg-hx-feat-row.hxg-hx-feat { padding: 28px; border: 0; margin: 0; }
/* SPPB wpisuje odstęp tytułu cechy w arkuszu strony z #id dodatku — makieta ma 6 px */
.hxg-hx-feat-box .sppb-media-content .sppb-feature-box-title { margin-bottom: 6px !important; }
.hxg-hx-tag .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: .08em; color: #A3A3A3; text-align: right; }
.wl-hx-card-dashed .hxg-hx-tag .sppb-addon-content { text-align: left; }
/* karty usterek — wymiary z makiety: tytuł→lista 14, przycisk 8 px pod opisem; karta „Coś innego?”: padding 28/26, odstęp 14, tekst 15/1.55, przycisk na dole */
.wl-hx-card-ust .wl-hx-dash { margin-top: 4px; }
.wl-hx-card-ust > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: auto; }
.wl-hx-card-ust, .wl-hx-card-dashed { min-height: 370px; }
.wl-hx-card.wl-hx-card-dashed { padding: 28px 26px; }
.wl-hx-card-dashed .hxg-hx-h3 .sppb-addon-title { margin: 0; }
.wl-hx-card-dashed .hxg-hx-text p { font-size: 15px; line-height: 1.5; margin: 0; }
.wl-hx-card-dashed > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: auto; }
.wl-hx-dash { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.4; color: #D6D6D6; }
.wl-hx-note { font-size: 14px; line-height: 1.5; color: #A3A3A3; border-top: 1px solid #2A2A2A; padding-top: 12px; }
.wl-hx-nap-sec .wl-hx-card > .sppb-column-addons { gap: 12px; }
.wl-hx-nap-sec .wl-hx-card { padding: 26px 24px; }
/* stopka karty (cena + „Zamów”) przyklejona do dołu karty, jak margin-top:auto w makiecie */
.wl-hx-nap-sec .wl-hx-card > .sppb-column-addons { flex: 1 1 auto; display: flex; flex-direction: column; }
.wl-hx-nap-sec .wl-hx-card > .sppb-column-addons > .wl-hx-cardfoot, .wl-hx-nap-sec .wl-hx-card-alt > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: auto !important; } /* !important: SPPB daje margines z #id sekcji */
.wl-hx-nap-sec .wl-hx-card .hxg-hx-text p { margin: 0; font-size: 14px; line-height: 1.5; }
.wl-hx-nap-sec .wl-hx-card-alt .hxg-hx-text p { line-height: 1.6; }
/* nagłówek karty bez podpory wiersza rodzica (+3 px pod h3) */
.wl-hx-nap-sec .hxg-hx-h3 { display: flex; }
.wl-hx-nap-sec .hxg-hx-h3 .sppb-addon-title { margin: 0; }
/* znacznik bez odstępu wiersza akapitu (makieta: 24 px wysokości) */
.hxg-hx-badge .sppb-addon-content { display: flex; }
.hxg-hx-badge .sppb-addon-content p { margin: 0; display: inline-block; line-height: 14px; font-size: 12px; font-weight: 700; letter-spacing: .1em; color: #A3A3A3; border: 1px solid #2A2A2A; padding: 4px 10px; }
.wl-hx-cardfoot { border-top: 1px solid #2A2A2A; }
.wl-hx-cardfoot .sppb-row { align-items: center; }
.wl-hx-price .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 17px; line-height: 1.1; color: #FFFFFF; text-transform: uppercase; }
/* ── hero ── */
.wl-hx-hero-row .sppb-row { align-items: center; }
.wl-hx-laptop svg { width: 100%; max-width: 360px; height: auto; display: block; }
.wl-hx-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A; }
.wl-hx-stats li { padding: 16px 14px; border-right: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; display: flex; flex-direction: column; gap: 6px; }
.wl-hx-stats strong { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 30px; line-height: 1; color: #FF2A4D; }
.wl-hx-stats span { font-size: 13px; line-height: 1.3; color: #A3A3A3; }
.wl-hx-zcard { background: #1C1C1C; border-top: 4px solid #E4002B; padding: 28px 30px 26px;
clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%); }
.wl-hx-zcard > .sppb-column-addons { display: flex; flex-direction: column; gap: 18px; }
.wl-hx-zcard-head .sppb-addon-content { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.wl-hx-card-title { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 34px; line-height: 1; text-transform: uppercase; color: #FFFFFF; transform: skewX(-8deg); transform-origin: left bottom; }
.wl-hx-card-steps { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: .1em; color: #A3A3A3; white-space: nowrap; }
.wl-hx-steplabel { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #FFFFFF; margin-bottom: 8px !important; }
.wl-hx-steplabel span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #E4002B;
font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 14px; letter-spacing: 0; }
.wl-hx-series { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.wl-hx-series a { display: flex; align-items: center; justify-content: center; height: 56px; background: #0A0A0A; border: 2px solid #2A2A2A;
color: #FFFFFF; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 22px; text-decoration: none; }
.wl-hx-series a.is-on, .wl-hx-series a:hover, .wl-hx-series a:focus { border-color: #E4002B; color: #FFFFFF; } /* is-on: seria wyróżniona jak w makiecie (OMEN 16) */
.wl-hx-pills { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wl-hx-pill { display: inline-flex; align-items: center; height: 44px; padding: 0 16px; background: #0A0A0A; border: 2px solid #2A2A2A;
color: #FFFFFF; font-weight: 700; font-size: 14px; text-decoration: none; }
.wl-hx-pill.is-on, .wl-hx-pill:hover, .wl-hx-pill:focus { background: #E4002B; border-color: #E4002B; color: #FFFFFF; }
.wl-hx-zcard-note .sppb-addon-content { font-size: 14px; line-height: 1.5; color: #A3A3A3; }
/* ── pasek telefonu ── */
.wl-hx-bar { border-top: 3px solid #E4002B; border-bottom: 1px solid #2A2A2A; }
.wl-hx-bar-text .sppb-addon-content { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; }
.wl-hx-bar-a { display: flex; align-items: center; gap: 10px; color: #FFFFFF; font-weight: 700; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; }
.wl-hx-bar-b { color: #A3A3A3; font-size: 15px; }
/* ≥1200: oba napisy w jednym rzędzie, każdy łamie się w sobie (makieta: pasek 80 px) */
@media (min-width: 1200px) { .wl-hx-bar-text .sppb-addon-content { flex-wrap: nowrap; } .wl-hx-bar-text p { margin: 0; min-width: 0; line-height: 1.2; } }
.wl-hx-diamond { width: 10px; height: 10px; background: #E4002B; transform: rotate(45deg); display: inline-block; }
/* ── serie ── */
.wl-hx-series-sec { border-bottom: 0; overflow: hidden; }
.wl-hx-marquee .sppb-addon-content, .wl-hx-marquee2 .sppb-addon-content { white-space: nowrap; overflow: hidden; }
.wl-hx-marquee p { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 180px; line-height: 1.05; color: #FFFFFF;
margin: 10px 0 0 -120px !important; transform: skewX(-8deg); transform-origin: left bottom; }
.wl-hx-strip { border-top: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; overflow: hidden; }
.wl-hx-marquee2 p { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 54px; line-height: 96px; color: #FFFFFF;
margin-left: -60px !important; transform: skewX(-8deg); }
/* ── osiem punktów ── */
.hxg-hx-listhead .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-size: 16px; font-weight: 900; letter-spacing: .14em;
text-transform: uppercase; color: #FFFFFF; padding-bottom: 12px; border-bottom: 3px solid #E4002B; }
.hxg-hx-listhead.is-white .sppb-addon-content { border-bottom-color: #FFFFFF; margin-top: 44px; }
.wl-hx-item8 { border-bottom: 1px solid #2A2A2A; }
.wl-hx-item8 .sppb-row { align-items: center; }
.hxg-hx-bignum .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 80px; line-height: 1; color: #E4002B; transform: skewX(-8deg); }
.hxg-hx-bignum.is-white .sppb-addon-content { color: #FFFFFF; }
.wl-hx-item8 .hxg-hx-h3xl .sppb-addon-title { font-size: 40px; }
/* ── drugie podejście ── */
.wl-hx-abcd { list-style: none; margin: 0; padding: 0; border: 1px solid #2A2A2A; background: #141414; }
.wl-hx-abcd li { display: grid; grid-template-columns: 70px minmax(0, 1fr); border-bottom: 1px solid #2A2A2A; }
.wl-hx-abcd li:last-child { border-bottom: 0; }
.wl-hx-letter { grid-row: 1 / span 2; grid-column: 1; display: flex; align-items: center; justify-content: center;
font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 28px; color: #FF2A4D; border-right: 1px solid #2A2A2A; }
.wl-hx-abcd strong { grid-column: 2; padding: 20px 24px 0; font-weight: 700; font-size: 17px; line-height: normal; color: #FFFFFF; }
.wl-hx-abcd .wl-hx-desc { grid-column: 2; padding: 4px 24px 20px; font-size: 14px; line-height: 1.45; color: #A3A3A3; }
/* ── pierwsza pomoc ── */
.wl-hx-ol { margin: 0; padding: 0 0 0 22px; display: flex; flex-direction: column; gap: 8px; }
.wl-hx-ol strong { color: #FFFFFF; }
.wl-hx-bigicon img { width: 44px; height: 44px; display: block; }
/* ── proces (blocknumber) ── */
.wl-hx-steps { position: relative; }
.wl-hx-steps::before { content: ""; position: absolute; left: 0; right: 0; top: 34px; height: 2px; background: #2A2A2A; }
.hxg-hx-step .sppb-blocknumber { display: flex; flex-direction: column; gap: 16px; }
.hxg-hx-step .sppb-blocknumber .pull-left { float: none; margin: 0 !important; }
.hxg-hx-step .sppb-blocknumber-number { width: 68px !important; height: 68px !important; line-height: 64px !important; border: 2px solid #E4002B !important;
border-radius: 0 !important; background: #141414 !important; color: #FFFFFF !important; text-align: center; position: relative;
font-family: 'Saira Condensed', sans-serif !important; font-weight: 900 !important; font-size: 32px !important; }
.hxg-hx-step.is-red .sppb-blocknumber-number { background: #E4002B !important; border-color: #E4002B !important;
clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
.hxg-hx-step .sppb-media-body { text-align: left; }
.hxg-hx-step .sppb-media-heading { font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 24px; line-height: 1.05; text-transform: uppercase; color: #FFFFFF; margin: 0 0 16px; }
.hxg-hx-step .sppb-blocknumber-text { font-size: 14px; line-height: 1.5; color: #A3A3A3; }
/* ── zgłoszenie ── */
.wl-hx-fieldset .sppb-addon-content { background: #0A0A0A; border: 1px solid #2A2A2A; padding: 26px; }
.wl-hx-legend { display: inline-block; font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 16px; letter-spacing: .1em; color: #FFFFFF;
background: #141414; padding: 4px 12px; border: 1px solid #2A2A2A; margin: 0 0 16px !important; }
.wl-hx-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wl-hx-checks li { display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 14px; border: 1px solid #2A2A2A; background: #141414; font-size: 15px; color: #FFFFFF; }
.wl-hx-checks li::before { content: ""; width: 12px; height: 12px; border: 2px solid #E4002B; transform: rotate(45deg); flex-shrink: 0; }
.hxg-hx-feat-row.hxg-hx-feat { background: #0A0A0A; border: 1px solid #2A2A2A; padding: 22px 24px; margin-top: 16px; }
.hxg-hx-infobox .sppb-addon-content { background: #0A0A0A; border: 1px solid #2A2A2A; padding: 18px 20px; font-size: 15px; line-height: 1.5; color: #D6D6D6; margin-top: 16px; }
.hxg-hx-infobox a { color: #FFFFFF; font-weight: 700; }
.hxg-hx-infobox p { position: relative; padding-left: 40px; }
.hxg-hx-infobox p > .fas:first-child { position: absolute; left: 0; top: 2px; font-size: 22px; }
.wl-hx-area .hxg-hx-infobox p { padding-left: 67px; }
.wl-hx-area .wl-hx-info { position: absolute; left: 0; top: 2px; margin: 0; }
.wl-hx-area .hxg-hx-infobox .sppb-addon-content { margin-top: 8px; }
/* sekcja 11 — wymiary z makiety: ramka informacji 22/24, karta laptopa zastępczego: tytuł wysokości normalnej, opis 14/1.5 */
.wl-hx-order .hxg-hx-infobox .sppb-addon-content { padding: 22px 24px; }
.wl-hx-order .hxg-hx-feat-row .sppb-feature-box-title { line-height: normal; margin-bottom: 4px !important; }
.wl-hx-order .hxg-hx-feat-row .sppb-addon-text { font-size: 14px; line-height: 1.5; }
.hxg-hx-infobox .fas, .wl-hx-info { color: #FF2A4D; }
.wl-hx-info { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 15px; letter-spacing: .1em; margin-right: 8px; }
.wl-hx-redpanel { background: #E4002B; padding: 40px 40px 44px; clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%); }
.wl-hx-redpanel > .sppb-column-addons { display: flex; flex-direction: column; gap: 16px; }
.wl-hx-panel-kicker .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 16px; letter-spacing: .14em; color: #FFFFFF; }
.hxg-hx-panel-text .sppb-addon-content { font-size: 16px; line-height: 1.5; color: #FFFFFF; }
.wl-hx-panel-list { margin: 16px 0 0; padding-left: 22px; }
.wl-hx-panel-foot .sppb-addon-content { font-size: 14px; line-height: 1.5; }
/* makieta: nagłówki w czerwonym panelu i karcie telefonu bez marginesów (odstępy daje gap 16) */
.wl-hx-redpanel .sppb-addon-title, .wl-hx-card-outline .sppb-addon-title { margin: 0; }
.wl-hx-redpanel .wl-hx-panel-kicker .sppb-addon-content { line-height: normal; }
/* ── obszar ── */
.wl-hx-radar .sppb-addon-content { background: #141414; border: 1px solid #2A2A2A; }
.wl-hx-radar svg { width: 100%; height: auto; display: block; }
.wl-hx-rule { display: flex; gap: 14px; align-items: center; margin: 8px 0 18px !important; font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 16px; letter-spacing: .14em; color: #FFFFFF; }
.wl-hx-rule::after { content: ""; flex: 1; height: 1px; background: #2A2A2A; }
.wl-hx-districts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; font-size: 15px; line-height: 18px; color: #FFFFFF; }
.wl-hx-tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wl-hx-tags li { padding: 8px 14px; border: 1px solid #E4002B; font-size: 14px; line-height: 17px; font-weight: 600; color: #FFFFFF; }
/* ── gwarancja ── */
.wl-hx-warranty .sppb-addon-content { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 120px; line-height: .85; color: #FFFFFF; margin: 10px 0 20px; }
.wl-hx-warranty p { display: flex; align-items: baseline; transform: skewX(-8deg); }
.wl-hx-shield { align-self: center; }
.wl-hx-shield { width: 110px; height: 126px; margin-right: 28px; transform: skewX(8deg); }
.wl-hx-do { font-size: 44px; color: #A3A3A3; margin-right: 6px; }
.wl-hx-mies { font-size: 44px; color: #E4002B; margin-left: 10px; }
/* ── czego nie robimy ── */
.wl-hx-nope { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wl-hx-nope li { display: flex; gap: 12px; align-items: center; background: #0A0A0A; border: 1px solid #2A2A2A; padding: 18px 20px; font-size: 16px; line-height: normal; font-weight: 600; color: #FFFFFF; }
.wl-hx-nope .fas { color: #E4002B; flex-shrink: 0; }
/* ── FAQ (accordion) ── */
.wl-hx-faq .sppb-panel { border: 0; border-top: 1px solid #2A2A2A; border-radius: 0; background: transparent; margin: 0; }
.wl-hx-faq .sppb-panel:last-child { border-bottom: 1px solid #2A2A2A; }
.wl-hx-faq .sppb-panel-heading { min-height: 68px; padding: 0 22px; background: transparent; color: #FFFFFF; display: flex; align-items: center; }
.wl-hx-faq .sppb-panel-heading.active { background: #141414; box-shadow: inset 0 2px 0 #E4002B; }
.wl-hx-faq .sppb-panel-title { font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 700; color: #FFFFFF; flex: 1; text-align: left; }
.wl-hx-faq .sppb-toggle-direction { color: #FFFFFF; transform: none !important; position: static; margin: 0 0 0 auto; display: flex; align-items: center; align-self: center; line-height: 1; }
.wl-hx-faq .sppb-toggle-direction i { display: none; }
.wl-hx-faq .sppb-toggle-direction::after { content: "+"; font-family: 'Barlow', sans-serif; font-size: 28px; font-weight: 600; line-height: 1; }
.wl-hx-faq .sppb-panel-heading.active .sppb-toggle-direction::after { content: "−"; color: #E4002B; }
/* SPPB 6 opakowuje odpowiedź w zagnieżdżoną sekcję z paddingiem 5 px — makieta go nie ma */
.wl-hx-faq .sppb-panel-body > .sppb-section { padding: 0 !important; } /* !important: SPPB ustawia padding z #id sekcji */
.wl-hx-faq .sppb-panel-body { padding: 0 22px 24px 60px; font-size: 16px; line-height: 1.6; color: #D6D6D6; background: #141414; border: 0; }
.wl-hx-q { font-family: 'Saira Condensed', sans-serif; font-weight: 900; color: #FF2A4D; margin-right: 12px; }
/* ── na skróty ── */
.wl-hx-quick { border-top: 1px solid #2A2A2A; }
.wl-hx-quick .sppb-row-container { padding-top: 28px; padding-bottom: 28px; }
.wl-hx-quick .hxg-hx-kicker .sppb-addon-content { line-height: normal; }
.wl-hx-links { list-style: none; margin: 12px 0 0; padding: 0; line-height: normal; display: flex; flex-wrap: wrap; gap: 10px 28px; }
.wl-hx-links a { color: #FFFFFF; font-size: 15px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #E4002B; }
.wl-hx-links a:hover { color: #FF2A4D; }
/* ── CTA końcowe na czerwieni ── */
.wl-hx-final .hxg-hx-lead .sppb-addon-content { color: #FFFFFF; }
/* karty usterek: etykieta osi w jednym wierszu z ikoną, po prawej (jak w makiecie) */
.wl-hx-card-ust { position: relative; }
.wl-hx-card-ust > .sppb-column-addons > .sppb-addon-wrapper:first-child { position: absolute; top: 8px; right: 0; margin: 0; }
.wl-hx-card.wl-hx-card-ust { padding: 28px 26px; }
.wl-hx-card-ust .hxg-hx-feat-ust .sppb-feature-box-title { margin-bottom: 18px; }
.wl-hx-card-ust .wl-hx-dash { margin-bottom: 14px; }
/* pasy serii i osi usterek na całą szerokość okna (w makiecie wychodzą poza kontener) */
.wl-hx-marquee .sppb-addon-content, .wl-hx-marquee2 .sppb-addon-content { overflow: visible; }
.wl-hx-marquee p { margin-left: calc((100% - 100vw) / 2 - 120px) !important; }
.wl-hx-marquee2 p { margin-left: calc((100% - 100vw) / 2 - 60px) !important; }
/* ── tablet ≤ 991 px ── */
@media (max-width: 991px) {
.wl-hx-h1 .sppb-addon-title, .wl-hx-h2-80 .sppb-addon-title { font-size: 56px; }
.hxg-hx-h2 .sppb-addon-title { font-size: 44px; }
.wl-hx-marquee p { font-size: 110px; }
.wl-hx-head-lead .sppb-addon-content { margin-left: 0; margin-top: 12px; }
.wl-hx-steps::before { display: none; }
.wl-hx-kicker-r .sppb-addon-content { text-align: left; }
.wl-hx-zcard { margin-top: 32px; }
}
/* ── 992–1399 px (brak makiety; skalowane z 1440): nagłówki proporcjonalne do szerokości, numery telefonu w jednym wierszu ── */
@media (min-width: 992px) and (max-width: 1399px) {
.wl-hx-h1 .sppb-addon-title { font-size: 5vw; }
.hxg-hx-h2 .sppb-addon-title { font-size: clamp(44px, 4.1vw, 60px); }
.wl-hx-h2-80 .sppb-addon-title { font-size: 5vw; }
.wl-hx-warranty .sppb-addon-content { font-size: 8vw; }
.sppb-btn.hxg-hx-btn-num, .sppb-btn.wl-hx-btn-num30, .sppb-btn.wl-hx-btn-huge, .sppb-btn.hxg-hx-btn-xl, .sppb-btn.wl-hx-btn-card, .sppb-btn.hxg-hx-btn-lg, .sppb-btn.wl-hx-btn-sm { white-space: nowrap; }
.sppb-btn.hxg-hx-btn.hxg-hx-btn-xl { font-size: 2vw; padding: 0 18px; }
.sppb-btn.wl-hx-btn-huge { font-size: 3vw; }
.sppb-btn.wl-hx-btn-num30 { font-size: 2vw; }
.wl-hx-hero-btns .sppb-row > div { flex: 0 0 auto !important; max-width: none !important; width: auto !important; }
.wl-hx-bar .sppb-btn.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 2.4vw; }
}
/* naprawy: 4 karty w rzędzie jak w makiecie od 1150 px; węziej tytuły łamałyby się na 3 wiersze — 2 w rzędzie */
@media (min-width: 992px) and (max-width: 1149px) { .wl-hx-nap-sec .wl-hx-grid > .sppb-container-inner > .sppb-row > div { flex: 0 0 50% !important; max-width: 50% !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
/* rozmiary pisma z bloku 992–1399 (vw) — kontener jest płynny, stałe px nie są potrzebne */
.wl-hx-series a { font-size: 18px; }
.wl-hx-card-dashed .sppb-btn { font-size: 18px; }
.wl-hx-redpanel .sppb-btn.hxg-hx-btn-num { font-size: 20px; padding: 0 12px; }
.wl-hx-final .sppb-btn.hxg-hx-btn-ghost { font-size: 13px; letter-spacing: .03em; padding: 0 10px; }
.wl-hx-bar .sppb-row > div:first-child { flex: 0 0 55% !important; max-width: 55% !important; }
.wl-hx-bar .sppb-row > div:last-child { flex: 0 0 45% !important; max-width: 45% !important; }
}
/* „Umów odbiór”: nagłówek czerwonego panelu w wąskiej kolumnie hero (992–1399) */
@media (min-width: 1200px) and (max-width: 1399px) { .wl-hx-uo-hero .wl-hx-h3-46 .sppb-addon-title { font-size: 40px; } }
@media (min-width: 992px) and (max-width: 1199px) { .wl-hx-uo-hero .wl-hx-h3-46 .sppb-addon-title { font-size: 34px; } }
/* ── tablet 576–991 px: osiem punktów — numer obok, opis pod tytułem (tytuł na całą szerokość) ── */
@media (min-width: 576px) and (max-width: 991px) {
.wl-hx-item8 .sppb-row { position: relative; row-gap: 8px; align-items: flex-start; }
.wl-hx-item8 .sppb-row > .sppb-col-md-2 { position: absolute; left: 0; top: 0; flex: 0 0 16% !important; max-width: 16% !important; }
.wl-hx-item8 .sppb-row > .sppb-col-md-7, .wl-hx-item8 .sppb-row > div:has(.wl-hx-item8-desc) { margin-left: 16% !important; flex: 0 0 84% !important; max-width: 84% !important; }
.wl-hx-item8 .hxg-hx-h3xl .sppb-addon-title { font-size: 32px; line-height: 1; }
.hxg-hx-bignum .sppb-addon-content { font-size: 64px; line-height: .9; }
.wl-hx-item8 .hxg-hx-lead .sppb-addon-content { font-size: 15px; line-height: 1.45; max-width: 520px; }
.wl-hx-redpanel .sppb-btn.hxg-hx-btn-num { font-size: 22px; white-space: nowrap; padding: 0 12px; }
}
/* ── telefon ≤ 575 px — układ z makiety V6 390 px (treść jak na komputerze, decyzja właściciela 2026-09-25) ── */
@media (max-width: 575px) {
.wl-hx-h1 .sppb-addon-title { font-size: 40px; line-height: .95; margin: 16px 0; }
.hxg-hx-h2 .sppb-addon-title { font-size: 36px; }
.wl-hx-h2-80 .sppb-addon-title { font-size: 40px; }
.hxg-hx-h3xl .sppb-addon-title, .wl-hx-item8 .hxg-hx-h3xl .sppb-addon-title { font-size: 24px; line-height: 1; }
.wl-hx-h3-46 .sppb-addon-title { font-size: 32px; }
.wl-hx-h3-34 .sppb-addon-title { font-size: 28px; }
.hxg-hx-h3-icon .sppb-addon-title { font-size: 26px; }
.wl-hx-h3-skew .sppb-addon-title, .hxg-hx-feat-ust .sppb-feature-box-title { font-size: 26px; }
.wl-hx-card-title { font-size: 28px; }
.hxg-hx-eyebrow .sppb-addon-content, .wl-hx-nr { font-size: 16px; }
.wl-hx-head { margin-bottom: 24px; }
.wl-hx-hero-lead .sppb-addon-content { font-size: 16px; }
/* hero: dwa przyciski w rzędzie, kafle w jednym rzędzie po 4 */
.sppb-btn.hxg-hx-btn.hxg-hx-btn-xl { font-size: 21px; min-height: 56px; padding: 0 14px; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { font-size: 14px; min-height: 56px; padding: 0 10px; line-height: 1.1; text-align: center; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl .fas { display: none; }
.wl-hx-hero-btns { margin: 20px 0 !important; }
.wl-hx-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); border: 0; margin-bottom: 8px; }
.wl-hx-stats li { padding: 0 6px 0 0; border: 0; gap: 2px; }
.wl-hx-stats strong { font-size: 24px; }
.wl-hx-stats span { font-size: 13px; }
.wl-hx-laptop svg { max-width: 100%; }
.wl-hx-zcard { padding: 24px 19px; margin-top: 24px; }
.wl-hx-series a { height: 50px; font-size: 21px; }
.wl-hx-series { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wl-hx-pill { font-size: 14px; height: 42px; padding: 0 12px; }
.wl-hx-bar-a { font-size: 15px; }
.sppb-btn.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 34px; }
/* pasy serii */
.wl-hx-marquee p { font-size: 72px; margin-left: calc((100% - 100vw) / 2 - 46px) !important; }
.wl-hx-marquee2 p { font-size: 30px; line-height: 56px; margin-left: calc((100% - 100vw) / 2 - 24px) !important; }
/* osiem punktów: numer obok tytułu, opis pod tytułem */
.hxg-hx-bignum .sppb-addon-content { font-size: 46px; }
.wl-hx-item8 .sppb-row { align-items: flex-start; row-gap: 6px; }
.wl-hx-item8 .sppb-row > div:has(.wl-hx-item8-desc) { margin-left: 20%; }
.wl-hx-item8 .hxg-hx-lead .sppb-addon-content { font-size: 15px; }
/* „0 zł”: karty poziome — ikona po lewej, kwota po prawej */
.wl-hx-zero-sec .wl-hx-card { padding: 16px; min-height: 0; position: relative; }
.wl-hx-feat-zero .sppb-media { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; padding-right: 56px; }
.wl-hx-feat-zero .sppb-img-container, .wl-hx-feat-zero .sppb-media .pull-left { margin: 0; }
.wl-hx-feat-zero .sppb-feature-box-title { font-family: 'Barlow', sans-serif; font-size: 17px; font-weight: 700; text-transform: none; margin-bottom: 4px; }
.wl-hx-feat-zero .wl-hx-zero { position: absolute; right: 16px; top: 16px; font-size: 26px; margin: 0; }
.wl-hx-feat-zero .sppb-addon-text { font-size: 14px; }
.wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 10px; }
.wl-hx-card { padding: 22px 19px; }
/* naprawy: zwięzłe wiersze */
.wl-hx-nap-sec .hxg-hx-badge { display: none; }
.wl-hx-nap-sec .hxg-hx-h3 .sppb-addon-title { font-family: 'Barlow', sans-serif; font-size: 17px; font-weight: 700; text-transform: none; margin-bottom: 4px; }
.wl-hx-nap-sec .wl-hx-card-dark > .sppb-column-addons { gap: 6px; }
/* proces: numer obok tekstu */
.hxg-hx-step .sppb-blocknumber { flex-direction: row; gap: 14px; align-items: flex-start; }
.hxg-hx-step .sppb-blocknumber-number { width: 44px !important; height: 44px !important; line-height: 40px !important; font-size: 22px !important; flex-shrink: 0; }
.hxg-hx-step .sppb-media-heading { font-size: 22px; margin-bottom: 4px; }
.wl-hx-steps .sppb-row > [class*="sppb-col"] { margin-bottom: 14px; }
/* zgłoszenie, obszar, gwarancja, reszta */
.wl-hx-checks, .wl-hx-nope { grid-template-columns: 1fr; }
.wl-hx-districts { display: flex; flex-wrap: wrap; gap: 6px; }
.wl-hx-districts li { padding: 6px 10px; border: 1px solid #2A2A2A; font-size: 13px; }
.wl-hx-warranty .sppb-addon-content { font-size: 88px; }
.wl-hx-shield { width: 64px; height: 74px; margin-right: 16px; }
.wl-hx-do, .wl-hx-mies { font-size: 34px; }
.wl-hx-zcard, .wl-hx-redpanel { padding: 24px 19px; }
.sppb-btn.wl-hx-btn-huge { font-size: 32px; min-height: 68px; }
.wl-hx-faq .sppb-panel-title { font-size: 16px; }
.wl-hx-faq .sppb-panel-body { padding-left: 22px; }
.wl-hx-abcd li { grid-template-columns: 52px minmax(0, 1fr); }
}
/* ── telefon wg makiety 390 z decyzjami właściciela (2026-09-25): wymiary przepisane z V6-Mix-mobile.dc.html ── */
@media (max-width: 575px) {
/* 02 hero: odstęp 16 między elementami, H1 z wcięciem 30 (4 wiersze), przyciski 2 × 56, kafle z ramką */
.wl-hx-hero-left > .sppb-column-addons { display: flex; flex-direction: column; gap: 16px; }
.wl-hx-hero-left .hxg-hx-kicker .sppb-addon-content { font-size: 15px; letter-spacing: .08em; line-height: 24px; }
.wl-hx-h1 .sppb-addon-title { margin: 0; padding-right: 30px; }
.wl-hx-hero-lead .sppb-addon-content { line-height: 1.5; }
.wl-hx-hero-btns { margin: 0 !important; }
.wl-hx-hero-btns .sppb-row { margin: 0 -4px; }
.wl-hx-hero-btns .sppb-row > div { flex: 0 0 50%; max-width: 50%; padding: 0 4px; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { font-size: 15px; letter-spacing: .04em; padding: 0 8px; gap: 6px; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl .fas { display: inline-block; font-size: 14px; }
.wl-hx-stats { border-top: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; margin: 0; }
.wl-hx-stats li { padding: 10px 6px; border-left: 1px solid #2A2A2A; }
.wl-hx-stats li:first-child { padding-left: 0; border-left: 0; }
.wl-hx-stats li:last-child { padding-right: 0; }
.wl-hx-stats span { font-size: 15px; line-height: 1.2; }
.hxg-hx-h2 .sppb-addon-title { padding-right: 18px; }
/* 02b karta zgłoszenia: ramka 1 px, dwa ścięte rogi, 22/18/20, seria 52 px, objawy 48 px, krok 3 w jednym wierszu */
.wl-hx-zcard { background: #141414; border: 1px solid #2A2A2A; padding: 22px 18px 20px; margin-top: 24px;
clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px)); }
.wl-hx-card-steps { color: #FF2A4D; letter-spacing: 0; }
.wl-hx-card-title { font-size: 28px; line-height: .95; }
.wl-hx-steplabel { font-family: 'Saira Condensed', sans-serif; font-size: 16px; font-weight: 800; letter-spacing: .08em; margin-bottom: 10px !important; }
.wl-hx-steplabel span { width: 26px; height: 26px; font-size: 15px; }
.wl-hx-series a { height: 52px; font-size: 21px; border-width: 1px; }
.wl-hx-series a.is-on { border-width: 2px; background: #2A0008; }
.wl-hx-pill { height: 48px; padding: 0 14px; font-size: 15px; border-width: 1px; }
.sppb-btn.wl-hx-btn-card { min-height: 56px; font-size: 22px; white-space: nowrap; letter-spacing: .02em; }
.wl-hx-zcard .sppb-addon-wrapper:has(+ .addon-root-button) { margin-bottom: -18px; }
.wl-hx-hero .sppb-row { align-content: flex-start; } /* bez rozciągania wierszy na wysokość sekcji */
.wl-hx-zcard { height: auto !important; }
.wl-hx-laptop { margin-top: 22px; } /* makieta: odstęp 16 + 8 nad ilustracją */ /* height:100% kolumny + margin-top 24 dawało 24 px pustki pod kartą */
.wl-hx-zcard-note .sppb-addon-content { font-size: 15px; }
/* pasek telefonu: kolumna, numer 34 px od lewej, przycisk na całą szerokość 52 px */
.wl-hx-bar.sppb-section { padding: 16px 0 !important; margin-top: 24px; }
.wl-hx-bar .sppb-row > div { flex: 0 0 100%; max-width: 100%; }
.wl-hx-bar .sppb-nested-row { row-gap: 10px; }
.wl-hx-bar > .sppb-row-container > .sppb-row > div:last-child { margin-top: 10px; }
.wl-hx-bar-text .sppb-addon-content { flex-direction: column; align-items: flex-start; gap: 10px; }
.wl-hx-bar-b { line-height: 1.45; }
.wl-hx-bar-a { line-height: 1.2; }
.wl-hx-bar .sppb-btn.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 34px; line-height: 1; padding: 0; min-height: 0; }
.wl-hx-bar .sppb-text-right, .wl-hx-bar [class*="sppb-text-right"], .wl-hx-bar .sppb-addon-button, .wl-hx-bar .sppb-button-wrapper { text-align: left !important; justify-content: flex-start !important; }
.wl-hx-bar .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { width: 100%; min-height: 52px; font-size: 22px; }
/* 03 serie: 48 px nad, podpisy 15 px jeden pod drugim (4 px), pas 72 px z kreską nad, pasek osi czerwony 56 px, kreski czarne */
.wl-hx-series-sec.sppb-section { padding: 48px 0 0 !important; }
.wl-hx-series-sec .hxg-hx-kicker .sppb-addon-content { font-size: 15px; letter-spacing: .06em; line-height: normal; }
.wl-hx-series-sec .sppb-nested-row { row-gap: 4px; }
.wl-hx-series-sec .wl-hx-kicker-r .sppb-addon-content { text-align: left; }
.wl-hx-marquee .sppb-addon-content { border-top: 1px solid #2A2A2A; margin-top: 10px; }
.wl-hx-marquee p { line-height: 1.1; margin-top: 0 !important; }
.wl-hx-strip.sppb-section { background: #E4002B !important; border: 0; }
.wl-hx-marquee2 p { font-weight: 900; transform: none; line-height: 56px; }
.wl-hx-marquee2 .wl-hx-red { color: #0A0A0A; }
/* 07: karta „Pozostałe naprawy” — tło #1C1C1C, opis 15/1.7, przycisk 52 px z ramką 2 px */
.wl-hx-nap-sec .wl-hx-card-alt { background: #1C1C1C; }
.wl-hx-nap-sec .wl-hx-card.wl-hx-card-alt .hxg-hx-text p { line-height: 1.7; }
.wl-hx-nap-sec .wl-hx-cardfoot .sppb-btn { min-height: 48px; padding: 0 22px; }
.wl-hx-nap-sec .wl-hx-card-alt .sppb-btn { min-height: 52px; font-size: 15px; letter-spacing: .06em; border-width: 2px; }
/* 08 drugie podejście: 64/16, odstęp 14, dwa przyciski w rzędzie, lista A–D: litera 48 px, wiersz 14/14 */
.wl-hx-second.sppb-section { padding: 64px 0 !important; }
.wl-hx-second .wl-hx-cg18 > .sppb-column-addons { gap: 14px; }
.wl-hx-second .hxg-hx-lead-lg .sppb-addon-content { font-size: 16px; line-height: 1.5; }
.wl-hx-second .wl-hx-btnrow { margin-top: 4px; }
.wl-hx-second .wl-hx-btnrow .sppb-row { margin: 0 -4px; }
.wl-hx-second .wl-hx-btnrow .sppb-row > div { flex: 0 0 50% !important; max-width: 50% !important; padding: 0 4px; }
.wl-hx-second .wl-hx-btnrow .sppb-btn { width: 100%; min-height: 56px; justify-content: center; }
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn { font-size: 21px; padding: 0 8px; }
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn .fas { display: none; }
.wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn-ghost { font-size: 15px; letter-spacing: .04em; line-height: 1.1; padding: 0 8px; text-align: center; white-space: normal; }
.wl-hx-second .sppb-row > div:has(.wl-hx-abcd-box) { margin-top: 22px; }
.wl-hx-abcd { background: #0A0A0A; }
.wl-hx-abcd li { grid-template-columns: 48px minmax(0, 1fr); }
.wl-hx-letter { font-size: 24px; }
.wl-hx-abcd strong { padding: 14px 14px 0; font-size: 16px; }
.wl-hx-abcd .wl-hx-desc { padding: 4px 14px 14px; font-size: 15px; line-height: 1.45; }
/* 09 pierwsza pomoc: karty 20/18 z ramką, odstęp 12, h3 26 bez pochylenia, lista 16/1.5 co 6; karta telefonu 28 px */
.wl-hx-aid .wl-hx-card-dark { background: #141414; border: 1px solid #2A2A2A; clip-path: none; padding: 20px 18px; }
.wl-hx-aid .wl-hx-card-dark > .sppb-column-addons, .wl-hx-card-outline > .sppb-column-addons { gap: 12px; }
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title { font-size: 26px; font-weight: 800; gap: 10px; }
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title span { transform: none; }
.wl-hx-aid .wl-hx-ol { gap: 6px; }
.wl-hx-aid .wl-hx-ol li, .wl-hx-aid .hxg-hx-text .sppb-addon-content { font-size: 16px; line-height: 1.5; }
.wl-hx-card-outline { padding: 20px 18px; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
.wl-hx-card-outline .wl-hx-h3-34 .sppb-addon-title { font-size: 28px; padding-right: 12px; }
.wl-hx-card-outline .hxg-hx-text p { line-height: 1.5; }
.sppb-btn.wl-hx-btn-num30 { min-height: 56px; font-size: 26px; }
.wl-hx-aid .wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 12px; }
/* 12 obszar: kolejność z makiety 390 — nagłówek, radar, dzielnice. Kolumny spłaszczone (display: contents), dodatki ustawione przez order */
.wl-hx-area.sppb-section { padding: 64px 0 56px !important; }
.wl-hx-area .sppb-row { margin: 0 !important; }
.wl-hx-area .sppb-row > div, .wl-hx-area .sppb-row > div > .sppb-column, .wl-hx-area .sppb-row > div > .sppb-column > .sppb-column-addons { display: contents; }
.wl-hx-area .sppb-row .sppb-addon-wrapper { flex: 0 0 100%; max-width: 100%; order: 5; margin-top: 22px; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.hxg-hx-eyebrow) { order: 1; margin-top: 0; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.hxg-hx-h2) { order: 2; margin-top: 10px; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.hxg-hx-lead-lg) { order: 3; margin-top: 14px; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.wl-hx-radar) { display: none; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.wl-hx-radar-mob) { order: 4; }
.wl-hx-radar-mob { display: block; }
.wl-hx-radar-mob svg { max-width: 100%; height: auto; }
.wl-hx-radar-mob p { margin: 8px 0 0; line-height: normal; }
.wl-hx-area .hxg-hx-lead-lg .sppb-addon-content { font-size: 16px; line-height: 1.5; margin: 0; }
.wl-hx-area .wl-hx-rule { margin: 0 0 12px !important; }
.wl-hx-area .hxg-hx-infobox .sppb-addon-content { padding: 16px; margin-top: 0; }
.wl-hx-tags { gap: 6px; }
.wl-hx-tags li { padding: 6px 11px; font-size: 15px; line-height: 1.3; }
.wl-hx-area .sppb-row .sppb-addon-wrapper:has(.wl-hx-tags) { margin-top: 20px; }
.wl-hx-districts li { padding: 6px 11px; font-size: 15px; line-height: 1.3; background: #0A0A0A; }
/* 11 zgłoszenie: ramki #141414, odstęp 12, lista objawów co 6 (48 px), karta laptopa 16 px, czerwony panel 26/18/28 z dwoma ściętymi rogami */
.wl-hx-order .wl-hx-grid .sppb-row > div:first-child > .sppb-column > .sppb-column-addons { display: flex; flex-direction: column; gap: 12px; }
.wl-hx-fieldset .sppb-addon-content { background: #141414; padding: 18px 16px; }
.wl-hx-legend { margin: 0 0 14px !important; background: #0A0A0A; }
.wl-hx-checks { gap: 6px; }
.wl-hx-checks li { min-height: 48px; background: #0A0A0A; font-weight: 600; }
.wl-hx-order .hxg-hx-feat-row.hxg-hx-feat { background: #141414; padding: 16px; margin: 0; }
.wl-hx-order .hxg-hx-feat-row .sppb-media { gap: 14px; }
.wl-hx-order .hxg-hx-feat-row .sppb-feature-box-title { font-size: 21px; line-height: 1.05; }
.wl-hx-order .hxg-hx-feat-row .sppb-addon-text, .wl-hx-order .hxg-hx-feat-row .sppb-addon-text p { font-size: 15px; line-height: 1.45; margin: 0; }
.wl-hx-order .hxg-hx-infobox .sppb-addon-content { background: #141414; padding: 16px; margin: 0; }
.hxg-hx-infobox p { padding-left: 36px; }
.wl-hx-order .wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 16px; }
.wl-hx-redpanel { padding: 26px 18px 28px; clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px)); }
.wl-hx-redpanel > .sppb-column-addons { gap: 14px; }
.wl-hx-redpanel .wl-hx-h3-46 .sppb-addon-title { font-size: 32px; padding-right: 12px; }
.wl-hx-redpanel .hxg-hx-panel-text .sppb-addon-content { line-height: 1.5; }
.wl-hx-panel-list { margin: 14px 0 0; display: flex; flex-direction: column; gap: 4px; line-height: 1.5; }
.wl-hx-redpanel .sppb-btn.hxg-hx-btn-num { min-height: 60px; font-size: 20px; margin-top: 4px; white-space: nowrap; padding: 0 12px; gap: 8px; }
.wl-hx-redpanel .wl-hx-panel-foot .sppb-addon-content { font-size: 15px; }
/* 10 proces: numer 56 px ze ściętym rogiem, tekst 4 px niżej, odstęp kroków 20, pionowa linia w osi numerów */
.hxg-hx-step .sppb-blocknumber-number { width: 56px !important; height: 56px !important; line-height: 52px !important; font-size: 26px !important;
clip-path: polygon(0 0, 100% 0, 100% 72%, 72% 100%, 0 100%); }
.hxg-hx-step .sppb-media-body { padding-top: 4px; }
.hxg-hx-step .sppb-blocknumber-text { font-size: 15px; line-height: 1.45; }
.wl-hx-steps .sppb-row > [class*="sppb-col"] { margin-bottom: 20px; }
.wl-hx-steps .sppb-row > [class*="sppb-col"]:last-child { margin-bottom: 0; }
.wl-hx-steps::before { display: block; left: 27px; right: auto; width: 2px; height: auto; top: 28px; bottom: 28px; }
.wl-hx-steps .sppb-row { position: relative; z-index: 1; }
/* 15 poza zakresem: opis 4 px pod nagłówkiem, lista 20 px niżej, wiersze 48 px co 6 */
.wl-hx-lead-mt8 .sppb-addon-content { margin-top: 4px; line-height: 1.5; }
.wl-hx-nope { gap: 6px; margin-top: 20px; }
.wl-hx-nope li { min-height: 48px; padding: 10px 14px; font-size: 15px; font-weight: 400; background: #141414; }
/* 16 FAQ: nagłówek co 10, telefon 52 px na całą szerokość, link 48 px, pytania 56 px (12/14), odpowiedź 0/14/18/46 */
.wl-hx-faq-sec .wl-hx-cg18 > .sppb-column-addons { gap: 10px; }
.wl-hx-faq-sec .hxg-hx-lead .sppb-addon-content { margin-top: 4px; line-height: 1.5; }
.wl-hx-faq-sec .wl-hx-cg18 .addon-root-button:nth-last-child(2) { margin-top: 6px; }
.wl-hx-faq-sec .wl-hx-cg18 .addon-root-button:last-child { margin-top: -6px; }
.wl-hx-faq-sec .sppb-btn.hxg-hx-btn-num { width: 100%; min-height: 52px; font-size: 24px; justify-content: center; }
.wl-hx-faq-sec .sppb-btn.wl-hx-btn-link { min-height: 48px; font-size: 15px; letter-spacing: .06em; }
.wl-hx-faq-sec .sppb-row > div:has(.wl-hx-faq) { margin-top: 12px; }
.wl-hx-faq .sppb-panel-heading { min-height: 56px; padding: 12px 14px; }
.wl-hx-faq .sppb-panel-heading.active { background: #0A0A0A; }
.wl-hx-faq .sppb-panel-body { padding: 0 14px 18px 46px; font-size: 15px; line-height: 1.5; background: #0A0A0A; }
/* 16b na skróty: 28/36, odnośniki w dwóch kolumnach, wiersz 48 px z kreską */
.wl-hx-quick .sppb-row-container { padding-top: 28px; padding-bottom: 36px; }
.wl-hx-quick .hxg-hx-kicker .sppb-addon-content { font-size: 15px; letter-spacing: .12em; }
.wl-hx-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin-top: 10px; border-top: 1px solid #2A2A2A; }
.wl-hx-links li { min-height: 48px; display: flex; align-items: center; border-bottom: 1px solid #2A2A2A; }
/* 17 CTA: 64/60, odstęp 14, telefon 68 px (34), drugi przycisk 52 px */
.wl-hx-final.sppb-section { padding: 64px 0 60px !important; }
.wl-hx-final .hxg-hx-lead .sppb-addon-content { font-size: 16px; line-height: 1.5; }
.wl-hx-final .sppb-row { row-gap: 20px; }
.wl-hx-final .sppb-btn.wl-hx-btn-huge { min-height: 68px; font-size: 34px; }
.wl-hx-final .sppb-btn.hxg-hx-btn-ghost { min-height: 52px; font-size: 15px; letter-spacing: .06em; margin-top: 0; }
.wl-hx-faq .sppb-panel-title { font-size: 17px; }
/* 09: ikona telefonu 36 px; nagłówki sekcji bez podpisu — 22 px do treści (makieta 24 od dołu H2) */
.wl-hx-card-outline .wl-hx-bigicon img { width: 36px; height: 36px; }
.wl-hx-head:not(:has(.wl-hx-head-lead)) { margin-bottom: 22px !important; }
.wl-hx-sec:not(.wl-hx-eight) .wl-hx-head:has(.wl-hx-head-lead) { margin-bottom: 24px !important; }
.wl-hx-card-dashed .hxg-hx-text p { line-height: 1.45; }
/* 14 realizacje: opis 14 px pod H2, przycisk 56 px na całą szerokość, 22 px niżej */
.wl-hx-cases .wl-hx-cg16 { margin-top: 10px; }
.wl-hx-cases .hxg-hx-lead .sppb-addon-content { margin-top: 4px; line-height: 1.5; }
.wl-hx-cases .wl-hx-cg16 .addon-root-button { margin-top: 6px; }
.wl-hx-cases .sppb-btn.hxg-hx-btn-ghost { width: 100%; justify-content: center; }
/* kolory i kroje z makiety 390 (czerwień #E4002B zamiast #FF2A4D, przyciski usterek Barlow 15) */
/* decyzja 2026-09-26: drobne czerwone napisy #FF2A4D (kontrast ≥ 4,5; #E4002B z makiety 390 miało 3,5–4,1) */
.hxg-hx-eyebrow .sppb-addon-content, .wl-hx-nr, .wl-hx-stats strong, .wl-hx-zero, .wl-hx-info, .wl-hx-q { color: #FF2A4D; }
.hxg-hx-eyebrow.is-white .sppb-addon-content { color: #FFFFFF; }
.wl-hx-feat-zero .wl-hx-zero { transform: none; }
.sppb-btn.hxg-hx-btn-line { font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .04em; }
.wl-hx-nap-sec .wl-hx-cardfoot .sppb-btn { font-size: 15px; }
.wl-hx-second.sppb-section { background: #1C1C1C !important; clip-path: polygon(0 0, 100% 20px, 100% 100%, 0 calc(100% - 20px)); }
.wl-hx-area .hxg-hx-lead-lg .sppb-addon-content { color: #A3A3A3; }
.wl-hx-rule, .hxg-hx-listhead .sppb-addon-content { font-weight: 800; }
.wl-hx-warr .hxg-hx-lead-lg .sppb-addon-content { font-size: 16px; }
.wl-hx-zero-sec .wl-hx-card .wl-hx-zero { top: 1px; right: 0; }
.wl-hx-warr .wl-hx-cg20 > .sppb-column-addons { gap: 14px; }
.wl-hx-warr .sppb-row > div:has(.hxg-hx-feat-box) { margin-top: 22px; }
.wl-hx-faq .sppb-toggle-direction { margin-left: 12px; flex-shrink: 0; width: 20px; justify-content: center; } /* ikona 20 px jak w makiecie — pytania łamią się tak samo */
.hxg-hx-listhead .sppb-addon-content { letter-spacing: .12em; }
.wl-hx-faq .sppb-panel-title { line-height: 1.2; }
/* pudełka z makiety 390: przyciski hero 2 × 175, numery kroków ze ścięciem, kropka paska okrągła 10 px, tarcza 70 × 80, ikona 11 36 px */
.wl-hx-hero-btns .sppb-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 !important; }
.wl-hx-hero-btns .sppb-row > div { width: auto !important; max-width: none !important; padding: 0 !important; }
.wl-hx-hero-btns .sppb-btn { width: 100%; justify-content: center; }
.wl-hx-steplabel span { clip-path: polygon(0 0, 100% 0, 100% 72%, 72% 100%, 0 100%); }
.wl-hx-bar-a .wl-hx-diamond { width: 10px; height: 10px; border-radius: 5px; transform: none; }
.wl-hx-shield { width: 70px; height: 80px; }
.wl-hx-order .hxg-hx-feat-row img { width: 36px; height: 36px; margin: 0 2px; }
/* 04 osiem punktów: numer 62 px + odstęp 12, wiersz 16/0, tytuł prosty 24/1, opis 15/1.45 */
.wl-hx-item8.sppb-section { padding: 16px 0 !important; }
/* szerokości z !important — SPPB wpisuje szerokości kolumn z #id */
.wl-hx-item8 .sppb-row > .sppb-col-md-2 { flex: 0 0 18.75% !important; max-width: 18.75% !important; }
.wl-hx-item8 .sppb-row > .sppb-col-md-7 { flex: 0 0 81.25% !important; max-width: 81.25% !important; }
/* numer poza biegiem (jak grid-row: span 2 w makiecie) — przy jednowierszowym tytule opis nie czeka na wysokość numeru */
.wl-hx-item8 .sppb-row { position: relative; }
.wl-hx-item8 .sppb-row > .sppb-col-md-2 { position: absolute; left: 0; top: 0; }
.wl-hx-item8 .sppb-row > .sppb-col-md-7 { margin-left: 18.75% !important; }
.wl-hx-item8 .sppb-row > div:has(.wl-hx-item8-desc) { margin-left: 18.75% !important; flex: 0 0 81.25% !important; max-width: 81.25% !important; }
.wl-hx-item8 .hxg-hx-h3xl .sppb-addon-title { transform: none; line-height: 1; margin: 0; }
.wl-hx-item8 .hxg-hx-lead .sppb-addon-content, .wl-hx-item8 .hxg-hx-lead p { font-size: 15px; line-height: 1.45; margin: 0; }
.hxg-hx-bignum .sppb-addon-content { line-height: .9; }
.hxg-hx-listhead .sppb-addon-content { margin-top: 0; padding-bottom: 10px; line-height: normal; }
.wl-hx-eight .wl-hx-item8 .sppb-row { row-gap: 2px; }
.wl-hx-head .hxg-hx-lead .sppb-addon-content, .wl-hx-head .hxg-hx-lead p { line-height: 1.5; }
.hxg-hx-listhead.is-white .sppb-addon-content { margin-top: 32px; }
/* 05 „0 zł”: karta z ramką, ikona 40 w kolumnie 44, tytuł Saira 21 wersalikami, opis 15/1.45 */
.wl-hx-zero-sec .wl-hx-card { background: #0A0A0A; border: 1px solid #2A2A2A; clip-path: none; padding: 16px; }
.wl-hx-feat-zero .sppb-addon-content { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; padding-right: 56px; }
.wl-hx-feat-zero .sppb-img-container { margin: 0; }
.wl-hx-zero-sec .wl-hx-card .sppb-addon, .wl-hx-zero-sec .wl-hx-card .sppb-addon-content, .wl-hx-zero-sec .wl-hx-card .sppb-media-content, .wl-hx-zero-sec .wl-hx-card .sppb-addon-title { position: static; }
.wl-hx-feat-zero .sppb-feature-box-title { font-family: 'Saira Condensed', sans-serif; font-size: 21px; font-weight: 800; line-height: 1.05; text-transform: uppercase; margin: 0 0 4px !important; }
.wl-hx-feat-zero .sppb-addon-text, .wl-hx-feat-zero .sppb-addon-text p { font-size: 15px; line-height: 1.45; margin: 0; }
.wl-hx-zero-sec .wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 8px; }
/* 06 usterki: karta 20/18, odstęp 12, ikona 36 z etykietą obok, tytuł prosty 26/1, lista 6/1.4, opis bez kreski */
.wl-hx-card.wl-hx-card-ust, .wl-hx-card.wl-hx-card-dashed { padding: 20px 18px; min-height: 0; }
.wl-hx-card-ust { background: #141414; border: 1px solid #2A2A2A; }
.wl-hx-card-ust > .sppb-column-addons > .sppb-addon-wrapper:first-child { top: 6px; left: 48px; right: auto; }
.wl-hx-card-ust .hxg-hx-tag .sppb-addon-content { text-align: left; }
.hxg-hx-feat-ust img { width: 36px; height: 36px; }
.hxg-hx-feat-ust .sppb-img-container { margin: 0 0 12px; }
.wl-hx-card-ust .hxg-hx-feat-ust .sppb-feature-box-title { transform: none; line-height: 1; margin: 0 0 12px !important; }
.wl-hx-card-ust .wl-hx-dash { gap: 6px; line-height: 1.4; margin: 0 0 12px; }
.wl-hx-card-ust .wl-hx-note { border: 0; padding: 0; font-size: 15px; line-height: 1.45; }
.wl-hx-card-ust > .sppb-column-addons { gap: 12px; }
.wl-hx-card-ust > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: 0; }
.wl-hx-card-dashed > .sppb-column-addons { gap: 12px; }
.wl-hx-card-dashed .wl-hx-h3-skew .sppb-addon-title { transform: none; }
.wl-hx-ust-sec .wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 12px; }
/* 07 naprawy: pełna karta jak na komputerze (znacznik, tytuł Saira 24, opis 15/1.45, cena i „Zamów” 48 px) */
.wl-hx-nap-sec .hxg-hx-badge { display: block; }
.wl-hx-nap-sec .hxg-hx-badge .sppb-addon-content p { font-size: 15px; line-height: normal; letter-spacing: .08em; padding: 3px 10px; }
.wl-hx-nap-sec .wl-hx-card { padding: 20px 18px; border: 1px solid #2A2A2A; }
.wl-hx-nap-sec .wl-hx-card > .sppb-column-addons, .wl-hx-nap-sec .wl-hx-card-dark > .sppb-column-addons { gap: 12px; }
.wl-hx-nap-sec .hxg-hx-h3 .sppb-addon-title { font-family: 'Saira Condensed', sans-serif; font-size: 24px; font-weight: 800; line-height: 1; text-transform: uppercase; margin: 0; }
.wl-hx-nap-sec .wl-hx-card .hxg-hx-text p { font-size: 15px; line-height: 1.45; }
.wl-hx-nap-sec .wl-hx-cardfoot { padding-top: 12px !important; }
.wl-hx-nap-sec .wl-hx-grid > .sppb-container-inner > .sppb-row { row-gap: 12px; }
/* 13 gwarancja: karty z ramką, ikona 36 w kolumnie 40, odstęp 14, tytuł 21/1.05 */
.hxg-hx-feat-box.hxg-hx-feat-row.hxg-hx-feat { padding: 16px; background: #141414; border: 1px solid #2A2A2A; clip-path: none; }
.hxg-hx-feat-box .sppb-media { gap: 14px; }
.hxg-hx-feat-box img { width: 36px; height: 36px; margin: 0 2px; }
.hxg-hx-feat-box .sppb-media-content .sppb-feature-box-title { font-size: 21px; line-height: 1.05; margin-bottom: 4px !important; }
.hxg-hx-feat-box .sppb-addon-text, .hxg-hx-feat-box .sppb-addon-text p { font-size: 15px; line-height: 1.45; margin: 0; }
.wl-hx-warr .wl-hx-cg16 > .sppb-column-addons { gap: 8px; }
}
@media (max-width: 374px) {
.wl-hx-h1 .sppb-addon-title { font-size: 34px; }
.hxg-hx-h2 .sppb-addon-title, .wl-hx-h2-80 .sppb-addon-title { font-size: 30px; }
}
/* 992–1399: sekcje tak samo jak kontenery szablonu — treść do 1280 px, marginesy ≥ 40 px */
@media (min-width: 992px) and (max-width: 1399px) { .wl-hx-sec > .sppb-row-container { max-width: min(1310px, calc(100% - 50px)) !important; } }
/* 576–1399 (makiet brak): tytuły kart bez osieroconego ostatniego słowa („HZ”, „SSD”, „gratis”) — wiersze wyrównane długością */
@media (min-width: 576px) and (max-width: 1399px) { .wl-hx-sec h3.sppb-addon-title { text-wrap: balance; } }
/* ── krytyka 2026-09-26 ─────────────────────────────────────────────── */
/* hero: kafle to przełączniki (skrypt hx-zcard) — wybrane ≠ najechane, żeby było widać, co zaznaczono */
.wl-hx-series a:hover, .wl-hx-series a:focus-visible { border-color: #5A5A5A; }
.wl-hx-series a.is-on { border-color: #E4002B; background: #2A0008; color: #FFFFFF; }
.wl-hx-pill:hover, .wl-hx-pill:focus-visible { background: #0A0A0A; border-color: #E4002B; }
.wl-hx-pill.is-on { background: #E4002B; border-color: #E4002B; color: #FFFFFF; }
.wl-hx-zcard-sum { margin: 8px 0 8px !important; font-family: 'Barlow', sans-serif; font-size: 15px; line-height: 1.45; color: #A3A3A3; text-transform: none; letter-spacing: 0; }
.wl-hx-zcard-sum strong { color: #FFFFFF; font-weight: 700; }
/* naprawy: przycisk „Zgłoś naprawę” na dole każdej karty (zamiast 7 × ceny po diagnozie) */
.wl-hx-nap-sec .wl-hx-card > .sppb-column-addons > .sppb-addon-wrapper:last-child { margin-top: auto !important; }
.wl-hx-nap-sec .wl-hx-card-alt .sppb-btn.hxg-hx-btn-line { text-transform: uppercase; min-height: 48px; font-size: 17px; letter-spacing: 0; border-width: 1px; }
/* tablet i telefon: ukośna linia tła hero poza kolumną tekstu */
@media (max-width: 991px) { .wl-hx-hero.sppb-section { background-position: left top !important; } }
/* telefon: bez ilustracji laptopa — panel zgłoszenia wyżej */
@media (max-width: 575px) {
.wl-hx-hero-row .sppb-row > div:has(.wl-hx-laptop) { display: none !important; }
.wl-hx-zcard-sum { margin-top: 10px !important; } /* makieta 390: 36 px od etykiety kroku 3 */
}
/* 1200–1279: „3 kroki” obok tytułu panelu łamały go na 2 wiersze */
@media (min-width: 1200px) and (max-width: 1279px) { .wl-hx-card-steps { display: none; } }
/* 992–1199: tytuł panelu w jednym wierszu (bez „3 kroki”), statystyki hero bez łamania */
@media (min-width: 992px) and (max-width: 1199px) {
.wl-hx-card-steps { display: none; }
.wl-hx-card-title { font-size: clamp(26px, 2.75vw, 32px); white-space: nowrap; }
.wl-hx-stats strong { white-space: nowrap; font-size: 26px; }
}
/* telefon: te nagłówki są w makiecie 390 proste — wyłączenie pochylenia musi objąć słowa (wl-hx-w), nie tylko nagłówek */
@media (max-width: 575px) {
.wl-hx-item8 .hxg-hx-h3xl .wl-hx-w, .wl-hx-card-ust .hxg-hx-feat-ust .wl-hx-w, .wl-hx-card-dashed .wl-hx-h3-skew .wl-hx-w { transform: none; }
}
/* realizacje: trzy karty prawdziwych przypadków pod nagłówkiem sekcji 12 (2026-09-26) */
.wl-hx-cases.sppb-section { padding-bottom: 40px !important; }
.wl-hx-cases2.sppb-section { padding-top: 0 !important; }
.wl-hx-cases2 .sppb-row { align-items: stretch; }
.wl-hx-cases2 .sppb-row > div { display: flex; }
.wl-hx-cases2 .sppb-row > div > .sppb-column { flex: 1 1 auto; width: 100%; display: flex; flex-direction: column; }
.wl-hx-cases2 .sppb-column-addons, .wl-hx-cases2 .sppb-addon-wrapper, .wl-hx-cases2 .sppb-addon-wrapper > .clearfix, .hxg-hx-case-box, .hxg-hx-case-box .sppb-addon-content { flex: 1 1 auto; display: flex; flex-direction: column; } /* .clearfix SPPB między opakowaniem a dodatkiem — też flex, inaczej karty mają różne wysokości */
.wl-hx-case { display: flex; flex-direction: column; flex: 1 1 auto; background: #141414; color: #FFFFFF; text-decoration: none;
clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); transition: background-color .2s; }
.wl-hx-case img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.wl-hx-case-body { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 24px; flex: 1 1 auto; }
.wl-hx-case-tag { align-self: flex-start; font-size: 12px; line-height: normal; font-weight: 700; letter-spacing: .1em; color: #A3A3A3; border: 1px solid #2A2A2A; padding: 4px 10px; }
.hxg-hx-case-box .wl-hx-case-t { margin: 0; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 26px; line-height: 1.02; text-transform: uppercase; color: #FFFFFF; }
.wl-hx-case-d { font-size: 14px; line-height: 1.5; color: #A3A3A3; }
.wl-hx-case-more { margin-top: auto; padding-top: 6px; display: inline-flex; align-items: center; gap: 10px; font-family: 'Saira Condensed', sans-serif;
font-weight: 800; font-size: 17px; letter-spacing: .08em; text-transform: uppercase; color: #FFFFFF; }
.wl-hx-case-more .fas { color: #E4002B; font-size: 14px; }
.wl-hx-case:hover, .wl-hx-case:focus-visible { background: #1C1C1C; color: #FFFFFF; }
.wl-hx-case:hover .wl-hx-case-more, .wl-hx-case:focus-visible .wl-hx-case-more { color: #FF2A4D; }
@media (max-width: 991px) {
.wl-hx-cases.sppb-section { padding-bottom: 28px !important; }
.wl-hx-case-body { padding: 18px 18px 20px; }
.hxg-hx-case-box .wl-hx-case-t { font-size: 22px; }
}
@media (max-width: 767px) { .wl-hx-cases2 .sppb-row { row-gap: 12px; } }
@media (max-width: 575px) {
.wl-hx-case img { aspect-ratio: 2 / 1; } /* telefon: trzy karty jedna pod drugą — niższe zdjęcia */
.wl-hx-cases.sppb-section, .wl-hx-cases2.sppb-section { background-color: #141414 !important; } /* makieta 390: sekcja realizacji na #141414 */
.wl-hx-case { background: #0A0A0A; border: 1px solid #2A2A2A; }
.wl-hx-case:hover, .wl-hx-case:focus-visible { background: #1C1C1C; }
}
/* ══ AUDYT DESIGNU 2026-09-26 (AUDYT-DESIGN-STRONY-GLOWNEJ-2026-09-26.md) — zgodność z makietą już nie obowiązuje ══ */
/* QW1 — tekst do czytania w kartach i listach 16 px (był 13–15 px; przewodnik sieci §2: karty i opisy 16/25) */
.wl-hx-note, .hxg-hx-muted .sppb-addon-content, .hxg-hx-muted .sppb-addon-content p, .wl-hx-nap-sec .wl-hx-card .hxg-hx-text p,
.wl-hx-case-d, .wl-hx-abcd .wl-hx-desc, .wl-hx-zcard-note .sppb-addon-content, .hxg-hx-step .sppb-blocknumber-text,
.hxg-hx-feat-row .sppb-addon-text, .hxg-hx-feat-row .sppb-addon-text p, .wl-hx-order .hxg-hx-feat-row .sppb-addon-text, .wl-hx-order .hxg-hx-feat-row .sppb-addon-text p,
.wl-hx-card-ust .wl-hx-note, .wl-hx-dash li, .wl-hx-checks li, .hxg-hx-infobox .sppb-addon-content, .hxg-hx-infobox p, .wl-hx-panel-foot .sppb-addon-content p {
font-size: 16px !important; line-height: 1.5 !important; }
.wl-hx-stats span { font-size: 14px; line-height: 1.3; }
/* QW3 — H3 w trzech stopniach: L 40/40 · M 28/28 · S 22/24 (było 9 rozmiarów 22–46 px, trzy z interlinią „normal”) */
.hxg-hx-h3xl .sppb-addon-title, .wl-hx-h3-46 .sppb-addon-title { font-size: 40px; line-height: 1; }
.wl-hx-h3-34 .sppb-addon-title, .hxg-hx-h3-icon .sppb-addon-title, .hxg-hx-feat-ust .sppb-feature-box-title, .wl-hx-h3-skew .sppb-addon-title,
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title { font-size: 28px; line-height: 1; }
.hxg-hx-h3 .sppb-addon-title, .hxg-hx-step .sppb-media-heading, .hxg-hx-feat-row .sppb-feature-box-title, .wl-hx-order .hxg-hx-feat-row .sppb-feature-box-title,
.hxg-hx-case-box .wl-hx-case-t { font-size: 22px; line-height: 1.1; }
@media (min-width: 576px) and (max-width: 991px) {
.hxg-hx-h3xl .sppb-addon-title, .wl-hx-h3-46 .sppb-addon-title, .wl-hx-redpanel .wl-hx-h3-46 .sppb-addon-title { font-size: 32px; }
.wl-hx-h3-34 .sppb-addon-title, .hxg-hx-h3-icon .sppb-addon-title, .hxg-hx-feat-ust .sppb-feature-box-title, .wl-hx-h3-skew .sppb-addon-title,
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title, .wl-hx-card-outline .wl-hx-h3-34 .sppb-addon-title { font-size: 26px; }
.hxg-hx-h3 .sppb-addon-title, .hxg-hx-step .sppb-media-heading, .hxg-hx-feat-row .sppb-feature-box-title, .hxg-hx-case-box .wl-hx-case-t { font-size: 21px; }
}
@media (max-width: 575px) {
.wl-hx-h3-46 .sppb-addon-title, .wl-hx-redpanel .wl-hx-h3-46 .sppb-addon-title { font-size: 28px; line-height: 1; }
.wl-hx-h3-34 .sppb-addon-title, .hxg-hx-h3-icon .sppb-addon-title, .hxg-hx-feat-ust .sppb-feature-box-title, .wl-hx-h3-skew .sppb-addon-title,
.wl-hx-aid .hxg-hx-h3-icon .sppb-addon-title, .wl-hx-card-outline .wl-hx-h3-34 .sppb-addon-title, .wl-hx-item8 .hxg-hx-h3xl .sppb-addon-title { font-size: 24px; line-height: 1; }
.hxg-hx-h3 .sppb-addon-title, .wl-hx-nap-sec .hxg-hx-h3 .sppb-addon-title, .hxg-hx-step .sppb-media-heading, .hxg-hx-feat-row .sppb-feature-box-title,
.wl-hx-order .hxg-hx-feat-row .sppb-feature-box-title, .hxg-hx-case-box .wl-hx-case-t { font-size: 20px; line-height: 1.1; }
/* QW2 — tekst podstawowy na telefonie 16 px (był 15/21,75) */
.hxg-hx-lead .sppb-addon-content, .hxg-hx-lead .sppb-addon-content p, .hxg-hx-text p, .hxg-hx-panel-text .sppb-addon-content p, .wl-hx-panel-list li { font-size: 16px !important; line-height: 1.5 !important; }
}
/* QW5 — statystyki: rząd 4 × 1 pod przyciskami hero; telefon 2 × 2 */
.wl-hx-stats-row .wl-hx-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #2A2A2A; border-right: 0; border-bottom: 0; }
.wl-hx-stats-row .wl-hx-stats li { border-right: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; border-left: 0; padding: 16px 16px; }
@media (max-width: 575px) {
.wl-hx-stats-row .wl-hx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A; margin: 0; }
.wl-hx-stats-row .wl-hx-stats li, .wl-hx-stats-row .wl-hx-stats li:first-child, .wl-hx-stats-row .wl-hx-stats li:last-child { padding: 12px 14px; border-left: 0; border-right: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; }
.wl-hx-stats-row .wl-hx-stats strong { font-size: 28px; }
.wl-hx-stats-row .wl-hx-stats span { font-size: 14px; line-height: 1.3; }
}
/* QW6 — przyciski hero na telefonie pełną szerokością, jeden pod drugim (drugi łamał się na 2 wiersze) */
@media (max-width: 575px) {
.wl-hx-hero-btns .sppb-row > div { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.wl-hx-hero-btns .sppb-row { grid-template-columns: 1fr !important; gap: 12px !important; } /* na telefonie rząd jest siatką 2 × 1fr */
.wl-hx-hero-btns .sppb-btn { width: 100%; justify-content: center; }
}
/* QW7 — cele dotykowe 44 px: „Na skróty” i numer w ramce informacyjnej */
.hxg-hx-infobox a { display: inline-block; padding: 12px 0; margin: -12px 0; }
@media (max-width: 575px) {
.wl-hx-links li { align-items: stretch; }
.wl-hx-links a { display: flex; align-items: center; min-height: 48px; width: 100%; border-bottom: 0; text-decoration: underline; text-decoration-color: #E4002B; text-underline-offset: 4px; }
}
/* QW8 — wspólna krawędź treści: pochylenie „DO 12 MIES.” i dużych numerów 01–08 od lewego dolnego rogu (było −9 i −6 px) */
.wl-hx-warranty p, .hxg-hx-bignum .sppb-addon-content { transform-origin: left bottom; }
/* QW9 — telefon: pasma naprzemiennie #0A0A0A / #141414 (06 było #1C1C1C; 12, 12b i 13 w jednym kolorze) */
@media (max-width: 575px) {
.wl-hx-second.sppb-section { background-color: #0A0A0A !important; }
.wl-hx-cases.sppb-section, .wl-hx-cases2.sppb-section { background-color: #0A0A0A !important; }
.wl-hx-case { background: #141414; border: 1px solid #2A2A2A; }
.wl-hx-case:hover, .wl-hx-case:focus-visible { background: #1C1C1C; }
}
/* QW11 — reakcja kart na najechanie i fokus (ramka czerwona), bez ruchu przy prefers-reduced-motion */
.wl-hx-card-ust, .wl-hx-nap-sec .wl-hx-card, .wl-hx-card-dashed { outline: 1px solid transparent; outline-offset: -1px; transition: outline-color .2s ease; }
.wl-hx-card-ust:hover, .wl-hx-card-ust:focus-within, .wl-hx-nap-sec .wl-hx-card:hover, .wl-hx-nap-sec .wl-hx-card:focus-within,
.wl-hx-card-dashed:hover, .wl-hx-card-dashed:focus-within { outline-color: #E4002B; }
@media (prefers-reduced-motion: reduce) { .wl-hx-card-ust, .wl-hx-nap-sec .wl-hx-card, .wl-hx-card-dashed, .wl-hx-case { transition: none; } }
/* ── SYSTEM PRZYCISKÓW: L 64 · M 56 · S 48 px (było ok. 10 wariantów czerwonego przycisku z numerem, 48–84 px, pismo 14–44 px) ── */
/* L — główne wezwanie: hero, CTA końcowe */
.wl-hx-sec .sppb-btn.hxg-hx-btn-xl, .wl-hx-sec .sppb-btn.wl-hx-btn-huge { min-height: 64px !important; height: 64px; padding: 0 32px !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-xl, .wl-hx-sec .sppb-btn.wl-hx-btn-huge { font-size: clamp(22px, 2.1vw, 30px) !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { font-size: 16px !important; }
/* M — wezwania w sekcjach i kartach */
.wl-hx-sec .sppb-btn.wl-hx-btn-card, .wl-hx-sec .sppb-btn.wl-hx-btn-num30, .wl-hx-sec .sppb-btn.hxg-hx-btn-num:not(.hxg-hx-btn-plain),
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg, .wl-hx-sec .sppb-btn.hxg-hx-btn-dark.hxg-hx-btn-num, .wl-hx-sec .sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-lg {
min-height: 56px !important; height: 56px; padding: 0 28px !important; }
.wl-hx-sec .sppb-btn.wl-hx-btn-card, .wl-hx-sec .sppb-btn.wl-hx-btn-num30, .wl-hx-sec .sppb-btn.hxg-hx-btn-num:not(.hxg-hx-btn-plain),
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg, .wl-hx-sec .sppb-btn.hxg-hx-btn-dark.hxg-hx-btn-num { font-size: clamp(18px, 1.6vw, 22px) !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-lg { font-size: 15px !important; }
.wl-hx-bar .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg { width: auto !important; min-width: 186px; }
/* trzeciorzędne: „Zgłoś tę usterkę”, „Zgłoś naprawę”, „Zapytaj” — odnośnik tekstowy ze strzałką zamiast 21 ramek */
.wl-hx-sec .sppb-btn.hxg-hx-btn-line { border: 0 !important; background: transparent !important; padding: 0 !important; min-height: 44px; height: auto;
justify-content: flex-start !important; gap: 10px; width: auto !important; font-family: 'Saira Condensed', sans-serif !important; font-size: 17px !important;
font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase; color: #FFFFFF !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-line .fas { order: 2; color: #E4002B; transition: transform .2s ease; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-line:hover, .wl-hx-sec .sppb-btn.hxg-hx-btn-line:focus-visible { color: #FF2A4D !important; background: transparent !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-line:hover .fas { transform: translateX(4px); color: #FF2A4D; }
@media (prefers-reduced-motion: reduce) { .wl-hx-sec .sppb-btn.hxg-hx-btn-line .fas { transition: none; } .wl-hx-sec .sppb-btn.hxg-hx-btn-line:hover .fas { transform: none; } }
.wl-hx-sec .sppb-button-wrapper:has(> .hxg-hx-btn-line) { text-align: left; }
@media (max-width: 575px) {
.wl-hx-sec .sppb-btn.hxg-hx-btn-xl, .wl-hx-sec .sppb-btn.wl-hx-btn-huge { min-height: 56px !important; height: 56px; padding: 0 20px !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-xl, .wl-hx-sec .sppb-btn.wl-hx-btn-huge { font-size: 24px !important; }
.wl-hx-sec .sppb-btn.wl-hx-btn-card, .wl-hx-sec .sppb-btn.wl-hx-btn-num30, .wl-hx-sec .sppb-btn.hxg-hx-btn-num:not(.hxg-hx-btn-plain),
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg, .wl-hx-sec .sppb-btn.hxg-hx-btn-dark.hxg-hx-btn-num, .wl-hx-sec .sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-lg {
min-height: 52px !important; height: 52px; padding: 0 20px !important; }
.wl-hx-sec .sppb-btn.wl-hx-btn-card, .wl-hx-sec .sppb-btn.wl-hx-btn-num30, .wl-hx-sec .sppb-btn.hxg-hx-btn-num:not(.hxg-hx-btn-plain),
.wl-hx-sec .sppb-btn.hxg-hx-btn.hxg-hx-btn-lg, .wl-hx-sec .sppb-btn.hxg-hx-btn-dark.hxg-hx-btn-num { font-size: 20px !important; }
}
/* ── TELEFON: karty usterek i napraw w rzędach przewijanych w bok (strona była 20 038 px, te dwie sekcje po ok. 2 200 px) ── */
@media (max-width: 575px) {
.wl-hx-ust-sec .wl-hx-grid > .sppb-container-inner > .sppb-row, .wl-hx-nap-sec .wl-hx-grid > .sppb-container-inner > .sppb-row {
display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
gap: 12px !important; row-gap: 0 !important; margin: 0 -15px !important; padding: 0 15px 12px !important; scroll-padding-left: 15px;
scrollbar-width: thin; scrollbar-color: #E4002B #141414; }
.wl-hx-ust-sec .wl-hx-grid > .sppb-container-inner > .sppb-row > div, .wl-hx-nap-sec .wl-hx-grid > .sppb-container-inner > .sppb-row > div {
flex: 0 0 85% !important; max-width: 85% !important; width: 85% !important; margin: 0 !important; scroll-snap-align: start; display: flex; }
.wl-hx-ust-sec .wl-hx-grid > .sppb-container-inner > .sppb-row > div > .sppb-column, .wl-hx-nap-sec .wl-hx-grid > .sppb-container-inner > .sppb-row > div > .sppb-column { flex: 1 1 auto; }
.wl-hx-ust-sec .wl-hx-head, .wl-hx-nap-sec .wl-hx-head { position: relative; }
.wl-hx-ust-sec .wl-hx-grid::after, .wl-hx-nap-sec .wl-hx-grid::after { content: "Przesuń w bok →"; display: block; margin-top: 6px;
font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: #A3A3A3; }
}
/* skala H3 — domknięcie: „Coś innego?” (klasy hxg-hx-h3 + wl-hx-h3-skew) to stopień M jak karty usterek; tytuły w „Gwarancji” i „Zamówieniu” to S na każdej szerokości */
.hxg-hx-h3.wl-hx-h3-skew .sppb-addon-title { font-size: 28px; line-height: 1; }
.wl-hx-warr .hxg-hx-feat-row .sppb-feature-box-title, .wl-hx-order .hxg-hx-feat-row.hxg-hx-feat .sppb-feature-box-title { font-size: 22px; line-height: 1.1; }
@media (min-width: 576px) and (max-width: 991px) {
.hxg-hx-h3.wl-hx-h3-skew .sppb-addon-title { font-size: 26px; }
.wl-hx-warr .hxg-hx-feat-row .sppb-feature-box-title, .wl-hx-order .hxg-hx-feat-row.hxg-hx-feat .sppb-feature-box-title { font-size: 21px; }
}
@media (max-width: 575px) {
.hxg-hx-h3.wl-hx-h3-skew .sppb-addon-title, .wl-hx-card-dashed .hxg-hx-h3.wl-hx-h3-skew .sppb-addon-title { font-size: 24px; }
.wl-hx-warr .hxg-hx-feat-row .sppb-feature-box-title, .wl-hx-warr .hxg-hx-feat-box.hxg-hx-feat-row .sppb-feature-box-title,
.wl-hx-order .hxg-hx-feat-row.hxg-hx-feat .sppb-feature-box-title { font-size: 20px; line-height: 1.1; }
}
/* przyciski L przy 992–1199: węższy padding, żeby telefon i „Zamów darmowy odbiór” zmieściły się w jednym rzędzie hero */
@media (min-width: 992px) and (max-width: 1199px) {
.wl-hx-sec .sppb-btn.hxg-hx-btn-xl { padding: 0 20px !important; }
.wl-hx-sec .sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { font-size: 15px !important; }
}
/* telefon: para przycisków w „Drugim podejściu” jeden pod drugim, pełną szerokością (drugi łamał się na 3 wiersze) */
@media (max-width: 575px) {
.wl-hx-btnrow .sppb-row { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; margin: 0 !important; }
.wl-hx-btnrow .sppb-row > div, .wl-hx-second .wl-hx-btnrow .sppb-row > div { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; }
.wl-hx-btnrow .sppb-btn, .wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn, .wl-hx-second .wl-hx-btnrow .sppb-btn.hxg-hx-btn-ghost { width: 100% !important; justify-content: center; }
.wl-hx-btnrow .sppb-row > div .sppb-column, .wl-hx-btnrow .sppb-column-addons, .wl-hx-btnrow .sppb-addon-wrapper, .wl-hx-btnrow .sppb-button-wrapper { width: 100%; }
}
/* lista objawów w „Zgłoszeniu”: bez ramek (wyglądały jak pola wyboru, a nie są interaktywne) — wiersze z linią, kwadratowy punktor 6 px */
.wl-hx-checks { gap: 0 32px; }
.wl-hx-checks li { min-height: 44px; padding: 0; border: 0; border-bottom: 1px solid #2A2A2A; background: transparent; gap: 12px; }
.wl-hx-checks li::before { width: 6px; height: 6px; border: 0; background: #E4002B; transform: none; }
@media (max-width: 575px) { .wl-hx-checks { gap: 0; } .wl-hx-checks li { min-height: 44px; background: transparent; } }
/* ══ SKALA MAŁEGO TEKSTU (audyt 2026-09-26, wg zgody właściciela) — jedna interlinia zamiast ok. 25 wartości ══
Tekst 12–15 px: interlinia 1,5 (12/18 · 13/19,5 · 14/21 · 15/22,5); etykiety Saira ≤ 20 px: 1,2 (16/19,2 · 17/20,4 · 20/24).
Przyciski i duże nagłówki poza tym blokiem (własna skala: przyciski L/M/S, nagłówki H3 22/28/40). */
.wl-hx-districts li, .wl-hx-links a, .wl-hx-links li, .wl-hx-tags li, .wl-hx-nope li, .wl-hx-zcard-sum, .wl-hx-bar-a, .wl-hx-bar-b, .wl-hx-bar-b p,
.hxg-hx-infobox p, .wl-hx-info, .hxg-hx-badge p, .wl-hx-case-tag, .wl-hx-desc, .wl-hx-stats span, .wl-hx-pill, .hxg-hx-kicker p, .wl-hx-steplabel,
.wl-hx-abcd strong, .wl-hx-panel-foot .sppb-addon-content p, .wl-hx-zcard-note .sppb-addon-content,
#sp-bottom p, #sp-bottom li, #sp-bottom ul.menu li a, #sp-bottom .hx-foot-white, #sp-bottom .hx-foot-h, #sp-footer span, .hx-copy-l, .hx-copy-r,
#sp-top-bar .topbar-promises li, #sp-top-bar .hx-bar-tel { line-height: 1.5 !important; }
.hxg-hx-eyebrow .sppb-addon-content, .wl-hx-q, .wl-hx-nr, .wl-hx-legend, .wl-hx-rule, .hx-foot-label, .wl-hx-card-steps, .hxg-hx-tag .sppb-addon-content,
.wl-hx-case-more, .wl-hx-series a, .wl-hx-redpanel .wl-hx-panel-kicker .sppb-addon-content, .wl-hx-panel-kicker { line-height: 1.2 !important; }
/* skala małego tekstu — domknięcie: etykiety Saira (znacznik „NN //”, tytuły list 01–08, informacja, nagłówek kolumny stopki) 1,2; pytania FAQ 20/24; tekst w SVG radaru 13/19,5 */
.hxg-hx-listhead .sppb-addon-content, .hxg-hx-listhead p, .wl-hx-info, #sp-bottom .hx-foot-h.hx-foot-h { line-height: 1.2 !important; }
.wl-hx-faq .sppb-panel-title, .wl-hx-faq .sppb-panel-heading .sppb-panel-title, .wl-hx-faq button .sppb-panel-title { line-height: 1.2 !important; }
.wl-hx-radar text, .wl-hx-radar-mob text { line-height: 1.5; }
/* zdjęcia w sekcjach „Drugie podejście” i „Gwarancja” (audyt 2026-09-26) — z banku sieci, obejrzane i wybrane wzrokowo */
.hxg-hx-foto img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; border: 1px solid #2A2A2A; }
.wl-hx-foto-part img { aspect-ratio: 2 / 1; object-fit: contain; background: #FFFFFF; } /* zdjęcie produktowe na białym tle — cały wentylator w kadrze */
@media (max-width: 575px) { .hxg-hx-foto img { aspect-ratio: 16 / 9; } .wl-hx-foto-part img { aspect-ratio: 3 / 2; } }
/* strona-hub „Serwis” (/serwis): kafle tematów */
.wl-hx-hub-hero .wl-hx-hero-lead .sppb-addon-content { max-width: 640px; }
.hxg-hx-tile-box, .hxg-hx-tile-box .sppb-addon-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.wl-hx-hub-tiles .wl-hx-card > .sppb-column-addons, .wl-hx-hub-tiles .wl-hx-card .sppb-addon-wrapper, .wl-hx-hub-tiles .wl-hx-card .sppb-addon-wrapper > .clearfix { display: flex; flex-direction: column; flex: 1 1 auto; }
.wl-hx-hub-tiles .wl-hx-card { padding: 0; }
.wl-hx-tile { display: flex; flex-direction: column; flex: 1 1 auto; gap: 10px; padding: 26px 24px; min-height: 220px; color: #FFFFFF; text-decoration: none; }
.wl-hx-tile-n { font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 28px; line-height: 1; color: #E4002B; }
.wl-hx-tile .wl-hx-tile-t { margin: 0; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 22px; line-height: 1.1; text-transform: uppercase; color: #FFFFFF; }
.wl-hx-tile-d { font-size: 16px; line-height: 1.5; color: #A3A3A3; }
.wl-hx-tile-more { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 17px; letter-spacing: .08em; text-transform: uppercase; }
.wl-hx-tile-more .fas { color: #E4002B; font-size: 14px; transition: transform .2s ease; }
.wl-hx-tile:hover .wl-hx-tile-more, .wl-hx-tile:focus-visible .wl-hx-tile-more { color: #FF2A4D; }
.wl-hx-tile:hover .wl-hx-tile-more .fas { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .wl-hx-tile-more .fas { transition: none; } .wl-hx-tile:hover .wl-hx-tile-more .fas { transform: none; } }
@media (max-width: 575px) { .wl-hx-tile { min-height: 0; padding: 20px 18px; } .wl-hx-tile .wl-hx-tile-t { font-size: 20px; } }
/* Kontakt: numer telefonu w karcie „Telefon” jako główna dana (Saira 30 px, czerwień drobna #FF2A4D) */
.hxg-hx-feat .sppb-addon-text a[href^="tel:"], .hxg-hx-feat .sppb-addon-text p > a[href^="tel:"] { display: inline-block; margin-bottom: 6px; font-family: 'Saira Condensed', sans-serif; font-weight: 900; font-size: 30px; line-height: 1.1; color: #FF2A4D; text-decoration: none; }
.hxg-hx-feat .sppb-addon-text a[href^="tel:"]:hover { color: #FFFFFF; }
/* drobnica z krytyki (2026-09-26): kicker hero krótszy na telefonie; numer w pasku 44 px; cele dotykowe „Na skróty” i stopki na komputerze ≥ 32 px */
@media (max-width: 575px) { .wl-hx-kick-x { display: none; } .wl-hx-bar .sppb-btn.hxg-hx-btn-plain.hxg-hx-btn-num { min-height: 44px; display: inline-flex; align-items: center; } }
.wl-hx-links a { display: inline-flex; align-items: center; min-height: 32px; }
#sp-bottom ul.menu li a { display: inline-flex; align-items: center; min-height: 32px; }
@media (max-width: 575px) { #sp-bottom ul.menu li a { min-height: 44px; } }
.wl-hx-bar .sppb-nested-row { justify-content: flex-end; }
/* skala ≤ 30 (audyt 2026-09-26): scalanie pokrewnych par rozmiar/interlinia — interlinia tekstu 1,5, etykiety 1,2, przyciski i H3 22/24 */
.hx-hdr-tel-cap, .hx-logo-sub, #sp-bottom .hx-foot-h { font-size: 12px; line-height: 18px; }
.hx-hdr-btn { line-height: 21px; }
.hx-hdr-tel-num { font-size: 22px; line-height: 24px; }
.hxg-hx-btn-plain.wl-hx-btn-link { line-height: 21px; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-lg { line-height: 18px; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-xl { line-height: 1.2; }
.hxg-hx-btn-line, .wl-hx-case-more { font-size: 16px; line-height: 1.2; }
.hx-logo-badge { font-size: 16px; line-height: 1.2; }
.hx-logo-badge > span { font-size: 22px; line-height: 24px; }
.wl-hx-abcd strong, .wl-hx-list strong { font-size: 16px; line-height: 1.5; }
.sppb-btn.hxg-hx-btn, .sppb-btn.hxg-hx-btn-dark, .wl-hx-series a, .wl-hx-case-t, .sppb-addon-title.hxg-hx-h3, h3.hxg-hx-h3, h3.sppb-addon-title { line-height: 24px; }
.sppb-btn.hxg-hx-btn-xl, .sppb-btn.wl-hx-btn-huge, .hx-foot-tel, #sp-bottom .hx-foot-tel { line-height: 1; }
.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 30px; line-height: 1; }
.wl-hx-card-title { font-size: 30px; line-height: 1; }
.wl-hx-do, .wl-hx-mies { font-size: 40px; line-height: 1; }
/* skala ≤ 30 — dopięcie (wyższa siła reguł niż style dodatków) */
#sp-bottom p.hx-foot-h { line-height: 18px !important; }
#sp-main-body a.sppb-btn.hxg-hx-btn-line { font-size: 16px !important; line-height: 19.2px !important; }
.hx-logo-badge { font-size: 16px !important; line-height: 1.2 !important; }
#sp-main-body h3:not(:has(span)) { line-height: 24px !important; }
.wl-hx-series a { line-height: 24px !important; }
.hxg-hx-bignum p { line-height: .92 !important; }
.hxg-hx-btn-plain.hxg-hx-btn-num { font-size: 30px !important; line-height: 1 !important; }
@media (max-width: 575px) {
.hx-short, .topbar-promises li, .topbar-promises li * { font-size: 13px !important; line-height: 19.5px !important; }
.sppb-btn.hxg-hx-btn-ghost.hxg-hx-btn-lg { line-height: 18px !important; }
.hxg-hx-btn-plain.wl-hx-btn-link { line-height: 22.5px !important; }
#sp-main-body .sppb-panel-title span, #sp-main-body button span, #sp-main-body span.wl-hx-q { font-size: 16px !important; line-height: 19.2px !important; }
.hx-mob-bar a { font-size: 16px !important; line-height: 24px !important; }
.wl-hx-series a { font-size: 20px !important; }
.hx-logo-name { line-height: 24px !important; }
}
/* hero: statystyki pod obiema kolumnami (audyt 2026-09-26, p. 8) */
.wl-hx-hero-stats { margin-top: 8px; }
.wl-hx-hero-left > .sppb-column-addons { padding-bottom: 0; }
@media (max-width: 575px) { .wl-hx-hero-stats { margin-top: 16px; } }
/* audyt tura 2 (2026-09-26): tablet 12 px w pasku, cele dotykowe, menu 14, nagłówki do skali, linia zaufania w hero */
@media (min-width: 768px) and (max-width: 1199px) {
.hx-short, .topbar-promises li, .topbar-promises li * { font-size: 12px !important; line-height: 18px !important; }
.hx-hdr-tel { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
#sp-menu .sp-megamenu-parent > li > a { font-size: 14px; }
.wl-hx-hero .sppb-addon-title .wl-hx-w { font-size: 52px !important; line-height: 48px !important; }
.wl-hx-final .wl-hx-w { font-size: 44px !important; line-height: 41.8px !important; }
}
@media (max-width: 575px) { #sp-header .logo a { min-height: 44px; display: inline-flex; align-items: center; } }
#sp-bottom .hx-foot-kontakt p.hx-foot-h, #sp-bottom .hx-foot-obszar p.hx-foot-h { line-height: 18px !important; }
.wl-hx-trust .sppb-addon-content { font-size: 15px; line-height: 22.5px; color: #A3A3A3; margin-top: 24px; }
.wl-hx-trust .wl-hx-dot { color: #E4002B; margin: 0 6px; }
@media (max-width: 767px) { .wl-hx-trust { display: none; } }
/* audyt tura 2, c.d.: ostatnie pary poza skalą — odpowiedzi FAQ i opisy kroków */
.wl-hx-faq .sppb-panel-body .sppb-addon-content { line-height: 1.5 !important; }
.wl-hx-item8 .sppb-addon-text-block:not(.hxg-hx-bignum) .sppb-addon-content p { line-height: 1.5; }
/* audyt tura 2, c.d.: numery i pas napisów na tablecie do par skali (60/57 i 120/102) */
@media (min-width: 576px) and (max-width: 991px) {
.hxg-hx-bignum .sppb-addon-content, .hxg-hx-bignum p { font-size: 60px; line-height: 57px !important; }
}
@media (min-width: 576px) and (max-width: 991px) {
.wl-hx-marquee p { font-size: 120px !important; line-height: 102px !important; }
}
/* audyt render R07: odnośniki-przyciski tekstowe mają widoczny kształt — czerwona linia u dołu pola (dodatkowa wskazówka klikalności poza kolorem) */
.sppb-btn.hxg-hx-btn-line, .sppb-btn.hxg-hx-btn-plain { box-shadow: inset 0 -2px 0 #E4002B; }
.sppb-btn.hxg-hx-btn-line:hover, .sppb-btn.hxg-hx-btn-plain:hover { box-shadow: inset 0 -4px 0 #E4002B; }
/* siatki kart jako osobne wiersze (audyt SPPB K17) — nagłówek i karty w dwóch sekcjach tego samego tła; układ 2 kolumny (tablet) i przewijany pas (telefon) z CSS */
.wl-hx-sec-head { padding-bottom: 0 !important; }
.wl-hx-sec-grid { padding-top: 0 !important; }
@media (max-width: 991px) {
.wl-hx-ust-sec.wl-hx-sec-grid > .sppb-row-container > .sppb-row > div > .sppb-column > .sppb-column-addons,
.wl-hx-nap-sec.wl-hx-sec-grid > .sppb-row-container > .sppb-row > div > .sppb-column > .sppb-column-addons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wl-hx-sec-grid .wl-hx-grid-part, .wl-hx-sec-grid .wl-hx-grid-part > .sppb-container-inner, .wl-hx-sec-grid .wl-hx-grid-part > .sppb-container-inner > .sppb-row { display: contents !important; }
.wl-hx-sec-grid .wl-hx-grid-part > .sppb-container-inner > .sppb-row > div { flex: none !important; width: auto !important; max-width: none !important; margin: 0 !important; display: flex; }
}
@media (max-width: 575px) {
.wl-hx-ust-sec.wl-hx-sec-grid > .sppb-row-container > .sppb-row > div > .sppb-column > .sppb-column-addons,
.wl-hx-nap-sec.wl-hx-sec-grid > .sppb-row-container > .sppb-row > div > .sppb-column > .sppb-column-addons {
display: flex !important; flex-direction: row !important; flex-wrap: nowrap; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
margin: 0 -15px; padding: 0 15px 12px; scroll-padding-left: 15px; scrollbar-width: thin; scrollbar-color: #E4002B #141414; }
.wl-hx-sec-grid .wl-hx-grid-part > .sppb-container-inner > .sppb-row > div { flex: 0 0 85% !important; width: 85% !important; max-width: 85% !important; scroll-snap-align: start; padding-left: 0 !important; padding-right: 0 !important; }
}
/* sekcja „Serie” — czytelna lista wszystkich serii zamiast przyciętego pasa napisów (audyt R15) */
.wl-hx-serie-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.wl-hx-serie-list a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; background: #1C1C1C; border: 1px solid #2A2A2A; border-left: 4px solid #E4002B;
color: #FFFFFF; text-decoration: none; font-family: 'Saira Condensed', sans-serif; font-weight: 800; font-size: 22px; line-height: 24px; text-transform: uppercase; letter-spacing: .02em; }
.wl-hx-serie-list a:hover { background: #E4002B; border-color: #E4002B; }
.wl-hx-serie-box { margin: 8px 0 28px; }
.wl-hx-series-sec .hxg-hx-h2 { margin-top: 16px; }
/* hx-v6:koniec */
/* stopka ≥992: nazwa marki wyrównana do góry znaku 24H, dolny wiersz 78 px pod ostatnią pozycją menu — jak w makiecie 1440 */
@media (min-width: 992px) {
#sp-bottom .hx-foot-brand { align-items: flex-start; }
#sp-bottom { padding-bottom: 10px; }
#sp-bottom .hx-foot-h { margin-bottom: 6px !important; } /* makieta: treść 24 px pod górą etykiety (18 + 6) */
}
/* 992–1399: kontener płynny zamiast stopni Bootstrapa (1140 / 960) — treść do 1280 px, marginesy boczne ≥ 40 px (makieta: 80 px przy 1440); równo z sekcjami SPPB */
@media (min-width: 992px) and (max-width: 1399px) {
#sp-top-bar > .container, #sp-header > .container, #sp-bottom > .container, #sp-footer > .container { max-width: min(1310px, calc(100% - 50px)); }
}
/* AUDYT DESIGNU 2026-09-26 — telefon: mniej „chromu” nad treścią (belka 97 → ~64 px, nagłówek 64 → 56 px, bez drugiej ikony telefonu — zastępuje ją pasek przyklejony) */
@media (max-width: 575px) {
#sp-top-bar .topbar-promises:not(.topbar-spec) { font-size: 13px !important; line-height: 15px !important; gap: 2px 8px !important; padding: 4px 0 !important; min-height: 0 !important; }
#sp-top-bar .topbar-promises:not(.topbar-spec) li { line-height: 15px !important; }
#sp-top-bar .topbar-spec { font-size: 13px !important; line-height: 16px !important; padding: 4px 0 !important; min-height: 0 !important; }
#sp-top-bar .topbar-spec li { line-height: 16px !important; }
header#sp-header { height: 56px !important; }
#sp-logo .logo { height: 56px; }
.hx-hdr-tel { display: none !important; }
}