/*
 * Zestawy świąteczne dla firm — landing /zestawy-swiateczne-dla-firm/.
 * Spec: docs/superpowers/specs/2026-11-10-zestawy-swiateczne-dla-firm.md
 *
 * Tokeny sklepu: strona główna (.szn-wartosci, .szn-about), nagłówek kategorii (beż),
 * pola formularzy (--ozi-field-*). Na oliwce napis ciemnozielony (5,8:1), nie biały (2,3:1).
 * Selektory z prefiksem .ozf-strona (klasa body z modułu): GP koloruje linki regułą
 * .inside-article a (0,1,1), więc przyciski-linki potrzebują wyższej specyficzności.
 * Ikony: Lucide (https://lucide.dev, licencja ISC) jako maski CSS — w treści strony jest tylko
 * <span class>, który przetrwa zapis przez konto bez unfiltered_html.
 */

.ozf-strona {
	--ozf-zielen: #073823;
	--ozf-zielen-2: #0f5236;
	--ozf-oliwka: #9CB477;
	--ozf-oliwka-2: #86A05F;
	--ozf-oliwka-tekst: #4d6b2a;
	--ozf-oliwka-jasna: #C5D6AC;
	--ozf-bez: #F7F3F0;
	--ozf-ramka: #EAE3DC;
	--ozf-ramka-pola: #DFD8D3;
	--ozf-tekst: #232323;
	--ozf-opis: #5c5850;
	--ozf-blad: #b3261e;
	--ozf-cien: 0 14px 34px rgba(7, 56, 35, .12);
}

/* ---- Szkielet sekcji ---------------------------------------------------- */

