/* ============================================================
   BIGBEN DESIGN SYSTEM v3.0 — zgodny z projektami klientki
   Font projektu: POPPINS (z PDF wizualizacji: Poppins-Regular/Bold)
   Czerwien projektu: #C92726 (z PDF: operator rg)
   SJ (czerwien): page-id 10, 202, 302, 304, 307
   ANIMACJE (turkus #2E97A7 + pastel #FFF7DC): 400, 401, 402
   ============================================================ */

/* ---------- 1. FONTY — Poppins w obszarze tresci (8 stron) ---------- */
.page-id-10 #main-content h1, .page-id-10 #main-content h2, .page-id-10 #main-content h3, .page-id-10 #main-content h4,
.page-id-202 #main-content h1, .page-id-202 #main-content h2, .page-id-202 #main-content h3, .page-id-202 #main-content h4,
.page-id-302 #main-content h1, .page-id-302 #main-content h2, .page-id-302 #main-content h3, .page-id-302 #main-content h4,
.page-id-304 #main-content h1, .page-id-304 #main-content h2, .page-id-304 #main-content h3, .page-id-304 #main-content h4,
.page-id-307 #main-content h1, .page-id-307 #main-content h2, .page-id-307 #main-content h3, .page-id-307 #main-content h4,
.page-id-400 #main-content h1, .page-id-400 #main-content h2, .page-id-400 #main-content h3, .page-id-400 #main-content h4,
.page-id-401 #main-content h1, .page-id-401 #main-content h2, .page-id-401 #main-content h3, .page-id-401 #main-content h4,
.page-id-402 #main-content h1, .page-id-402 #main-content h2, .page-id-402 #main-content h3, .page-id-402 #main-content h4,
.page-id-10 #main-content p, .page-id-10 #main-content li,
.page-id-202 #main-content p, .page-id-202 #main-content li,
.page-id-302 #main-content p, .page-id-302 #main-content li,
.page-id-304 #main-content p, .page-id-304 #main-content li,
.page-id-307 #main-content p, .page-id-307 #main-content li,
.page-id-400 #main-content p, .page-id-400 #main-content li,
.page-id-401 #main-content p, .page-id-401 #main-content li,
.page-id-402 #main-content p, .page-id-402 #main-content li,
.page-id-302 #main-content .et_pb_toggle_title, .page-id-304 #main-content .et_pb_toggle_title,
.page-id-307 #main-content .et_pb_toggle_title, .page-id-400 #main-content .et_pb_toggle_title,
.page-id-401 #main-content .et_pb_toggle_title, .page-id-402 #main-content .et_pb_toggle_title,
.page-id-10 #main-content .et_pb_toggle_title, .page-id-202 #main-content .et_pb_toggle_title,
.page-id-302 #main-content .et_pb_blurb .et_pb_module_header, .page-id-304 #main-content .et_pb_blurb .et_pb_module_header,
.page-id-307 #main-content .et_pb_blurb .et_pb_module_header, .page-id-400 #main-content .et_pb_blurb .et_pb_module_header,
.page-id-401 #main-content .et_pb_blurb .et_pb_module_header, .page-id-402 #main-content .et_pb_blurb .et_pb_module_header,
.page-id-302 #main-content .et_pb_blurb_description, .page-id-304 #main-content .et_pb_blurb_description,
.page-id-307 #main-content .et_pb_blurb_description, .page-id-400 #main-content .et_pb_blurb_description,
.page-id-401 #main-content .et_pb_blurb_description, .page-id-402 #main-content .et_pb_blurb_description,
.page-id-400 #main-content .et_pb_contact_main_title, .page-id-402 #main-content .et_pb_contact_main_title,
.page-id-400 #main-content .et_pb_contact_form input, .page-id-400 #main-content .et_pb_contact_form select,
.page-id-400 #main-content .et_pb_contact_form textarea, .page-id-400 #main-content .et_pb_contact_form label,
.page-id-402 #main-content .et_pb_contact_form input, .page-id-402 #main-content .et_pb_contact_form select,
.page-id-402 #main-content .et_pb_contact_form textarea, .page-id-402 #main-content .et_pb_contact_form label,
.page-id-302 #main-content .et_pb_button, .page-id-304 #main-content .et_pb_button, .page-id-307 #main-content .et_pb_button,
.page-id-400 #main-content .et_pb_button, .page-id-401 #main-content .et_pb_button, .page-id-402 #main-content .et_pb_button {
    font-family: 'Poppins', sans-serif !important;
}

/* ---------- 2. ROZMIARY I WAGI — skala jak w projekcie ---------- */

/* Tytul strony (sekcja pod hero) — w projekcie: Open Sans Bold 49pt */
.page-id-302 #main-content .et_pb_section_1 h1, .page-id-302 #main-content .et_pb_section_1 h2,
.page-id-304 #main-content .et_pb_section_1 h1, .page-id-304 #main-content .et_pb_section_1 h2,
.page-id-307 #main-content .et_pb_section_1 h1, .page-id-307 #main-content .et_pb_section_1 h2,
.page-id-400 #main-content .et_pb_section_1 h1, .page-id-400 #main-content .et_pb_section_1 h2,
.page-id-401 #main-content .et_pb_section_1 h1, .page-id-401 #main-content .et_pb_section_1 h2,
.page-id-402 #main-content .et_pb_section_1 h1, .page-id-402 #main-content .et_pb_section_1 h2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Naglowki banerow kontaktowych — w projekcie: Open Sans Bold biale */
.page-id-302 #main-content .et_pb_section_4 h2, .page-id-304 #main-content .et_pb_section_5 h2,
.page-id-307 #main-content .et_pb_section_3 h2, .page-id-400 #main-content .et_pb_section_4 h2,
.page-id-401 #main-content .et_pb_section_4 h2, .page-id-402 #main-content .et_pb_section_4 h2 {
    font-family: 'Open Sans', sans-serif !important;
}

