/* ==========================================================================
custom.css — arkusz witryny gigabyte.serwis-latopow-24h.pl
Ładowany przez templates/sphere/index.php (linia 132: $theme->add_css('custom.css')).
⚠️ AKTUALIZACJA SZABLONU USUNIE TEN PLIK — kopia w repo centrum-serwisowania-elektroniki.pl,
katalog skrypty/siec/.
========================================================================== */
/* 2026-09-06 — USUNIETO stad dwa bloki, bo dublowaly pola, ktore SP Page Builder
ma w danych, a `!important` blokowal ich edycje w kreatorze:
1. karta banera CTA (tlo, ramka, cien, padding, margines, max-width) -> settings
sekcji `rDQbwmKmMLFe_lEB8y-yW`: background_color, row_border*, row_boxshadow,
padding, margin (z `auto` na bokach), row_max_width 60%/100%;
2. `h2.sppb-addon-title{font-weight:700!important}` -> heading_typography.weight
w 14 dodatkach heading, ktore ta regula obejmowala (13 zmienionych, 1 juz mial 700).
Zasada: najpierw pole dodatku, arkusz tylko na to, czego dane nie wystawiaja.
Kopia stanu sprzed zmiany: ~/bud/audyt/kopie-2026-09-06/ */
/* X9-wow-widocznosc — dodane 2026-09-03, ta sama naprawa co na
centrum-serwisowania-elektroniki.pl (2026-09-02)
---------------------------------------------------------------------------
OBJAW: SP Page Builder 6.8 nadal dokleja klasę `.sppb-wow` i regułę
`.sppb-wow { visibility: hidden; }` (z animate.min.css), ale NIE ładuje już
biblioteki WOW.js, która miała te elementy odsłaniać przy przewijaniu.
Skutek: realna polska treść strony głównej jest trwale niewidoczna dla
odwiedzających, w tym fragment „Naprawiamy to, z czym nie poradziły sobie
inne serwisy" i sekcja „Jak działamy" (potwierdzone w przeglądarce, skan
sieci 2026-09-02/03: `narzedzia/skan-wow-sieci.php`).
PRZYCZYNA: identyczna jak na centrum-serwisowania-elektroniki.pl — błąd
zastany w SPPB 6.8, nie skutek dzisiejszych zmian na tej witrynie.
KOSZT POPRAWKI: znika animacja fadeInUp na tych elementach. Treść ważniejsza
niż animacja.
--------------------------------------------------------------------------- */
.sppb-wow { visibility: visible !important; }
/* Pasek gorny naglowka (top-bar) — Etap 7.2/7.3, dodane 2026-09-03.
Przelaczenie header_style na "style-1" odslonilo #sp-top-bar (top1=obietnice,
top2=kontakt wbudowany). Stylizacja paska obietnic + zasada 7.3: na telefonie
pasek przyklejony ma zawierac wylacznie menu i telefon, bez czterech obietnic
(zajmowaly 4 wiersze i towarzyszyly przewijaniu przez cala strone). */
/* 2026-09-25 projekt 6: tło i kolor tekstu belki z ustawień stylu 13 (topbar_bg_color #F26722 / topbar_text_color #0B0B0C) */
#sp-top-bar { font-size: 13px; }
#sp-top-bar a { color: #0B0B0C; }
#sp-top-bar .pasek-obietnic,
#sp-top-bar .pasek-specjalizacje {
display: flex;
flex-wrap: wrap;
gap: 4px 22px;
margin: 0;
padding: 10px 0;
list-style: none;
}
#sp-top-bar .pasek-obietnic li, #sp-top-bar .pasek-specjalizacje li { white-space: nowrap; }
/* 8 punktów w dwóch wierszach (14-obowiazkowe): gratis pogrubione, specjalizacje lżej */
#sp-top-bar .pasek-obietnic { padding: 8px 0 2px; font-weight: 600; }
#sp-top-bar .pasek-specjalizacje { padding: 0 0 8px; font-weight: 500; }
#sp-top-bar .pasek-obietnic i { color: #0B0B0C; margin-right: 6px; }
#sp-top-bar .sp-contact-info {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 4px 20px;
margin: 0;
padding: 10px 0;
list-style: none;
}
#sp-top-bar .sp-contact-info i, #sp-top-bar .sp-contact-info span { color: #0B0B0C; margin-right: 6px; }
#sp-top-bar .sp-contact-phone a { font-weight: 600; }
@media (max-width: 991px) {
/* 2026-09-25 projekt 6: 8 punktow takze na telefonie, zwarte 2x2 + 2x2 (decyzja wlasciciela). Zasada 7.3 z 2026-09-03
chowala je, bo mialy towarzyszyc przewijaniu — zmierzone 2026-09-25: belka jest static, znika przy przewijaniu. */
#sp-top-bar .pasek-obietnic, #sp-top-bar .pasek-specjalizacje { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 10px; font-size: 12px; line-height: 1.25; text-align: left; }
#sp-top-bar .pasek-obietnic li, #sp-top-bar .pasek-specjalizacje li { white-space: normal; }
#sp-top-bar .pasek-obietnic { padding: 8px 0 4px; }
#sp-top-bar .pasek-specjalizacje { padding: 0 0 6px; }
#sp-top-bar #sp-top2 { flex: 0 0 100%; max-width: 100%; }
#sp-top-bar .sp-contact-info { justify-content: center; }
#sp-top-bar .sp-contact-time { display: none; }
}
/* Etap 9.3 — cele dotykowe minimum 44 px, dodane 2026-09-05.
Pomiar na ramce 375 px znalazl 51 celow ponizej 44 px, gl. dwa wzorce
powtorzone wielokrotnie w calej witrynie: chipy kategorii w karuzeli "Warto
przeczytac" (25 px) i telefon w pasku gornym (14 px, ale to GLOWNE CTA na
telefonie skoro obietnice sa ukryte — musi byc wygodny w dotyku). Reszta
(close-offcanvas, offcanvas-toggler, strzalki suwakow) wg gotowego przepisu
z 09-wersja-mobilna.md — dodane profilaktycznie, nawet bez pomiaru kazdego,
bo to sa dokladnie te elementy, o ktorych dokumentacja ostrzega ze latwo
zapomniec. Technika: min-height, nie odstepy — kafle juz duze zostaja
nietkniete. */
@media (max-width: 991px) {
#sp-top-bar .sp-contact-phone a {
min-height: 44px;
display: inline-flex;
align-items: center;
}
.sppb-articles-carousel-meta-category {
display: inline-flex;
align-items: center;
min-height: 44px;
}
/* Poprawka 2026-09-05: min-height na .sppb-articles-carousel-meta-category
(kontener-span) NIE wystarczal — realny cel dotyku to W SRODKU niego,
ktory bez wlasnego display:flex + height:100% zostawal maly (potwierdzone
pomiarem: span 44px, wewnetrzny nadal <44px). */
.sppb-articles-carousel-meta-category a {
display: flex;
align-items: center;
height: 100%;
}
#offcanvas-toggler {
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.close-offcanvas {
width: 44px;
height: 44px;
}
#sp-footer a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.offcanvas-menu .menu > li > a {
display: flex;
align-items: center;
min-height: 46px;
}
}
/* Odstep logo-slogan — dodane 2026-09-06 po ogledzinach w systemowym Chrome.
OBJAW: nazwa i slogan stykaly sie w naglowku — zmierzone getBoundingClientRect:
nazwa konczy sie na 318 px, slogan zaczyna na 318 px, odstep 0 px. Renderowalo sie
jako "Serwis laptopow Gigabytenaprawa Aero · Aorus · G5 · G6". Dotyczy KAZDEJ podstrony.
PRZYCZYNA: Helix wypisuje dwa sasiadujace bez bialego znaku miedzy nimi
(templates/sphere/html/layouts/... -> ……),
a szablon nie ma dla .logo-slogan zadnej reguly odstepu.
DLACZEGO NIE DALO SIE WYZEJ: to element szablonu Helix, nie SP Page Builder —
nie ma sekcji, kolumny ani dodatku, wiec nie ma pola (poziomy 1-5 nie maja tu
zastosowania). Zostaje poziom 6, arkusz witryny.
Ponizej 992 px slogan schodzi do wlasnej linii, zeby nie zwezal nazwy przy
przycisku menu. */
#sp-header .logo-slogan { margin-left: 10px; }
@media (max-width: 991px) {
#sp-header .logo-slogan { display: block; margin-left: 0; }
}
/* gb6-obudowa:start — 2026-09-25 projekt 6: moduły mod_custom w pozycjach menu / footer1 / debug (chrom Helixa;
mod_custom nie ma pól wyglądu, a stopka i nagłówek to nie sekcje SPPB). */
#sp-menu .gb-naglowek { display: flex; align-items: center; gap: 16px; margin-left: 16px; }
.gb-naglowek-tel { font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 18px; color: #F2F2F2; white-space: nowrap; }
.gb-naglowek-tel:hover { color: #F26722; }
.gb-naglowek-cta { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: #F26722; color: #0B0B0C; font-weight: 700; font-size: 15px; white-space: nowrap;
clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
.gb-naglowek-cta:hover, .gb-naglowek-cta:focus { background: #FF8A4C; color: #0B0B0C; }
@media (max-width: 1399.98px) { .gb-naglowek-tel, .gb-cta-dl { display: none; } #sp-menu .gb-naglowek { margin-left: 8px; } .gb-naglowek-cta { padding: 0 16px; } }
@media (max-width: 991.98px) { #sp-menu .gb-naglowek { display: none; } }
/* stopka: opis serwisu + Gratis + Specjalizacje (8 punktow obowiazkowych) */
.gb-stopka { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; }
.gb-stopka p, .gb-stopka li { color: #A6A6AD; font-size: 15px; line-height: 1.6; }
.gb-stopka .gb-stopka-marka { font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #F2F2F2; margin: 0 0 12px; }
.gb-stopka .gb-stopka-tyt { color: #F2F2F2; font-weight: 700; margin: 0 0 10px; }
.gb-stopka ul { list-style: none; margin: 0; padding: 0; }
.gb-stopka li { margin-bottom: 6px; }
@media (max-width: 991.98px) { .gb-stopka { grid-template-columns: 1fr; gap: 24px; } }
/* pasek telefonu przyklejony na dole ekranu, tylko < 992 px (decyzja D5) */
.gb-pasek-tel { display: none; }
@media (max-width: 991.98px) {
.gb-pasek-tel { display: flex; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 1000; min-height: 56px; align-items: center; justify-content: center; gap: 10px;
background: #F26722; color: #0B0B0C; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 17px; box-shadow: 0 8px 24px rgba(0,0,0,.45); }
.gb-pasek-tel:hover, .gb-pasek-tel:focus { color: #0B0B0C; }
body { padding-bottom: 80px; }
}
/* gb6-obudowa:koniec */
/* gb6-obudowa3:start — 2026-09-25 makieta 6: znak w logo, etykiety belki, stopka 4 kolumny (chrom Helixa) */
#sp-logo .sp-column { position: relative; padding-left: 48px; }
#sp-logo .sp-column::before { content: ''; position: absolute; left: 0; top: 50%; width: 36px; height: 36px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none' stroke='%23F26722' stroke-width='2.6'%3E%3Cpath d='M4 26 L18 6 L32 26'/%3E%3Cpath d='M11 26 L18 16 L25 26'/%3E%3Cpath d='M2 30 H34'/%3E%3C/svg%3E") no-repeat center / contain; }
@media (max-width: 991.98px) { #sp-logo .sp-column { padding-left: 38px; } #sp-logo .sp-column::before { width: 28px; height: 28px; } }
#sp-top-bar .pasek-etykieta { font-family: 'Chakra Petch', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 991.98px) { #sp-top-bar .pasek-etykieta { display: none; } }
#sp-footer #sp-footer1, #sp-footer #sp-footer2 { flex: 0 0 100%; max-width: 100%; }
#sp-footer #sp-footer2 { margin-top: 40px; padding-top: 24px; border-top: 1px solid #1C1C20; }
.gb-stopka { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.gb-stopka a { color: #A6A6AD; } .gb-stopka a:hover { color: #F26722; }
.gb-stopka .gb-stopka-tel { font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 22px; color: #F26722; }
.gb-stopka .gb-stopka-tyt2 { margin-top: 18px; }
@media (max-width: 991.98px) { .gb-stopka { grid-template-columns: 1fr; } }
/* belka z etykietami: mniejsze odstepy, zeby 8 punktow miescilo sie w 2 wierszach */
#sp-top-bar .pasek-obietnic, #sp-top-bar .pasek-specjalizacje { gap: 2px 16px; }
@media (min-width: 992px) { #sp-top-bar #sp-top1 { flex: 0 0 88%; max-width: 88%; } #sp-top-bar #sp-top2 { flex: 0 0 12%; max-width: 12%; } #sp-top-bar .sp-contact-time { display: none; } }
/* gb6-obudowa3:koniec */
/* gb6-obudowa4:start — 2026-09-25 runda 4 makiety 6 (chrom Helixa: logo, belka, nagłówek na telefonie, stopka; pole custom_css stylu ładuje się
PO tym arkuszu, więc selektory mają o jeden #id więcej niż tamte reguły) */
html { background: #070708; }
/* logo: nazwa + „GIGABYTE · WARSZAWA" w jednym bloku, pionowo na środku nagłówka 84 px (telefon 64 px) */
#sp-header #sp-logo .sp-column { display: flex; flex-direction: column; justify-content: center; min-height: 84px; }
#sp-header #sp-logo .logo { display: block; height: auto; line-height: 1; margin: 0; }
#sp-header #sp-logo .logo > a { font-size: 20px; line-height: 1; letter-spacing: .04em; }
#sp-header #sp-logo .logo-slogan { display: block; margin: 4px 0 0; font-size: 12px; line-height: 1; letter-spacing: .22em; color: #A6A6AD; }
#sp-header { border-bottom: 1px solid #222226; }
@media (max-width: 991.98px) {
#sp-header #sp-logo .sp-column { min-height: 64px; }
#sp-header #sp-logo .logo > a { font-size: 15px; }
#sp-header #sp-logo .logo-slogan { font-size: 10px; letter-spacing: .2em; margin-top: 3px; }
}
/* belka na komputerze: kropki między punktami, po prawej „24/7 · numer" */
@media (min-width: 992px) {
#sp-top-bar #sp-top1 li:not(.pasek-etykieta) + li::before { content: '·'; margin-right: 14px; }
#sp-top-bar #sp-top1 { flex: 0 0 85%; max-width: 85%; }
#sp-top-bar #sp-top2 { flex: 0 0 15%; max-width: 15%; }
#sp-top-bar #sp-top2 .sp-contact-phone > .fas { display: none; }
#sp-top-bar #sp-top2 .sp-contact-phone a { font-family: 'Chakra Petch', sans-serif; font-weight: 700; white-space: nowrap; }
#sp-top-bar #sp-top2 .sp-contact-phone a::before { content: '24/7 · '; }
}
/* belka na telefonie: pas pomarańczowy „✓" + pas ciemny „›", bez numeru (numer: ikona w nagłówku i pasek dolny) */
@media (max-width: 991.98px) {
#sp-top-bar { padding: 0; }
#sp-top-bar > .container { padding: 0; max-width: none; }
#sp-top-bar .container-inner, #sp-top-bar .container-inner > .row { margin: 0; padding: 0; }
#sp-top-bar #sp-top1 { flex: 0 0 100%; max-width: 100%; padding: 0; }
#sp-top-bar #sp-top1 .sp-column, #sp-top-bar #sp-top1 .sp-module { margin: 0; padding: 0; }
#sp-top-bar #sp-top2 { display: none; }
#sp-top-bar #sp-top1 .pasek-obietnic { margin: 0; padding: 10px 16px; gap: 4px 12px; font-weight: 700; }
#sp-top-bar #sp-top1 .pasek-specjalizacje { margin: 0; padding: 8px 16px; gap: 4px 12px; font-weight: 500; background: #141416; color: #C9C9CF; border-bottom: 1px solid #26262A; }
#sp-top-bar #sp-top1 .pasek-obietnic b { font-weight: inherit; }
#sp-top-bar #sp-top1 .pasek-obietnic li:not(.pasek-etykieta)::before { content: '✓ '; }
#sp-top-bar #sp-top1 .pasek-specjalizacje li:not(.pasek-etykieta)::before { content: '› '; color: #F26722; }
}
/* nagłówek na telefonie: ikona telefonu 44 px w ramce + przycisk menu na pomarańczowym kwadracie */
@media (max-width: 991.98px) {
#sp-header #sp-menu .gb-naglowek { display: flex; order: -1; margin: 0 10px 0 0; gap: 0; }
#sp-header #sp-menu .gb-naglowek-cta { display: none; }
#sp-header #sp-menu .gb-naglowek-tel { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #3A3A40; font-size: 0; color: transparent; }
#sp-header #sp-menu .gb-naglowek-tel::before { content: ''; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F26722' stroke-width='2'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2'/%3E%3C/svg%3E") no-repeat center / contain; }
#sp-header #offcanvas-toggler { width: 44px; height: 44px; min-height: 44px; background: #F26722; }
#sp-header #offcanvas-toggler .burger-icon > span { background-color: #0B0B0C; }
}
/* stopka: 2fr + 3 × 1fr, linki prawne po prawej, bez pomarańczowej krawędzi dema */
body #sp-footer { border-bottom: 0; }
.gb-stopka { grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; }
.gb-stopka .gb-stopka-marka { font-size: 22px; }
#sp-footer #sp-footer2 .sp-column { margin: 0; padding: 0; }
#sp-footer #sp-footer2 .sp-copyright { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 24px; width: 100%; color: #7A7A82; font-size: 13px; line-height: 1.5; }
#sp-footer #sp-footer2 .sp-copyright a { color: #7A7A82; }
#sp-footer #sp-footer2 .sp-copyright a:hover { color: #F26722; }
@media (max-width: 991.98px) {
body #sp-footer { padding: 36px 0 40px; }
.gb-stopka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
.gb-stopka > div:first-child, .gb-stopka > div:nth-child(4) { grid-column: 1 / -1; }
.gb-stopka p, .gb-stopka li { font-size: 14px; }
.gb-stopka .gb-stopka-marka { font-size: 18px; }
.gb-stopka .gb-stopka-tel { font-size: 26px; }
#sp-footer #sp-footer2 { margin-top: 24px; padding-top: 16px; }
#sp-footer #sp-footer2 .sp-copyright { flex-direction: column; font-size: 12px; }
}
/* gb6-obudowa4:koniec */
/* gb6-obudowa5:start — 2026-09-25 runda 4b: odstęp copyrightu, logo na telefonie bez celu dotykowego 44 px na nazwie (link nadal łatwy w dotyku — cały blok logo), ikona telefonu przed przyciskiem menu */
#sp-footer #sp-footer2 .sp-copyright { margin-top: 0; }
@media (max-width: 991.98px) {
#sp-header #sp-logo .logo > a { display: block; min-height: 0; height: auto; }
#sp-header #sp-menu .sp-column > .sp-module { order: -1; }
}
/* gb6-obudowa5:koniec */
/* gb6-obudowa6:start — pasek telefonu zasłania dół strony: miejsce pod nim w stopce (ciemne), nie w body (jasne tło szablonu) */
@media (max-width: 991.98px) { body { padding-bottom: 0; } body #sp-footer { padding-bottom: 110px; } }
/* gb6-obudowa6:koniec */
/* gb6-obudowa7:start — krótkie teksty na telefonie w belce i stopce (makieta 6 mobile); moduły mod_custom nie mają pola CSS */
#sp-top-bar .gb-m, .gb-stopka .gb-m { display: none; }
@media (max-width: 991.98px) { #sp-top-bar .gb-d { display: none; } #sp-top-bar .gb-m { display: inline; } }
@media (max-width: 767.98px) { .gb-stopka .gb-d { display: none; } .gb-stopka .gb-m { display: inline; } }
/* gb6-obudowa7:koniec */
/* gb6-obudowa8:start — stopka na telefonie zwarta jak w makiecie 6 mobile: linki „Wiedza" w jednym wierszu (cel dotyku 44 px zostaje), bez tytułu „Kontakt 24/7" nad dużym numerem */
@media (max-width: 767.98px) { .gb-stopka .gb-stopka-tyt2 + ul { display: flex; flex-wrap: wrap; gap: 0 20px; } .gb-stopka .gb-stopka-tyt2 + ul li { margin: 0; } .gb-stopka > div:nth-child(4) > .gb-stopka-tyt:first-child { display: none; } .gb-stopka > div:nth-child(4) p { margin-bottom: 4px; } }
/* gb6-obudowa8:koniec */
/* gb6-obudowa9:start — belka 768–991 px: moduł na całą szerokość (był inline-block wyśrodkowany, ciemny pas wąski) */
@media (max-width: 991.98px) { #sp-top-bar #sp-top1 .sp-module { display: block; width: 100%; } }
/* gb6-obudowa9:koniec */
/* gb6-obudowa10:start — 2026-09-25 runda 5 (drobiazgowy pomiar zgodności z makietą 6, zgodnosc.py / geometria.py):
belka, nagłówek i stopka od krawędzi treści (Helix ≥1400 px: kontener 1620 px, treść SPPB 1320 px), menu tuż za logo
(makieta: 48 px od logo, 32 px między pozycjami, 15/600), telefon i przycisk dosunięte w prawo, stopka z linią górną */
@media (min-width: 1400px) {
#sp-top-bar > .container, #sp-header > .container, #sp-footer > .container { max-width: 1320px; }
#sp-top-bar { font-size: 13px; line-height: 1.35; } /* 14 px łamało belkę na 3 wiersze — nasze nazwy specjalizacji są dłuższe niż w makiecie */
#sp-top-bar #sp-top1 .pasek-obietnic { padding: 10px 0 2px; }
#sp-top-bar #sp-top1 .pasek-specjalizacje { padding: 2px 0 10px; }
}
@media (min-width: 992px) {
#sp-header #sp-menu .sp-column { justify-content: flex-start !important; }
#sp-header #sp-menu .sp-megamenu-wrapper { margin-left: 33px; }
#sp-header #sp-menu .sp-column > .sp-module { margin-left: auto; }
#sp-header #sp-menu .sp-megamenu-parent > li > a { font-size: 15px; font-weight: 600; padding: 0 16px; }
#sp-header #sp-menu .sp-megamenu-parent > li:first-child > a { padding-left: 0; }
#sp-header #sp-menu .gb-naglowek-cta { min-height: 46px; padding: 0 22px; }
}
body #sp-footer { border-top: 1px solid #1C1C20; }
#sp-footer #sp-footer2 .sp-copyright { font-weight: 400; }
@media (min-width: 768px) { .gb-stopka .gb-stopka-tel { font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 700; } }
/* gb6-obudowa10:koniec */
/* gb6-obudowa11:start — telefon: 10 px między ikoną telefonu a przyciskiem menu (makieta; było 30 px: margines 20 px przycisku Helixa) */
@media (max-width: 991.98px) { #sp-header #offcanvas-toggler { margin-left: 0; } }
/* gb6-obudowa11:koniec */
/* gb6-obudowa12:start — ikona menu jak w makiecie (3 kreski 14 px, co 4 px) i „gratis" w belce bez pogrubienia (makieta) */
#sp-header #offcanvas-toggler .burger-icon { width: 14px; height: auto; }
#sp-header #offcanvas-toggler .burger-icon > span { width: 14px; height: 2px; margin: 0 0 2px; }
#sp-header #offcanvas-toggler .burger-icon > span:last-child { margin-bottom: 0; }
#sp-top-bar #sp-top1 .pasek-obietnic b { font-weight: inherit; }
/* gb6-obudowa12:koniec */
/* gb6-obudowa13:start — przycisk nagłówka do krawędzi treści (pusty .header-modules i ukryty przełącznik Helixa miały po 20 px marginesu) */
@media (min-width: 992px) { #sp-header #sp-menu .sp-column > .header-modules, #sp-header #sp-menu .sp-column > .offcanvas-toggler-secondary { margin-left: 0; } #sp-header #sp-menu .sp-column > .header-modules:not(:has(*)) { display: none !important; } }
/* gb6-obudowa13:koniec */
/* gb6-obudowa14:start — belka ≥1400 px jak w makiecie: 14 px, 2 wiersze po 17 px, 10 px od góry i dołu (60 px) */
@media (min-width: 1400px) { #sp-top-bar { font-size: 14px; line-height: 17px; } #sp-top-bar #sp-top1 .pasek-obietnic { padding: 10px 0 2px; } #sp-top-bar #sp-top1 .pasek-specjalizacje { padding: 2px 0 10px; } #sp-top-bar #sp-top1 li { line-height: 17px; } }
/* gb6-obudowa14:koniec */
/* gb6-obudowa15:start — belka ≥992 px: bez 8 px wypełnienia paska i 20 px marginesu modułu (makieta: 60 px, tekst od krawędzi treści) */
@media (min-width: 992px) { #sp-top-bar { padding: 0; } #sp-top-bar #sp-top1 .sp-module { margin-left: 0; } }
@media (min-width: 1400px) { #sp-top-bar #sp-top1 .pasek-obietnic { padding: 11px 0 2px; } #sp-top-bar #sp-top1 .pasek-specjalizacje { padding: 2px 0 11px; } }
/* gb6-obudowa15:koniec */
/* gb6-obudowa16:start — stopka ≥992 px w rytmie makiety: pozycje co 10 px, interlinia 1.25 */
@media (min-width: 992px) { .gb-stopka p, .gb-stopka li { line-height: 1.25; } .gb-stopka li { margin-bottom: 10px; } .gb-stopka p { margin: 0 0 10px; } .gb-stopka .gb-stopka-tyt { margin-bottom: 10px; } .gb-stopka .gb-stopka-marka { margin-bottom: 14px; } .gb-stopka > div:first-child p:not(.gb-stopka-marka) { line-height: 1.6; } }
/* gb6-obudowa16:koniec */
/* gb6-obudowa17:start — stopka na telefonie jak w makiecie mobilnej: pozycje co 8 px, bez obszaru (jest w makiecie tylko na komputerze), linki z celem dotyku 44 px bez rozpychania układu (ujemny margines) */
@media (max-width: 767.98px) {
.gb-stopka p, .gb-stopka li { line-height: 1.25; }
.gb-stopka li { margin-bottom: 8px; }
.gb-stopka .gb-stopka-tyt { margin-bottom: 8px; }
.gb-stopka > div:first-child p:not(.gb-stopka-marka) { line-height: 1.6; margin: 0; }
.gb-stopka > div:nth-child(4) > p:not(.gb-stopka-tyt):not(:has(a)) { display: none; }
.gb-stopka > div:nth-child(4) p { margin: 0; }
.gb-stopka .gb-stopka-tyt2 { margin-top: 24px; }
#sp-footer .gb-stopka a, #sp-footer #sp-footer2 .sp-copyright a { margin: -13px 0; }
#sp-footer .gb-stopka .gb-stopka-tel { margin: -5px 0; }
#sp-footer #sp-footer2 .sp-copyright { gap: 6px; line-height: 1.2; }
}
/* gb6-obudowa17:koniec */
/* gb6-obudowa18:start — telefon: 24 px nad linią copyrightu jak w makiecie mobilnej */
@media (max-width: 767.98px) { #sp-footer #sp-footer2 { margin-top: 34px; } }
/* gb6-obudowa18:koniec */
/* gb6-obudowa19:start — 2026-09-25 menu na telefonie wg makiety (panel Helixa .offcanvas-menu + moduł „Menu telefonu — Wiedza i telefon” w pozycji offcanvas) */
.offcanvas-menu { width: 100%; max-width: 100%; background: #0B0B0C; display: flex; flex-direction: column; overflow-y: auto; }
body.ltr.offcanvs-position-right:not(.offcanvas-active) .offcanvas-menu { right: -100%; visibility: hidden; } /* Helix: right:-300px (0,3,1) — panel ma 100% szerokości */
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0; visibility: visible; }
.offcanvas-menu > .d-flex { height: 64px; min-height: 64px; padding: 0 16px !important; gap: 10px; border-bottom: 1px solid #222226; flex-wrap: nowrap; }
.offcanvas-menu > .d-flex .logo { position: relative; display: block; padding-left: 38px; line-height: 1; margin: 0; height: auto; }
.offcanvas-menu > .d-flex .logo::before { content: ''; position: absolute; left: 0; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none' stroke='%23F26722' stroke-width='2.6'%3E%3Cpath d='M4 26 L18 6 L32 26'/%3E%3Cpath d='M11 26 L18 16 L25 26'/%3E%3Cpath d='M2 30 H34'/%3E%3C/svg%3E") no-repeat center / contain; }
.offcanvas-menu > .d-flex .logo > a { display: block; min-height: 0; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 15px; line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: #F2F2F2; }
.offcanvas-menu > .d-flex .logo-slogan { position: absolute; left: 54px; top: calc(50% + 6px); font-size: 10px; line-height: 1; letter-spacing: .2em; text-transform: uppercase; color: #A6A6AD; margin: 0; }
.offcanvas-menu > .d-flex .logo { transform: translateY(-5px); }
.offcanvas-menu .close-offcanvas { margin-left: auto; width: 44px; height: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; background: #F26722 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0C' stroke-width='2.6'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") no-repeat center / 18px 18px; position: static; }
.offcanvas-menu .close-offcanvas .burger-icon { display: none; }
.offcanvas-menu .offcanvas-inner { flex: 1 1 auto; display: flex; flex-direction: column; padding: 8px 16px 0; }
.offcanvas-menu .offcanvas-inner .header-modules { display: none !important; }
.offcanvas-menu .offcanvas-inner .menu { margin: 0; padding: 0; }
.offcanvas-menu .offcanvas-inner .menu > li { margin: 0; padding: 0; border-bottom: 1px solid #26262A; }
.offcanvas-menu .offcanvas-inner .menu > li > a { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding: 0; font-family: 'Chakra Petch', sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #F2F2F2; }
.offcanvas-menu .offcanvas-inner .menu > li > a::after { content: '›'; color: #F26722; font-size: 22px; }
.offcanvas-menu .offcanvas-inner .menu > li.active > a, .offcanvas-menu .offcanvas-inner .menu > li.current > a { color: #F2F2F2; }
.offcanvas-menu .offcanvas-inner .menu > li > a:hover { color: #F26722; }
.offcanvas-menu .offcanvas-inner .sp-module { margin: 0; }
.offcanvas-menu .offcanvas-inner .sp-module:has(.gb-oc) { flex: 1 1 auto; display: flex; flex-direction: column; }
.offcanvas-menu .sp-module:has(.gb-oc) .sp-module-content, .offcanvas-menu .gb-oc { flex: 1 1 auto; display: flex; flex-direction: column; }
.gb-oc .gb-oc-tyt { margin: 24px 0 0; font-family: 'Chakra Petch', sans-serif; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #F26722; }
.gb-oc .gb-oc-linki { display: flex; gap: 20px; margin: 0; }
.gb-oc .gb-oc-linki a { display: flex; align-items: center; min-height: 44px; font-size: 16px; font-weight: 600; color: #C9C9CF; }
.gb-oc .gb-oc-tel { margin: auto -16px 0; padding: 16px 16px 24px; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #26262A; background: #141416; }
.gb-oc .gb-oc-247 { font-family: 'Chakra Petch', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #A6A6AD; }
.gb-oc .gb-oc-cta { height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; background: #F26722; color: #0B0B0C; font-family: 'Chakra Petch', sans-serif; font-size: 18px; font-weight: 700; }
.gb-oc .gb-oc-cta:hover, .gb-oc .gb-oc-cta:focus { background: #FF8A4C; color: #0B0B0C; }
.gb-oc .gb-oc-uw { font-size: 13px; color: #A6A6AD; text-align: center; }
body.offcanvas-active .gb-pasek-tel { display: none; }
/* gb6-obudowa19:koniec */
/* gb6-obudowa20:start — menu na telefonie: selektory mocniejsze od Helixa (ul.menu), podpis logo w pasku, blok telefonu przy dolnej krawędzi */
.offcanvas-menu > .d-flex { position: relative; }
.offcanvas-menu > .d-flex .logo { transform: translateY(-6px); }
.offcanvas-menu > .d-flex .logo-slogan { left: 54px; top: calc(50% + 3px); }
body .offcanvas-menu .offcanvas-inner { min-height: calc(100vh - 64px); }
body .offcanvas-menu .offcanvas-inner ul.menu > li { margin: 0; padding: 0; border-bottom: 1px solid #26262A; }
body .offcanvas-menu .offcanvas-inner ul.menu > li > a { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 58px; padding: 0; font-family: 'Chakra Petch', sans-serif; font-size: 22px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #F2F2F2; opacity: 1; }
body .offcanvas-menu .offcanvas-inner ul.menu > li > a:hover, body .offcanvas-menu .offcanvas-inner ul.menu > li > a:focus { color: #F26722; }
body .offcanvas-menu .offcanvas-inner ul.menu > li.active > a, body .offcanvas-menu .offcanvas-inner ul.menu > li.current > a { color: #F2F2F2; }
body .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-right: 0; }
/* gb6-obudowa20:koniec */
/* gb6-obudowa21:start — menu telefonu: .mod-custom w łańcuchu flex (blok telefonu przy dole ekranu), bez 20 px pod listą */
body .offcanvas-menu .offcanvas-inner .mod-custom:has(.gb-oc) { flex: 1 1 auto; display: flex; flex-direction: column; }
body .offcanvas-menu .offcanvas-inner .sp-module { margin-bottom: 0; }
/* gb6-obudowa21:koniec */
/* gb6-obudowa22:start — menu telefonu: bez 20 px pod modułem menu (Helix: .sp-module:not(:last-child)) i marginesu listy */
body .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin: 0; }
body .offcanvas-menu .offcanvas-inner ul.menu { margin: 0; padding: 0; }
/* gb6-obudowa22:koniec */
/* gb6-obudowa23:start — tablety wg makiet 768/1024 (kanwa v10): belka bez „24/7" i menu w jednym wierszu (992–1199), stopka: marka + 3 kolumny, linki prawne w wierszu (768–991) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#sp-top-bar #sp-top2 { display: none; }
#sp-top-bar #sp-top1 { flex: 0 0 100%; max-width: 100%; }
#sp-header #sp-menu .sp-megamenu-wrapper { margin-left: 17px; }
#sp-header #sp-menu .sp-megamenu-parent > li > a { padding: 0 11px; }
#sp-header #sp-menu .sp-megamenu-parent > li:first-child > a { padding-left: 0; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.gb-stopka { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.gb-stopka > div:first-child { grid-column: 1 / -1; }
.gb-stopka > div:nth-child(4) { grid-column: auto; }
#sp-footer #sp-footer2 .sp-copyright { flex-direction: row; }
}
/* gb6-obudowa23:koniec */
/* gb6-obudowa24:start — 1024: belka w 2 wierszach (ciaśniejsze odstępy), stopka 1.6fr/1fr×3 jak w makiecie tabletu */
@media (min-width: 992px) and (max-width: 1199.98px) {
#sp-top-bar #sp-top1 .pasek-obietnic, #sp-top-bar #sp-top1 .pasek-specjalizacje { gap: 2px 10px; }
#sp-top-bar #sp-top1 li:not(.pasek-etykieta) + li::before { margin-right: 10px; }
.gb-stopka { grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 28px; }
}
/* gb6-obudowa24:koniec */
/* gb6-obudowa25:start — stopka 768–991 jak w makiecie tabletu: 56 px u góry, linki z celem dotyku 44 px bez rozpychania układu */
@media (min-width: 768px) and (max-width: 991.98px) {
body #sp-footer { padding-top: 56px; }
#sp-footer .gb-stopka a, #sp-footer #sp-footer2 .sp-copyright a { margin: -13px 0; }
.gb-stopka li { margin-bottom: 10px; line-height: 1.25; }
.gb-stopka .gb-stopka-tyt { margin-bottom: 10px; }
.gb-stopka > div:nth-child(4) p { margin: 0 0 10px; line-height: 1.25; }
}
/* gb6-obudowa25:koniec */
/* gb6-obudowa26:start — 992–1199: belka na pełną szerokość (pole custom_css stylu daje #sp-top1 88 % i ładuje się po tym arkuszu) */
@media (min-width: 992px) and (max-width: 1199.98px) { body #sp-top-bar #sp-top1 { flex: 0 0 100%; max-width: 100%; } body #sp-top-bar #sp-top2 { display: none; } }
/* gb6-obudowa26:koniec */
/* gb6-obudowa27:start — stopka 992–1199: 56 px u góry jak w makiecie tabletu */
@media (min-width: 992px) and (max-width: 1199.98px) { body #sp-footer { padding-top: 56px; } }
/* gb6-obudowa27:koniec */
/* gb6-obudowa28:start — stopka 992–1199: linia copyrightu jak w makiecie tabletu */
@media (min-width: 992px) and (max-width: 1199.98px) { #sp-footer #sp-footer2 { margin-top: 32px; } }
/* gb6-obudowa28:koniec */
/* gb6-obudowa29:start — menu na tablecie 768–991 wg makiety „6 · tablet 768 — menu otwarte": panel 420 px z prawej, strona przyciemniona */
@media (min-width: 768px) and (max-width: 991.98px) {
.offcanvas-menu { width: 420px; max-width: 420px; box-shadow: -24px 0 60px rgba(0, 0, 0, .5); }
body.ltr.offcanvs-position-right:not(.offcanvas-active) .offcanvas-menu { right: -420px; }
.offcanvas-menu > .d-flex { padding: 0 24px !important; }
.offcanvas-menu > .d-flex .logo-slogan { left: 62px; }
.offcanvas-menu .offcanvas-inner { padding: 8px 24px 0; }
.gb-oc .gb-oc-tel { margin: auto -24px 0; padding: 16px 24px 24px; }
body.offcanvas-active .offcanvas-overlay { visibility: visible; opacity: 1; background: rgba(0, 0, 0, .62); }
}
/* gb6-obudowa29:koniec */
/* gb6-obudowa30:start — runda 10 (styl-diff.py): belka ≥1400 odstępy jak w makiecie (28 px + „·" + 28 px), numer w belce 14 px; linki stopki krojem Barlow */
@media (min-width: 1400px) {
#sp-top-bar #sp-top1 .pasek-obietnic, #sp-top-bar #sp-top1 .pasek-specjalizacje { column-gap: 28px; }
#sp-top-bar #sp-top1 li:not(.pasek-etykieta) + li::before { margin-right: 28px; }
#sp-top-bar #sp-top2 .sp-contact-phone, #sp-top-bar #sp-top2 .sp-contact-phone a { font-size: 14px; }
}
#sp-footer .gb-stopka a { font-family: 'Barlow', sans-serif; }
/* gb6-obudowa30:koniec */
/* gb6-obudowa31:start — runda 11 (styl-diff.py): 768–991 kontener treści 704 px jak w makiecie (Bootstrap 720), belka 13 px od 32 px, stopka 15/22 px; logo telefonu bez rozstrzelenia */
@media (min-width: 768px) and (max-width: 991.98px) {
.sppb-row-container, #sp-header > .container, #sp-footer > .container { max-width: 734px; }
#sp-top-bar #sp-top1 .pasek-obietnic, #sp-top-bar #sp-top1 .pasek-specjalizacje { padding-left: 32px; padding-right: 32px; font-size: 13px; }
.gb-stopka .gb-stopka-marka { font-size: 22px; }
.gb-stopka p, .gb-stopka li { font-size: 15px; }
#sp-footer #sp-footer2 .sp-copyright { font-size: 13px; }
}
@media (max-width: 991.98px) { #sp-header #sp-logo .logo > a { letter-spacing: 0; } }
/* gb6-obudowa31:koniec */
/* gb6-obudowa32:start — belka 992–1199: 16 px + „·" + 16 px jak w makiecie tabletu 1024 */
@media (min-width: 992px) and (max-width: 1199.98px) { #sp-top-bar #sp-top1 .pasek-obietnic, #sp-top-bar #sp-top1 .pasek-specjalizacje { column-gap: 16px; } #sp-top-bar #sp-top1 li:not(.pasek-etykieta) + li::before { margin-right: 16px; } }
/* gb6-obudowa32:koniec */
/* gb6-obudowa33:start — menu: logo bez rozstrzelenia, tekst przycisku #0B0B0C (makieta) */
.offcanvas-menu > .d-flex .logo > a { letter-spacing: 0 !important; }
body .gb-oc .gb-oc-cta, body .gb-oc .gb-oc-cta:hover { color: #0B0B0C; }
/* gb6-obudowa33:koniec */
/* gb6-obudowa34:start — 992–1199: nagłówek 76 px jak w makiecie tabletu 1024 */
@media (min-width: 992px) and (max-width: 1199.98px) { #sp-header #sp-logo .sp-column { min-height: 76px; } }
/* gb6-obudowa34:koniec */
/* gb6-obudowa35:start — stopka wg makiety 6 (runda 19, glebia.py): wiersze 18 px + odstęp 10, kreska nad prawami autorskimi na szerokość treści */
@media (min-width: 768px) { #sp-footer .gb-stopka p:not(.gb-stopka-marka), #sp-footer .gb-stopka li { line-height: 18px; } #sp-footer .gb-stopka > div:first-child p:not(.gb-stopka-marka) { line-height: 1.6; } #sp-footer .gb-stopka li:last-child { margin-bottom: 0; } #sp-footer #sp-footer2 { margin: 40px 15px 0; padding: 24px 0 0; } }
@media (min-width: 768px) and (max-width: 991.98px) { #sp-footer .gb-stopka > div:first-child p:not(.gb-stopka-marka) { margin: 0; } #sp-footer .gb-stopka .gb-stopka-marka { margin-bottom: 10px; } #sp-footer .gb-stopka .gb-stopka-tyt { line-height: 18px; margin-bottom: 10px; } #sp-footer .gb-stopka > div:nth-child(4) p { margin: 0 0 10px; } #sp-footer .gb-stopka li { margin-bottom: 10px; } #sp-footer .gb-stopka > div:nth-child(4) p.gb-stopka-tyt2 { margin-top: 18px; } }
@media (max-width: 767.98px) { #sp-footer .gb-stopka .gb-stopka-marka { margin-bottom: 24px; } #sp-footer .gb-stopka .gb-stopka-tyt2 { margin-top: 15px; margin-bottom: 8px; } #sp-footer #sp-footer2 { margin-top: 24px; } }
/* gb6-obudowa35:koniec */
/* gb6-obudowa36:start — runda 21 (krytyka projektu): link „Przejdź do treści”, pole dotyku logo 44 px, hasło logo 12 px na telefonie, ikona SVG paska telefonu */
.gb-skip { position: absolute; left: 12px; top: -200px; z-index: 10000; padding: 12px 18px; background: #F26722; color: #0B0B0C !important; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; }
.gb-skip:focus { top: 12px; outline: 3px solid #F2F2F2; outline-offset: 2px; }
#sp-main-body:focus { outline: none; }
#sp-logo .logo > a { display: inline-block; padding: 14px 0; margin: -14px 0; }
@media (max-width: 767.98px) { #sp-logo .logo-slogan { font-size: 12px !important; letter-spacing: .12em !important; line-height: 12px !important; } }
.gb-pasek-tel svg.gb-ik-tel { flex: 0 0 20px; width: 20px; height: 20px; }
/* gb6-obudowa36:koniec */
/* gb6-obudowa37:start — hasło logo 12 px także w menu telefonu (jak nagłówek, makieta Menu390) */
@media (max-width: 767.98px) { .offcanvas-menu .logo-slogan { font-size: 12px !important; letter-spacing: .12em !important; line-height: 12px !important; } }
/* gb6-obudowa37:koniec */
/* gb6-obudowa38:start — runda 21 (krytyka projektu, decyzje właściciela): przyciski „Zadzwoń” WIELKIMI Chakra Petch (skos na przyciskach, pełna szerokość dla pasków); pasek górny telefonu w jednej linii */
#sp-header .gb-naglowek-cta { font-family: 'Chakra Petch', sans-serif; text-transform: uppercase; letter-spacing: .02em; }
.gb-pasek-tel, .gb-oc .gb-oc-cta { text-transform: uppercase; }
#sp-top-bar .gb-tt { display: none; }
@media (max-width: 767.98px) {
#sp-top-bar .pasek-specjalizacje { display: none !important; }
#sp-top-bar .pasek-obietnic { display: flex !important; justify-content: space-between; gap: 12px; padding: 8px 16px !important; }
#sp-top-bar .pasek-obietnic > li:nth-child(n+4) { display: none !important; }
#sp-top-bar .gb-dt { display: none; } #sp-top-bar .gb-tt { display: inline; }
}
/* gb6-obudowa38:koniec */
/* gb6-obudowa39:start — 992–1199: menu 7 px w lewo, bo przycisk „ZADZWOŃ” (WIELKIE, Chakra Petch) jest szerszy — jak w makiecie 1024 (nagłówek space-between) */
@media (min-width: 992px) and (max-width: 1199.98px) { #sp-header .sp-megamenu-parent { transform: translateX(-7px); } }
/* gb6-obudowa39:koniec */
/* gb6-obudowa40:start — runda 23 (krytyka): jedno rozstrzelenie przycisków „Zadzwoń” = 0 (jak karta i pasek) */
#sp-header .gb-naglowek-cta { letter-spacing: 0; }
/* gb6-obudowa40:koniec */
/* gb6-obudowa41:start — runda 23b: przycisk-ikona telefonu w nagłówku (<1400 px) — tekst ukryty poza polem (text-indent), nie przezroczystym kolorem; nazwa dostępna z aria-label (moduł 147), jak w makiecie */
@media (max-width: 1399.98px) { #sp-header #sp-menu .gb-naglowek-tel { font-size: 18px !important; color: #F2F2F2 !important; text-indent: -9999px; overflow: hidden; white-space: nowrap; } }
/* gb6-obudowa41:koniec */
/* gb6-obudowa42:start — runda 24 (krytyka, decyzja właściciela): pasek telefonu (< 992 px) chowa się, dopóki hero z kartą jest na ekranie (skrypt gb6-pasek w custom_js); bez JS widoczny jak dotąd */
@media (max-width: 991.98px) {
html.gb-pasek-js .gb-pasek-tel { transform: translateY(calc(100% + 24px)); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
html.gb-pasek-js .gb-pasek-tel.gb-pasek-widoczny { transform: none; visibility: visible; transition: transform .25s ease, visibility 0s; }
}
@media (prefers-reduced-motion: reduce) { html.gb-pasek-js .gb-pasek-tel { transition: none !important; } }
/* gb6-obudowa42:koniec */
/* gb6-obudowa43:start — podstrony kategorii (audyt 2026-09-26): kontrast tekstu do AA — akapit w sliderze artykułów jasny na czarnym tle (był 1,00:1), „Podkategorie” ciemniejszy pomarańcz na białym (był 3,12:1); pełny wygląd wg planszy Wariant6-Kategoria (partia C) */
.article-carousel-pro-text p { color: #C9C9CF; }
body.com_content .cat-children > h3:first-child { color: #A8460F; }
/* gb6-obudowa43:koniec */
/* gb6-obudowa44:start — audyt 2026-09-26: linki stopki min. 24 px wysokości od 992 px (WCAG 2.5.8; tablet i telefon już mają 44 px); ujemny margines zachowuje dotychczasowy układ (na telefonie już 44 px, gb6-obudowa2x) */
@media (min-width: 992px) {
#sp-footer .gb-stopka a { display: inline-flex; align-items: center; min-height: 24px; margin: -3px 0; }
#sp-footer #sp-footer2 .sp-copyright a { display: inline-flex; align-items: center; min-height: 24px; margin: -2px 0; }
}
/* gb6-obudowa44:koniec */
/* gb6-obudowa45:start — po zmianie id drugiego przycisku menu na offcanvas-toggler-2 (gb6-menu-aria) reguła szablonu „#sp-header #offcanvas-toggler.mega{display:none}” już go nie obejmuje — ukrywamy tak samo jak dotąd */
#sp-header #offcanvas-toggler-2.mega, #sp-header #offcanvas-toggler-2.offcanvas-toggler-secondary { display: none !important; }
/* gb6-obudowa45:koniec */
/* gb6-obudowa46 — audyt sprzedażowy 2026-09-26 (Q3): pasek górny w jedną linię od 992 px; specjalizacje zostają w hero, stopce i na telefonie */
@media (min-width: 992px) {
#sp-top-bar .pasek-specjalizacje { display: none; }
#sp-top-bar .pasek-obietnic { padding: 10px 0; }
}
/* gb6-obudowa47 — audyt sprzedażowy 2026-09-26 (Q3, tablet): specjalizacje z paska ukryte także 768–991 px (pasek 110 px → ok. 60 px) */
@media (min-width: 768px) and (max-width: 991.98px) {
#sp-top-bar .pasek-specjalizacje { display: none; }
}
/* gb6-obudowa48 — audyt sprzedażowy 2026-09-26 (Q8): widoczny fokus klawiatury tam, gdzie go brakowało (pytania FAQ, przycisk banera); tylko :focus-visible */
.sppb-section .sppb-panel-heading:focus-visible,
.sppb-section .sppb-panel-heading button:focus-visible,
.sppb-section [role="tab"]:focus-visible { outline: 3px solid #F2F2F2; outline-offset: -3px; }
/* gb6-obudowa49 — audyt sprzedażowy 2026-09-26 (Q8, poprawka): grubość i kolor fokusu FAQ z !important — reguła przycisku SPPB ustawiała 1 px */
.sppb-section .sppb-panel-heading:focus-visible { outline: 3px solid #F2F2F2 !important; outline-offset: -3px !important; }
/* gb6-obudowa51 — krytyka 2026-09-26: copyright 14 px; delikatny hover kafli i powiatów (tylko urządzenia z myszą, bez ruchu przy prefers-reduced-motion) */
#sp-footer .sp-copyright { font-size: 14px; }
/* gb6-obudowa52 — copyright 14 px (reguła stopki ustawiała 13 px na wewnętrznym span) */
#sp-footer .sp-copyright, #sp-footer .sp-copyright * { font-size: 14px !important; }
/* gb6-obudowa53 — link logo w nagłówku: cel dotykowy min. 24 px bez zmiany układu (WCAG 2.5.8) */
.logo a { display: inline-block; padding: 5px 0; margin: -5px 0; }
/* X9-fonty-lokalne:start — napraw --kod=FNT 20260926-122010: 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:'Chakra Petch';font-style:italic;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-a3b3383f5f.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:'Chakra Petch';font-style:italic;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-58c3fec844.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:'Chakra Petch';font-style:italic;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-4c0169acb3.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:'Chakra Petch';font-style:italic;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-b27222952c.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:'Chakra Petch';font-style:italic;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-86561eb446.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:'Chakra Petch';font-style:italic;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-e83df3c4a7.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:'Chakra Petch';font-style:italic;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-def0f38c1c.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:'Chakra Petch';font-style:italic;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-47f6c91d84.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:'Chakra Petch';font-style:italic;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-5cb128890c.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:'Chakra Petch';font-style:italic;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-41744c11bb.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:'Chakra Petch';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-2a1e5f61f1.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:'Chakra Petch';font-style:normal;font-weight:300;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-afa3075966.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:'Chakra Petch';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-1f394da1f8.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:'Chakra Petch';font-style:normal;font-weight:400;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-c559e6b9f2.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:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-865e19f1b1.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:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-e309d5454f.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:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-33d0932634.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:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-e05b48909b.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:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-ext-2479b991bc.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:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url('/media/com_sppagebuilder/assets/google-fonts/Chakra%20Petch/chakra-petch-latin-4e4bf6c99f.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 */