/* Zielony Olej Hurt: strona główna (sekcje Divi z klasą zoh-s). Kroje i zielenie jak w sklepie;
   ciemniejsza zieleń #4c7a2a tam, gdzie na niej stoi biały tekst (#5d8834 daje 4,2:1, za mało). */
.zoh-s .et_pb_text_inner > *:last-child{margin-bottom:0}
.zoh-s h1,.zoh-s h2,.zoh-s h3{font-family:'Playfair Display',Georgia,serif;color:#1f2a1a;padding:0;text-wrap:balance}
.zoh-s p,.zoh-s li{font-family:Nunito,sans-serif}
.zoh-nowrap{white-space:nowrap}
.zoh-nad{margin:0 0 12px!important;padding:0!important;font:700 14px/1.2 Nunito,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#3d6422}

/* przyciski */
.zoh-btn{display:inline-block;padding:15px 24px;border:2px solid #4c7a2a;border-radius:2px;background:#4c7a2a;color:#fff!important;font:700 16px/1.2 Nunito,sans-serif;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.zoh-btn:hover,.zoh-btn:focus-visible{background:#3d6422;border-color:#3d6422}
.zoh-btn--jasny{background:#fff;color:#2f4d19!important}
.zoh-btn--jasny:hover,.zoh-btn--jasny:focus-visible{background:#4c7a2a;border-color:#4c7a2a;color:#fff!important}
.zoh-btn--obrys{background:transparent;border-color:#fff;color:#fff!important}
.zoh-btn--obrys:hover,.zoh-btn--obrys:focus-visible{background:#fff;border-color:#fff;color:#244435!important}

/* 1. wstęp: krótki, żeby cennik zaczynał się na pierwszym ekranie; fakty i przyciski w karcie obok */
.et_pb_section.zoh-s--wstep{background:#eef3e8;border-bottom:3px solid #5d8834}
.zoh-wstep h1{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 12px}
.zoh-lead{font-size:18px!important;line-height:1.6!important;color:#33402b;margin:0!important}
.zoh-wstep-bok{background:#fff;border:1px solid #a3a89c;border-radius:2px;padding:22px 24px;box-shadow:none}
/* rząd butelek 5 L i kanistra ze zdjęć klientki na górze karty (21.10.2026) */
.zoh-wstep-bok .zoh-butelki{margin:-22px -24px 24px;padding:14px 10px 6px;border-bottom:1px solid #e6e6e6;border-radius:2px 2px 0 0;background:#fff;line-height:0}
.zoh-wstep-bok .zoh-butelki img{display:block;width:100%;height:auto;max-width:100%}
.zoh-wstep-bok .zoh-fakty{grid-template-columns:1fr;gap:10px;margin:0!important}
/* przyciski pod tekstem po lewej (21.10.2026), lewa kolumna wyśrodkowana w pionie obok karty z butelkami */
.zoh-wstep .zoh-akcje{margin:28px 0 0!important}
@media (max-width:767px){.zoh-wstep .zoh-akcje{margin:22px 0 0!important}}
@media (min-width:981px){.et_pb_section.zoh-s--wstep .et_pb_row{display:flex;align-items:center}}
.zoh-fakty{list-style:none!important;margin:0 0 30px!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.zoh-fakty li{position:relative;padding:0 0 0 32px!important;font-size:16px;font-weight:700;line-height:1.4;color:#1f2a1a;list-style:none}
.zoh-fakty li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#4c7a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2L18.5 8'/%3E%3C/svg%3E") center/13px no-repeat}
.zoh-akcje{display:flex;flex-wrap:wrap;gap:12px;margin:0!important;padding:0!important}
/* 2. cennik */
#cennik{scroll-margin-top:110px}
.zoh-naglowek{margin-bottom:18px!important}
.zoh-naglowek h2{font-size:30px;line-height:1.2;margin:0 0 6px}

/* 3. jak zamówić: pasek pod cennikiem, cztery kroki w rzędzie */
.et_pb_section.zoh-s--kroki{background:#eef3e8;border-top:3px solid #5d8834}
.zoh-kroki h2{font-size:30px;line-height:1.2;margin:0 0 24px}
.zoh-kroki ol{list-style:none!important;counter-reset:krok;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.zoh-kroki li{counter-increment:krok;position:relative;padding:0 0 0 48px!important;font-size:15px;line-height:1.5;color:#3a4733;list-style:none}
.zoh-kroki li::before{content:counter(krok);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:50%;background:#4c7a2a;color:#fff;font:700 15px/32px Nunito,sans-serif;text-align:center}
.zoh-kroki li strong{display:block;margin-bottom:2px;color:#1f2a1a;font-size:17px}
.zoh-kroki__kontakt{margin:26px 0 0!important;padding:18px 0 0!important;border-top:1px solid #d5e0c9;font-size:16px!important;line-height:1.6!important;color:#3a4733}
.zoh-kroki__kontakt a{color:#2f4d19;font-weight:700;white-space:nowrap}
.zoh-kroki__kontakt a:hover,.zoh-kroki__kontakt a:focus-visible{color:#1f2a1a;text-decoration:underline;text-underline-offset:3px}
.zoh-kroki__wysylka{margin:26px 0 0!important;padding:16px 20px!important;background:#fff;border:1px solid #a3a89c;border-left:4px solid #4c7a2a;border-radius:2px;font-size:16px!important;line-height:1.6!important;color:#3a4733}
.zoh-kroki__wysylka strong{color:#1f2a1a}
/* trzy części obok siebie: wiersz skraca kolumna, nie ograniczenie szerokości tekstu (czytelnosc.py: było 128 znaków) */
.zoh-kroki__wysylka p{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.6!important}
.zoh-kroki__wysylka p::first-letter,.zoh-kroki__wysylka p>span:first-child::first-letter{text-transform:uppercase}
.zoh-kroki__wysylka p>span{display:block}
.zoh-kroki__wysylka p+p{margin-top:6px!important}
@media (min-width:981px){.zoh-kroki__wysylka{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:4px 32px;align-items:start}.zoh-kroki__wysylka p+p{margin-top:0!important}
/* od 10.11.2026 piąty akapit (białka 25 kg): pod kolumnami z kwotami, nie w kolumnie tytułu (w niej rozpychał siatkę) */
.zoh-kroki__wysylka p:nth-child(n+5){grid-column:2/-1;margin-top:8px!important}}
.zoh-naglowek p{font-size:17px!important;line-height:1.6!important;color:#3a4733;margin:0!important}

/* 4. współpraca: ciemna sekcja */
.et_pb_section.zoh-s--wspolpraca{background:#244435}
.zoh-s--wspolpraca h2,.zoh-s--wspolpraca h3{color:#fff}
.zoh-s--wspolpraca p,.zoh-s--wspolpraca li{color:rgba(255,255,255,.88)}
.zoh-s--wspolpraca .zoh-nad{color:#b9d79a}
.zoh-wsp-intro h2{font-size:34px;line-height:1.2;margin:0 0 16px}
.zoh-wsp-intro p{font-size:16px!important;line-height:1.65!important;margin:0 0 26px!important}
.zoh-uslugi ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.zoh-uslugi li{padding:22px 0!important;border-top:1px solid rgba(255,255,255,.2);list-style:none}
.zoh-uslugi h3{font-size:20px;line-height:1.3;margin:0 0 8px}
.zoh-uslugi p{font-size:15px!important;line-height:1.6!important;margin:0!important}

/* 5. maszyny */
.zoh-maszyny h2{font-size:34px;line-height:1.2;margin:0 0 14px}
.zoh-maszyny p{font-size:17px!important;line-height:1.65!important;color:#3a4733}
.zoh-modele{list-style:none!important;margin:8px 0 28px!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.zoh-modele li{list-style:none;padding:0!important}
.zoh-modele a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #dde6d3;color:#1f2a1a;font-weight:700;font-size:16px;text-decoration:none}
.zoh-modele a::after{content:"→";color:#4c7a2a}
.zoh-modele a:hover,.zoh-modele a:focus-visible{color:#3d6422}
.zoh-maszyny__foto img{border-radius:2px;display:block}
.zoh-maszyny__foto a{display:block}
.zoh-maszyny__foto img{transition:opacity .2s}
.zoh-maszyny__foto a:hover img,.zoh-maszyny__foto a:focus-visible img{opacity:.85}

/* 6. kontakt */
.et_pb_section.zoh-s--kontakt{background:#4c7a2a}
.zoh-s--kontakt h2,.zoh-s--kontakt p,.zoh-s--kontakt a{color:#fff!important}
.zoh-kontakt h2{font-size:32px;line-height:1.2;margin:0 0 10px}
.zoh-kontakt p{font-size:17px!important;line-height:1.6!important}
.zoh-tel{margin:0 0 6px!important}
.zoh-tel a{display:inline-block;padding:6px 0;font:700 36px/1.2 Nunito,sans-serif!important;text-decoration:none}
/* telefon w ciemnej sekcji kontaktu: biały i podkreślony, po najechaniu kremowy z grubszą kreską */
html body .zoh-tel a:hover,html body .zoh-tel a:focus-visible{color:#fff6c2!important;text-decoration-thickness:3px!important}
.zoh-kontakt-dane p{margin:0 0 4px!important;font-size:17px!important}
.zoh-kontakt-dane a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:980px){
  .zoh-wstep h1{font-size:34px}
  .zoh-uslugi ul,.zoh-modele{grid-template-columns:1fr}
  .zoh-kroki ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .et_pb_section.zoh-s--wstep .et_pb_column:not(:last-child){margin-bottom:20px}
}
@media (max-width:767px){
  .zoh-wstep h1{font-size:28px}
  .zoh-lead{font-size:16px!important}
  .zoh-fakty{grid-template-columns:1fr;gap:10px}
  .zoh-wstep-bok{padding:18px}
  /* na telefonie przyciski przed faktami: oba wezwania nad kartą zgody na ciasteczka */
  .zoh-wstep-bok .et_pb_text_inner{display:flex;flex-direction:column}
  .zoh-wstep-bok .zoh-butelki{margin:-18px -18px 16px}
  .zoh-naglowek h2,.zoh-wsp-intro h2,.zoh-maszyny h2,.zoh-kontakt h2,.zoh-kroki h2{font-size:26px}
  .zoh-tel a{font-size:28px!important}
  .zoh-kroki ol{grid-template-columns:1fr;gap:18px}
  .zoh-akcje .zoh-btn{flex:1 1 100%;text-align:center}
}