/* Naglowki kolejnych sekcji */
.page-id-302 .et_pb_section_3 h2, .page-id-302 .et_pb_section_4 h2, .page-id-302 .et_pb_section_5 h2,
.page-id-304 .et_pb_section_2 h2, .page-id-304 .et_pb_section_3 h2, .page-id-304 .et_pb_section_4 h2, .page-id-304 .et_pb_section_5 h2,
.page-id-307 .et_pb_section_2 h2, .page-id-307 .et_pb_section_3 h2,
.page-id-400 .et_pb_section_2 h2, .page-id-400 .et_pb_section_3 h2, .page-id-400 .et_pb_section_4 h2,
.page-id-401 .et_pb_section_2 h2, .page-id-401 .et_pb_section_3 h2,
.page-id-402 .et_pb_section_2 h2, .page-id-402 .et_pb_section_3 h2, .page-id-402 .et_pb_section_4 h2 {
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* Tytuly akordeonow — w projekcie: Poppins Regular 28pt, czarne */
.page-id-302 .et_pb_toggle_title, .page-id-304 .et_pb_toggle_title,
.page-id-307 .et_pb_toggle_title, .page-id-400 .et_pb_toggle_title,
.page-id-401 .et_pb_toggle_title, .page-id-402 .et_pb_toggle_title,
.page-id-10 .et_pb_toggle_title, .page-id-202 .et_pb_toggle_title {
    font-size: 26px !important;
    font-weight: 400 !important;
    color: #1A1A1A !important;
}

/* Akordeony — zaokraglone boxy z delikatnym cieniem (jak w projekcie) */
.page-id-302 .et_pb_toggle, .page-id-304 .et_pb_toggle, .page-id-307 .et_pb_toggle,
.page-id-400 .et_pb_toggle, .page-id-401 .et_pb_toggle, .page-id-402 .et_pb_toggle {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
}

/* Naglowki kafelkow (blurb) */
.page-id-302 .et_pb_blurb .et_pb_module_header, .page-id-304 .et_pb_blurb .et_pb_module_header,
.page-id-307 .et_pb_blurb .et_pb_module_header, .page-id-400 .et_pb_blurb .et_pb_module_header,
.page-id-401 .et_pb_blurb .et_pb_module_header {
    font-size: 18px !important;
    font-weight: 500 !important;
}

/* Przyciski — specyficznosc (1,3,1) przebija inline Divi (1,2,1) */
body.page-id-302 #page-container .et_pb_section .et_pb_button, body.page-id-304 #page-container .et_pb_section .et_pb_button,
body.page-id-307 #page-container .et_pb_section .et_pb_button, body.page-id-400 #page-container .et_pb_section .et_pb_button,
body.page-id-401 #page-container .et_pb_section .et_pb_button, body.page-id-402 #page-container .et_pb_section .et_pb_button {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Naglowek formularza */
.page-id-400 .et_pb_contact_main_title, .page-id-402 .et_pb_contact_main_title {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 18px !important;
}

/* Tekst "BIGBEN.info.pl" w hero — lezy na BIALYM pasku: czerwien SJ / turkus ANIM */
.page-id-302 #main-content .et_pb_section_0 h3,
.page-id-304 #main-content .et_pb_section_0 h3,
.page-id-307 #main-content .et_pb_section_0 h3 {
    color: #C92726 !important;
}
.page-id-400 #main-content .et_pb_section_0 h3,
.page-id-401 #main-content .et_pb_section_0 h3,
.page-id-402 #main-content .et_pb_section_0 h3 {
    color: #2E97A7 !important;
}

/* Hero H1 na zdjeciu budynku — cien dla czytelnosci na jasnym niebie */
.page-id-302 .et_pb_section_0 h1, .page-id-304 .et_pb_section_0 h1,
.page-id-307 .et_pb_section_0 h1, .page-id-400 .et_pb_section_0 h1,
.page-id-401 .et_pb_section_0 h1, .page-id-402 .et_pb_section_0 h1 {
    text-shadow: 0 2px 16px rgba(0,0,0,0.55), 0 1px 4px rgba(0,0,0,0.35) !important;
}