.ozf-strona .ozf-sekcja { margin: 0 0 96px; color: var(--ozf-tekst); font-family: Rubik, sans-serif; }
.ozf-strona .ozf-pelna { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.ozf-strona .ozf-wnetrze { max-width: 1440px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }
.ozf-strona .ozf-tlo-bez { background: var(--ozf-bez); padding: 88px 0; }
.ozf-strona .ozf-sekcja[id] { scroll-margin-top: 16px; }

.ozf-strona .ozf-naglowek { max-width: 780px; margin: 0 auto 48px; text-align: center; }
.ozf-strona .ozf-nadtytul { margin: 0 0 12px; font: 500 13px/1.4 Rubik, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ozf-oliwka-tekst); }
.ozf-strona .ozf-nadtytul--jasny { color: var(--ozf-oliwka-jasna); }
/* 11em: „Zestawy świąteczne / dla firm” — balance dawał „Zestawy / świąteczne dla firm”. */
.ozf-strona .ozf-h1 { max-width: 11em; margin: 0 0 20px; font: 400 50px/1.14 Merriweather, serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-h2 { margin: 0 0 16px; font: 400 38px/1.22 Merriweather, serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-h2--jasny { color: #fff; }
.ozf-strona .ozf-h3 { margin: 0 0 10px; font: 500 19px/1.32 Rubik, sans-serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-lead { margin: 0; font-size: 17px; line-height: 1.7; color: var(--ozf-opis); }
.ozf-strona .ozf-h2,
.ozf-strona .ozf-h3,
.ozf-strona .ozf-sukces__tytul,
.ozf-strona .ozf-kontakt__tytul,
.ozf-strona .ozf-pasek-tel__tytul { text-wrap: balance; }
.ozf-strona .ozf-lead,
.ozf-strona .ozf-kafel p,
.ozf-strona .ozf-krok p { text-wrap: pretty; }
.ozf-strona .ozf-przypis { margin: 36px 0 0; font-size: 15px; line-height: 1.6; color: var(--ozf-opis); text-align: center; }
.ozf-strona .ozf-przypis a,
.ozf-strona .ozf-link,
.ozf-strona .ozf-tel-link { color: var(--ozf-zielen); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ozf-strona .ozf-przypis a:hover,
.ozf-strona .ozf-link:hover,
.ozf-strona .ozf-tel-link:hover { color: var(--ozf-oliwka-tekst); }
.ozf-strona .ozf-tel-link { font-weight: 500; white-space: nowrap; }
.ozf-strona .ozf-nowrap { white-space: nowrap; }
.ozf-strona .ozf-lista-reset,
.ozf-strona .ozf-zestawy,
.ozf-strona .ozf-kafle,
.ozf-strona .ozf-atuty,
.ozf-strona .ozf-kroki,
.ozf-strona .ozf-lista-ok,
.ozf-strona .ozf-wysylka { list-style: none; margin: 0; padding: 0; }

/* ---- Ikony (maski) ------------------------------------------------------ */

.ozf-strona .ozf-ikona { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--ozf-i) center / contain no-repeat; mask: var(--ozf-i) center / contain no-repeat; }
.ozf-strona .ozf-kolo { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 80px; height: 80px; border-radius: 50%; background: var(--ozf-bez); color: var(--ozf-zielen); }
.ozf-strona .ozf-kolo .ozf-ikona { width: 34px; height: 34px; }
.ozf-strona .ozf-kolo--jasne { background: rgba(255, 255, 255, .1); color: var(--ozf-oliwka-jasna); }
.ozf-strona .ozf-kolo--ok { background: var(--ozf-oliwka); color: var(--ozf-zielen); }

/* ---- Przyciski ---------------------------------------------------------- */

.ozf-strona .ozf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 30px; border: 1.5px solid transparent; border-radius: 999px; box-sizing: border-box; font: 500 16px/1.25 Rubik, sans-serif; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.ozf-strona .ozf-btn:focus-visible,
.ozf-strona .ozf-podpowiedz:focus-visible,
.ozf-strona .ozf-link:focus-visible,
.ozf-strona .ozf-tel-link:focus-visible,
.ozf-strona .ozf-zestaw__nazwa a:focus-visible,
.ozf-strona .ozf-przypis a:focus-visible { outline: 3px solid var(--ozf-oliwka); outline-offset: 3px; }
.ozf-strona .ozf-btn--ciemny { background: var(--ozf-zielen); color: #fff; }
.ozf-strona .ozf-btn--ciemny:hover { background: var(--ozf-zielen-2); color: #fff; }
.ozf-strona .ozf-btn--oliwka { background: var(--ozf-oliwka); color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--oliwka:hover { background: var(--ozf-oliwka-2); color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--oliwka:focus-visible { outline-color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--obrys { background: transparent; border-color: var(--ozf-zielen); color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--obrys:hover { background: var(--ozf-zielen); color: #fff; }
.ozf-strona .ozf-btn--jasny { background: #fff; color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--jasny:hover { background: var(--ozf-bez); color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--obrys-jasny { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff; }
.ozf-strona .ozf-btn--obrys-jasny:hover { background: #fff; border-color: #fff; color: var(--ozf-zielen); }
.ozf-strona .ozf-btn--duzy { min-height: 58px; padding: 0 36px; font-size: 17px; }
.ozf-strona .ozf-btn .ozf-ikona { width: 20px; height: 20px; }
.ozf-strona .ozf-przyciski { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---- Hero --------------------------------------------------------------- */

.ozf-strona .ozf-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 56px; align-items: center; padding: 64px; background: var(--ozf-bez); }
.ozf-strona .ozf-hero__lead { margin: 0 0 32px; max-width: 610px; font-size: 18px; line-height: 1.7; color: var(--ozf-tekst); }
/* Rabat od 10 zestawów (decyzja Pawła 2026-11-12) — wyróżniony między opisem a przyciskami. */
.ozf-strona .ozf-rabat { display: inline-flex; align-items: center; gap: 14px; max-width: 610px; margin: -12px 0 30px; padding: 10px 22px 10px 10px; border: 1px solid var(--ozf-ramka); border-radius: 16px; background: #fff; font-size: 15px; line-height: 1.5; color: var(--ozf-tekst); }
.ozf-strona .ozf-rabat strong { font-weight: 500; color: var(--ozf-zielen); }
.ozf-strona .ozf-rabat .ozf-kolo { width: 44px; height: 44px; background: var(--ozf-oliwka); }
.ozf-strona .ozf-rabat .ozf-kolo .ozf-ikona { width: 22px; height: 22px; }
.ozf-strona .ozf-hero__godziny { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--ozf-opis); }
.ozf-strona .ozf-atuty { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 28px; margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--ozf-ramka); }
.ozf-strona .ozf-atuty li { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 15px; line-height: 1.4; color: var(--ozf-zielen); }
.ozf-strona .ozf-atuty .ozf-ikona { width: 22px; height: 22px; color: var(--ozf-oliwka-2); }
.ozf-strona .ozf-hero__zdjecia { position: relative; padding: 0 0 64px 64px; }
.ozf-strona .ozf-hero__foto { margin: 0; }
.ozf-strona .ozf-hero__foto img { display: block; width: 100%; height: auto; border-radius: 14px; }
.ozf-strona .ozf-hero__foto--glowne { position: relative; }
.ozf-strona .ozf-hero__foto--glowne img { box-shadow: var(--ozf-cien); }
.ozf-strona .ozf-hero__foto--male { position: absolute; left: 0; bottom: 0; width: 44%; }
.ozf-strona .ozf-hero__foto--male img { border: 6px solid #fff; box-shadow: 0 16px 36px rgba(7, 56, 35, .18); }
.ozf-strona .ozf-hero__plakietka { position: absolute; top: 18px; right: 18px; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 36px); padding: 10px 16px; border-radius: 999px; background: #fff; box-shadow: 0 6px 18px rgba(7, 56, 35, .14); font: 500 14px/1.25 Rubik, sans-serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-hero__plakietka .ozf-ikona { color: var(--ozf-oliwka-2); }

/* ---- Karty zestawów (jak listing kategorii) ----------------------------- */

.ozf-strona .ozf-zestawy { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 30px; }
.ozf-strona .ozf-zestaw { display: flex; flex-direction: column; margin: 0; }
.ozf-strona .ozf-zestaw__foto { display: block; border: 1px solid var(--ozf-ramka-pola); background: #fff; }
.ozf-strona .ozf-zestaw__img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.ozf-strona .ozf-zestaw__opis { display: flex; flex: 1; flex-direction: column; padding-top: 16px; }
.ozf-strona .ozf-zestaw__nazwa { margin: 0; font: 400 18px/1.35 Merriweather, serif; }
.ozf-strona .ozf-zestaw__nazwa a { color: var(--ozf-zielen); text-decoration: none; }
.ozf-strona .ozf-zestaw__nazwa a:hover { color: var(--ozf-oliwka-tekst); }
.ozf-strona .ozf-zestaw .ozi-ocena--lista { margin: 10px 0 0; }
.ozf-strona .ozf-zestaw__bez-oceny { height: 14px; margin: 10px 0 0; }
.ozf-strona .ozf-zestaw__cena { margin: 8px 0 16px; font-size: 17px; line-height: 1.5; text-align: center; color: var(--ozf-zielen); }
.ozf-strona .ozf-zestaw__cena .amount { font-weight: 500; }
.ozf-strona .ozf-zestaw__szt { font-size: 14px; color: var(--ozf-opis); }
.ozf-strona .ozf-zestaw__akcje { display: flex; flex-direction: column; gap: 12px; margin-top: auto; }
.ozf-strona .ozf-btn--karta { width: 100%; min-height: 50px; padding: 0 16px; font-size: 16px; }
.ozf-strona .ozf-zestaw__akcje .ozf-link { align-self: center; padding: 4px 0; font-size: 15px; }

/* ---- Kafle personalizacji ---------------------------------------------- */

.ozf-strona .ozf-kafle { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ozf-strona .ozf-kafel { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 36px 30px 32px; border: 1px solid var(--ozf-ramka); border-radius: 16px; background: #fff; text-align: center; }
.ozf-strona .ozf-kafel .ozf-kolo { margin-bottom: 18px; }
.ozf-strona .ozf-kafel p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--ozf-opis); }
.ozf-strona .ozf-kafel__znacznik { display: inline-block; margin: 0 0 10px; padding: 3px 10px; border-radius: 999px; background: var(--ozf-bez); font: 500 12px/1.4 Rubik, sans-serif; letter-spacing: .04em; color: var(--ozf-oliwka-tekst); }

/* ---- Kompozycja własna (jak „Rodzinna Olejarnia”) ---------------------- */

.ozf-strona .ozf-kompozycja { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); min-height: 520px; background: var(--ozf-zielen); color: #fff; }
.ozf-strona .ozf-kompozycja__tekst { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 72px 64px; }
.ozf-strona .ozf-kompozycja__tekst > p { margin: 0 0 24px; max-width: 600px; font-size: 16px; line-height: 1.8; color: rgba(255, 255, 255, .88); }
.ozf-strona .ozf-kompozycja .ozf-lista-ok { margin: 0 0 32px; }
.ozf-strona .ozf-kompozycja__tekst > p.ozf-kompozycja__male { margin: 22px 0 0; font-size: 14px; color: rgba(255, 255, 255, .8); }
.ozf-strona .ozf-kompozycja__male a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.ozf-strona .ozf-kompozycja__male a:hover { color: var(--ozf-oliwka-jasna); }
.ozf-strona .ozf-kompozycja__male a:focus-visible { outline: 3px solid var(--ozf-oliwka); outline-offset: 3px; }
.ozf-strona .ozf-kompozycja__foto { position: relative; min-height: 320px; margin: 0; overflow: hidden; }
.ozf-strona .ozf-kompozycja__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Lista z „ptaszkami” — w karcie kontaktu i w bloku kompozycji */
.ozf-strona .ozf-lista-ok li { position: relative; margin: 0 0 10px; padding-left: 30px; font-size: 15px; line-height: 1.5; }
.ozf-strona .ozf-lista-ok li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--ozf-oliwka); }
.ozf-strona .ozf-lista-ok li::after { content: ""; position: absolute; left: 4px; top: 6px; width: 12px; height: 12px; background: var(--ozf-zielen); -webkit-mask: var(--ozf-i-ok) center / contain no-repeat; mask: var(--ozf-i-ok) center / contain no-repeat; }

/* ---- Wysyłka ------------------------------------------------------------ */

.ozf-strona .ozf-wysylka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; }
.ozf-strona .ozf-wysylka__karta { display: flex; gap: 24px; align-items: flex-start; margin: 0; padding: 36px; border: 1px solid var(--ozf-ramka); border-radius: 16px; background: #fff; }
.ozf-strona .ozf-wysylka__karta p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--ozf-opis); }
.ozf-strona .ozf-wysylka__karta .ozf-kolo { width: 72px; height: 72px; }
.ozf-strona .ozf-wysylka__karta .ozf-kolo .ozf-ikona { width: 30px; height: 30px; }

/* ---- Jak to działa ------------------------------------------------------ */

.ozf-strona .ozf-kroki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; counter-reset: ozf-krok; }
.ozf-strona .ozf-krok { position: relative; margin: 0; padding-top: 4px; text-align: center; }
.ozf-strona .ozf-krok .ozf-kolo { position: relative; margin: 0 auto 20px; background: #fff; border: 1px solid var(--ozf-ramka); }
.ozf-strona .ozf-krok .ozf-kolo::after { counter-increment: ozf-krok; content: counter(ozf-krok); position: absolute; top: -4px; right: -4px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ozf-zielen); color: #fff; font: 500 14px/1 Rubik, sans-serif; }
.ozf-strona .ozf-krok:not(:last-child)::after { content: ""; position: absolute; top: 44px; left: calc(50% + 56px); width: calc(100% - 112px + 32px); border-top: 2px dashed var(--ozf-oliwka); }
.ozf-strona .ozf-krok p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--ozf-opis); }

/* Ramka z ważną informacją (termin na święta, projekt personalizacji); na beżowym tle — biała. */
.ozf-strona .ozf-info { display: flex; gap: 18px; align-items: center; max-width: 900px; margin: 48px auto 0; padding: 22px 28px; border-left: 4px solid var(--ozf-oliwka); border-radius: 0 12px 12px 0; background: var(--ozf-bez); }
.ozf-strona .ozf-tlo-bez .ozf-info { background: #fff; }
.ozf-strona .ozf-info .ozf-ikona { width: 28px; height: 28px; color: var(--ozf-zielen); }
.ozf-strona .ozf-info p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--ozf-tekst); }

.ozf-strona .ozf-pasek-tel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; margin-top: 56px; padding: 32px 40px; border-radius: 16px; background: var(--ozf-zielen); color: #fff; }
.ozf-strona .ozf-pasek-tel__tekst { display: flex; align-items: center; gap: 20px; }
.ozf-strona .ozf-pasek-tel__tytul { margin: 0 0 4px; font: 400 24px/1.3 Merriweather, serif; color: #fff; }
.ozf-strona .ozf-pasek-tel__opis { margin: 0; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .85); }

/* ---- Opinie (nagłówek nad Ferretem TrustMate) --------------------------- */

.ozf-strona .ozf-opinie { margin-bottom: 0; }
.ozf-strona .ozf-opinie .ozf-naglowek { margin-bottom: 0; }
.ozf-strona .ozf-opinie + .ozi-tm-sklep .ozi-tm-sklep-inner { padding-top: 24px; }

/* ---- Formularz ---------------------------------------------------------- */

.ozf-strona .ozf-zapytanie { margin-bottom: 72px; }
.ozf-strona .ozf-zapytanie__siatka { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.ozf-strona .ozf-zapytanie__glowna { padding: 48px 52px; border: 1px solid var(--ozf-ramka); border-radius: 16px; background: #fff; }
.ozf-strona .ozf-zapytanie__glowna > .ozf-lead { margin-bottom: 32px; }
.ozf-strona .ozf-form { margin: 0; }
.ozf-strona .ozf-form[hidden],
.ozf-strona .ozf-sukces[hidden],
.ozf-strona .ozf-blad[hidden],
.ozf-strona .ozf-komunikat[hidden] { display: none; }
.ozf-strona .ozf-form__wiersz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ozf-strona .ozf-pole { margin: 0 0 22px; }
.ozf-strona .ozf-etykieta { display: block; margin: 0 0 8px; font: 500 15px/1.4 Rubik, sans-serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-wymagane,
.ozf-strona .ozf-opcjonalne { font-weight: 400; font-size: 13px; color: var(--ozf-opis); }
.ozf-strona .ozf-input,
.ozf-strona .ozf-textarea { display: block; width: 100%; box-sizing: border-box; border: 1px solid var(--ozf-ramka-pola); background: #fff; color: var(--ozf-tekst); font: 400 16px/1.5 Rubik, sans-serif; transition: border-color .2s ease, box-shadow .2s ease; }
.ozf-strona .ozf-input { height: var(--ozi-field-h, 54px); padding: 0 22px; border-radius: var(--ozi-field-radius, 9999px); }
.ozf-strona .ozf-textarea { min-height: 180px; padding: 16px 20px; border-radius: 20px; resize: vertical; }
.ozf-strona .ozf-input::placeholder,
.ozf-strona .ozf-textarea::placeholder { color: #8a847d; opacity: 1; }
.ozf-strona .ozf-input:focus,
.ozf-strona .ozf-textarea:focus { outline: none; border-color: var(--ozf-zielen); box-shadow: 0 0 0 3px rgba(156, 180, 119, .45); }
.ozf-strona .ozf-input[aria-invalid="true"],
.ozf-strona .ozf-textarea[aria-invalid="true"] { border-color: var(--ozf-blad); }
.ozf-strona .ozf-pomoc { margin: 8px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--ozf-opis); }
.ozf-strona .ozf-pole .ozf-etykieta + .ozf-pomoc { margin: -2px 0 12px; font-size: 14px; }
.ozf-strona .ozf-blad { margin: 8px 0 0; font-size: 14px; line-height: 1.45; color: var(--ozf-blad); }
.ozf-strona .ozf-podpowiedzi { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.ozf-strona .ozf-podpowiedz { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; padding: 0 16px; border: 1px solid var(--ozf-ramka-pola); border-radius: 999px; background: var(--ozf-bez); color: var(--ozf-zielen); font: 400 14px/1.2 Rubik, sans-serif; cursor: pointer; transition: border-color .2s ease, background-color .2s ease; }
.ozf-strona .ozf-podpowiedz:hover { border-color: var(--ozf-oliwka); background: #fff; }
.ozf-strona .ozf-podpowiedz span { font-weight: 500; color: var(--ozf-oliwka-tekst); }
/* Cloudflare Turnstile (appearance: interaction-only): bez miejsca, dopóki Cloudflare nie pokaże pola. */
.ozf-strona .ozf-turnstile { max-width: 100%; }
.ozf-strona .ozf-turnstile--widoczny { margin: 4px 0 20px; }
.ozf-strona .ozf-form__stopka { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 8px; }
.ozf-strona .ozf-form__info { margin: 0; font-size: 14px; color: var(--ozf-opis); }
.ozf-strona .ozf-btn[aria-busy="true"] { opacity: .75; cursor: progress; }
.ozf-strona .ozf-komunikat { margin: 18px 0 0; padding: 14px 18px; border-radius: 12px; background: #fdecea; color: var(--ozf-blad); font-size: 15px; line-height: 1.5; }
.ozf-strona .ozf-rodo { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid var(--ozf-ramka); font-size: 12.5px; line-height: 1.6; color: var(--ozf-opis); }
.ozf-strona .ozf-rodo a { color: var(--ozf-zielen); }
.ozf-strona .ozf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.ozf-strona .ozf-sukces { padding: 24px 0 8px; text-align: center; }
.ozf-strona .ozf-sukces:focus { outline: none; }
.ozf-strona .ozf-sukces .ozf-kolo { margin: 0 auto 18px; }
.ozf-strona .ozf-sukces__tytul { margin: 0 0 12px; font: 400 26px/1.3 Merriweather, serif; color: var(--ozf-zielen); }
.ozf-strona .ozf-sukces p { margin: 0 0 8px; font-size: 16px; line-height: 1.6; color: var(--ozf-tekst); }

.ozf-strona .ozf-kontakt { position: sticky; top: 24px; padding: 40px 36px; border-radius: 16px; background: var(--ozf-zielen); color: #fff; }
.ozf-strona .ozf-kontakt .ozf-kolo { width: 64px; height: 64px; margin-bottom: 18px; }
.ozf-strona .ozf-kontakt .ozf-kolo .ozf-ikona { width: 28px; height: 28px; }
.ozf-strona .ozf-kontakt__tytul { margin: 0 0 10px; font: 400 26px/1.3 Merriweather, serif; color: #fff; }
.ozf-strona .ozf-kontakt > p { margin: 0 0 22px; font-size: 15px; line-height: 1.65; color: rgba(255, 255, 255, .88); }
.ozf-strona .ozf-kontakt .ozf-btn--telefon { width: 100%; font-size: 20px; }
.ozf-strona .ozf-kontakt .ozf-btn--telefon .ozf-ikona { width: 22px; height: 22px; }
.ozf-strona .ozf-kontakt p.ozf-kontakt__godziny { margin: 10px 0 18px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .8); }
.ozf-strona .ozf-kontakt p.ozf-kontakt__mail { margin: 0 0 26px; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, .16); font-size: 15px; color: rgba(255, 255, 255, .88); }
.ozf-strona .ozf-kontakt__mail a { color: #fff; text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.ozf-strona .ozf-kontakt__mail a:hover { color: var(--ozf-oliwka-jasna); }
.ozf-strona .ozf-kontakt__mail a:focus-visible { outline: 3px solid var(--ozf-oliwka); outline-offset: 3px; }
.ozf-strona .ozf-kontakt .ozf-lista-ok li,
.ozf-strona .ozf-kompozycja .ozf-lista-ok li { color: rgba(255, 255, 255, .92); }

/* ---- FAQ pod formularzem (PAS_Post_FAQ, style z wpisu 741) -------------- */

.ozf-strona .acf-faq { max-width: 960px; margin-left: auto; margin-right: auto; }

/* ---- Tablet ------------------------------------------------------------- */

@media (max-width: 1200px) {
	.ozf-strona .ozf-hero { gap: 40px; padding: 48px; }
	.ozf-strona .ozf-h1 { font-size: 42px; }
	.ozf-strona .ozf-zestawy { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ozf-strona .ozf-kompozycja__tekst { padding: 56px 44px; }
	.ozf-strona .ozf-zapytanie__glowna { padding: 40px 36px; }
}

@media (max-width: 1024px) {
	.ozf-strona .ozf-hero { grid-template-columns: 1fr; }
	.ozf-strona .ozf-hero__zdjecia { max-width: 560px; width: 100%; margin: 0 auto; }
	.ozf-strona .ozf-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ozf-strona .ozf-kroki { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; }
	.ozf-strona .ozf-krok::after { display: none; }
	.ozf-strona .ozf-zapytanie__siatka { grid-template-columns: 1fr; }
	.ozf-strona .ozf-kontakt { position: static; }
	.ozf-strona .ozf-h2 { font-size: 32px; }
}

@media (max-width: 900px) {
	.ozf-strona .ozf-kompozycja { grid-template-columns: 1fr; }
	.ozf-strona .ozf-kompozycja__foto { order: -1; min-height: 260px; }
	.ozf-strona .ozf-wysylka { grid-template-columns: 1fr; }
}

/* ---- Telefon ------------------------------------------------------------ */

@media (max-width: 640px) {
	.ozf-strona .ozf-sekcja { margin-bottom: 64px; }
	.ozf-strona .ozf-wnetrze { padding: 0 20px; }
	.ozf-strona .ozf-tlo-bez { padding: 56px 0; }
	.ozf-strona .ozf-naglowek { margin-bottom: 32px; }
	.ozf-strona .ozf-h1 { font-size: 32px; line-height: 1.2; }
	.ozf-strona .ozf-h2 { font-size: 27px; }
	.ozf-strona .ozf-lead,
	.ozf-strona .ozf-hero__lead { font-size: 16px; }
	.ozf-strona .ozf-hero { gap: 32px; margin-left: -10px; margin-right: -10px; padding: 32px 20px; }
	.ozf-strona .ozf-przyciski { flex-direction: column; align-items: stretch; }
	.ozf-strona .ozf-atuty { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; padding-top: 24px; }
	.ozf-strona .ozf-hero__zdjecia { padding: 0 0 40px 32px; }
	.ozf-strona .ozf-hero__plakietka { top: 10px; right: 10px; padding: 8px 12px; font-size: 12.5px; }
	.ozf-strona .ozf-zestawy { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
	.ozf-strona .ozf-zestaw__nazwa { font-size: 15px; }
	.ozf-strona .ozf-zestaw__cena { font-size: 15px; margin-bottom: 12px; }
	.ozf-strona .ozf-zestaw__szt { display: block; font-size: 13px; }
	.ozf-strona .ozf-btn--karta { min-height: 46px; padding: 0 10px; font-size: 14px; }
	.ozf-strona .ozf-kafle { grid-template-columns: 1fr; gap: 16px; }
	.ozf-strona .ozf-kafel { padding: 28px 22px 24px; }
	.ozf-strona .ozf-kolo { width: 68px; height: 68px; }
	.ozf-strona .ozf-kolo .ozf-ikona { width: 30px; height: 30px; }
	.ozf-strona .ozf-kompozycja { margin-left: -10px; margin-right: -10px; }
	.ozf-strona .ozf-kompozycja__tekst { padding: 40px 24px; }
	.ozf-strona .ozf-kompozycja .ozf-przyciski { align-self: stretch; }
	.ozf-strona .ozf-wysylka__karta { flex-direction: column; gap: 16px; padding: 28px 24px; }
	.ozf-strona .ozf-kroki { grid-template-columns: 1fr; gap: 32px; }
	.ozf-strona .ozf-info { align-items: flex-start; padding: 18px 20px; }
	.ozf-strona .ozf-rabat { display: flex; margin: -8px 0 24px; padding-right: 16px; }
	.ozf-strona .ozf-pasek-tel { padding: 28px 24px; }
	.ozf-strona .ozf-pasek-tel .ozf-btn { width: 100%; }
	.ozf-strona .ozf-pasek-tel__tekst .ozf-kolo { display: none; }
	.ozf-strona .ozf-zapytanie__glowna { padding: 28px 20px; }
	.ozf-strona .ozf-form__wiersz { grid-template-columns: 1fr; }
	.ozf-strona .ozf-form__stopka .ozf-btn { width: 100%; }
	.ozf-strona .ozf-kontakt { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.ozf-strona .ozf-btn,
	.ozf-strona .ozf-podpowiedz,
	.ozf-strona .ozf-input,
	.ozf-strona .ozf-textarea { transition: none; }
}

/* ---- Kształty ikon (Lucide, ISC) ---------------------------------------- */

.ozf-strona{--ozf-i-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.ozf-ikona--telefon{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.ozf-ikona--ok{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.ozf-ikona--strzalka{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E")}
.ozf-ikona--etykieta{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E")}
.ozf-ikona--logo{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M19.27 13.73A2.5 2.5 0 0 0 17.5 13h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.5c0-.66-.26-1.3-.73-1.77Z'/%3E%3Cpath d='M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-3-3c-1.66 0-3 1-3 3s1 2 1 3.5V13'/%3E%3C/svg%3E")}
.ozf-ikona--kartka{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.ozf-ikona--wkladka{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
.ozf-ikona--przepis{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}
.ozf-ikona--kod{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M15 15h.01'/%3E%3C/svg%3E")}
.ozf-ikona--budynek{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' 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 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E")}
.ozf-ikona--pinezka{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.ozf-ikona--paczka{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 2 2 4-4'/%3E%3Cpath d='M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M3.29 7 12 12l8.71-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E")}
.ozf-ikona--prezent{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")}
.ozf-ikona--kalendarz{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E")}
.ozf-ikona--faktura{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 17.5v-11'/%3E%3C/svg%3E")}
.ozf-ikona--lisc{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")}
.ozf-ikona--dostawa{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
.ozf-ikona--wiadomosc{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' 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%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E")}
.ozf-ikona--wycena{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E")}
.ozf-ikona--projekt{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z'/%3E%3Ccircle cx='13.5' cy='6.5' r='1'/%3E%3Ccircle cx='17.5' cy='10.5' r='1'/%3E%3Ccircle cx='8.5' cy='7.5' r='1'/%3E%3Ccircle cx='6.5' cy='12.5' r='1'/%3E%3C/svg%3E")}
.ozf-ikona--kompozycja{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")}
.ozf-ikona--procent{--ozf-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M15 15h.01'/%3E%3C/svg%3E")}