/* Mikola — sekcje stron (szablon page-sekcje.php). Odwzorowanie stron z Elementora (stan 10.11.2026).
   Progi jak w Elementorze: komputer ≥1025 px, tablet 768–1024 px, telefon ≤767 px. */

.mikola-strona { --mk-niebieski: #004997; --mk-akcent: #024a93; --mk-tekst: #15161a; --mk-zielony: #4b9949; --mk-font: "Sora", sans-serif; }
.mikola-strona { flex: 1 1 100%; width: 100%; min-width: 0; }
.mikola-strona *, .mikola-strona *::before, .mikola-strona *::after { box-sizing: border-box; }
.mikola-strona img { display: block; max-width: 100%; height: auto; }

/* Siatka jak „section → container → column → widget-wrap” w Elementorze */
.mk-kontener { display: flex; max-width: 1400px; margin: 0 auto; position: relative; }
.mk-kol { position: relative; display: flex; min-height: 1px; }
.mk-kol > .mk-wnetrze { width: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: center; }
.mk-wnetrze > * { margin: 0 0 20px; }
.mk-wnetrze > *:last-child { margin-bottom: 0; }
.mk-dwie > .mk-kol { width: 50%; }
.mk-kol--pelna { width: 100%; }

/* Typografia */
.mk-nadtytul { color: var(--mk-akcent); font: 600 16px/16px var(--mk-font); text-transform: uppercase; }
.mk-nadtytul.mk-nadtytul--wysoki { line-height: 1.3; }
.mk-tytul { color: #000; font: 700 36px/1.3 var(--mk-font); }
.mk-tytul--srodek { text-align: center; }
.mk-tresc { color: var(--mk-tekst); font: 400 18px/1.65 var(--mk-font); }
.mk-tresc p { margin: 0; }
.mk-tresc a { color: #046bd2; }
.mk-punkty { list-style: none; padding: 0; }
.mk-punkty li { display: flex; align-items: center; padding-bottom: 5px; color: #000; font: 400 15px/1.65 var(--mk-font); }
.mk-punkty li + li { margin-top: 5px; }
.mk-punkty li:last-child { padding-bottom: 0; }
.mk-punkty--poziomo { display: flex; flex-wrap: wrap; margin-left: -5px !important; margin-right: -5px !important; }
.mk-punkty--poziomo li, .mk-punkty--poziomo li + li { margin: 0 5px; padding: 0; }
.mk-punkty__ik { flex: 0 0 auto; display: flex; justify-content: center; width: 31.25px; margin-right: 8px; font-size: 25px; line-height: 1; color: var(--mk-zielony); }

/* Odznaka promocji (wstęp) */
.mk-wnetrze > .mk-odznaka { margin-bottom: 0; }
.mk-odznaka { align-self: flex-start; padding: 6px 14px; border: 1px solid #f5c2c0; border-radius: 20px; background: #fdecec; font-size: 16px; line-height: 1.65; }
.mk-odznaka span { color: #b42318; font: 600 16px/16px var(--mk-font); }

/* Przyciski */
.mk-przyciski { display: flex; flex-wrap: wrap; align-items: center; }
.mk-przyciski--srodek { justify-content: center; }
.mk-przycisk { display: inline-block; padding: 20px; border-radius: 10px; background: var(--mk-akcent); color: #fff; font: 700 15px/15px var(--mk-font); text-align: center; text-decoration: none; transition: background-color .3s, color .3s; }
.mk-przycisk:hover, .mk-przycisk:focus { background: #045cb4ed; color: #fff; }
.mk-przycisk--obrys { background: #fff; color: #046bd2; border: 2px solid currentColor; margin-left: 10px; }
.mk-przycisk--bialy { background: #fff; color: var(--mk-niebieski); border: 2px solid var(--mk-niebieski); }
.mk-przycisk--bialy:hover, .mk-przycisk--bialy:focus { background: var(--mk-niebieski); color: #fff; }

/* Nagłówek strony (H1 + okruszki) */
.mk-hero { background: var(--mk-niebieski); padding: 30px 0; }
.mk-hero__w { max-width: 1235px; margin: 0 auto; padding: 10px; text-align: center; }
.mk-hero__tytul { margin: 0 0 20px; color: #fff; font: 700 42px/1.4 var(--mk-font); }
.mk-okruszki, .mk-okruszki a { color: #fff; font: 400 14px/1.65 var(--mk-font); }
.mk-okruszki p { margin: 0; }

/* Sekcje z dwiema kolumnami */
.mk-sekcja { padding: 70px 0; }
.mk-kol--tekst > .mk-wnetrze { margin-right: 25px; width: calc(100% - 25px); }
.mk-kol--zdjecie > .mk-wnetrze { padding: 0 60px 0 40px; }
.mk-kol--zdjecie .mk-wnetrze > * { margin-bottom: 0; }
.mk-zdjecie { max-width: 100%; margin: 0 auto; border-radius: 20px; }
.mk-wstep .mk-nadtytul { margin-top: 10px; }
.mk-wstep .mk-tresc { margin-bottom: -5px; }
.mk-wstep .mk-tresc p { margin: 0 0 1.75em; }

/* Slider zdjęć */
.mk-slider { position: relative; }
.mk-slider__tor { display: flex; align-items: flex-start; overflow: hidden; }
.mk-slider__slajd { flex: 0 0 auto; max-width: 100%; transition: transform .5s ease; }
.mk-slider__img { max-width: 100%; border: 1px solid #e7e7e7; border-radius: 20px; }
.mk-slider__strzalka { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-top: -25px; padding: 0; border: 1px solid rgba(255, 255, 255, .8); border-radius: 50%; background: rgba(255, 255, 255, .8); color: #8c8c8c; font-size: 15px; line-height: 1; cursor: pointer; }
.mk-slider__strzalka:hover, .mk-slider__strzalka:focus { background: rgba(255, 255, 255, .8); border-color: rgba(255, 255, 255, .8); color: #8c8c8c; }
.mk-slider__strzalka--wstecz { left: 25px; }
.mk-slider__strzalka--dalej { right: 25px; }
/* Tekst ze zdjęciami: jeden slajd na całą kolumnę, zdjęcie w naturalnym rozmiarze na środku (jak karuzela Elementora). */
.mk-tz .mk-slider__slajd { flex: 0 0 100%; display: flex; justify-content: center; }

/* Kluczowe cechy + rozwijane informacje (modele zadaszeń) */
.mk-cechy { background: #f3f4f6; padding: 50px 0; }
.mk-cechy__w { align-items: flex-start; }
.mk-akordeon__tresc ul { margin: 0; padding: 0; }
.mk-cechy__lewa { width: 34%; }
.mk-cechy__prawa { width: 66%; }
.mk-cechy .mk-akordeon__pytanie button, .mk-cechy .mk-akordeon__pytanie button:hover, .mk-cechy .mk-akordeon__pytanie button:focus { color: #000; }
.mk-cechy__lewa { padding: 0 20px 0 0; }
.mk-cechy__lewa > * { margin: 0; }
.mk-cechy__tytul { margin-bottom: 25px !important; color: #000; font: 700 26px/1.3 var(--mk-font); }
.mk-cechy__punkty .mk-punkty__ik { color: #054a93; }
.mk-cechy__tresc { margin-top: 20px !important; color: #15161a; font: 700 18px/1.65 var(--mk-font); }
.mk-cechy__tresc p { margin: 0 0 1.75em; }

/* Karty z opisem (modele zadaszeń) */
.mk-karty { background: #f3f4f6; padding: 0 0 70px; }
.mk-karty__w { display: grid; grid-template-columns: 33% 33.357% 33.357%; } /* kolumny Elementora 462/467/467 px */
.mk-karta { margin: 0 15px; padding: 50px; background: #fff; border: 1px solid #e7e7e7; border-radius: 20px; }
.mk-karta:first-child { margin: 0 15px 0 0; }
.mk-karta:last-child { margin: 0 0 0 15px; }
.mk-karta > * { margin: 0 0 20px; }
.mk-karta > *:last-child { margin-bottom: 0; }
.mk-karta__tytul { color: #000; font: 700 19px/1.3 var(--mk-font); }
.mk-karta__opis { color: #535353; font: 400 16px/1.65 var(--mk-font); }
.mk-karta__opis p { margin: 0; }

/* Szare tło, ciasne akapity, niebieska strzałka na liście */
.mk-szare { background: #f3f4f6; }
.mk-tekst--ciasny .mk-tresc p { margin: 0 !important; }
.mk-punkty__ik--niebieska { color: #054a93; }

/* Warianty ze zdjęciami */
.mk-wariant { display: flex; align-items: center; }
.mk-wariant > * { padding: 30px; }
.mk-wariant__zdjecie { width: 45%; }
.mk-wariant__tresc { width: 55%; }
.mk-wnetrze > .mk-wariant { margin-bottom: 0; }
.mk-wariant__img { display: block; width: 70%; margin: 0 auto 20px; border-radius: 20px; }
.mk-wariant__link { display: block; }
.mk-wariant__tresc p { margin: 0; }

/* Zdjęcie */
.mk-obraz { padding: 50px 0; }
.mk-obraz__img { margin: 0 auto; }

/* Tekst z filmem */
.mk-wideo { padding: 40px 0 0; }
.mk-wideo .mk-tresc p { margin: 0 0 1.75em; }
.mk-wideo__ramka { position: relative; aspect-ratio: 16 / 9; }
.mk-wideo__ramka iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Rząd przycisków (miasta) */
.mk-pigulki { margin: 50px 0; padding: 0; }
.mk-pigulki__w { display: flex; flex-wrap: wrap; padding: 10px; }
.mk-pigulka { display: inline-block; margin: 0 10px 10px; padding: 12px 24px; border: 2px solid #004b95; border-radius: 25px; color: #004b95; font: 700 15px/15px "Roboto", sans-serif; text-decoration: none; transition: background-color .3s, color .3s; }
.mk-pigulka:hover, .mk-pigulka:focus { background: #004b95; color: #fff; }

/* Tekst (wstęp kategorii) */
.mk-tekst .mk-tresc p { margin: 0 0 1.75em; }
.mk-tekst .mk-kol--tekst > .mk-wnetrze { margin: 0 25px 0 0 !important; width: calc(100% - 25px) !important; }
.mk-tekst--pelna .mk-kol--tekst > .mk-wnetrze { margin: 0 !important; width: 100% !important; }

/* Kafelki z linkami (kategorie) */
.mk-kafle { margin: 50px 0; padding: 20px 0; }
.mk-kafle__rzad { display: grid; grid-template-columns: 33.357% 33% 33.357%; min-height: 300px; } /* jak kolumny Elementora 467/462/467 px */
.mk-kafel { margin: 0 5px; border-radius: 20px; transition: box-shadow .3s; }
.mk-kafel:nth-child(3n+1) { margin: 0 10px 0 0; }
.mk-kafel:nth-child(3n) { margin: 0 0 0 10px; }
.mk-kafel:hover { box-shadow: 0 8px 15px rgba(0, 0, 0, .2); }
.mk-kafel > * { margin: 0 0 20px; }
.mk-kafel__img { width: 100%; height: 250px !important; object-fit: cover; border-radius: 20px 20px 0 0; }
.mk-kafel__tytul { padding-left: 20px; color: #000; font: 600 20px/1.3 var(--mk-font); }
.mk-kafel__opis { margin: 0 20px -10px; color: #7a7a7a; font: 400 15px/24px var(--mk-font); }
.mk-kafel__opis p { margin: 0 0 1.75em; }
.mk-kafel__link { margin: 0; padding-bottom: 10px; }
.mk-kafel__link a { display: inline-flex; align-items: center; gap: 5px; padding: 12px 24px; border-radius: 3px; color: #046bd2; font: 500 15px/15px "Roboto", sans-serif; text-decoration: none; }
.mk-kafel__link .mikola-ikona { font-size: 15px; }

/* Kolorystyka */
.mk-kolory { padding: 50px 0; }
.mk-kolory .mk-kol > .mk-wnetrze { padding: 0; }
.mk-kolory .mk-tytul { font-size: 32px; }
.mk-kolory .mk-tresc { margin-bottom: 20px; }
.mk-kolory__siatka { display: grid; grid-template-columns: repeat(var(--mk-kolumny, 5), minmax(0, 1fr)); }
.mk-kolory__kolor { margin: 0; padding: 10px 10px 22.92px; text-align: center; }
.mk-kolory__img { width: 100%; max-width: 100%; margin: 0 auto; border-radius: 20px; }
.mk-kolory__kolor figcaption { margin-top: 12.92px; color: var(--mk-tekst); font: 700 16px/1.65 var(--mk-font); }
.mk-kolory--jedno .mk-kolory__img { width: auto; margin: 0 auto; border-radius: 0; }
.mk-kolory--jedno .mk-kolory__kolor { padding: 10px; }
.mk-kolory--maly .mk-kolory__kolor { padding: 10px; }
.mk-kolory--maly .mk-kolory__kolor figcaption { margin-top: 20px; font: 600 12px/1.65 var(--mk-font); }

/* Realizacje */
.mk-realizacje { padding: 50px 0; }
.mk-realizacje .mk-wnetrze > * { margin-bottom: 40px; }
.mk-realizacje .mk-wnetrze > *:last-child { margin-bottom: 0; }
.mk-realizacje .mk-tytul { font-size: 32px; }
.mk-galeria { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.mk-galeria__el { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 20px; }
.mk-galeria__img { width: 100%; height: 100% !important; object-fit: cover; }

/* FAQ + kontakt */
.mk-faq { padding: 50px 0; }
.mk-faq .mk-kol--tekst > .mk-wnetrze { justify-content: flex-start; }
.mk-tytul--faq { font-size: 32px; }
.mk-kol--kontakt > .mk-wnetrze { margin-left: 25px; width: calc(100% - 25px); justify-content: flex-start; }
.mk-akordeon__el { margin-bottom: 10px; }
.mk-akordeon__el:last-child { margin-bottom: 0; }
.mk-akordeon__pytanie { margin: 0; }
.mk-akordeon__pytanie button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 30px; border: 1px solid #ddd; border-radius: 20px; background: #fff; color: #054a93; font: 700 16px/24px var(--mk-font); text-align: left; text-transform: none; letter-spacing: 0; cursor: pointer; }
.mk-akordeon__pytanie button:hover, .mk-akordeon__pytanie button:focus { background: #fff; color: #054a93; border-color: #ddd; }
.mk-akordeon__pytanie button { position: relative; padding-right: 44px !important; }
.mk-akordeon__pytanie .mikola-ikona { position: absolute; right: 30px; top: 19px; font-size: 14px; }
.mk-akordeon__otwarte, .mk-otwarte .mk-akordeon__zamkniete { display: none; }
.mk-otwarte .mk-akordeon__otwarte { display: block; }
.mk-akordeon__tresc { padding: 30px 85px 30px 65px; color: #535353; font: 400 16px/24px var(--mk-font); }
.mk-akordeon__tresc p { margin: 0 0 16px; }
.mk-akordeon__tresc p:last-child { margin-bottom: 0; }
.mk-salon { display: flex; }
.mk-wnetrze > .mk-salon { margin-bottom: 0; }
.mk-salon > * { width: 50%; padding: 10px; }
.mk-salon__adres p { margin: 0 0 1.75em; color: #000; font: 600 16px/1.65 var(--mk-font); }
.mk-salon__kontakt { list-style: none; margin: 0; padding: 10px; }
.mk-tresc + .mk-salon .mk-salon__kontakt { margin-bottom: 30px; }
.mk-salon + .mk-salon .mk-salon__adres p { margin-bottom: 0; }
.mk-salon__kontakt li + li { margin-top: 15px; }
.mk-salon__kontakt a { display: flex; align-items: center; color: #000; font: 700 14px/1.65 var(--mk-font); text-decoration: none; }
.mk-salon__kontakt .mk-punkty__ik { margin-right: 5px; color: var(--mk-niebieski); }

/* Blok: zalety (4 kafelki) */
.mk-zalety { background: #f3f4f6; padding: 40px 0; }
.mk-zalety__siatka { display: grid; grid-template-columns: repeat(4, 1fr); }
.mk-zalety__kafel { display: flex; align-items: flex-start; margin: 0 15px; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 20px; }
.mk-zalety__kafel:first-child { margin-left: 30px; }
.mk-zalety__kafel:last-child { margin-right: 30px; }
.mk-zalety__ikona { flex: 0 0 auto; width: 50px; padding-right: 10px; color: #024a97; font-size: 40px; line-height: 1; }
.mk-zalety__tytul { margin: 0 0 10px; color: #000; font: 700 16px/1.65 var(--mk-font); }
.mk-zalety__opis { margin: 0 0 10px; color: #000; font: 400 16px/1.65 var(--mk-font); }

/* Blok: „Dlaczego Mikola?” — bez odstępów między elementami, tytuł z wewnętrznym odstępem */
.mk-dlaczego .mk-wnetrze > * { margin: 0; }
.mk-dlaczego .mk-tytul { padding: 14px 0; }
.mk-dlaczego .mk-wnetrze > .mk-zdjecie { margin: 0 auto; }

/* Blok: raty */
.mk-raty { margin: 30px 0; padding: 50px 20px; }
.mk-raty__karta { display: flex; width: 100%; margin: 0; padding: 40px; border: 1px solid #e7e7e7; border-radius: 20px; }
.mk-raty__tekst, .mk-raty__obraz { width: 50%; padding: 10px; display: flex; flex-direction: column; justify-content: center; }
.mk-raty__tekst .mk-tytul { margin: 0; }
.mk-raty__tresc { margin: 15px 0; color: var(--mk-tekst); font: 400 16px/1.65 var(--mk-font); }
.mk-raty__tresc p { margin: 0; }
.mk-raty__obraz { padding: 10px 100px; }
.mk-raty__img { width: 100%; }
.mk-raty__obraz.mk-raty__obraz--pelny { padding: 0; }

/* Bloki wklejone w stronę (bez opakowania z szablonu) */
.mk-bez-ramki .mk-raty__tresc { margin: 20px 0; }
.mk-z-szablonu .mk-raty__karta { margin: 0 10px; }
.mk-z-szablonu--wiersz .mk-raty__karta { margin: 0; }
.mk-bez-ramki .mk-etapy__wnetrze > .mk-nadtytul { margin-bottom: 20px; }
.mk-bez-ramki .mk-etapy__tytul { margin: 0 0 20px !important; }

/* Blok: etapy współpracy */
.mk-z-szablonu { overflow-x: clip; }
.mk-bez-ramki { overflow-x: clip; }
.mk-etapy { background: #f2f3f5; padding: 0 20px; }
.mk-etapy__wnetrze { width: 100%; padding: 50px 0; }
.mk-etapy__wnetrze > * { margin: 0; }
.mk-etapy__tytul { margin: 15px 0 !important; }
.mk-etapy__rzad { display: flex; margin-bottom: 30px !important; }
.mk-etapy__kol { display: flex; width: 33.333%; } /* jak kolumna Elementora: kurczy się do najdłuższego słowa */
.mk-etapy__rzad + .mk-etapy__rzad { margin-bottom: 0 !important; }
.mk-etapy__krok { width: 100%; padding: 30px; background: #fff; border: 1px solid #e7e7e7; border-radius: 20px; }
.mk-etapy__kol:first-child > .mk-etapy__krok { margin-right: 15px; }
.mk-etapy__kol:nth-child(2) > .mk-etapy__krok { margin: 0 15px; }
.mk-etapy__kol:last-child > .mk-etapy__krok { margin-left: 15px; }
.mk-etapy__etykieta { margin: 0 0 15px; color: #004b97; font: 700 16px/1.65 var(--mk-font); }
.mk-etapy__nazwa { margin: 0 0 15px; color: #000; font: 700 26px/1.3 var(--mk-font); }
.mk-etapy__opis { margin: 0 0 1.75em; color: #535353; font: 400 15px/24px var(--mk-font); }
.mk-nadtytul--srodek { text-align: center; }
.mk-etapy .mk-przyciski { margin-top: 20px !important; }

/* Blok: CTA „Masz pytania?” */
.mk-cta { position: relative; padding: 50px 0; background: #000 var(--mk-tlo) center / cover no-repeat; overflow: hidden; }
.mk-cta__nakladka { position: absolute; inset: 0; background: #004997; opacity: .57; }
.mk-cta__wnetrze { max-width: var(--mk-szer, 1235px); z-index: 1; filter: none; }
.mk-cta__lewa, .mk-cta__prawa { width: 50%; padding: 0; display: flex; flex-direction: column; justify-content: center; }
.mk-cta__prawa > * + * { margin-top: 15px; }
.mk-cta__tytul { margin: 0; color: #fff; font: 700 36px/1.3 var(--mk-font); }
.mk-cta__tresc { color: #fff; font: 600 18px/1.65 var(--mk-font); }
.mk-cta__tresc p { margin: 0; }
.mk-cta .mk-przycisk { align-self: flex-start; }

/* Pasek promocji */
.mk-promo { background: #fdecec; }
.mk-promo .mk-kontener > .mk-promo__tresc { width: 100%; }
.mk-promo__tresc { margin-bottom: -30px; padding: 10px; color: #15161a; font: 400 18px/1.65 var(--mk-font); text-align: center; }
.mk-promo__tresc p { margin: 0 0 1.75em; }

/* Odstępy przeniesione z Elementora (pole techniczne sekcji) */
.mk-odstepy { padding: var(--mk-p) !important; }
.mk-realizacje--maly { --mk-realizacje-tytul: 24px; }

/* ===== Styl stron zasłon (sekcja „klasyczna”, nagłówek i FAQ w wariancie klasycznym) ===== */
.mk-hero--klasyczny { background: #004894; }
.mk-hero--klasyczny .mk-hero__tytul { font-size: 52px; font-weight: 600; line-height: 1.4; }
.mk-hero--klasyczny .mk-okruszki, .mk-hero--klasyczny .mk-okruszki a { font-size: 16px; }
.mk-klasyczna__w { max-width: var(--mk-szer, 1235px); margin: 0 auto; }
.mk-odstepy.mk-klasyczna__w { padding: var(--mk-p) !important; }
.mk-klasyczna__kolumny { display: flex; align-items: center; }
.mk-klasyczna__zdjecie { flex: 0 0 40%; margin: var(--mk-zm-d, 0); }
.mk-klasyczna__tekst { flex: 1 1 60%; min-width: 0; padding: var(--mk-tp-d, 20px 0); margin: var(--mk-tm-d, 0); }
.mk-klasyczna__img { width: 100%; border-radius: 40px; }
.mk-el { margin: 0; color: #777; font: 400 16px/24px var(--mk-font); }
.mk-el p { margin: 0; }
.mk-el--srodek { text-align: center; }
.mk-el h2 { margin: 0; color: #000; font: 700 var(--mk-rozmiar, 32px)/1.3 var(--mk-font); }
.mk-el h3 { margin: 0; color: #000; font: 700 var(--mk-rozmiar, 24px)/1.3 var(--mk-font); }
.mk-el .color-blue { color: #004893; font-size: 20px; }
.mk-el--lista ul { list-style: none; margin: 0; padding: 0; }
.mk-el--lista li { display: flex; align-items: flex-start; padding-bottom: 10px; color: #777; font: 400 16px/1.65 var(--mk-font); }
.mk-el--lista li + li { margin-top: 10px; }
.mk-el--lista li:last-child { padding-bottom: 0; }
.mk-el__ik { flex: 0 0 auto; display: flex; justify-content: center; width: 25px; padding-top: 3px; color: #004997; font-size: 20px; line-height: 1; }
.mk-el--lista li > span + span { padding-left: 5px; }
.mk-el__przycisk { display: inline-block; padding: 15px; border-radius: 10px; background: #004997; color: #fff; font: 500 15px/15px "Roboto", sans-serif; text-decoration: none; }
.mk-el__przycisk:hover, .mk-el__przycisk:focus { color: #fff; }
.mk-el--przycisk.mk-el--srodek .mk-el__przycisk { margin: 0 auto; }
.mk-faqk__w { max-width: 1235px; margin: 0 auto; padding: 10px; }
.mk-faqk__w > * { margin: 0 0 20px; }
.mk-faqk__w > *:last-child { margin-bottom: 0; }
.mk-faqk__tytul { color: #000; font: 700 32px/1.3 var(--mk-font); text-align: center; }
.mk-faqk__akordeon .mk-akordeon__el { margin: 0; border: 1px solid #d5d8dc; }
.mk-faqk__akordeon .mk-akordeon__el + .mk-akordeon__el { border-top: 0; }
.mk-faqk__akordeon .mk-akordeon__pytanie button { padding: 25px !important; border: 0; border-radius: 0; color: #004b97; font: 700 18px/18px var(--mk-font); }
.mk-faqk__akordeon .mk-akordeon__pytanie button:hover, .mk-faqk__akordeon .mk-akordeon__pytanie button:focus { border: 0; color: #004b97; }
.mk-faqk__akordeon .mk-akordeon__pytanie .mikola-ikona { position: static; margin-left: 10px; font-size: 16px; }
.mk-faqk__akordeon .mk-akordeon__tresc p, .mk-faqk__akordeon .mk-akordeon__tresc p:last-child { margin: 0 0 1.75em; }
.mk-faqk__akordeon .mk-akordeon__tresc ul, .mk-faqk__akordeon .mk-akordeon__tresc ol { margin: 0 0 1.5em 3em; padding: 0; }
.mk-faqk__akordeon .mk-akordeon__tresc { padding: 25px; border-top: 1px solid #d5d8dc; color: #7a7a7a; font: 400 16px/1.55 var(--mk-font); }
.mk-faqk__przycisk { text-align: center; }
.mk-realizacje .mk-galeria__el { border-radius: var(--mk-zaokr, 20px); }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.mk-karty__w { grid-template-columns: 1fr; }
	.mk-karta, .mk-karta:first-child, .mk-karta:last-child { margin: 10px 20px 0; }
	.mk-karta:first-child { margin-top: 0; }
	.mk-cechy__lewa, .mk-cechy__prawa { width: 50%; }
	.mk-klasyczna__zdjecie { margin: var(--mk-zm-t, 0); }
	.mk-el[style*="--mt-t"] { margin-top: var(--mt-t) !important; margin-bottom: var(--mb-t) !important; }
	.mk-klasyczna__tekst { padding: var(--mk-tp-t, 20px 0); margin: var(--mk-tm-t, 0); }
	.mk-odstepy.mk-klasyczna__w { padding: var(--mk-p-t) !important; }
	.mk-odstepy { padding: var(--mk-p-t) !important; }
	.mk-dwie { flex-wrap: wrap; }
	.mk-dwie > .mk-kol { width: 100%; }
	.mk-sekcja { padding: 20px 0; }
	.mk-wstep { padding: 0; }
	.mk-kolory, .mk-realizacje { padding: 50px 0; }
	.mk-kol--tekst > .mk-wnetrze { margin: 20px 0 0; width: 100%; }
	.mk-faq { padding: 25px 10px; }
	.mk-faq .mk-dwie { flex-wrap: wrap; }
	.mk-faq .mk-dwie > .mk-kol { width: 100%; }
	.mk-faq .mk-kol--tekst > .mk-wnetrze { margin: 0; width: 100%; }
	.mk-zalety__siatka { grid-template-columns: repeat(2, 1fr); }
	.mk-zalety__kafel, .mk-zalety__kafel:first-child, .mk-zalety__kafel:last-child { margin: 10px 20px 0; }
	.mk-zalety__kafel:nth-child(-n+2) { margin-top: 0; }
	.mk-raty__karta { flex-wrap: wrap; }
	.mk-bez-ramki .mk-raty__obraz { padding-bottom: 0; }
	.mk-z-szablonu .mk-raty__karta { margin: 0; }
	.mk-z-szablonu:has(> .mk-raty) { padding-bottom: 0 !important; }
	.mk-faq .mk-dwie { flex-wrap: nowrap; }
	.mk-faq .mk-dwie > .mk-kol { width: 50%; }
	.mk-faq .mk-kol--tekst > .mk-wnetrze { margin: 0 25px 0 0; width: calc(100% - 25px); }
	.mk-raty__tekst, .mk-raty__obraz { width: 100%; }
	.mk-dlaczego .mk-kontener, .mk-odwroc-tablet .mk-kontener { flex-direction: column-reverse; }
	.mk-galeria { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
	.mk-wariant { flex-direction: column; }
	.mk-wariant > *, .mk-wariant__zdjecie, .mk-wariant__tresc { width: 100%; }
	.mk-wariant__img { width: 100%; }
	.mk-wideo .mk-kontener { flex-direction: column-reverse; }
	.mk-wideo .mk-tresc p { margin: 0; }
	.mk-cechy__w { flex-direction: column; }
	.mk-cechy__lewa, .mk-cechy__prawa { width: 100%; }
	.mk-cechy__lewa { padding: 0 0 20px; }
	.mk-cechy__punkty { margin-bottom: 20px !important; }
	.mk-cechy__tresc { margin: 10px !important; }
	.mk-cechy__tytul { font-size: 24px; line-height: 33px; }
	.mk-karty__w { grid-template-columns: 1fr; }
	.mk-karta__tytul { font-size: 24px; line-height: 33px; }
	.mk-klasyczna__kolumny { flex-direction: column; align-items: stretch; }
	.mk-klasyczna__zdjecie { margin: var(--mk-zm-m, 0); }
	.mk-el[style*="--mt-m"] { margin-top: var(--mt-m) !important; margin-bottom: var(--mb-m) !important; }
	.mk-klasyczna__tekst { padding: var(--mk-tp-m, 20px 0); margin: var(--mk-tm-m, 0); }
	.mk-odstepy.mk-klasyczna__w { padding: var(--mk-p-m) !important; }
	.mk-odstepy { padding: var(--mk-p-m) !important; }
	.mk-tekst .mk-tresc p { margin: 0; }
	.mk-tekst .mk-kol--tekst > .mk-wnetrze { margin: 0 !important; width: 100% !important; }
	.mk-promo__tresc { margin-bottom: 0; padding: 20px 10px; text-align: left; }
	.mk-promo__tresc p { margin: 0; }
	.mk-kafle__rzad { grid-template-columns: 1fr; }
	.mk-kafel, .mk-kafel:nth-child(3n+1), .mk-kafel:nth-child(3n) { margin: 0 10px 10px; }
	.mk-kafel__img { height: 200px !important; }
	.mk-realizacje--maly .mk-tytul { font-size: 24px !important; line-height: 1.3 !important; }
	.mk-hero__w { padding: 0 10px; }
	.mk-hero__tytul { font-size: var(--mk-h1-m, 28px); line-height: 1.4; }
	.mk-hero--klasyczny .mk-hero__tytul { font-size: 52px; }
	.mk-hero--klasyczny .mk-hero__w { padding: 10px; }
	.mk-nadtytul { font-size: 18px; line-height: 33px; }
	.mk-odznaka span { font-size: 18px; line-height: 33px; }
	.mk-tytul { font-size: 24px; line-height: 33px; }
	.mk-sekcja { padding: 35px 7px; }
	.mk-wstep .mk-kontener, .mk-odwroc-telefon .mk-kontener { flex-direction: column-reverse; }
	.mk-odwroc-tablet:not(.mk-odwroc-telefon) .mk-kontener { flex-direction: column; }
	.mk-realizacje { padding: 50px 0; }
	.mk-faq { padding: 25px 10px; }
	.mk-faq .mk-dwie { flex-wrap: wrap; }
	.mk-faq .mk-dwie > .mk-kol { width: 100%; }
	.mk-faq .mk-kol--tekst > .mk-wnetrze { margin: 0; width: 100%; }
	.mk-wstep .mk-tresc { margin-bottom: 20px; }
	.mk-wstep .mk-tresc p { margin: 0; }
	.mk-kol--tekst > .mk-wnetrze { margin: 0; }
	.mk-kol--zdjecie > .mk-wnetrze { padding: 0; }
	.mk-tz .mk-kol--zdjecie { margin-top: 20px; }
	.mk-wstep .mk-kol--zdjecie { margin-bottom: 10px; }
	.mk-przyciski .mk-przycisk { width: 100%; }
	.mk-przycisk--obrys { margin: 10px 0; }
	.mk-kolory { padding: 50px 10px; }
	.mk-kolory .mk-tytul { font-size: 32px; line-height: 1.3; }
	.mk-kolory__siatka { grid-template-columns: repeat(2, 1fr); }
	.mk-kolory--tel1 .mk-kolory__siatka, .mk-kolory--jedno .mk-kolory__siatka { grid-template-columns: 1fr; }
	.mk-kolory[style*="--mk-kolumny:5"] .mk-kolory__kolor:nth-child(5n+1), .mk-kolory[style*="--mk-kolumny:8"] .mk-kolory__kolor:nth-child(8n+1), .mk-kolory[style*="--mk-kolumny:3"] .mk-kolory__kolor:nth-child(3n+1), .mk-kolory[style*="--mk-kolumny:7"] .mk-kolory__kolor:nth-child(7n+1) { grid-column-start: 1; }
	.mk-realizacje .mk-tytul { font-size: 32px; line-height: 1.3; }
	.mk-galeria { grid-template-columns: 1fr; }
	.mk-faq .mk-tytul { font-size: 24px; line-height: 1.3; }
	.mk-akordeon__tresc { padding: 20px; }
	.mk-akordeon { margin-top: 1px; }
	.mk-salon { flex-direction: column; }
	.mk-salon > * { width: 100%; }
	.mk-kol--kontakt > .mk-wnetrze { margin: 10px 0 0; width: 100%; }
	.mk-zalety__siatka { grid-template-columns: 1fr; }
	.mk-zalety__kafel:nth-child(2) { margin-top: 10px; }
	.mk-raty { margin: 0; padding: 0 20px; }
	.mk-raty__obraz { padding: 10px; }
	.mk-etapy__wnetrze { padding: 20px 0; }
	.mk-etapy__tytul, .mk-bez-ramki .mk-etapy__tytul { margin: 0 0 10px !important; }
	.mk-bez-ramki .mk-etapy__wnetrze > .mk-nadtytul { margin-bottom: 0; }
	.mk-etapy__rzad { flex-direction: column; }
	.mk-etapy__kol { width: 100%; }
	.mk-etapy__kol:nth-child(n) > .mk-etapy__krok { margin: 0 0 20px; }
	.mk-etapy__kol:last-child > .mk-etapy__krok { margin: 0; }
	.mk-cta { padding: 50px 10px; }
	.mk-cta__wnetrze { flex-direction: column; }
	.mk-cta__lewa, .mk-cta__prawa { width: 100%; }
	.mk-cta__tytul { font-size: var(--mk-cta-m, 36px); }
	.mk-cta__prawa { margin-top: 20px; }
	.mk-cta__prawa > .mk-przycisk { margin-top: 35px; }
	.mk-cta--ciasny .mk-cta__prawa { margin-top: 0; }
	.mk-cta--ciasny .mk-cta__prawa > .mk-przycisk { margin-top: 15px; }
}

/* ---------- Strona główna ---------- */
.mk-gl-tytul { margin: 0 0 20px; color: #000; font: 700 52px/1.3 var(--mk-font); text-align: center; }
.mk-gl-tytul--30 { margin-bottom: 50px !important; }

/* Powitanie */
.mk-gl-hero { padding: 35px 0; }
.mk-gl-hero .mk-kontener { align-items: center; }
.mk-gl-hero__tekst > .mk-wnetrze { margin-right: 25px; width: calc(100% - 25px); }
.mk-gl-hero__nadtytul { color: var(--mk-tekst); font: 700 18px/24px var(--mk-font); }
.mk-gl-hero__nadtytul p, .mk-gl-hero__tresc p { margin: 0 0 1.75em; }
.mk-gl-hero__tytul { color: #000; font: 700 48px/1.4 var(--mk-font); }
.mk-gl-hero__tresc { color: var(--mk-tekst); font: 400 15px/1.65 var(--mk-font); }
.mk-gl-hero__zdjecia .mk-wnetrze > * { margin: 0; }
.mk-gl-pokaz { position: relative; overflow: hidden; border-radius: 40px; }
.mk-gl-pokaz__img { width: 100%; border-radius: 40px; opacity: 0; transition: opacity .5s; }
.mk-gl-pokaz__img:not(:first-child) { position: absolute; inset: 0; height: 100% !important; object-fit: cover; }
.mk-gl-pokaz__img.mk-aktywny { opacity: 1; }

/* Oferta — karuzela */
.mk-gl-oferta { padding: 0 20px; background: #f2f3f5; scroll-margin-top: 20px; }
.mk-gl-oferta .mk-kol > .mk-wnetrze { padding: 50px 0; }
.mk-gl-oferta__opis { color: #7a7a7a; font: 400 15px/1.65 var(--mk-font); text-align: center; }
.mk-gl-oferta__opis p { margin: 0 0 1.75em; }
.mk-karuzela { position: relative; overflow: hidden; }
.mk-karuzela__tor { display: flex; transition: transform .5s ease; }
.mk-karuzela__el { flex: 0 0 25%; padding: 0 10px; }
.mk-gl-kafel { position: relative; display: block; height: 450px; overflow: hidden; border-radius: 40px; }
.mk-gl-kafel__img { width: 100%; height: 100% !important; object-fit: cover; }
.mk-gl-kafel__opis { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px; background: linear-gradient(transparent, rgba(0, 0, 0, .9)); }
.mk-gl-kafel__tytul { margin: 0 0 3.2px; color: #fff; font: 600 26px/1.3 var(--mk-font); }
.mk-karuzela__strzalka { position: absolute; top: calc(50% - 20px); z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255, 255, 255, .8); border-radius: 50%; background: rgba(255, 255, 255, .8); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #8c8c8c; font-size: 15px; line-height: 1; cursor: pointer; }
.mk-karuzela__strzalka:hover, .mk-karuzela__strzalka:focus { border-color: rgba(255, 255, 255, .8); background: rgba(255, 255, 255, .8); color: #8c8c8c; }
.mk-karuzela__strzalka--wstecz { left: 25px; }
.mk-karuzela__strzalka--dalej { right: 25px; }

/* Montaż + formularz */
.mk-gl-montaz { padding: 100px 0; background: #f2f3f5; }
.mk-gl-montaz__w { display: flex; align-items: center; max-width: 1440px; margin: 0 auto; }
.mk-gl-montaz__w > .mk-kol { width: 50%; }
.mk-gl-montaz__tekst > .mk-wnetrze { padding: 0 50px 0 0; }
.mk-gl-montaz__tekst .mk-wnetrze > * { margin: 0; }
.mk-gl-montaz__tytul { margin-bottom: 20px !important; color: #000; font: 700 38px/1.3 var(--mk-font); }
.mk-gl-montaz__tresc { color: #000; font: 400 15px/24px var(--mk-font); }
.mk-gl-montaz__tresc p { margin: 0 0 1.75em; }
.mk-gl-lista { list-style: none; padding: 0; }
.mk-gl-lista li { display: flex; align-items: center; color: #000; font: 400 15px/1.65 var(--mk-font); }
.mk-gl-lista li + li { margin-top: 10px; }
.mk-gl-lista__ik { flex: 0 0 auto; display: flex; justify-content: center; width: 31.25px; margin-right: 8px; color: var(--mk-zielony); font-size: 25px; line-height: 1; }
.mk-gl-montaz__boks > .mk-wnetrze { padding: 50px; border-radius: 40px; background: #fff; }
.mk-gl-montaz__ftytul { color: #000; font: 700 20px/1.3 var(--mk-font); }

/* Formularz Contact Form 7 (wygląd formularza z Elementora) */
.mk-cf7 .mk-f { display: flex; flex-wrap: wrap; margin: 0 -20px; row-gap: 20px; }
.mk-cf7 .mk-f__pole { width: 100%; padding: 0 20px; }
.mk-cf7 .mk-f__pole--pol { width: 50%; }
.mk-cf7 label, .mk-cf7 .mk-f__etykieta { display: block; padding: 0; color: #000; font: 600 14px/20px var(--mk-font); }
.mk-cf7 input[type="text"], .mk-cf7 input[type="email"], .mk-cf7 input[type="tel"], .mk-cf7 select, .mk-cf7 textarea { width: 100%; min-height: 40px; margin: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid #69727d; border-radius: 0; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #777; font: 400 16px/1.4 Roboto, sans-serif; }
.mk-cf7 select { border-bottom-color: #000; padding: 5px 28px 5px 14px; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 10px center; }
.mk-cf7 textarea { display: block; height: 95px; padding: 5px 14px; font-size: 15px; line-height: 21px; resize: vertical; }
.mk-cf7 input:focus, .mk-cf7 select:focus, .mk-cf7 textarea:focus { outline: 0; border-bottom-color: var(--mk-niebieski); }
.mk-cf7 .wpcf7-form-control-wrap { display: block; }
.mk-cf7 .wpcf7-acceptance { display: block; padding: 2px 0 8px; }
.mk-cf7 .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; }
.mk-cf7 .wpcf7-acceptance label { padding: 0; color: #000; font: 400 14px/23px Roboto, sans-serif; }
.mk-cf7 .wpcf7-acceptance input { margin: 0 4px 0 0; vertical-align: -1px; }
.mk-cf7 .mk-f__gwiazdka { color: red; }
.mk-cf7 .wpcf7-submit { display: block; width: 100%; padding: 15px 30px 16px; border: 0; border-radius: 50px; background: #004997; color: #fff; font: 500 16px/16px Roboto, sans-serif; cursor: pointer; transition: background-color .3s; }
.mk-cf7 .wpcf7-submit:hover, .mk-cf7 .wpcf7-submit:focus { background: #045cb4; color: #fff; }
.mk-cf7 .wpcf7-submit:disabled { opacity: .6; cursor: not-allowed; }
.mk-cf7 .mk-f__pole:has(.wpcf7-submit) { position: relative; }
.mk-cf7 .wpcf7-spinner { position: absolute; top: 11px; right: 30px; margin: 0; }
.mk-cf7 .wpcf7-not-valid-tip { margin-top: 4px; color: #d63638; font: 400 13px/1.4 Roboto, sans-serif; }
.mk-cf7 .wpcf7-response-output { margin: 20px 0 0 !important; padding: 10px 15px !important; border-radius: 10px; font: 400 14px/1.5 var(--mk-font); }

/* Proces */
.mk-gl-proces { padding: 0 20px; background: #f2f3f5; }
.mk-gl-proces__w { width: 100%; padding: 50px 0; }
.mk-gl-proces__rzad { display: flex; margin-bottom: 30px; }
.mk-gl-proces__rzad:last-child { margin-bottom: 0; }
.mk-gl-proces__kol { display: flex; width: 33.333%; }
.mk-gl-proces__krok { width: 100%; padding: 30px; border-radius: 40px; background: #fff; }
.mk-gl-proces__kol:nth-child(1) > .mk-gl-proces__krok { margin-right: 15px; }
.mk-gl-proces__kol:nth-child(2) > .mk-gl-proces__krok { margin: 0 15px; }
.mk-gl-proces__kol:nth-child(3) > .mk-gl-proces__krok { margin-left: 15px; }
.mk-gl-proces__etykieta { margin: 0 0 15px; color: #004b97; font: 700 16px/1.65 var(--mk-font); }
.mk-gl-proces__nazwa { margin: 0 0 15px; color: #000; font: 700 30px/1.3 var(--mk-font); }
.mk-gl-proces__opis { margin: 0 0 1.75em; color: #7a7a7a; font: 400 15px/24px var(--mk-font); }

/* FAQ z boksem (strona główna) */
.mk-faqk--boks { padding: 50px 20px; background: #f2f3f5; }
.mk-faqk--boks .mk-faqk__w { max-width: 1400px; padding: 0; }
.mk-faqk--boks .mk-faqk__tytul { margin-bottom: 50px; font-size: 52px; }
.mk-faqk__kolumny { display: flex; align-items: flex-start; }
.mk-faqk--boks .mk-akordeon__pytanie button, .mk-faqk--boks .mk-akordeon__pytanie button:hover, .mk-faqk--boks .mk-akordeon__pytanie button:focus { background: transparent; }
.mk-faqk__kolumny > .mk-faqk__akordeon { width: calc(66.666% - 30px); margin-right: 30px; }
.mk-faqk__boks { width: 33.334%; text-align: center; }
.mk-faqk__boks-tytul { margin: 0 0 35px; color: #000; font: 700 38px/1.3 var(--mk-font); }
.mk-faqk__boks .mk-przycisk { border: 2px solid var(--mk-akcent); }
.mk-faqk__boks .mk-przycisk:hover, .mk-faqk__boks .mk-przycisk:focus { background: transparent; color: var(--mk-akcent); }

/* Najnowsze artykuły */
.mk-gl-wpisy { padding: 0 20px; background: #f2f3f5; }
.mk-gl-wpisy__w { width: 100%; padding: 50px 0; }
.mk-gl-wpisy__siatka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px 30px; }
.mk-gl-wpis { display: flex; flex-direction: column; }
.mk-gl-wpis__zdjecie { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 40px; aspect-ratio: 1 / .66; }
.mk-gl-wpis__zdjecie img { width: 100%; height: 100% !important; object-fit: cover; }
.mk-gl-wpis__tytul { margin: 0 0 15px; font: 600 18px/1.3 var(--mk-font); }
.mk-gl-wpis__tytul a, .mk-gl-wpis__tytul a:hover { color: #000; text-decoration: none; }
.mk-gl-wpis__zajawka { margin: 0 0 10px; color: #777; font: 400 14px/21px var(--mk-font); }
.mk-gl-wpis__wiecej, .mk-gl-wpis__wiecej:hover { color: #004997; font: 700 14px/1.65 var(--mk-font); text-decoration: none; }

@media (max-width: 1024px) {
	.mk-raty__obraz.mk-raty__obraz--pelny { padding: 10px 0 0; }
	.mk-gl-hero .mk-dwie { flex-wrap: nowrap; }
	.mk-gl-hero .mk-dwie > .mk-kol { width: 50%; }
	.mk-karuzela__el { flex-basis: 33.333%; }
	.mk-gl-wpisy__siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.mk-gl-tytul { font-size: 32px; }
	.mk-gl-proces .mk-gl-tytul--30 { margin-bottom: 30px !important; }
	.mk-gl-hero { padding: 35px 7px; }
	.mk-gl-hero .mk-dwie { flex-direction: column; }
	.mk-gl-hero .mk-dwie > .mk-kol { width: 100%; }
	.mk-gl-hero__tekst > .mk-wnetrze { margin: 0; width: 100%; }
	.mk-gl-hero__tytul { font-size: 35px; line-height: 33px; }
	.mk-gl-hero__nadtytul p, .mk-gl-hero__tresc p { margin: 0; }
	.mk-gl-hero .mk-przyciski .mk-przycisk { width: auto; }
	.mk-karuzela__el { flex-basis: 50%; }
	.mk-gl-kafel__tytul { font-size: 15px; }
	.mk-gl-montaz { padding: 60px 20px; }
	.mk-gl-montaz__w { flex-direction: column; align-items: stretch; }
	.mk-gl-montaz__w > .mk-kol { width: 100%; }
	.mk-gl-montaz__tekst > .mk-wnetrze { padding: 0 0 40px; }
	.mk-gl-montaz__tytul { font-size: 32px; }
	.mk-gl-montaz__boks > .mk-wnetrze { padding: 50px 20px; }
	.mk-cf7 .mk-f__pole--pol { width: 100%; }
	.mk-gl-proces__rzad { flex-direction: column; }
	.mk-gl-proces__kol { width: 100%; }
	.mk-gl-proces__kol:nth-child(n) > .mk-gl-proces__krok { margin: 0 0 20px; }
	.mk-gl-proces__kol:last-child > .mk-gl-proces__krok { margin-bottom: 0; }
	.mk-faqk--boks .mk-faqk__tytul { font-size: 32px; }
	.mk-faqk__kolumny { flex-direction: column; }
	.mk-faqk__kolumny > .mk-faqk__akordeon { width: 100%; margin: 0 0 30px; }
	.mk-faqk__boks { width: 100%; }
	.mk-faqk__boks-tytul { font-size: 32px; }
	.mk-gl-wpisy__siatka { grid-template-columns: 1fr; }
	.mk-gl-wpis__zdjecie { aspect-ratio: 2 / 1; }
}

/* Rodzaje (karty z nagłówkiem i opisem, po 3 w rzędzie) */
.mk-rodzaje__rzad { display: flex; }
.mk-rodzaje__rzad + .mk-rodzaje__rzad { margin-top: 30px; }
.mk-rodzaje__krok { width: 100%; padding: 30px; border: 1px solid #e7e7e7; border-radius: 20px; }
.mk-rodzaje__krok > * { margin: 0 0 20px; }
.mk-etapy__kol:first-child > .mk-rodzaje__krok { margin-right: 15px; }
.mk-etapy__kol:nth-child(2) > .mk-rodzaje__krok { margin: 0 15px; }
.mk-etapy__kol:last-child > .mk-rodzaje__krok { margin-left: 15px; }
.mk-rodzaje__krok > *:last-child { margin-bottom: 0; }
.mk-rodzaje__nazwa { color: #000; font: 700 26px/1.3 var(--mk-font); }
@media (max-width: 767px) {
	.mk-rodzaje__rzad { flex-direction: column; }
	.mk-rodzaje__rzad .mk-etapy__kol { width: 100%; }
	.mk-rodzaje__rzad .mk-etapy__kol:nth-child(n) > .mk-rodzaje__krok { margin: 0 0 20px; }
	.mk-rodzaje__rzad:last-child .mk-etapy__kol:last-child > .mk-rodzaje__krok { margin-bottom: 0; }
	.mk-rodzaje__nazwa { font-size: 24px; line-height: 33px; }
	.mk-raty__obraz.mk-raty__obraz--pelny { padding: 10px 0 0; }
}

/* Dwa przyciski w sekcji tekstu (O nas) */
.mk-przyciski--dwa .mk-przycisk--obrys { margin: 0 10px 0 0; }
.mk-tz--akapity .mk-tresc p { margin: 0 0 1.75em; }
.mk-przyciski--dwa .mk-przycisk--obrys:hover, .mk-przyciski--dwa .mk-przycisk--obrys:focus { border-color: #045cb4ed; background: #045cb4ed; color: #fff; }

/* Wartości (O nas) */
.mk-wartosci { padding: 90px 0; background: #f3f4f6; }
.mk-wartosci__w { max-width: 1400px; margin: 0 auto; padding: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.mk-wartosci__w > * { margin: 0; }
.mk-wartosci__nad { margin-bottom: 0 !important; }
.mk-wartosci__tytul { width: 75%; color: #000; font: 800 48px/1.3 var(--mk-font); }
.mk-wartosci__opis { width: 55%; color: var(--mk-tekst); font: 400 20px/28px var(--mk-font); }
.mk-wartosci__opis p { margin: 0 0 1.75em; }
.mk-wartosci__siatka { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; width: 100%; text-align: left; }
.mk-wartosci__karta { padding: 30px; border: 1px solid #ddd; border-radius: 20px; background: #fff; transition: box-shadow .3s; }
.mk-wartosci__karta:hover { box-shadow: 0 0 10px #014a97; }
.mk-wartosci__ikona { display: flex; justify-content: center; width: 70px; margin: 0 0 32px; padding: 10px; border-radius: 15px; background: #f3f4f6; color: #014a97; font-size: 40px; line-height: 1; transform: translateY(7px); }
.mk-wartosci__nazwa { margin: 0 0 25px; color: #000; font: 700 24px/1.3 var(--mk-font); }
.mk-wartosci__tekst, .mk-wartosci__tekst p { margin: 0; color: var(--mk-tekst); font: 400 16px/25px var(--mk-font); }

/* Liczniki */
.mk-liczniki { padding: 60px 0; background: #014a97; }
.mk-liczniki__w { display: flex; max-width: 1400px; margin: 0 auto; }
.mk-licznik { flex: 1 1 0; padding: 15px; text-align: center; }
.mk-licznik__liczba { margin: 0; color: #fff; font: 700 60px/1 var(--mk-font); }
.mk-licznik__podpis { margin: 0; color: #fff; font: 400 18px/45px var(--mk-font); }

/* Zachęta */
.mk-zacheta { padding: 60px 0; }
.mk-zacheta__boks { max-width: 984px; margin: 0 auto; padding: 65px; border-radius: 25px; background: #024a94; text-align: center; }
.mk-zacheta__boks > * { margin: 0 0 20px; }
.mk-zacheta__boks > *:last-child { margin-bottom: 0; }
.mk-zacheta__tytul { color: #fff; font: 700 36px/1.3 var(--mk-font); }
.mk-zacheta__tresc { color: #fff; font: 400 18px/1.65 var(--mk-font); }
.mk-zacheta__tresc p { margin: 0; }
.mk-zacheta__przyciski { display: flex; }
.mk-zacheta__kol { width: 50%; padding: 10px; text-align: right; }
.mk-zacheta__kol + .mk-zacheta__kol { text-align: left; }
.mk-zacheta__przycisk { display: inline-block; padding: 20px; border: 2px solid; border-radius: 10px; font: 500 1.1rem/1 var(--mk-font); text-decoration: none; transition: background-color .3s, color .3s; }
.mk-zacheta__przycisk--bialy, .mk-zacheta__przycisk--bialy:hover { border-color: #024a93; background: #fff; color: #024a94; }
.mk-zacheta__przycisk--bialy:hover { color: #000; }
.mk-zacheta__przycisk--obrys, .mk-zacheta__przycisk--obrys:hover { border-color: #fff; background: transparent; color: #fff; }
.mk-zacheta__przycisk--obrys:hover { background: #0d5bab; }

@media (max-width: 1024px) {
	.mk-wartosci__siatka { grid-template-columns: repeat(3, 25%); } /* jak Elementor: kolumny 25% + odstęp 26 px, czwarta karta w nowym rzędzie */
	.mk-tz--tablet-dwie .mk-dwie { flex-wrap: nowrap; }
	.mk-tz--tablet-dwie .mk-dwie > .mk-kol { width: 50%; }
	.mk-tz--tablet-dwie .mk-kol--tekst > .mk-wnetrze { margin: 0 25px 0 0; width: calc(100% - 25px); }
	.mk-tz--tablet-dwie.mk-odwroc-tablet .mk-kontener { flex-direction: row; }
}
@media (max-width: 767px) {
	.mk-przyciski--dwa .mk-przycisk--obrys { margin: 0 0 10px; }
	.mk-tz .mk-tytul { font-size: var(--mk-tytul-m, 24px); }
	.mk-nadtytul.mk-nadtytul--wysoki { line-height: 33px; }
	.mk-tz--akapity .mk-tresc p { margin: 0; }
	.mk-tz--tablet-dwie .mk-dwie { flex-wrap: wrap; }
	.mk-tz--tablet-dwie .mk-dwie > .mk-kol { width: 100%; }
	.mk-tz--tablet-dwie .mk-kol--tekst > .mk-wnetrze { margin: 0; width: 100%; }
	.mk-wartosci { padding: 30px 15px; }
	.mk-wartosci__w { align-items: stretch; text-align: left; }
	.mk-wartosci__nad { font-size: 18px; line-height: 33px; }
	.mk-wartosci__tytul { width: auto; margin-bottom: 15px !important; font-size: 35px; line-height: 33px; }
	.mk-wartosci__opis { width: auto; margin-bottom: 20px !important; }
	.mk-wartosci__opis p { margin: 0; }
	.mk-wartosci__siatka { grid-template-columns: 1fr; }
	.mk-wartosci__nazwa { font-size: 28px; line-height: 33px; }
	.mk-liczniki__w { flex-direction: column; }
	.mk-zacheta__boks { padding: 37px; }
	.mk-zacheta__tytul { font-size: 35px; line-height: 33px; }
	.mk-zacheta__przyciski { flex-direction: column; }
	.mk-zacheta__kol, .mk-zacheta__kol + .mk-zacheta__kol { width: 100%; text-align: center; }
}

/* Kontakt */
.mk-kontakt { padding: 50px 0; }
.mk-kontakt__w { display: flex; max-width: 1235px; margin: 0 auto; }
.mk-kontakt__dane { flex: 0 0 40%; min-width: 0; }
.mk-kontakt__dane > * { margin: 0 0 20px; }
.mk-kontakt__dane > *:last-child { margin-bottom: 0; }
.mk-kontakt__formularz { flex: 1 1 auto; min-width: 0; margin-left: 50px; }
.mk-kontakt__tytul { color: #000; font: 700 32px/1.3 var(--mk-font); }
.mk-kontakt__adres { color: #000; font: 600 16px/1.65 var(--mk-font); }
.mk-kontakt__lista { list-style: none; padding: 0; }
.mk-kontakt__lista:not(:last-child) { margin-bottom: 50px !important; }
.mk-kontakt__lista li + li { margin-top: 15px; }
.mk-kontakt__lista a { display: flex; align-items: center; min-height: 25px; color: #000; font: 700 14px/1.65 var(--mk-font); text-decoration: none; }
.mk-kontakt__lista .mikola-ikona { flex: 0 0 auto; width: 25px !important; height: 25px; margin-right: 11px; color: #004997; }
.mk-formularz--odstep40 .mk-cf7 .mk-f { row-gap: 40px; }
.mk-formularz--gwiazdki .mk-cf7 .mk-f__wym > label::after { content: "*"; padding-left: .2em; color: red; }
@media (max-width: 767px) {
	.mk-kontakt__w { flex-direction: column; padding: 0 12px; }
	.mk-kontakt__formularz { margin: 50px 0 0; }
}

.mk-kontakt__tresc { color: #000; font: 400 16px/1.65 var(--mk-font); }
.mk-kontakt__tresc p { margin: 0; }
.mk-cf7 textarea.mk-f__krotkie { height: 40px; min-height: 40px; }

/* Formularz (Darmowa wycena) */
.mk-formularz-sekcja { margin: 15px 0; padding: 50px 0; }
.mk-formularz-sekcja__w { max-width: 1235px; margin: 0 auto; }
.mk-formularz-sekcja__w > * { margin: 0 0 20px; }
.mk-formularz-sekcja__w > *:last-child { margin-bottom: 0; }
.mk-formularz-sekcja__tytul { color: #000; font: 700 32px/1.3 var(--mk-font); text-align: center; }
.mk-formularz-sekcja__opis { padding-bottom: 20px; color: #000; font: 500 16px/1.65 var(--mk-font); text-align: center; }
.mk-formularz-sekcja__opis p { margin: 0 0 1.75em; }
.mk-formularz-sekcja__pole { padding-left: 50px; }

/* Dokumenty do pobrania */
.mk-dokumenty { padding: 0; }
.mk-dokumenty__w { max-width: 1235px; margin: 0 auto; }
.mk-dokumenty__tytul { margin: 0 0 20px; color: #000; font: 700 32px/1.3 var(--mk-font); }
.mk-dokument { display: flex; align-items: center; border-bottom: 1px solid #e2e2e2; }
.mk-dokument__nazwa { display: flex; align-items: flex-start; width: 80%; padding: 10px; color: #54595f; font: 500 16px/1.65 var(--mk-font); text-decoration: none; }
.mk-dokument__nazwa:hover { color: #014998; }
.mk-dokument__nazwa .mikola-ikona { flex: 0 0 auto; width: 45px !important; height: 59px !important; padding: 0 4.5px; color: #014998; font-size: 36px; }
.mk-dokument__nazwa span { padding: 16px 0 0 5px; }
.mk-dokument__pobierz { margin: 10px 10px 10px auto; padding: 18px; border-radius: 10px; background: #014998; color: #fff; font: 700 18px/1 Onest, sans-serif; text-decoration: none; }
.mk-dokument__pobierz:hover, .mk-dokument__pobierz:focus { background: #045cb4; color: #fff; }
@media (max-width: 767px) {
	.mk-formularz-sekcja__w, .mk-dokumenty__w { padding: 0 12px; }
	.mk-formularz-sekcja__pole { padding: 50px 0 0; }
	.mk-dokumenty__w { padding: 1px 10px; }
	.mk-dokument { flex-direction: column; align-items: flex-start; }
	.mk-dokument__nazwa { width: 100%; }
	.mk-dokument__pobierz { margin: 10px; }
}

/* 404 */
.mk-404 { padding: 40px 20px; }
.mk-404__w { max-width: 1400px; margin: 0 auto; padding: 10px; text-align: center; }
.mk-404__tytul { margin: 0 0 20px; color: #000; font: 600 60px/1.3 var(--mk-font); }
.mk-404__przycisk { border: 2px solid var(--mk-akcent); }
.mk-404__przycisk:hover, .mk-404__przycisk:focus { background: transparent; color: var(--mk-akcent); }

/* ---------- Wpis na blogu (single-post.php) ---------- */
.mk-wpis__gora { margin: 50px 0; }
.mk-wpis .mk-kol > .mk-wnetrze { justify-content: flex-start; }
.mk-wpis__okruszki, .mk-wpis__okruszki a { color: #000; font: 400 14px/1.65 var(--mk-font); }
.mk-wpis__okruszki p { margin: 0; }
.mk-wpis__tytul { color: #000; font: 700 42px/1.4 var(--mk-font); }
.mk-wpis__zajawka { color: var(--mk-tekst); font: 400 18px/1.65 var(--mk-font); }
.mk-wpis__zajawka p { margin: 0; }
.mk-wpis__info { display: flex; flex-wrap: wrap; list-style: none; padding: 0; color: #54595f; font-family: Roboto, sans-serif; line-height: 1.65; }
.mk-wpis__info li { display: flex; align-items: center; }
.mk-wpis__info li + li { margin-left: 16px; }
.mk-wpis__info .mikola-ikona { color: #004b95; font-size: 14px; }
.mk-wpis__info time, .mk-wpis__info span { padding-left: 5px; }
.mk-wpis__autor { display: flex; align-items: flex-start; }
.mk-wpis__awatar { flex: 0 0 65px; width: 65px; height: 65px !important; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, .15); object-fit: cover; }
.mk-wpis__autor-tekst { margin-left: 25px; }
.mk-wpis__autor-nazwa { color: var(--mk-tekst); font: 600 17px/1.65 var(--mk-font); }
.mk-wpis__autor-rola { margin: 0 0 11.2px; color: var(--mk-tekst); font: 400 14px/1.65 var(--mk-font); }
.mk-wpis__zdjecie { width: 100%; border-radius: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, .15); }
.mk-wpis__kolumny { align-items: stretch; }
.mk-wpis__tresc-kol { width: 66.666%; }
.mk-wpis__bok { width: 33.334%; }
.mk-wpis__bok > .mk-wnetrze { display: block; }
.mk-wpis__boks { position: sticky; top: 100px; z-index: 1; border: 1px solid #ddd; border-radius: 20px; }
.mk-wpis__boks-w { padding: 20px; border-radius: 20px; background: #f3f4f6; }
.mk-wpis__boks-w > * { margin: 0 0 20px; }
.mk-wpis__boks-w > *:last-child { margin-bottom: 0; }
.mk-wpis__boks-img { width: 100%; border-radius: 20px; }
.mk-wpis__przycisk { display: block; width: 100%; }
.mk-wpis__przycisk.mk-przycisk--obrys { margin-left: 0; }
.mk-wpis__przycisk.mk-przycisk--obrys:hover, .mk-wpis__przycisk.mk-przycisk--obrys:focus { border-color: #045cb4ed; background: #045cb4ed; color: #fff; }
.mk-wpis__tresc { color: var(--mk-tekst); font: 400 18px/1.65 var(--mk-font); }
.mk-wpis__tresc p { margin: 0 0 1.75em; }
.mk-wpis__tresc h2 { margin: 1.5em 0 19px; color: #1e293b; font: 600 30px/1.3 var(--mk-font); }
.mk-wpis__tresc h3 { margin: 1.5em 0 17.2px; color: #1e293b; font: 600 24px/1.3 var(--mk-font); }
.mk-wpis__tresc ul, .mk-wpis__tresc ol { margin: 0 0 1.5em 3em; padding: 0; }
.mk-wpis__tresc a { color: #046bd2; }
.mk-wpis__tresc img { border-radius: 20px; }
.mk-wpis__podobne { margin-top: 29px; }
.mk-wpis__linia { height: 0; margin: 0 0 20px !important; padding: 15px 0; border: 0; background: none; }
.mk-wpis__linia::after { content: ""; display: block; border-top: 1.1px solid #7a7a7a; }
.mk-wpis__podobne-tytul { color: #000; font: 600 32px/1.3 var(--mk-font); }
.mk-wpis__siatka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px 30px; }
.mk-wpis__karta-zdjecie { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 40px; aspect-ratio: 1 / .66; }
.mk-wpis__karta-zdjecie img { width: 100%; height: 100% !important; object-fit: cover; }
.mk-wpis__karta-tytul { margin: 0 0 15px; font: 600 18px/1.3 var(--mk-font); }
.mk-wpis__karta-tytul a, .mk-wpis__karta-tytul a:hover { color: #000; text-decoration: none; }
@media (max-width: 1024px) {
	.mk-wpis .mk-dwie { flex-wrap: nowrap; }
	.mk-wpis .mk-dwie > .mk-kol { width: 50%; }
	.mk-wpis__tresc h2 { font-size: 22.8px; }
	.mk-wpis__tresc h3 { font-size: 18.24px; }
	.mk-wpis__siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.mk-wpis .mk-dwie { flex-direction: column; }
	.mk-wpis .mk-dwie > .mk-kol, .mk-wpis__tresc-kol, .mk-wpis__bok { width: 100%; }
	.mk-wpis__kolumny { flex-direction: column; }
	.mk-wpis__tytul { font-size: 28px; }
	.mk-wpis__boks { position: static; }
	.mk-wpis__siatka { grid-template-columns: 1fr; }
	.mk-wpis__karta-zdjecie { aspect-ratio: 2 / 1; }
}