/* Banery kontaktowe: telefon/email/opisy ZAWSZE biale (byly ciemne na czerwieni) */
.page-id-302 .et_pb_section_6 .et_pb_module_header, .page-id-302 .et_pb_section_6 .et_pb_blurb_description, .page-id-302 .et_pb_section_6 p,
.page-id-304 .et_pb_section_5 .et_pb_module_header, .page-id-304 .et_pb_section_5 .et_pb_blurb_description, .page-id-304 .et_pb_section_5 p,
.page-id-307 .et_pb_section_3 .et_pb_module_header, .page-id-307 .et_pb_section_3 .et_pb_blurb_description, .page-id-307 .et_pb_section_3 p,
.page-id-400 .et_pb_section_4 .et_pb_module_header, .page-id-400 .et_pb_section_4 .et_pb_blurb_description, .page-id-400 .et_pb_section_4 p,
.page-id-401 .et_pb_section_3 .et_pb_module_header, .page-id-401 .et_pb_section_3 .et_pb_blurb_description, .page-id-401 .et_pb_section_3 p, .page-id-401 .et_pb_section_3 h2,
.page-id-402 .et_pb_section_4 .et_pb_module_header, .page-id-402 .et_pb_section_4 .et_pb_blurb_description, .page-id-402 .et_pb_section_4 p {
    color: #FFFFFF !important;
}

/* ---------- 3. SZKOLA JEZYKOWA — czerwien projektu #C92726 ---------- */

/* WSZYSTKIE naglowki sekcji SJ czerwone (jak w wizualizacji)
   — z pominieciem sekcji banera (tam biale) */
.page-id-302 .et_pb_section_1 h1, .page-id-302 .et_pb_section_1 h2,
.page-id-302 .et_pb_section_3 h2, .page-id-302 .et_pb_section_4 h2, .page-id-302 .et_pb_section_5 h2,
.page-id-304 .et_pb_section_1 h1, .page-id-304 .et_pb_section_1 h2,
.page-id-304 .et_pb_section_2 h2, .page-id-304 .et_pb_section_3 h2, .page-id-304 .et_pb_section_4 h2,
.page-id-307 .et_pb_section_1 h1, .page-id-307 .et_pb_section_1 h2,
.page-id-307 .et_pb_section_2 h2 {
    color: #C92726 !important;
}

/* Podtytuly pod naglowkiem strony — w projekcie: Poppins Regular 23pt czerwone */
.page-id-304 .et_pb_section_1 .et_pb_text_2 p,
.page-id-307 .et_pb_section_1 .et_pb_text_3 p {
    color: #C92726 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
}

/* Przycisk telefonu w hero SJ — czerwien projektu */
body.page-id-302 #page-container .et_pb_section_0 .et_pb_button,
body.page-id-304 #page-container .et_pb_section_0 .et_pb_button,
body.page-id-307 #page-container .et_pb_section_0 .et_pb_button {
    background-color: #C92726 !important;
    border-color: #C92726 !important;
    color: #FFFFFF !important;
}

/* Banery kontaktowe SJ — czerwien projektu zamiast #E02B20 */
body.page-id-302 .et_pb_section_6.et_pb_section,
body.page-id-304 .et_pb_section_5.et_pb_section,
body.page-id-307 .et_pb_section_3.et_pb_section {
    background-color: #C92726 !important;
}

/* Stare strony SJ (10, 202) — naglowki czerwien projektu */
.page-id-10 #main-content h1, .page-id-10 #main-content h2,
.page-id-202 #main-content h1, .page-id-202 #main-content h2 {
    color: #C92726 !important;
}

/* JEDNA szerokosc tresci na calej sekcji SJ (Pawel: strona leci ta sama szerokoscia wszedzie).
   Standard = 1170px; moje dodatki (baner 1080, karty 1180) i zwezone intro 900 -> wyrownane */
.page-id-302 #main-content .et_pb_row,
.page-id-304 #main-content .et_pb_row,
.page-id-307 #main-content .et_pb_row {
    max-width: 1170px !important;
    width: 90% !important;
}
/* Animacje — ta sama szerokosc tresci WSZEDZIE, wlacznie z formularzem
   (Pawel: strona leci ta sama szerokoscia wszedzie, zadnego zwezania/przesuwania) */
