/*
Theme Name:   SUPON Warszawa Divi 5 Child
Theme URI:    https://suponwarszawa.pl/
Description:  Motyw potomny Divi 5 dla portalu SUPON Warszawa. Tylko konfiguracja i minimalne poprawki techniczne; cały układ powstaje natywnie w Divi 5.
Author:       WOH Group
Author URI:   https://woh.group/
Template:     Divi
Version:      1.20.0
Requires PHP: 7.4
Text Domain:  supon-warszawa-divi5-child
*/

/* Font Noto Sans z serwera motywu zamiast z Google Fonts (functions.php wyłącza arkusz Google).
   Te same pliki co u Google, bez nieużywanej osi szerokości; alfabet łaciński z polskimi literami w jednym pliku ok. 50 KB (u Google 60 KB + 290 KB).
   Bez dodatkowych połączeń z Google font dociera wcześniej, więc tekst krócej czeka na podmianę i mniej przeskakuje.
   Bez preload: wcześniejsze pobieranie fontu opóźniało pierwsze wyświetlenie strony na wolnym łączu (zmierzone). */
/* cyrillic-ext */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-cyrillic-ext.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-devanagari.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* greek-ext */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-greek-ext.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-greek.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-vietnamese.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext-reszta */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-latin-ext-reszta.woff2) format('woff2');
	unicode-range: U+0180-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-pl: alfabet łaciński i polskie litery w jednym pliku (jedna podmiana fontu zamiast dwóch) */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-italic-latin-pl.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, U+0100-017F;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-cyrillic-ext.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-devanagari.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* greek-ext */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-greek-ext.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-greek.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-vietnamese.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext-reszta */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-latin-ext-reszta.woff2) format('woff2');
	unicode-range: U+0180-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-pl: alfabet łaciński i polskie litery w jednym pliku (jedna podmiana fontu zamiast dwóch) */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url(fonts/noto-sans-normal-latin-pl.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, U+0100-017F;
}

/* Font zastępczy dopasowany do Noto Sans (wyświetla się tylko do chwili wczytania Noto Sans).
   Divi podaje w zmiennych samo 'Noto Sans', więc do tej pory przeglądarka brała domyślny Times, węższy o 12–17%:
   tekst łamał się na mniej wierszy, a po wczytaniu fontu treść przeskakiwała (CLS).
   Arial (komputery, iPhone; Liberation Sans/Arimo na Linuksie) i Roboto (Android) są przeskalowane tak, by tekst
   miał szerokość jak w Noto Sans; współczynniki zmierzone na tekstach witryny osobno dla każdej grubości.
   Zakres znaków jak w pliku latin-pl; inne znaki biorą font systemowy jak dotąd. Po wczytaniu Noto Sans wygląd bez zmian. */
@font-face {
	font-family: 'SUPON Noto zastepczy Arial';
	font-style: normal;
	font-weight: 100 449;
	src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo');
	size-adjust: 104.3%;
	ascent-override: 102.49%;
	descent-override: 28.09%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Arial';
	font-style: normal;
	font-weight: 450 549;
	src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo');
	size-adjust: 106.0%;
	ascent-override: 100.85%;
	descent-override: 27.64%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Arial';
	font-style: normal;
	font-weight: 550 649;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold');
	size-adjust: 101.1%;
	ascent-override: 105.74%;
	descent-override: 28.98%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Arial';
	font-style: normal;
	font-weight: 650 749;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold');
	size-adjust: 103.4%;
	ascent-override: 103.38%;
	descent-override: 28.34%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Arial';
	font-style: normal;
	font-weight: 750 900;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold');
	size-adjust: 105.2%;
	ascent-override: 101.62%;
	descent-override: 27.85%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Roboto';
	font-style: normal;
	font-weight: 100 449;
	src: local('Roboto'), local('Roboto-Regular');
	size-adjust: 104.9%;
	ascent-override: 101.91%;
	descent-override: 27.93%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Roboto';
	font-style: normal;
	font-weight: 450 549;
	src: local('Roboto'), local('Roboto-Regular');
	size-adjust: 106.0%;
	ascent-override: 100.85%;
	descent-override: 27.64%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Roboto';
	font-style: normal;
	font-weight: 550 649;
	src: local('Roboto'), local('Roboto-Bold');
	size-adjust: 107.8%;
	ascent-override: 99.17%;
	descent-override: 27.18%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Roboto';
	font-style: normal;
	font-weight: 650 749;
	src: local('Roboto'), local('Roboto-Bold');
	size-adjust: 109.9%;
	ascent-override: 97.27%;
	descent-override: 26.66%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
@font-face {
	font-family: 'SUPON Noto zastepczy Roboto';
	font-style: normal;
	font-weight: 750 900;
	src: local('Roboto'), local('Roboto-Bold');
	size-adjust: 111.4%;
	ascent-override: 95.96%;
	descent-override: 26.30%;
	line-gap-override: 0%;
	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, U+0100-017F;
}
html:root {
	--gvid-supon-font: 'Noto Sans', 'SUPON Noto zastepczy Arial', 'SUPON Noto zastepczy Roboto';
	--et_global_body_font: 'Noto Sans', 'SUPON Noto zastepczy Arial', 'SUPON Noto zastepczy Roboto';
	--et_global_heading_font: 'Noto Sans', 'SUPON Noto zastepczy Arial', 'SUPON Noto zastepczy Roboto';
}

/* Poprawki, których Divi 5 nie ma w ustawieniach modułów. */

/* Karty: równa wysokość i rozciągnięta treść */
.supon-card { height: 100%; transition: transform .18s ease, box-shadow .18s ease; }
.supon-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(14, 35, 66, .16); }
.supon-card > .et_pb_group { flex: 1 1 auto; }
.supon-card > .et_pb_image, .supon-card > .et_pb_image .et_pb_image_wrap, .supon-card > .et_pb_image img { width: 100% !important; max-width: 100% !important; display: block; }

/* Natywna ikona przycisku: Divi przykleja ją do krawędzi, dajemy równy odstęp */
body #page-container .et_pb_section .supon-btn.et_pb_button::after, body #page-container .et_pb_section .supon-btn .et_pb_button::after { right: .95em; margin-left: 0; left: auto; }
body #page-container .et_pb_section .supon-btn.et_pb_button::before, body #page-container .et_pb_section .supon-btn.et_pb_button:hover::before { left: 1.1em !important; right: auto !important; margin-left: 0 !important; }

body #page-container .et_pb_section .supon-btn-link.et_pb_button::after { right: 0; }

.supon-header .supon-btn.et_pb_button::before { left: 1.1em !important; margin-left: 0 !important; }

/* Nagłówki w modułach: domyślny dolny odstęp Divi zastępują odstępy z układu */
.et_pb_section .et_pb_heading_container :is(h1, h2, h3, h4, h5, h6), .supon-hero h1 { padding-bottom: 0; }
.supon-card .et_pb_text_inner p, .supon-trust p, .supon-cta p, .supon-footer p, .supon-header p, .supon-about p, .supon-hero p { padding-bottom: 0; }

/* Tekst w pasku i CTA nie łamie się w przyciskach */
.supon-nowrap .et_pb_button, .supon-nowrap.et_pb_button { white-space: nowrap; }
.supon-btn .et_pb_button { display: inline-block; }

/* Sticky header nad treścią, menu mobilne na pełną szerokość */
.supon-header { z-index: 9999; }
.supon-header .et_pb_menu .et_pb_menu__menu > nav > ul > li { margin-top: 0; }
.supon-header .et_pb_menu__wrap { justify-content: flex-start; }
.supon-header .et_pb_menu .et-menu > li { padding-left: clamp(6px, 1.3vw, 19px); padding-right: clamp(6px, 1.3vw, 19px); }
.supon-header .et_pb_menu .et-menu > li > a { padding-top: 10px; padding-bottom: 10px; }
.supon-logo .et_pb_text_inner p { padding-bottom: 0; }