.page-id-400 #main-content .et_pb_row,
.page-id-401 #main-content .et_pb_row,
.page-id-402 #main-content .et_pb_row {
    max-width: 1170px !important;
    width: 90% !important;
}
/* Formularze animacji — premium 2 kolumny (blok 1170 wyrownany, ale pola nie na cala szerokosc) */
.page-id-400 #main-content p.et_pb_contact_field,
.page-id-402 #main-content p.et_pb_contact_field {
    width: 48.5% !important;
    float: left !important;
    clear: none !important;
    box-sizing: border-box !important;
}
.page-id-400 #main-content p.et_pb_contact_field:nth-of-type(odd),
.page-id-402 #main-content p.et_pb_contact_field:nth-of-type(odd) { clear: left !important; }
.page-id-400 #main-content p.et_pb_contact_field:nth-of-type(even),
.page-id-402 #main-content p.et_pb_contact_field:nth-of-type(even) { float: right !important; }
/* Wiadomosc (textarea) i zgoda RODO (checkbox) — pelna szerokosc */
.page-id-400 #main-content p.et_pb_contact_field:has(textarea),
.page-id-400 #main-content p.et_pb_contact_field:has(input[type="checkbox"]),
.page-id-402 #main-content p.et_pb_contact_field:has(textarea),
.page-id-402 #main-content p.et_pb_contact_field:has(input[type="checkbox"]) {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
/* Mobile — formularz 1 kolumna (2 kol za ciasne na telefonie) */
@media (max-width: 767px) {
    .page-id-400 #main-content p.et_pb_contact_field,
    .page-id-402 #main-content p.et_pb_contact_field {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}
/* ===== Formularze animacji — premium dopracowanie ===== */
/* Oddech miedzy polami */
.page-id-400 #main-content p.et_pb_contact_field,
.page-id-402 #main-content p.et_pb_contact_field { margin-bottom: 16px !important; }
/* Focus state turkusowy (bylo: brak) */
.page-id-400 #main-content .et_pb_contact_form .input:focus,
.page-id-400 #main-content .et_pb_contact_form textarea:focus,
.page-id-400 #main-content .et_pb_contact_form select:focus,
.page-id-402 #main-content .et_pb_contact_form .input:focus,
.page-id-402 #main-content .et_pb_contact_form textarea:focus,
.page-id-402 #main-content .et_pb_contact_form select:focus {
    border-color: #2E97A7 !important;
    box-shadow: 0 0 0 3px rgba(46,151,167,0.15) !important;
    outline: none !important;
}
/* Checkbox zgody — widoczny (bylo 18px szare tlo bez ramki = blada plamka) */
.page-id-400 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox i,
.page-id-402 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox i {
    width: 20px !important; height: 20px !important; min-width: 20px !important;
    border: 2px solid #9cc9d0 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    margin-top: 1px !important;
}
.page-id-400 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox i.et_pb_checkbox_checked,
.page-id-402 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox i.et_pb_checkbox_checked,
.page-id-400 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox input:checked ~ i,
.page-id-402 #main-content p[data-type="checkbox"] .et_pb_contact_field_checkbox input:checked ~ i {
    background: #2E97A7 !important; border-color: #2E97A7 !important; color: #ffffff !important;
}
/* Etykieta zgody — czytelniejsza */
.page-id-400 #main-content p[data-type="checkbox"] label,
.page-id-402 #main-content p[data-type="checkbox"] label { color: #555555 !important; }
/* Wiersz captcha + Przeslij — rowny rozklad (bylo rozjechane w prawo z dziura po lewej) */
.page-id-400 #main-content .et_contact_bottom_container,
.page-id-402 #main-content .et_contact_bottom_container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-top: 22px !important;
    float: none !important; width: 100% !important;
}
.page-id-400 #main-content .et_pb_contact_right,
.page-id-402 #main-content .et_pb_contact_right { float: none !important; margin: 0 !important; }
/* Przycisk Przeslij — zaokraglenie jak pola (bylo 3px) + solidny */
.page-id-400 #main-content .et_pb_contact_submit,
.page-id-402 #main-content .et_pb_contact_submit {
    border-radius: 8px !important;
    padding: 14px 42px !important;
    float: none !important;
}

/* Szkola Jezykowa (10) — czytelnosc tekstu (wiekszy, luzniejszy) */
.page-id-10 #main-content .et_pb_text p,
.page-id-10 #main-content .et_pb_text li {
    font-size: 17px !important;
    line-height: 1.85 !important;
}
/* Blok "Masz pytania?" — 38px byl za duzy (numer lamal sie w srodku); mniejszy i czytelny */
.page-id-10 .dblh__title-wrapper {
    font-size: 22px !important;
    line-height: 1.6 !important;
}
.page-id-10 .dblh__title-wrapper span { font-size: 20px !important; font-weight: 600 !important; }
/* Slogan "Dolacz do naszej spolecznosci" — byl przyklejony do akapitu wyzej */
.page-id-10 .school-slogan {
    margin-top: 30px !important;
    line-height: 1.3 !important;
}

/* ---------- 4. ANIMACJE — turkus + pastelowy zolty ---------- */

/* Tytuly stron animacji turkusowe */
.page-id-400 .et_pb_section_1 h1, .page-id-400 .et_pb_section_1 h2,
.page-id-401 .et_pb_section_1 h1, .page-id-401 .et_pb_section_1 h2,
.page-id-402 .et_pb_section_1 h1, .page-id-402 .et_pb_section_1 h2 {
    color: #2E97A7 !important;
}

/* Wszystkie przyciski na stronach animacji — turkusowe */
body.page-id-400 #page-container .et_pb_module .et_pb_button,
body.page-id-401 #page-container .et_pb_module .et_pb_button,
body.page-id-402 #page-container .et_pb_module .et_pb_button,
body.page-id-400 #page-container .et_pb_button,
body.page-id-401 #page-container .et_pb_button,
body.page-id-402 #page-container .et_pb_button {
    background-color: #2E97A7 !important;
    border-color: #2E97A7 !important;
    color: #FFFFFF !important;
}
body.page-id-400 #page-container .et_pb_button:hover,
body.page-id-401 #page-container .et_pb_button:hover,
body.page-id-402 #page-container .et_pb_button:hover {
    background-color: #23808F !important;
    border-color: #23808F !important;
}

/* Przycisk "Przeslij" w formularzu — przebicie selektora Divi (8 klas) */
body.page-id-400 #page-container .et_pb_section .et_pb_contact_form_container.et_pb_module .et_contact_bottom_container .et_pb_contact_submit.et_pb_button.et_pb_button,
body.page-id-402 #page-container .et_pb_section .et_pb_contact_form_container.et_pb_module .et_contact_bottom_container .et_pb_contact_submit.et_pb_button.et_pb_button {
    background-color: #2E97A7 !important;
    border-color: #2E97A7 !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Linki w blurbach (tel/email) — font Poppins */
.page-id-302 #main-content .et_pb_blurb a, .page-id-304 #main-content .et_pb_blurb a,
.page-id-307 #main-content .et_pb_blurb a, .page-id-400 #main-content .et_pb_blurb a,
.page-id-401 #main-content .et_pb_blurb a, .page-id-402 #main-content .et_pb_blurb a {
    font-family: 'Poppins', sans-serif !important;
}

/* Linki na starych stronach SJ (poza modulami tekstowymi) — czerwien marki */
.page-id-10 #main-content a:not(.et_pb_button),
.page-id-202 #main-content a:not(.et_pb_button) {
    color: #C92726 !important;
}
body.page-id-400 #page-container .et_pb_section .et_pb_contact_form_container.et_pb_module .et_contact_bottom_container .et_pb_contact_submit.et_pb_button.et_pb_button:hover,
body.page-id-402 #page-container .et_pb_section .et_pb_contact_form_container.et_pb_module .et_contact_bottom_container .et_pb_contact_submit.et_pb_button.et_pb_button:hover {
    background-color: #23808F !important;
    border-color: #23808F !important;
}

/* Baner kontaktowy (ostatnia sekcja) — turkus */
body.page-id-400 .et_pb_section_4.et_pb_section,
body.page-id-401 .et_pb_section_3.et_pb_section,
body.page-id-402 .et_pb_section_4.et_pb_section {
    background-color: #2E97A7 !important;
}

/* Animacje glowna — "Nasza oferta": lista uslug + przyciski */
.page-id-400 .bb-anim-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.page-id-400 .bb-anim-list li {
    font-size: 18px !important;
    padding: 12px 4px !important;
    border-bottom: 1px solid #ecd9a8 !important;
    color: #333333 !important;
    font-weight: 500 !important;
}
.page-id-400 .bb-anim-list li:last-child { border-bottom: none !important; }
/* przyciski CTA (klasa jest na samym <a>) — wysrodkowane w kolumnie */
.page-id-400 .et_pb_button_module_wrapper:has(a.bb-anim-cta) { text-align: center !important; }
.page-id-400 a.bb-anim-cta { min-width: 240px !important; text-align: center !important; }
/* mobile: pelna szerokosc + wieksze pole dotyku */
@media (max-width: 767px) {
    .page-id-400 a.bb-anim-cta {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 15px 18px !important;
        box-sizing: border-box !important;
    }
    .page-id-400 .bb-anim-list li { font-size: 16px !important; }
}

/* Sekcje kafelkow — pastelowy zolty */
body.page-id-400 .et_pb_section_2.et_pb_section {
    background-color: #FFF7DC !important;
}
body.page-id-402 .et_pb_section_2.et_pb_section {
    background-color: #F4F4F4 !important;
}

/* Podkreslenie nazw jezykow (Oferta SJ) — brand */
.page-id-304 .bb-lang {
    text-decoration: underline !important;
    text-decoration-color: #C92726 !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

/* SJ — "Dlaczego warto" kafelki: biale karty zamiast pustego tekstu (klientka: wrazenie pustki). 304 + 302 (spojnosc) */
.page-id-304 .et_pb_section_4 .et_pb_column_1_3 .et_pb_text,
.page-id-302 .et_pb_section_5 .et_pb_column_1_3 .et_pb_text {
    background: #ffffff !important;
    border: 1px solid #f1e3e3 !important;
    border-radius: 14px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;
    height: 100% !important;
    box-sizing: border-box !important;
}
/* Checkmark w kartach "Dlaczego warto" — czerwien SJ jako akcent, wiekszy */
.page-id-304 .et_pb_section_4 .et_pb_column_1_3 .et_pb_text p:first-child,
.page-id-302 .et_pb_section_5 .et_pb_column_1_3 .et_pb_text p:first-child {
    color: #C92726 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
}
/* Karta native (Naina) — ten sam rozmiar co karty lektorow w gridzie (spojnosc) */
.page-id-302 #main-content .bb-native-band .bb-lektor-card { max-width: 320px !important; }
/* 400 — przyciski Poznaj/Cennik: solidniejszy padding (byly 41px, ponizej touch 44px) + zaokraglenie */
.page-id-400 a.bb-anim-cta { padding: 14px 30px !important; border-radius: 6px !important; }
/* mniejszy odstep naglowek -> kafelki */
.page-id-304 .et_pb_section_4 { padding-top: 24px !important; }
.page-id-304 .et_pb_section_4 .et_pb_row { padding-top: 6px !important; padding-bottom: 6px !important; }
/* Forma zajec — delikatnie zwarte (klientka: troche za duze) */
.page-id-304 .et_pb_section_3 .et_pb_column_1_3 .et_pb_text { padding: 26px 20px !important; }

/* Ikony akordeonow — szare i delikatne jak w projekcie (#D4D4D4) */
.page-id-401 .et_pb_toggle_title:before,
.page-id-400 .et_pb_toggle_title:before,
.page-id-402 .et_pb_toggle_title:before,
.page-id-302 .et_pb_toggle_title:before,
.page-id-304 .et_pb_toggle_title:before,
.page-id-307 .et_pb_toggle_title:before,
.page-id-10 .et_pb_toggle_title:before,
.page-id-202 .et_pb_toggle_title:before {
    color: #C9C9C9 !important;
}

/* Naglowki sekcji animacji — turkusowe (symetria z czerwienia SJ), bez banera */
.page-id-400 .et_pb_section_2 h2, .page-id-400 .et_pb_section_3 h2,
.page-id-401 .et_pb_section_2 h2,
.page-id-402 .et_pb_section_2 h2, .page-id-402 .et_pb_section_3 h2 {
    color: #2E97A7 !important;
}

/* Linki w tresci — kolor marki zamiast niebieskiego Divi */
.page-id-302 #main-content .et_pb_text a, .page-id-302 #main-content .et_pb_toggle_content a,
.page-id-304 #main-content .et_pb_text a, .page-id-304 #main-content .et_pb_toggle_content a,
.page-id-307 #main-content .et_pb_text a, .page-id-307 #main-content .et_pb_toggle_content a,
.page-id-10 #main-content .et_pb_text a, .page-id-10 #main-content .et_pb_toggle_content a,
.page-id-202 #main-content .et_pb_text a, .page-id-202 #main-content .et_pb_toggle_content a {
    color: #C92726 !important;
}
.page-id-400 #main-content .et_pb_text a, .page-id-400 #main-content .et_pb_toggle_content a,
.page-id-401 #main-content .et_pb_text a, .page-id-401 #main-content .et_pb_toggle_content a,
.page-id-402 #main-content .et_pb_text a, .page-id-402 #main-content .et_pb_toggle_content a {
    color: #2E97A7 !important;
}