@media (max-width: 980px) {
	.supon-header .et_pb_row, .supon-header .et_pb_column, .supon-header .et_pb_menu, .supon-header .et_pb_menu_inner_container, .supon-header .et_pb_menu__wrap { position: static !important; }
	.supon-header .et_pb_menu { margin-left: auto; }
	.supon-about p br { display: none; }
	.supon-header .et_mobile_menu { left: 0; right: 0; width: 100%; top: 100%; border-top: 3px solid #FFD400; padding: 6px 0; max-height: calc(100vh - 70px); overflow-y: auto; }
	.supon-header .et_mobile_menu li a { padding: 13px 20px; min-height: 48px; box-sizing: border-box; }
	.supon-header .mobile_menu_bar { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: flex-end; }
}

/* Telefon */
@media (max-width: 767px) {
	.supon-h2-tight h2 { max-width: 245px; }
	.supon-lead br { display: none; }
	.supon-trust-item { padding: 0 3px; }
	.supon-foot-nav a { white-space: nowrap; }
	.supon-footer .supon-foot-nav p { text-align: center; }
}

/* Karty kontaktu */
.supon-lift { transition: transform .18s ease, box-shadow .18s ease; }
.supon-lift:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(14, 35, 66, .16); }
.supon-grow { flex: 1 1 0; min-width: 0; }
.supon-lift > .et_pb_image { flex: 0 0 auto; }
.supon-lift > .et_pb_icon { align-self: center; }
.supon-lift p, .supon-contact p, .supon-contact-phone p, .supon-why p { padding-bottom: 0; }