/* Ilustracja banera SJ — pod katem (klientka: nie prostokat) */
.page-id-302 .et_pb_section_6 .et_pb_image img,
.page-id-304 .et_pb_section_5 .et_pb_image img,
.page-id-307 .et_pb_section_3 .et_pb_image img {
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%) !important;
    border-radius: 0 !important;
}
@media (max-width: 767px) {
    .page-id-302 .et_pb_section_6 .et_pb_image img,
    .page-id-304 .et_pb_section_5 .et_pb_image img,
    .page-id-307 .et_pb_section_3 .et_pb_image img {
        clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%) !important;
    }
}

/* Naglowki wewnatrz akordeonow — odstep od tekstu wyzej (byly przyklejone) */
.page-id-401 .et_pb_toggle_content h2, .page-id-401 .et_pb_toggle_content h3, .page-id-401 .et_pb_toggle_content h4,
.page-id-304 .et_pb_toggle_content h2, .page-id-304 .et_pb_toggle_content h3, .page-id-304 .et_pb_toggle_content h4,
.page-id-307 .et_pb_toggle_content h2, .page-id-307 .et_pb_toggle_content h3, .page-id-307 .et_pb_toggle_content h4 {
    margin-top: 20px !important;
}
.page-id-401 .et_pb_toggle_content > *:first-child,
.page-id-304 .et_pb_toggle_content > *:first-child,
.page-id-307 .et_pb_toggle_content > *:first-child { margin-top: 0 !important; }

/* ---------- 5. FORMULARZ — kolorowy box ---------- */
.page-id-400 .et_pb_contact_form_container,
.page-id-402 .et_pb_contact_form_container {
    background-color: #EAF7F9 !important;
    padding: 36px 32px !important;
    border-radius: 14px !important;
}
.page-id-400 .et_pb_contact_form input[type="text"],
.page-id-400 .et_pb_contact_form input[type="email"],
.page-id-400 .et_pb_contact_form textarea,
.page-id-400 .et_pb_contact_form select,
.page-id-402 .et_pb_contact_form input[type="text"],
.page-id-402 .et_pb_contact_form input[type="email"],
.page-id-402 .et_pb_contact_form textarea,
.page-id-402 .et_pb_contact_form select {
    background-color: #FFFFFF !important;
    border: 1px solid #CDE6EB !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    color: #333333 !important;
    padding: 14px 16px !important;
}
.page-id-400 .et_pb_contact_form .et_pb_contact_field,
.page-id-402 .et_pb_contact_form .et_pb_contact_field {
    margin-bottom: 4px;
}
.page-id-400 .et_pb_contact_form .et_contact_bottom_container,
.page-id-402 .et_pb_contact_form .et_contact_bottom_container {
    margin-top: 12px;
}

/* ---------- 6. RESPONSYWNOSC ---------- */
@media (max-width: 980px) {
    .page-id-302 .et_pb_section_1 h1, .page-id-302 .et_pb_section_1 h2,
    .page-id-304 .et_pb_section_1 h1, .page-id-304 .et_pb_section_1 h2,
    .page-id-307 .et_pb_section_1 h1, .page-id-307 .et_pb_section_1 h2,
    .page-id-400 .et_pb_section_1 h1, .page-id-400 .et_pb_section_1 h2,
    .page-id-401 .et_pb_section_1 h1, .page-id-401 .et_pb_section_1 h2,
    .page-id-402 .et_pb_section_1 h1, .page-id-402 .et_pb_section_1 h2 {
        font-size: 32px !important;
    }
    .page-id-302 .et_pb_section_3 h2, .page-id-302 .et_pb_section_4 h2, .page-id-302 .et_pb_section_5 h2,
    .page-id-304 .et_pb_section_2 h2, .page-id-304 .et_pb_section_3 h2, .page-id-304 .et_pb_section_4 h2, .page-id-304 .et_pb_section_5 h2,
    .page-id-307 .et_pb_section_2 h2, .page-id-307 .et_pb_section_3 h2,
    .page-id-400 .et_pb_section_2 h2, .page-id-400 .et_pb_section_3 h2, .page-id-400 .et_pb_section_4 h2,
    .page-id-401 .et_pb_section_2 h2, .page-id-401 .et_pb_section_3 h2,
    .page-id-402 .et_pb_section_2 h2, .page-id-402 .et_pb_section_3 h2, .page-id-402 .et_pb_section_4 h2 {
        font-size: 24px !important;
    }
    .page-id-302 .et_pb_toggle_title, .page-id-304 .et_pb_toggle_title,
    .page-id-307 .et_pb_toggle_title, .page-id-400 .et_pb_toggle_title,
    .page-id-401 .et_pb_toggle_title, .page-id-402 .et_pb_toggle_title,
    .page-id-10 .et_pb_toggle_title, .page-id-202 .et_pb_toggle_title {
        font-size: 20px !important;
    }
    .page-id-400 .et_pb_contact_form_container,
    .page-id-402 .et_pb_contact_form_container {
        padding: 24px 18px !important;
    }
}

/* ---------- 7. TELEFON (<=767px) — hero overlay nie wystaje ---------- */
@media (max-width: 767px) {
    /* Tytul hero (bialy napis na zdjeciu) — 80px -> czytelny na telefonie */
    .page-id-302 .et_pb_section_0 h1, .page-id-304 .et_pb_section_0 h1,
    .page-id-307 .et_pb_section_0 h1, .page-id-400 .et_pb_section_0 h1,
    .page-id-401 .et_pb_section_0 h1, .page-id-402 .et_pb_section_0 h1 {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }
    /* Pill "BIGBEN.info.pl" */
    .page-id-302 .et_pb_section_0 h3, .page-id-304 .et_pb_section_0 h3,
    .page-id-307 .et_pb_section_0 h3, .page-id-400 .et_pb_section_0 h3,
    .page-id-401 .et_pb_section_0 h3, .page-id-402 .et_pb_section_0 h3 {
        font-size: 13px !important;
    }
    /* Przycisk telefonu w hero */
    .page-id-302 .et_pb_section_0 .et_pb_button, .page-id-304 .et_pb_section_0 .et_pb_button,
    .page-id-307 .et_pb_section_0 .et_pb_button, .page-id-400 .et_pb_section_0 .et_pb_button,
    .page-id-401 .et_pb_section_0 .et_pb_button, .page-id-402 .et_pb_section_0 .et_pb_button {
        font-size: 14px !important;
        padding: 11px 18px !important;
    }
    /* Tytul strony (sekcja pod hero) — komfort na telefonie */
    .page-id-302 .et_pb_section_1 h1, .page-id-302 .et_pb_section_1 h2,
    .page-id-304 .et_pb_section_1 h1, .page-id-304 .et_pb_section_1 h2,
    .page-id-307 .et_pb_section_1 h1, .page-id-307 .et_pb_section_1 h2,
    .page-id-400 .et_pb_section_1 h1, .page-id-400 .et_pb_section_1 h2,
    .page-id-401 .et_pb_section_1 h1, .page-id-401 .et_pb_section_1 h2,
    .page-id-402 .et_pb_section_1 h1, .page-id-402 .et_pb_section_1 h2 {
        font-size: 28px !important;
    }
    /* Akordeony — wieksze pole dotyku, mniejsza czcionka */
    .page-id-302 .et_pb_toggle, .page-id-304 .et_pb_toggle, .page-id-307 .et_pb_toggle,
    .page-id-400 .et_pb_toggle, .page-id-401 .et_pb_toggle, .page-id-402 .et_pb_toggle {
        padding: 16px 18px !important;
    }
    .page-id-302 .et_pb_toggle_title, .page-id-304 .et_pb_toggle_title,
    .page-id-307 .et_pb_toggle_title, .page-id-400 .et_pb_toggle_title,
    .page-id-401 .et_pb_toggle_title, .page-id-402 .et_pb_toggle_title,
    .page-id-10 .et_pb_toggle_title, .page-id-202 .et_pb_toggle_title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    /* Baner kontaktowy — odstepy na telefonie */
    .page-id-302 .et_pb_section_6, .page-id-304 .et_pb_section_5,
    .page-id-307 .et_pb_section_3, .page-id-400 .et_pb_section_4,
    .page-id-401 .et_pb_section_3, .page-id-402 .et_pb_section_4 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
}

/* ---------- 9. O SZKOLE — baner rotacyjny + karty lektorow ---------- */
.page-id-302 .et_pb_slider, .page-id-302 .et_pb_slide {
    min-height: 480px !important;
    border-radius: 16px !important;
}
/* Kadr od gory — glowy zespolu ZAWSZE cale (przycinamy tylko dol) */
.page-id-302 .et_pb_slide, .page-id-302 .et_pb_slide .et_pb_slide_overlay_container,
.page-id-302 .et_pb_slide_bg {
    background-position: center top !important;
}
.page-id-302 .et_pb_slider .et_pb_slide_description,
.page-id-302 .et_pb_slider .et_pb_slide_title { display: none !important; }
.page-id-302 .et_pb_slider .et_pb_slide { padding: 0 !important; }