/* Formularz: etykiety, ikony pól i pełna szerokość przycisku (Divi nie ma tych ustawień) */
.supon-form .et_pb_contact_field { margin-bottom: 12px; }
.supon-form--labels .et_pb_contact_form_label { display: block; margin-bottom: 6px; font-weight: 700; font-size: clamp(14px, 1.2vw, 17px); line-height: 1.25; letter-spacing: -.01em; color: #0B1B36; }
.supon-form--labels .et_pb_contact_field:has([data-required_mark="required"]) > .et_pb_contact_form_label::after { content: " *"; color: #D32027; }
.supon-form [data-type="checkbox"] > .et_pb_contact_form_label, .supon-form .et_pb_contact_field_options_title, .supon-form--icons .et_pb_contact_form_label { position: absolute !important; display: block !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0; padding: 0; }
.supon-form .et_pb_contact_field_checkbox { position: relative; }
.supon-form .et_pb_contact_field_checkbox input[type="checkbox"] { display: block !important; position: absolute; left: 0; top: 0; width: 20px; height: 20px; margin: 0; opacity: 0; cursor: pointer; }
.supon-form .et_pb_contact_field_checkbox input[type="checkbox"]:focus-visible + label i { outline: 2px solid #0E2342; outline-offset: 2px; }
.supon-form .et_pb_contact_field_checkbox label::after { content: " *"; color: #D32027; }
.supon-form textarea { height: 130px !important; min-height: 130px; }
.supon-form [data-type="select"]::after, .supon-form .et_pb_contact_field[data-type="select"] .et_pb_contact_select + *::after { display: none !important; }
.supon-form .et_pb_contact_field[data-type="select"]::before { display: none !important; }
.supon-form select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 18px !important; padding-right: 38px !important; }
.supon-form input[data-original_id="telefon"], .supon-form input[data-original_id="email"], .supon-form--icons input[data-original_id="name"], .supon-form--icons textarea { padding-left: 42px !important; background-repeat: no-repeat !important; background-position: 13px 50% !important; background-size: 18px !important; }
.supon-form input[data-original_id="telefon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") !important; }
.supon-form input[data-original_id="email"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") !important; }
.supon-form--icons input[data-original_id="firma"] { padding-left: 42px !important; background-repeat: no-repeat !important; background-position: 13px 50% !important; background-size: 18px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E") !important; }
.supon-form--icons input[data-original_id="name"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; }
.supon-form--icons textarea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important; background-position: 13px 13px !important; }
.supon-form .et_contact_bottom_container, .supon-form .et_pb_contact_right { display: block; float: none; width: 100%; margin: 0; padding: 0; text-align: center; }
body #page-container .et_pb_section .supon-form .et_pb_contact_submit { display: block; width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; text-align: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 21.7a.5.5 0 0 0 .9 0l6.5-19a.5.5 0 0 0-.6-.6l-19 6.5a.5.5 0 0 0 0 .9l7.9 3.2a2 2 0 0 1 1.1 1.1z'/%3E%3Cpath d='m21.9 2.1-10.9 10.9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 22px; background-position: calc(50% - 105px) 50%; }

/* Mapa z mapy.uk: moduł Obraz z linkiem + dymek i licencja na wierzchu */
.supon-map { position: relative; overflow: hidden; }
.supon-map-img, .supon-map-img .et_pb_image_wrap, .supon-map-img img { display: block; width: 100% !important; max-width: 100% !important; }
.supon-map-bubble a { font-weight: 700; text-decoration: underline; color: #14246E; }
.supon-map-attr { background: rgba(255, 255, 255, .78); padding: 0 3px; }
.supon-form-col { scroll-margin-top: 96px; }
body #page-container .supon-header .et_pb_menu .et-menu > li.current-menu-item > a { color: #FFF !important; box-shadow: 0 3px 0 #FFD400; }

@media (max-width: 767px) {
	.supon-form textarea { height: 76px !important; min-height: 76px; }
	.supon-form--icons input[data-original_id="name"], .supon-form--icons input[data-original_id="firma"], .supon-form--icons input[data-original_id="email"], .supon-form--icons input[data-original_id="telefon"], .supon-form--icons textarea { padding-left: 34px !important; background-position: 10px 50% !important; background-size: 16px !important; }
	.supon-form--icons textarea { background-position: 10px 12px !important; }
	.supon-form .et_pb_contact_field { margin-bottom: 8px; }
	body #page-container .et_pb_section .supon-form .et_pb_contact_submit { background-size: 18px; background-position: calc(50% - 82px) 50%; }
}

/* Centrum wiedzy */
.supon-noflex { flex: 0 0 auto; }
.supon-pill { border-radius: 99px !important; min-height: clamp(34px, 2.8vw, 40px); }
.supon-pill.is-active { background: #FFD400 !important; border-color: #FFD400 !important; }
.supon-article .supon-art-img img { width: 100% !important; height: 100%; }
.supon-excerpt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-bottom: 0; }
.supon-articles .et_pb_group > .et_pb_heading .et_pb_heading_container :is(h1, h2, h3) { padding-bottom: 0; }
.supon-articles-sec p, .supon-knowledge-extra p, .supon-hero p { padding-bottom: 0; }
.supon-crumbs .et_pb_breadcrumbs, .supon-crumbs .et_pb_breadcrumbs a { color: #0B1B36; font-size: clamp(12px, 0.97vw, 14px); }
.supon-crumbs .et_pb_breadcrumbs--home { font-size: 0 !important; width: 15px; height: 15px; vertical-align: -2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E") center / contain no-repeat; }
.et_pb_post_filter .et_pb_post_filter__form { margin: 0; }
.et_pb_post_filter select.et_pb_post_filter__item-control { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 18px !important; padding: 8px 36px 8px 13px !important; width: 100%; min-height: 35px; }
.et_pb_post_filter .et_pb_post_filter__item-control-surface::after { display: none !important; }
.supon-search-sec { position: relative; background: none; }
.supon-search .et_pb_post_filter__controls { display: flex; align-items: stretch; gap: 0; background: #FFF; border-radius: 99px; overflow: hidden; box-shadow: 0 6px 18px rgba(14, 35, 66, .2); }
.supon-search .et_pb_post_filter__item-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.supon-search-field { flex: 1 1 auto !important; width: auto !important; margin: 0 !important; }
.supon-search-btn { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
.supon-search-field input.et_pb_post_filter__item-control { width: 100%; height: 100%; min-height: clamp(42px, 3.75vw, 54px); padding: 0 16px 0 clamp(42px, 3.9vw, 56px) !important; color: #0B1B36; font-size: clamp(13px, 1.04vw, 15px) !important; border: 0 !important; border-radius: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") clamp(14px, 1.5vw, 22px) 50% / 20px no-repeat #FFF !important; }
.supon-search-field input::placeholder { color: #2A3445; opacity: 1; }
.supon-search-btn button.et_pb_button { height: 100%; min-height: clamp(42px, 3.75vw, 54px); padding: 0 clamp(20px, 2.6vw, 38px) !important; border-radius: 0 99px 99px 0 !important; }
.supon-filters .et_pb_post_filter__controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: clamp(10px, 2.1vw, 30px); align-items: end; }
.supon-filters .et_pb_post_filter_item { display: block !important; }
.et_pb_post_filter .et_pb_post_filter_item { width: auto !important; margin: 0 !important; }
.supon-filters .et_pb_post_filter__item-label { display: block; margin-bottom: 2px; font-weight: 700; font-size: clamp(12px, 0.92vw, 13.2px); line-height: 1.2; letter-spacing: -.01em; color: #0B1B36; }
.supon-reset button.et_pb_button { padding: 9px 0 9px 22px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314246E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") left center / 15px no-repeat transparent !important; color: #14246E !important; border: 0 !important; font-size: clamp(12px, 1vw, 14.5px) !important; white-space: nowrap; }
.supon-sort .et_pb_post_filter__controls, .supon-sort-field { display: flex !important; flex-direction: row !important; align-items: center; gap: 12px; }
.supon-sort-field .et_pb_post_filter__item-label { margin: 0; font-weight: 600; font-size: clamp(13px, 1.04vw, 15px); color: #0B1B36; white-space: nowrap; }
.supon-pagination { text-align: center; margin-top: clamp(12px, 1vw, 15px); }
.supon-pagination .wp-pagenavi { display: flex; justify-content: center; gap: 7px; }
.supon-pagination .wp-pagenavi :is(a, span) { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #E3E6EE; border-radius: 8px; background: #FFF; color: #0B1B36 !important; font-weight: 700; font-size: 14px; box-shadow: 0 2px 6px rgba(14, 35, 66, .08); }
.supon-pagination .wp-pagenavi .current { background: #FFD400; border-color: #FFD400; }
@media (max-width: 767px) {
	.supon-pagination .wp-pagenavi { flex-wrap: wrap; gap: 8px; }
	.supon-pagination .wp-pagenavi :is(a, span) { min-width: 44px; height: 44px; }
}
body #page-container .supon-pagination .wp-pagenavi :is(a, span) { color: #0B1B36 !important; }
@media (max-width: 767px) {
	.supon-search-btn button.et_pb_button { font-size: 0 !important; width: 58px; padding: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: 22px !important; }
	.supon-search-field input.et_pb_post_filter__item-control { background-image: none !important; padding-left: 18px !important; }
	/* wyszukiwarki na telefonie: tekst 16 px (iOS nie powiększa strony), pole i przycisk co najmniej 44 px */
	body #page-container .supon-search .supon-search-field input.et_pb_post_filter__item-control { min-height: 48px; font-size: 16px !important; }
	body #page-container .supon-search .supon-search-btn button.et_pb_button { min-height: 48px; }
	.supon-pills .supon-pill { flex: 1 1 0; min-width: 0; }
	.supon-article .supon-art-img { flex: 0 0 33%; }
	.supon-article .supon-art-img, .supon-article .supon-art-img .et_pb_image_wrap { height: 100% !important; }
	.supon-article .supon-art-img img { height: 100% !important; min-height: 78px; border-radius: 8px; object-fit: cover; }
	.supon-article > .supon-noflex { align-self: center; }
	/* Okruszki wpisu: wersję telefonu Divi wstawia skryptem; do tego czasu pokazujemy tekst z kodu strony zamiast pustego miejsca (bez skoku treści) */
	.supon-post-crumbs .et_pb_text_inner[data-et-mv-hidden-phone="true"],
	.supon-service-crumbs .et_pb_text_inner[data-et-mv-hidden-phone="true"] { display: block !important; }
	/* sortowanie w szablonach kategorii: pole wyboru co najmniej 44 px, tekst 16 px */
	body #page-container .supon-sort select.et_pb_post_filter__item-control { min-height: 44px; font-size: 16px; }
	/* tabela gaśnic w szablonie wpisu: komórki czytelne przy 320 px */
	body #page-container .supon-post-side .supon-table .et_pb_text p { font-size: 13px; line-height: 1.3; }
	/* Centrum wiedzy na telefonie: zdjęcie nad tekstem, żeby tytuł 18 px i zajawka 16 px miały całą szerokość karty */
	.supon-articles-phone .supon-article .supon-art-img { flex: 0 0 100%; }
	.supon-articles-phone .supon-article .supon-art-img, .supon-articles-phone .supon-article .supon-art-img .et_pb_image_wrap { height: 46vw !important; }
	.supon-articles-phone .supon-article .supon-art-img img { border-radius: 8px 8px 0 0; }
	.supon-articles-phone .supon-article > .supon-grow { width: auto !important; flex: 1 1 0; }
	.supon-articles-phone .supon-article > .supon-noflex { width: auto !important; flex: 0 0 auto; align-self: center; }
	/* zawsze 2 kategorie w rzędzie, w równych kolumnach: przy swobodnym zawijaniu font zmieniał podział rzędów przy 360 px i przyciski przeskakiwały */
	.supon-articles-phone .supon-pills .supon-pill { flex: 1 1 30%; }
	.supon-articles-phone .supon-pills .supon-pill:nth-child(odd) { flex-basis: 55%; }
	/* hero na telefonie: tekst czasem leży na jasnym fragmencie zdjęcia, cień trzyma czytelność bez zmiany kadru */
	/* tytuł i wstęp hero w wersji telefonu Divi wstawia skryptem; do tego czasu tekst z kodu strony zamiast pustego miejsca */
	.supon-hero-cien .et_pb_text_inner[data-et-mv-hidden-phone="true"] { display: block !important; }
	.supon-hero-cien :is(h1, p) { text-shadow: 0 1px 2px rgba(5, 15, 35, .8), 0 0 10px rgba(5, 15, 35, .55); }
	.supon-pill .et_pb_text_inner { text-align: center; }
}

.supon-post p, .supon-post-after p, .supon-article-body p { padding-bottom: 0; }

/* Szablon wpisu */
@media (min-width: 981px) { .supon-side-left .supon-post-side { order: -1; } }
.supon-post-hero:has(img[src=""]), .supon-post-hero:not(:has(img)) { display: none; }
.supon-post-hero { height: clamp(180px, 14.9vw, 214px); overflow: hidden; }
.supon-post-hero :is(.et_pb_image_wrap, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.supon-toc-box:has(.et_pb_table_of_contents__empty:not([hidden])) { display: none; }
@media (max-width: 980px) { .supon-post-hero { height: 230px; } }
@media (max-width: 767px) { .supon-post-hero { height: clamp(100px, 27.7vw, 120px); } }
@media (max-width: 767px) { .supon-post-meta { flex-wrap: wrap !important; row-gap: 4px; } }

/* Zwykłe wpisy z edytora WordPressa, bez Divi */
.supon-post-content > :is(p, ul, ol, figure, blockquote, table, pre, .wp-block-group, .wp-block-columns, .wp-block-table, .wp-block-image, .wp-block-quote, .wp-block-buttons) { margin: 0 0 12px; padding-bottom: 0; font-size: clamp(13px, 1.05vw, 15.2px); line-height: 1.35; color: #0B1B36; }
.supon-post-content > p { padding-bottom: 0; }
.supon-post-content > :is(h2, h3, h4, h5, h6) { padding: 0; margin: 18px 0 6px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; color: #0B1B36; }
.supon-post-content > h2 { font-size: clamp(20px, 1.74vw, 25px); }
.supon-post-content > h3 { font-size: clamp(17px, 1.39vw, 20px); }
.supon-post-content > :is(h4, h5, h6) { font-size: clamp(15px, 1.11vw, 16px); }
.supon-post-content > :first-child { margin-top: 0; }
.supon-post-content > :is(ul, ol) { padding-left: 22px; list-style-position: outside; }
.supon-post-content > ul { list-style-type: disc; }
.supon-post-content > ol { list-style-type: decimal; }
.supon-post-content li { margin-bottom: 4px; }
.supon-post-content :is(figure, .wp-block-image) img { display: block; max-width: 100%; height: auto; border-radius: 8px; }
.supon-post-content figcaption { margin-top: 5px; font-size: 12px; color: #2A3445; }
.supon-post-content > :is(blockquote, .wp-block-quote) { padding: 4px 0 4px 18px; border-left: 4px solid #FFD400; font-style: normal; }
.supon-post-content table { width: 100%; border-collapse: collapse; }
.supon-post-content :is(th, td) { padding: 7px 9px; border: 1px solid #E3E6EE; text-align: left; }
.supon-post-content th { background: #F2F3F8; font-weight: 700; }
.supon-post-content thead { border-bottom: 0; }
.supon-post-lead:not(:has(p:not(:empty))), .supon-post-lead-phone:not(:has(p:not(:empty))), .supon-author-text:not(:has(p:not(:empty))), .supon-author-role:not(:has(p:not(:empty))) { display: none; }
.supon-post-content > * a:not(.wp-element-button) { color: #14246E; text-decoration: underline; }
.supon-post-content .wp-block-button__link { display: inline-block; padding: 10px 20px; border-radius: 8px; background: #FFD400; color: #0B1B36; font-weight: 700; text-decoration: none; }
.supon-post-grid > *, .supon-post-main, .supon-post-main > * { min-width: 0; }
.supon-post-crumbs a { color: #0B1B36; }
.supon-post-crumbs span { margin: 0 .5em; }
.supon-crumb-home { display: inline-block; width: 15px; height: 15px; vertical-align: -2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E") center / contain no-repeat; }
.supon-post-badge { align-self: flex-start; }
.supon-post-main > .et_pb_heading .et_pb_heading_container h1 { padding-bottom: 0; }
.supon-post-hero img { width: 100% !important; height: 100% !important; border-radius: 8px; object-fit: cover; }
.supon-post-meta > :has(.supon-share) { margin-left: auto; }
@media (min-width: 768px) { .supon-product-box .supon-product-img { margin-left: 24%; } }
.supon-post-lead { max-width: 89%; }
.supon-post-content, .supon-post-content .et_pb_section, .supon-post-content .et_pb_row { width: 100%; max-width: 100%; padding: 0; margin: 0; }
.supon-post-side { position: static; }
.supon-toc ol { margin: 0; padding: 0 0 0 20px; }
.supon-toc :is(h1, h2, h3, h4, h5, h6) { padding-bottom: 0; margin-bottom: 0; }
.supon-toc { gap: 0; }
.supon-toc nav { margin-top: clamp(8px, 0.9vw, 13px); }
.supon-toc ol { margin-top: 0; }
.supon-toc li { font-size: clamp(12.5px, 1.06vw, 15.2px); font-weight: 500; line-height: 1.16; padding: 4px 0; color: #0B1B36; letter-spacing: -.015em; }
.supon-toc li a { color: #0B1B36; }
.supon-toc { position: relative; }
.supon-toc::before { content: ""; position: absolute; left: clamp(-20px, -1.3vw, -12px); top: clamp(30px, 2.5vw, 36px); width: 5px; height: 25px; background: #FFD400; border-radius: 2px; }
.supon-table { overflow: hidden; }
.supon-h2-num h2::before { counter-increment: supon-h2; content: counter(supon-h2) ". "; }
.supon-article-body { counter-reset: supon-h2; }
.supon-fire-icon img { width: auto !important; max-width: 100%; }
.supon-product-box { position: relative; overflow: visible !important; }
.supon-product-img img { width: auto !important; margin: 0 auto; }
.supon-fire p { text-align: center; }
.supon-band-title { flex: 0 0 auto; }
.supon-expert-photo img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.supon-quote-body { padding-left: clamp(16px, 1.75vw, 25px); position: relative; }
.supon-quote-text { position: static; }
.supon-quote-body::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: clamp(50px, 4.4vw, 63px); background: #FFD400; }
.supon-band-text { border-left: 1px solid rgba(255, 255, 255, .45); padding-left: clamp(14px, 2.3vw, 33px); }
.et_pb_button.supon-share::before { left: .9em !important; }

@media (max-width: 767px) {
	.supon-quote-text { font-style: italic; }
	.supon-post-lead { max-width: none; }
	.supon-band-title { flex: 1 1 0; min-width: 0; }
	.supon-band-title br { display: none; }
	.supon-post-meta p { white-space: nowrap; }
	body #page-container .et_pb_section .supon-share.et_pb_button { background: none !important; border: 0 !important; padding: 0 0 0 16px !important; font-size: 11px !important; font-weight: 400 !important; }
	body #page-container .et_pb_section .supon-share.et_pb_button::before { left: 0 !important; }
	.supon-product-box .supon-noflex h2 { white-space: nowrap; }
	.supon-post-after .et_pb_heading_container h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}

@media (max-width: 359px) {
	.supon-post-meta { flex-wrap: wrap !important; }
	.supon-post-meta > :has(.supon-share) { margin-left: 0; }
}

/* Bardzo wąskie telefony: 5 kart nie zmieści czytelnego tekstu */
@media (max-width: 359px) {
	.supon-cats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.supon-trust-item { flex-direction: column; text-align: center; gap: 3px; }
	.supon-h2-tight h2 { max-width: 170px; }
}

@media (prefers-reduced-motion: reduce) {
	.supon-card { transition: none; }
	.supon-card:hover { transform: none; }
}

/* Strona usługi: Przeglądy i konserwacja */
.supon-service p, .supon-service-crumbs p { padding-bottom: 0; }
.supon-service-card { height: 100%; }
.supon-step-arrow { margin-top: clamp(4px, 0.55vw, 8px); }
.supon-why-item, .supon-service-card { min-width: 0; }
.supon-order-text { margin-right: auto; margin-left: 35%; }
#formularz { scroll-margin-top: 96px; }
.supon-order-card { overflow: hidden; }
.supon-form--plain .et_pb_contact_field { margin-bottom: clamp(5px, 0.55vw, 8px); }
.supon-form--plain :is(input[data-original_id], textarea) { padding-left: clamp(8px, 0.8vw, 11.5px) !important; background-image: none !important; }
.supon-form--plain textarea { height: clamp(54px, 5.2vw, 75px) !important; min-height: 0 !important; }
.supon-form--plain form { row-gap: clamp(5px, 0.55vw, 8px) !important; }
.supon-form--plain .et_pb_contact_field_checkbox label, .supon-form--plain .et_pb_contact_field_checkbox a { color: #fff; }
.supon-form--plain .et_pb_contact_field_checkbox a { text-decoration: underline; }
body #page-container .et_pb_section .supon-form--plain .et_pb_contact_submit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); background-position: calc(50% + 86px) 50%; background-size: 20px; background-repeat: no-repeat; }
.supon-cta-card { overflow: hidden; padding: 0 !important; }
.supon-form--plain .et_pb_contact_field_checkbox label i { width: clamp(15px, 1.25vw, 18px); height: clamp(15px, 1.25vw, 18px); margin-right: 8px; border-radius: 3px; background: #fff; }
.supon-cta-photo { position: relative; align-self: stretch; height: auto !important; min-height: 100%; }
.supon-cta-photo .et_pb_image_wrap { position: absolute; inset: 0; width: 100%; height: 100%; }
.supon-cta-photo img { width: 100%; height: 100% !important; object-fit: cover; }
.supon-service-card h3 { display: flex; align-items: center; justify-content: center; min-height: 2.32em; }
.supon-steps strong { font-weight: 800; font-size: 1.07em; }
.supon-form--plain ::placeholder { color: #2A3445; opacity: 1; }
body #page-container .supon-form--plain .et_pb_contact_field_checkbox a, body #page-container .supon-form--plain .et_pb_contact_field_checkbox a * { color: #fff !important; }
.supon-process-row .supon-service-head { min-height: clamp(30px, 3.4vw, 49px); }
@media (max-width: 980px) {
	body #page-container .supon-why-band, body #page-container .supon-order-card { background-image: none !important; }
	.supon-order-text { margin: 0; }
	.supon-service-intro br, .supon-why-lead br { display: none; }
}
@media (max-width: 767px) {
	.supon-service-head br { display: none; }
	.supon-why-item:first-child { border-left: 0 !important; }
	.supon-step-arrow { margin-top: clamp(4px, 1.4vw, 6px); }
}

/* Strona Polityka prywatności */
.supon-legal p { padding-bottom: 0; }
.supon-legal-card { scroll-margin-top: 96px; min-width: 0; }
.supon-legal-text ul { list-style: none; margin: 2px 0 0; padding: 0; }
.supon-legal-text ol { margin: 2px 0 0; padding: 0 0 0 clamp(20px, 2.7vw, 39px); list-style: decimal; }
.supon-legal-text li { margin-bottom: clamp(2px, 0.3vw, 4px); }
.supon-legal-text :is(p, ul, ol):not(:last-child) { margin-bottom: clamp(5px, 0.55vw, 8px); }
.supon-legal-text a, .supon-legal-cel a { word-break: break-word; }
.supon-legal-table { margin-top: 2px; border: 1px solid #E3E6EE; border-radius: 8px; overflow: hidden; }
.supon-legal-row { padding: clamp(6px, 0.7vw, 10px) clamp(8px, 0.9vw, 13px); border-bottom: 1px solid #E3E6EE; }
.supon-legal-row:last-child { border-bottom: 0; }
.supon-legal-row--head { background: #EEF1F8; }
.supon-legal-text ul > li { position: relative; padding-left: clamp(20px, 2.7vw, 39px); }
.supon-legal-text li { line-height: 1.2; }
.supon-nb { white-space: nowrap; }
.supon-service-crumbs .supon-crumb-home { width: clamp(15px, 1.7vw, 24px); height: clamp(15px, 1.7vw, 24px); vertical-align: -.3em; background-size: contain; }
.supon-legal-text ul > li::before { content: ""; position: absolute; left: clamp(8px, 1.25vw, 18px); top: .38em; width: clamp(6px, .65vw, 9px); height: clamp(6px, .65vw, 9px); border-radius: 50%; background: #FFD400; }
.supon-toc-legal li { padding: clamp(7px, 0.85vw, 12px) clamp(8px, 1vw, 14px); border-bottom: 1px solid #E3E6EE; font-size: clamp(11px, 1.27vw, 18.3px); font-weight: 700; line-height: 1.15; letter-spacing: -.015em; }
.supon-toc-legal li:last-child { border-bottom: 0; }
.supon-toc-legal li a { color: #0B1B36; }
.supon-toc-legal ol { margin: 0; padding: 0; list-style: none; }
.supon-toc-legal nav { margin-top: clamp(10px, 1.9vw, 27px); }
.supon-toc-legal { gap: 0; }
.supon-toc-legal :is(h1, h2, h3, h4, h5, h6) { padding-bottom: 0; margin-bottom: 0; }
.supon-toc-legal li:has(a[aria-current="location"]) { background: #FFF4C4; box-shadow: inset 4px 0 0 #FFD400; border-radius: 3px; }
.et_pb_button_module_wrapper:has(.supon-btn-full) { width: 100%; }
body #page-container .et_pb_section .supon-btn.supon-btn-full.et_pb_button { display: block; width: 100% !important; max-width: none !important; box-sizing: border-box; text-align: center; }
.supon-toc-toggle { padding: 14px 16px; }
.supon-toc-toggle .et_pb_toggle_title { padding-left: 16px !important; background: linear-gradient(#FFD400, #FFD400) 0 50% / 5px 100% no-repeat; }
.supon-toc-toggle ol { margin: 10px 0 2px 18px; padding: 0; list-style: decimal; }
.supon-toc-toggle li { padding: 5px 0; }
.supon-toc-toggle a { color: #0B1B36; }
.supon-legal-grid > * { min-width: 0; }
@media (max-width: 767px) {
	.supon-legal-card { box-shadow: none !important; overflow: visible; }
	.supon-legal-text ul { margin-top: 4px; }
	.supon-legal-text ul > li { padding-left: 26px; }
	.supon-legal-text li { margin-bottom: 6px; line-height: 1.55; }
	.supon-legal-cel p { font-weight: 700; }
	.supon-legal-text ul > li::before { left: 0; top: .21em; width: 18px; height: 18px; background: #FFD400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50% 50% / 12px no-repeat; }
}

/* Strona O firmie */
#misja { scroll-margin-top: 96px; }
.supon-firma-photo { border-radius: 10px; overflow: hidden; }
.supon-firma-grid > * { min-width: 0; }
.supon-firma-stat { flex: 1 1 auto; }
.supon-br-phone { display: inline; }
@media (max-width: 980px) {
	.supon-firma-misja br, .supon-firma-wstep br { display: none; }
}
@media (max-width: 767px) {
	.supon-br-phone { display: block; height: 0; }
}

/* Telefon: przebudowa O firmie, Usługi PPOŻ i stopki. Układ jest w modułach Divi, tu tylko to, czego moduł nie ustawi. */
@media (max-width: 767px) {
	body #page-container .supon-m-nobg { background-image: none !important; }
	.et_pb_button_module_wrapper:has(.supon-m-full) { width: 100%; }
	body #page-container .et_pb_section .supon-btn.supon-m-full.et_pb_button { display: block; width: 100% !important; max-width: none !important; box-sizing: border-box; text-align: center; }
	.supon-m-kadr { width: 100%; max-width: 100%; min-height: 0 !important; aspect-ratio: 16 / 10; }
	body #page-container .supon-m-kadr img { width: 100% !important; max-width: 100% !important; object-fit: cover; }
	/* Zarezerwowana wysokość zdjęć, żeby treść nie skakała po ich wczytaniu */
	.supon-m-foto56 { height: 56vw; }
	.supon-m-foto62 { height: 62vw; }
	.supon-m-foto44 { height: 44vw; }
	.supon-m-pelna { width: 100%; }
	.supon-m-linia br { display: none; }
	.supon-m-klip { overflow: hidden; }
	.supon-m-odnosnik { min-height: 44px; }
	.supon-service-card { height: auto; }
	.supon-service-card:active, .supon-cta-card:active { transform: scale(.99); }
	.supon-service-card h3 { display: block; min-height: 0; }
	.supon-service-card .supon-btn.et_pb_button { color: #14246E; }
	/* Pionowa oś czasu i etapy współpracy: linia łącząca punkty */
	.supon-tl { position: relative; padding-left: 26px; }
	.supon-tl::before, .supon-steps::before { content: ""; position: absolute; width: 2px; background: #FFD400; }
	.supon-tl::before { left: 7px; top: 20px; bottom: 20px; }
	.supon-tl > .et_pb_group { position: relative; overflow: visible !important; }
	.supon-tl > .et_pb_group::before { content: ""; position: absolute; left: -26px; top: 18px; width: 16px; height: 16px; box-sizing: border-box; border: 4px solid #FFD400; border-radius: 50%; background: #fff; }
	.supon-steps { position: relative; }
	.supon-steps::before { left: 19px; top: 20px; bottom: 30px; }
	.supon-krok-num { position: relative; z-index: 1; }
	/* Stopka: pola dotyku co najmniej 44 px */
	.supon-foot-link a { display: block; padding: 13px 0; }
	.supon-foot-dane a { display: inline-block; padding: 12px 0; }
	.supon-footer .et_pb_icon { align-self: center; }
	.supon-foot-legal a { display: inline-block; padding: 14px 4px; }
}

/* Telefon: szablony wpisów. Dotyczy wyłącznie treści wpisu i elementów szablonu wpisu. */
@media (max-width: 767px) {
	.supon-post-hero { height: 56vw; margin-bottom: 18px !important; }
	/* Te same wartości co w modułach: arkusz motywu ładuje się od razu, więc góra wpisu nie skacze przy pierwszym wejściu */
	.supon-post-crumbs p { font-size: 13px; line-height: 1.4; }
	.supon-post-main h1 { font-size: clamp(26px, 7.7vw, 33px); line-height: 1.18; }
	.supon-post-lead-phone p { font-size: clamp(16.5px, 4.4vw, 18px); line-height: 1.5; }
	.supon-post-meta p { font-size: 14.5px; line-height: 1.3; }
	.supon-post-content > :is(p, ul, ol, figure, blockquote, pre, .wp-block-group, .wp-block-columns, .wp-block-table, .wp-block-image, .wp-block-quote, .wp-block-buttons) { margin-bottom: 16px; font-size: 17px; line-height: 1.6; }
	.supon-post-content li { margin-bottom: 6px; }
	.supon-post-content > h2 { margin: 30px 0 10px; font-size: clamp(23px, 6.6vw, 27px); line-height: 1.22; }
	.supon-post-content > h3 { margin: 24px 0 8px; font-size: clamp(19px, 5.4vw, 22px); line-height: 1.25; }
	.supon-post-content > :is(h4, h5, h6) { margin: 20px 0 6px; font-size: 18px; line-height: 1.3; }
	.supon-post-content .wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.supon-post-content :is(th, td) { font-size: 15px; line-height: 1.4; }
	.supon-post-content figcaption { font-size: 14px; }
	/* Artykuły zbudowane w Divi w treści wpisu */
	.supon-post-content .supon-article-body .et_pb_text p { font-size: 17px; line-height: 1.6; }
	.supon-post-content .supon-article-body .et_pb_heading:not(.supon-product-box .et_pb_heading) { margin-top: 24px; }
	.supon-post-content .supon-article-body .et_pb_column > .et_pb_heading:first-child { margin-top: 0; }
	.supon-post-content .supon-article-body .et_pb_heading:not(.supon-product-box .et_pb_heading) h2 { font-size: clamp(23px, 6.6vw, 27px); line-height: 1.22; }
	.supon-post-content .supon-article-body .et_grid_group:has(.supon-fire) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-top: 12px; }
	.supon-post-content .supon-article-body .supon-fire .et_pb_text p { font-size: 15.5px; line-height: 1.3; }
	.supon-post-content .supon-article-body .supon-fire .et_pb_text + .et_pb_text p { font-size: 14.5px; }
	.supon-post-content .supon-article-body .et_flex_group:has(> .et_flex_group > .supon-noflex) { row-gap: 10px !important; }
	.supon-post-content .supon-article-body .et_flex_group:has(> .supon-noflex) { align-items: flex-start; column-gap: 10px !important; }
	.supon-post-content .supon-article-body .supon-noflex > .et_pb_text p { font-size: 14px; line-height: 1.5; }
	.supon-post-content .supon-article-body .supon-product-box { flex-direction: column !important; align-items: stretch !important; margin-top: 18px; padding: 16px !important; row-gap: 12px !important; }
	.supon-post-content .supon-article-body .supon-product-box .et_pb_heading h2 { font-size: 14px; line-height: 1.3; }
	.supon-post-content .supon-article-body .supon-product-box .supon-grow .et_pb_text:first-child p { font-size: 20px; line-height: 1.25; }
	body #page-container .et_pb_section .supon-article-body .supon-product-box a.et_pb_button { min-height: 44px; font-size: 15.5px !important; line-height: 1.2 !important; padding: 13px 34px 13px 14px !important; }
	.supon-post-meta p { white-space: normal; }
	body #page-container .et_pb_section .supon-share.et_pb_button { display: inline-block; min-height: 44px; font-size: 14.5px !important; line-height: 44px !important; padding-left: 20px !important; }
	body #page-container .et_pb_section .supon-share.et_pb_button::before { top: 50%; transform: translateY(-50%); line-height: 1; }
	.supon-band-title { flex: 0 0 auto; }
	.supon-toc .et_pb_table_of_contents__title { font-size: 20px; }
	.supon-toc::before { left: -18px; top: 34px; height: 22px; }
	.supon-toc li { padding: 0; font-size: 16px; line-height: 1.3; }
	.supon-toc li a { display: block; padding: 8px 0; }
}

/* Szablony kategorii */
.supon-kat-hero .supon-crumb-home { filter: brightness(0) invert(1); }
.supon-kat-hero a { color: #fff; }
.supon-kat-pills .supon-pill { min-height: 0; }
.supon-kat-pills .supon-pill.is-active { background: #14246E !important; border-color: #14246E !important; }
.supon-kat-pills .supon-pill.is-active p { color: #fff; }
.supon-kat-badge.supon-pusty { display: none; }
.supon-kat-pol .supon-cta-photo:empty { display: none; }
.supon-kat-pol .supon-cta-card:has(> .supon-cta-photo:empty) { grid-template-columns: minmax(0, 1fr) !important; }
.supon-kat-badge { flex-shrink: 1; min-width: 0; align-items: stretch !important; }
.supon-kat-badge .et_pb_text, .supon-kat-badge .et_pb_text_inner { min-width: 0; max-width: 100%; }
.supon-kat-badge p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.supon-kat-card { position: relative; }
.supon-kat-str { position: absolute; right: clamp(9px, 1.1vw, 16px); bottom: clamp(8px, 0.9vw, 13px); }
.supon-kat-card .supon-excerpt { padding-right: clamp(14px, 1.8vw, 26px); }
.supon-kat-hero .supon-crumb-home { width: clamp(15px, 1.25vw, 18px); height: clamp(15px, 1.25vw, 18px); background-size: contain; vertical-align: -.25em; }
.supon-kat-card { height: 100%; }
.supon-kat-card > .et_pb_group { display: flex; flex-direction: column; }
@media (max-width: 980px) { .supon-kat-tbr br { display: none; } }
body #page-container a.supon-term-link { color: inherit !important; text-decoration: none; }
body #page-container a.supon-term-link:hover, body #page-container a.supon-term-link:focus-visible { text-decoration: underline; }
@media (max-width: 767px) {
	body #page-container a.supon-term-link { position: relative; z-index: 2; padding-block: 15px; }
	.supon-kat-badge p { overflow: clip; overflow-clip-margin: 15px; }
	.et_pb_group:has(> .et_pb_text a.supon-term-link) { overflow: visible !important; }
}
.supon-kat-brak { display: none; }
.supon-kat-card:has(> .entry) { display: none; }
.supon-kat-grid:has(.supon-kat-card > .entry) + .supon-kat-brak { display: block; }
.supon-kat-pol:has(.supon-cta-card > .entry) { display: none; }
.supon-kat-filtr .supon-kat-pol { display: none; }
#artykuly { scroll-margin-top: 96px; }
@media (max-width: 767px) {
	.supon-m-foto52 { height: 52vw; }
	.supon-m-foto42 { height: 42vw; }
	.supon-kat-pills .supon-pill { flex: 0 0 auto; min-height: 44px; }
	.supon-kat-pills { width: 100%; }
	.supon-kat-str { position: static; align-self: flex-end; }
	.supon-kat-card .supon-excerpt { padding-right: 0; }
}

/* Dobór sprzętu */
#wybierz-obiekt { scroll-margin-top: 96px; }
.supon-dobor-nr { align-self: flex-start; }
.supon-dobor-obj, .supon-dobor-tile { position: relative; }
.supon-dobor-str { position: absolute; right: clamp(9px, 1.1vw, 16px); bottom: clamp(8px, 0.9vw, 13px); }
.supon-dobor-prawo { text-align: right; }
.supon-dobor-why-t { padding-right: clamp(8px, 1.5vw, 22px); }
@media (min-width: 981px) {
	.supon-dobor-zn { align-self: stretch; }
}
@media (max-width: 980px) {
	.supon-dobor-obj h3 br, .supon-dobor-obj p br { display: none; }
	.supon-dobor-why-t { padding-right: 0; }
}
@media (max-width: 767px) {
	.supon-dobor-str { position: static; align-self: center; }
	.supon-dobor-prawo { text-align: left; }
	.supon-dobor-tile h3 br, .supon-dobor-why br { display: none; }
	.supon-dobor-why-grid > .et_pb_group:last-child { border-bottom: 0; }
}

/* Podstrony usług PPOŻ */
.supon-us-a { color: inherit !important; text-decoration: none; }
.supon-us-a:hover, .supon-us-a:focus-visible { text-decoration: underline; }
.supon-us-rel, .supon-us-tile { position: relative; }
.supon-us-crumbs a { color: inherit; }
.supon-us-center, .supon-us-center :is(p, h3) { text-align: center !important; }
.supon-us-dane a { color: inherit; text-decoration: none; }
.supon-faq .et_pb_toggle { border: 1px solid #E2E6EC; border-radius: 7px; margin-bottom: clamp(5px, 0.5vw, 7px); padding: clamp(9px, 0.8vw, 12px) clamp(12px, 1.2vw, 17px); }
.supon-faq .et_pb_toggle:last-child { margin-bottom: 0; }
.supon-faq .et_pb_toggle_title { cursor: pointer; padding-right: 34px; }
.supon-faq .et_pb_toggle_content { padding-top: 8px; }
.supon-faq-btn { display: block; }
.supon-faq-btn:focus-visible { outline: 2px solid #002A5C; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 980px) {
	body #page-container .supon-us-hero, body #page-container .supon-us-pas { background-image: none !important; }
	.supon-us-br { display: none; }
}
@media (max-width: 767px) {
	.supon-us-center, .supon-us-center :is(p, h3) { text-align: left !important; }
	.supon-faq .et_pb_toggle { padding-top: 2px; padding-bottom: 2px; }
	.supon-faq-btn { display: flex; align-items: center; min-height: 46px; }
	.supon-faq .et_pb_toggle_content { padding-bottom: 12px; }
	.supon-us-hero .et_pb_button { white-space: normal !important; }
	.supon-us-crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (min-width: 768px) and (max-width: 980px) {
	.supon-us-hero .et_pb_image, .supon-us-hero .et_pb_image_wrap, .supon-us-hero .et_pb_image img { width: 100% !important; max-width: none !important; }
	.supon-us-hero .et_pb_image img { height: 36vw; object-fit: cover; }
}
.supon-us-tile .et_pb_image { display: flex; justify-content: center; }

/* FAQ i strona 404 */
.supon-fsearch { background: #FFF; border: 1px solid #DDE2EA; border-radius: 10px; box-shadow: 0 4px 14px rgba(14, 35, 66, .1); overflow: hidden; }
.supon-fsearch form, .supon-fsearch form > div { position: relative; display: flex; width: 100%; margin: 0; }
body #page-container .supon-fsearch input.et_pb_s { flex: 1 1 auto; width: 100% !important; max-width: none !important; height: clamp(44px, 3.6vw, 52px) !important; min-height: 44px; padding: 0 clamp(62px, 5vw, 72px) 0 clamp(14px, 1.6vw, 23px) !important; border: 0 !important; background: transparent !important; color: #0B1B36 !important; font-size: clamp(13.5px, 1.16vw, 16.7px) !important; line-height: 1.2 !important; }
.supon-fsearch input.et_pb_s::placeholder { color: #4A5568; opacity: 1; }
.supon-fsearch input.et_pb_searchsubmit { position: absolute !important; top: 4px !important; right: 4px !important; bottom: 4px !important; height: auto !important; width: clamp(48px, 4vw, 58px) !important; min-height: 0; padding: 0 !important; border: 0 !important; border-radius: 7px !important; color: transparent !important; font-size: 0 !important; cursor: pointer; background: #FFD400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center / 22px no-repeat !important; }
.supon-fsearch input.et_pb_searchsubmit:hover { background-color: #F2C900 !important; }
.supon-fsearch:focus-within { border-color: #002A5C; }
.supon-fsearch-sec { position: relative; background: none !important; }
.supon-faq-pill { position: relative; min-height: 44px; flex: 1 1 auto; }
.supon-faq-pill.is-active { background-color: #FFD400 !important; border-color: #FFD400 !important; }
a.supon-faq-f { color: inherit !important; text-decoration: none; }
.supon-faq-pill .et_pb_module, .supon-faq-pill .et_pb_text_inner { position: static; }
a.supon-faq-f::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
a.supon-faq-f:focus-visible::after { outline: 2px solid #002A5C; outline-offset: 2px; }
.supon-faq-all .et_pb_toggle[hidden] { display: none !important; }
.supon-faq-all .et_pb_toggle { padding: 0; overflow: hidden; }
.supon-faq-all .et_pb_toggle_title { padding: clamp(9px, 0.9vw, 13px) 48px clamp(9px, 0.9vw, 13px) clamp(12px, 1.5vw, 21.6px); }
.supon-faq-all .et_pb_toggle_title::before { right: 16px !important; }
.supon-faq-all .et_pb_toggle_open .et_pb_toggle_title { background: #E9F0FB; }
.supon-faq-all .et_pb_toggle_open .et_pb_toggle_title::before { display: block !important; content: "2"; font-family: ETmodules; font-size: 24px; color: #002A5C; }
.supon-faq-all .et_pb_toggle_content { padding: clamp(9px, 0.9vw, 13px) clamp(12px, 1.5vw, 21.6px) clamp(11px, 1.1vw, 16px); }
body:not(.et-fb) .supon-faq-empty:not(.is-on) { display: none; }
.supon-fsearch--txt form > div::before { content: ""; position: absolute; left: clamp(13px, 1.3vw, 19px); top: 50%; width: 20px; height: 20px; transform: translateY(-50%); pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center / contain no-repeat; }
body #page-container .supon-fsearch--txt input.et_pb_s { padding: 0 clamp(92px, 8vw, 118px) 0 clamp(40px, 3.4vw, 49px) !important; }
.supon-fsearch--txt input.et_pb_searchsubmit { width: clamp(76px, 6.7vw, 96px) !important; color: #0B1B36 !important; font-size: clamp(13.5px, 1.16vw, 16.7px) !important; font-weight: 800 !important; background-image: none !important; }
.supon-n-karta { position: relative; }
@media (max-width: 767px) {
	.supon-fq-lead { max-width: 68%; }
	.supon-fsearch-sec { margin-top: -30px; }
	body #page-container .supon-fsearch input.et_pb_s { height: 54px !important; font-size: 16px !important; }
	.supon-faq-all .et_pb_toggle_title { padding-top: 11px; padding-bottom: 11px; }
	.supon-n-karta { min-height: 64px; justify-content: center; }
}

/* Poradniki */
.supon-por-hero a { color: #fff; }
.supon-por-hero .supon-crumb-home { filter: brightness(0) invert(1); width: clamp(14px, 1.25vw, 18px); height: clamp(14px, 1.25vw, 18px); background-size: contain; vertical-align: -2px; }
.supon-search--por .et_pb_post_filter__controls { border-radius: 10px; border: 1px solid #DDE2EA; padding: 4px; }
.supon-search--por .supon-search-btn button.et_pb_button { border-radius: 7px !important; min-height: 0; padding: 0 clamp(20px, 3vw, 44px) !important; }
.supon-search--por .supon-search-field input.et_pb_post_filter__item-control { min-height: clamp(40px, 3.3vw, 48px); font-size: clamp(13.5px, 1.27vw, 18.3px); }
.supon-por-pills .supon-pill { flex: 0 0 auto; min-height: 44px; background: #fff; }
.supon-por-pills .supon-pill.is-active { background: #FFD400 !important; border-color: #FFD400 !important; }
.supon-por-badge { align-self: flex-start; width: auto !important; }
.supon-por-wyr { overflow: hidden; }
.supon-por-foto { background: #EEF2F8; }
.supon-por-foto, .supon-por-foto .et_pb_image_wrap, .supon-por-foto img { display: block; width: 100% !important; max-width: 100% !important; }
.supon-por-foto img { object-fit: cover !important; }
.supon-por-wyr-foto .et_pb_image_wrap, .supon-por-wyr-foto img, .supon-por-new-foto .et_pb_image_wrap, .supon-por-new-foto img { height: 100% !important; }
.supon-por-wyr-foto { height: 100%; }
.supon-por-wyr-foto { min-height: clamp(160px, 17vw, 245px); }
.supon-por-new-foto { position: relative; height: auto !important; align-self: stretch; min-height: clamp(70px, 7.4vw, 106px); overflow: hidden; border-radius: 8px; }
.supon-por-new-foto .et_pb_image_wrap { position: absolute; inset: 0; }
.supon-por-wyr-tresc { justify-content: center; }
.supon-por-card { height: 100%; position: relative; overflow: hidden; }
.supon-por-tresc { display: flex; flex-direction: column; }
.supon-por-grid .supon-por-card > .et_pb_group:last-child { flex: 1 1 auto; }
body #page-container .et_pb_section .supon-por-read.et_pb_button { padding-left: 0; padding-right: 0; text-decoration: underline; text-decoration-color: #FFD400; text-decoration-thickness: 2px; text-underline-offset: 4px; }
body #page-container .et_pb_section .supon-por-read.et_pb_button::after { position: static; display: inline-block; margin: 0 0 0 clamp(8px, 0.8vw, 12px); opacity: 1; color: #FFD400; font-size: 1.25em; line-height: 1; vertical-align: -0.1em; text-decoration: none; transform: none; }
a.supon-por-more { color: inherit !important; text-decoration: underline; text-decoration-color: #FFD400; text-decoration-thickness: 2px; text-underline-offset: 4px; white-space: nowrap; }
a.supon-por-more::after { content: " →"; color: #FFD400; font-weight: 800; }
.supon-por-grid:has(.supon-por-card > .entry) .supon-por-card, .supon-por-card:has(> .entry) { display: none; }
.supon-por-filtr .supon-por-wyr-sec, .supon-por-filtr .supon-por-naj { display: none; }
.supon-por-wyr-sec:has(.supon-por-wyr > .entry), .supon-por-naj:has(.supon-por-new > .entry) { display: none; }
@media (min-width: 768px) {
	.supon-por-nav .wp-pagenavi :is(a, span) { border-radius: 50%; }
}
@media (max-width: 767px) {
	body #page-container .supon-search--por .supon-search-btn button.et_pb_button { font-size: 15px !important; width: auto; padding: 0 16px !important; background-image: none !important; }
	body #page-container .supon-search--por .supon-search-field input.et_pb_post_filter__item-control { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 12px 50% / 18px no-repeat #FFF !important; padding-left: 38px !important; font-size: 15px !important; text-overflow: ellipsis; }
	.et_pb_section:has(+ .supon-por-hero) .supon-crumb-home { position: relative; }
	.et_pb_section:has(+ .supon-por-hero) .supon-crumb-home::after { content: ""; position: absolute; inset: -15px; }
	.supon-por-pills { width: 100%; }
	.supon-por-pills .supon-pill { flex: 1 1 auto; }
	.supon-por-wyr { position: relative; display: block; }
	.supon-por-wyr-foto { position: absolute; inset: 0; min-height: 0; margin: 0; }
	.supon-por-wyr::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10, 27, 54, 0.35) 0%, rgba(10, 27, 54, 0.86) 58%, rgba(10, 27, 54, 0.94) 100%); pointer-events: none; }
	.supon-por-wyr-tresc { position: relative; z-index: 2; justify-content: flex-end; min-height: 210px; }
	.supon-por-wyr-tresc p { color: #fff; }
	.supon-por-wyr-tresc .supon-por-badge { background: #123A7A !important; }
	.supon-por-wyr-str { position: absolute; right: 16px; bottom: 18px; }
	.supon-por-wyr-tresc .supon-excerpt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
	body #page-container .et_pb_section.supon-por-tel .supon-por-read.et_pb_button { color: #0F4C9C !important; text-decoration: none; }
	body #page-container .et_pb_section.supon-por-tel .supon-por-read.et_pb_button::after { color: #0F4C9C; }
}
@media (min-width: 768px) and (max-width: 980px) {
	.supon-por-lead p { text-shadow: 0 1px 6px rgba(10, 27, 54, 0.85); }
}

/* Wyniki wyszukiwania */
.supon-szuk-hero a { color: #fff; }
.supon-szuk-hero .supon-crumb-home { filter: brightness(0) invert(1); width: clamp(14px, 1.25vw, 18px); height: clamp(14px, 1.25vw, 18px); background-size: contain; vertical-align: -2px; }
.supon-szuk-pills .et_pb_text_inner, .supon-szuk-pills p { margin: 0; padding: 0; }
a.supon-szuk-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px clamp(14px, 1.7vw, 24px); background: #fff; border: 1px solid #DDE2EA; border-radius: 99px; color: #0B1B36; font-weight: 600; font-size: clamp(14px, 1.1vw, 16px); line-height: 1.2; white-space: nowrap; }
a.supon-szuk-pill span { margin-left: 5px; font-weight: 400; }
a.supon-szuk-pill:hover { border-color: #002A5C; }
a.supon-szuk-pill.is-active { background: #FFD400; border-color: #FFD400; }
a.supon-szuk-pill:focus-visible { outline: 2px solid #002A5C; outline-offset: 2px; }
.supon-szuk-brak { display: none; }
.supon-szuk-zero .supon-szuk-brak, .et-fb .supon-szuk-brak { display: block; }
.supon-szuk-pusta .supon-szuk-brak, .supon-szuk-pusta .supon-szuk-pills, .supon-szuk-zero .supon-por-nav { display: none; }
.supon-szuk-brak a { color: #002A5C; font-weight: 700; text-decoration: underline; }
.supon-szuk-kafel .supon-por-read { pointer-events: none; }
@media (max-width: 767px) {
	.supon-szuk-pills { justify-content: flex-start; }
	a.supon-szuk-pill { font-size: 15px; padding: 8px 14px; }
}
.supon-szuk-zero .supon-szuk-brak p { margin-bottom: 14px; }

/* Usługi PPOŻ, Przeglądy i konserwacja, Regulamin, Polityka cookies */
.supon-k8-usl { overflow: hidden; min-width: 0; }
.supon-k8-usl p, .supon-k8-krok p, .supon-k8-punkt p, .supon-k8-atuty p, .supon-k8-cta p, .supon-dok p { padding-bottom: 0; }
.supon-k8-usl .et_pb_image img { display: block; }
.supon-k8-cta { overflow: hidden; }
.supon-k8-cta-foto, .supon-k8-cta-foto .et_pb_image_wrap { height: 100%; }
.supon-k8-cta-foto img { height: 100%; width: 100%; object-fit: cover; display: block; }
.supon-k8-zakres { overflow: hidden; }
.supon-k8-zakres .supon-k8-cta-foto img { object-fit: contain; }
.supon-k8-punkt:not(:last-child) { border-bottom: 1px solid #E3E6EE; }
.supon-k8-foto img { border-radius: 10px; display: block; }
.supon-dok-grid { align-items: start; }
.supon-dok-grid > * { min-width: 0; }
.supon-dok-toc { position: sticky; top: 96px; }
.supon-dok-toc-row { position: relative; border-bottom: 1px solid #EEF0F5; border-radius: 6px; }
.supon-dok-toc-row:last-child { border-bottom: 0; }
.supon-dok-toc-row .et_pb_text, .supon-dok-toc-row .et_pb_text_inner { position: static; }
.supon-dok-toc-a { color: inherit !important; text-decoration: none; }
.supon-dok-toc-a::after { content: ""; position: absolute; inset: 0; }
.supon-dok-toc-row:hover, .supon-dok-toc-row.is-active { background: #FFF3C4; border-bottom-color: transparent; }
.supon-dok-toc-a:focus-visible { outline: 2px solid #0B1B36; outline-offset: 2px; }
.supon-dok-nr { flex: 0 0 auto; min-width: 2em; }
.supon-dok-card { scroll-margin-top: 96px; min-width: 0; }
.supon-dok-tresc { min-width: 0; }
.supon-dok-text a, .supon-dok-tabela a { word-break: break-word; }
.supon-dok-text ol, .supon-dok-text ul { margin: 0; padding: 0; }
.supon-dok-text ol { list-style: decimal; padding-left: 1.5em; }
.supon-dok-text ul { list-style: none; }
.supon-dok-text ul > li { position: relative; padding-left: 1.25em; }
.supon-dok-text ul > li::before { content: ""; position: absolute; left: 0; top: .55em; width: .5em; height: .5em; background: #FFD400; }
.supon-dok-text li:not(:last-child), .supon-dok-text p:not(:last-child) { margin-bottom: .55em; }
.supon-dok-text ul:not(:last-child), .supon-dok-text ol:not(:last-child) { margin-bottom: .55em; }
.supon-dok-tabela { border: 1px solid #E3E6EE; border-radius: 8px; overflow: hidden; background: #fff; }
.supon-dok-wiersz { padding: clamp(7px, .7vw, 10px) clamp(9px, .9vw, 13px); border-bottom: 1px solid #E3E6EE; }
.supon-dok-wiersz:last-child { border-bottom: 0; }
.supon-dok-wiersz--glowa { background: #EEF1F8; }
.supon-dok-wiersz .et_pb_text { word-break: break-word; }
.supon-dok-et { display: none; }
@media (max-width: 980px) {
	.supon-dok-toc { position: static; }
	body #page-container .supon-k8-hero { background-image: none !important; }
	.supon-k8-herofoto, .supon-k8-herofoto .et_pb_image_wrap { width: 100% !important; max-width: none !important; }
	body #page-container .supon-k8-herofoto img { width: 100% !important; object-fit: cover !important; object-position: center 22%; }
}
@media (max-width: 767px) {
	.supon-k8-crumbs a { display: inline-block; padding: 13px 0; }
	/* usługi: jedna treść dla wszystkich urządzeń (bez podmiany skryptem Divi i skoku treści); złamania i dopiski tylko dla komputera */
	.supon-br-tel, .supon-tylko-desk { display: none; }
	/* okruszki podstron usług: nazwa usługi zawsze w osobnym wierszu; wcześniej łamała się w różnych miejscach przed i po wczytaniu fontu i przeskakiwała */
	.supon-us-crumbs strong { display: block; }
	.supon-k8-hero .et_pb_button { white-space: normal !important; }
	.supon-k8-punkt { position: relative; }
	.supon-k8-punkt .et_pb_text, .supon-k8-punkt .et_pb_text_inner { position: static; }
	.supon-k8-punkt a.supon-us-a::after { content: ""; position: absolute; inset: 0; }
	.supon-k8-crumbs .supon-crumb-home { padding: 0; width: 18px; height: 18px; margin: 13px 0; vertical-align: middle; }
	.supon-k8-usl { box-shadow: none !important; }
	.supon-k8-krok { position: relative; }
	.supon-k8-kroki > .supon-k8-krok:not(:last-child)::before { content: ""; position: absolute; left: 19px; top: 40px; bottom: -14px; width: 2px; background: #D7DCE6; }
	.supon-k8-num { position: relative; z-index: 1; }
	.supon-k8-atuty .et_pb_image { flex: 0 0 auto; }
	.supon-dok-toc-row { min-height: 44px; }
	.supon-dok-card { box-shadow: none !important; }
	.supon-dok-et { display: inline; font-weight: 700; }
	.supon-k8-cta-foto, .supon-k8-cta-foto .et_pb_image_wrap { height: auto; }
	.supon-k8-cta .supon-k8-cta-foto img { height: 52vw; }
}