/* Karty lektorow — jednolite, biale, z cieniem */
.page-id-302 .bb-lektor-card {
    background: #ffffff !important;
    box-shadow: 0 6px 22px rgba(0,0,0,0.07) !important;
    border-radius: 16px !important;
    padding: 14px 14px 22px !important;
    height: 100% !important;
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-id-302 .bb-lektor-card .et_pb_main_blurb_image { margin-bottom: 14px !important; }
/* Naturalne proporcje 3:4 (wszystkie zdjecia 660x880) — ZERO przycinania glow */
.page-id-302 .bb-lektor-card .et_pb_main_blurb_image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 12px !important;
    display: block !important;
}
.page-id-302 .bb-lektor-card .et_pb_module_header { margin-bottom: 4px !important; color: #C92726 !important; }
/* Grid lektorow — 5 kart wysrodkowanych (3+2), jednolity rozmiar */
.page-id-302 .bb-lektor-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 26px 22px !important;
}
.page-id-302 .bb-lektor-grid > .et_pb_blurb {
    flex: 0 1 300px !important;
    max-width: 320px !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
/* Panel "Native speakerzy" — szare tlo (uwaga klientki: oddzielic od bialej sekcji lektorow),
   ta sama szerokosc 1170px co reszta strony */
.page-id-302 #main-content .et_pb_row.bb-native-band {
    background: #f4f4f4 !important;
    border-radius: 18px !important;
    padding: 40px 24px !important;
    margin-top: 26px !important;
}

/* ===== Akordeony premium — 307 Cennik (czerwien SJ) + 401 Animacje (turkus) ===== */
/* 401: usuniecie osieroconej dziury 100px pod intro (zostala po usunietej sekcji) */
.page-id-401 #main-content .et_pb_section_1 { padding-bottom: 22px !important; }
.page-id-401 #main-content .et_pb_section_1 .et_pb_row { margin-bottom: 0 !important; }
.page-id-401 #main-content .et_pb_section_2 { padding-top: 16px !important; }
/* Baza wspolna: wiecej oddechu, tytul lzejszy 20px, zaokraglenie, hover */
.page-id-307 #main-content .et_pb_toggle,
.page-id-401 #main-content .et_pb_toggle {
    padding: 24px 30px !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
    transition: box-shadow .25s ease, transform .25s ease !important;
}
.page-id-307 #main-content .et_pb_toggle:hover,
.page-id-401 #main-content .et_pb_toggle:hover {
    transform: translateY(-1px) !important;
}
.page-id-307 #main-content .et_pb_toggle_title,
.page-id-401 #main-content .et_pb_toggle_title {
    color: #2b2b2b !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
}
/* Animacje (401) — ikona + hover turkus */
.page-id-401 #main-content .et_pb_toggle:hover { box-shadow: 0 10px 26px rgba(46,151,167,0.15) !important; }
.page-id-401 #main-content .et_pb_toggle_title:before,
.page-id-401 #main-content .et_pb_toggle_open .et_pb_toggle_title:before { color: #2E97A7 !important; }
/* Szkola jezykowa (307) — ikona + hover czerwien projektu */
.page-id-307 #main-content .et_pb_toggle:hover { box-shadow: 0 10px 26px rgba(201,39,38,0.13) !important; }
.page-id-307 #main-content .et_pb_toggle_title:before,
.page-id-307 #main-content .et_pb_toggle_open .et_pb_toggle_title:before { color: #C92726 !important; }
/* Mobile — zwarte akordeony (mniej bocznego paddingu, mniejszy tytul) */
@media (max-width: 767px) {
    .page-id-307 #main-content .et_pb_toggle,
    .page-id-401 #main-content .et_pb_toggle { padding: 18px 20px !important; }
    .page-id-307 #main-content .et_pb_toggle_title,
    .page-id-401 #main-content .et_pb_toggle_title { font-size: 18px !important; }
}
@media (max-width: 767px) {
    .page-id-302 .et_pb_slider, .page-id-302 .et_pb_slide { min-height: 300px !important; }
}

/* ---------- 8. MALY TELEFON (<=480px) ---------- */
@media (max-width: 480px) {
    .page-id-302 .et_pb_section_0 h1, .page-id-304 .et_pb_section_0 h1,
    .page-id-307 .et_pb_section_0 h1, .page-id-400 .et_pb_section_0 h1,
    .page-id-401 .et_pb_section_0 h1, .page-id-402 .et_pb_section_0 h1 {
        font-size: 28px !important;
    }
    .page-id-302 .et_pb_section_1 h1, .page-id-302 .et_pb_section_1 h2,
    .page-id-304 .et_pb_section_1 h1, .page-id-304 .et_pb_section_1 h2,
    .page-id-307 .et_pb_section_1 h1, .page-id-307 .et_pb_section_1 h2,
    .page-id-400 .et_pb_section_1 h1, .page-id-400 .et_pb_section_1 h2,
    .page-id-401 .et_pb_section_1 h1, .page-id-401 .et_pb_section_1 h2,
    .page-id-402 .et_pb_section_1 h1, .page-id-402 .et_pb_section_1 h2 {
        font-size: 25px !important;
    }
}