/* ------------------------------------------------------------------
   Mūsų pačių stiliai (ne iš Divi eksporto).
   Visi vėlesni pakeitimai — čia, kad nedingtų pergeneravus kitus failus.
   ------------------------------------------------------------------ */

/* Aptive maketo dizaino kintamasis --gcid-wxxklmjyd6 (#c883ff, violetinė)
   naudojamas DAUGELIO mygtukų :hover būsenoje visame maketo CSS (formos
   submit, hero CTA, "Skambinti" mygtukas ir kt.) — tai Aptive prekės ženklo
   spalva, niekada nepakeista į mūsų žalią. Perrašom PAČIĄ kintamojo reikšmę
   viename vietoje (site.css kraunasi paskutinis, žr. head.html), todėl
   pataisoma iškart VISUR, kur naudojamas šis kintamasis — nereikia atskirai
   taikytis prie kiekvieno mygtuko klasės/selektoriaus. */
:root {
  --gcid-wxxklmjyd6: #309C42 !important;
}

/* Lipni meniu juosta registruojama per Divi sticky sistemą
   (assets/js/shared-inline.js -> diviElementStickyData), nes CSS position:sticky
   čia neveikia: <header> tėvinis elementas tėra 153px aukščio.
   Čia lieka tik vizualinis niuansas. */
.et_pb_section_9_tb_header.et_pb_sticky {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

/* Divi changes these sections from normal flow to fixed positioning on the
   first scroll pixel. A transition on every property makes that state change
   visibly snap in some browsers. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_8_tb_header,
html body.et-db #page-container #et-boc .et-l .et_pb_section_9_tb_header {
  transition: none !important;
}

/* --- Lipnaus header'io sluoksniavimas (z-index) --------------------------
   Problema: meniu juosta turėjo z-index:5, žalia juosta 999, o turinyje yra
   elementų su z-index 999 ir 9999 (atsiliepimų karuselės rodyklės, mygtukas).
   Slenkant jie „prasimušdavo" pro lipnų header'į — atrodė, kad header šokinėja.
   Sprendimas: header'is visada virš turinio. */
.et_pb_section_8_tb_header,
.et_pb_section_8_tb_header.et_pb_sticky { z-index: 100001 !important; }

.et_pb_section_9_tb_header,
.et_pb_section_9_tb_header.et_pb_sticky { z-index: 100000 !important; }

/* The Divi export sets the original z-index values with a more-specific
   !important selector, so the general rules above are otherwise ignored. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_8_tb_header { z-index: 100001 !important; }
html body.et-db #page-container #et-boc .et-l .et_pb_section_9_tb_header { z-index: 100000 !important; }

/* Mega-meniu iškrentantis sluoksnis turi likti virš header'io */
.old-mega-submenu,
.et_pb_section_9_tb_header .mega-submenu__wrapper { z-index: 100002 !important; }

/* Divi uses this overlap to keep the navigation's normal-flow and sticky
   positions continuous at the tablet breakpoint. */
@media (min-width: 768px) and (max-width: 980px) {
  .et_pb_section_9_tb_header.et_pb_sticky { margin-top: 8px; }
}

/* The source template used a promo strip above the header. With that strip
   removed, its two child sticky controllers both switch at scroll position 1.
   Keep the existing complete header as one native sticky element instead. */
html body.et-db #page-container {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

html body.et-db #page-container > #et-boc > header.et-l--header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 100001 !important;
}

/* ============================================================
   NAUJAS HEADER — pilnas perkūrimas (2026-09-20), pakeičiantis senąjį
   Divi eksportą (3 dubliuoti meniu klonai + position:fixed mega-meniu
   hack'as). Struktūra pagal vartotojo pateiktą nuorodinį dizainą
   (viena eilutė: logotipas / meniu / telefonas+miestai+CTA), spalvos
   pritaikytos prie esamos svetainės paletės (tamsiai žalia + laimo
   žalia), o ne nuorodos kreminė/alyvuogių — vartotojo pasirinkimas.
   Panelis (.services-dropdown/.cities-dropdown) dabar position:absolute
   TIESIOG po trigger'iu (top:100%) — nebereikia seno "tilto" (bridge)
   hack'o, kuris buvo skirtas tik position:fixed per-visą-ekraną
   panelio tarpo problemai spręsti. .et-l.et-l--header klasė palikta,
   kad veiktų jau esama sticky/z-index taisyklė (žr. aukščiau). */

.site-header {
  background: #4CAF50;
  font-family: 'rand', Georgia, "Times New Roman", serif;
  box-shadow: 0 3px 10px rgba(0,0,0,.12);
}

.site-header__inner {
  max-width: 1312px;
  margin: 0 auto;
  height: 88px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.site-header__logo {
  display: flex;
  align-items: center;
  flex: none;
}
.site-header__logo .site-logo-img {
  height: 40px !important;
  width: calc(40px * 2.0833) !important;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.site-nav__link {
  font-weight: 700;
  font-size: 15px;
  color: #fff !important;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  transition: color .15s;
}
.site-nav__link:hover,
.site-nav__link.is-active { color: #A4E631 !important; }

.site-nav__item { position: relative; display: flex; align-items: center; }
.site-nav__item .services-trigger svg { transition: transform .15s; }
.site-nav__item.is-open .services-trigger svg { transform: rotate(180deg); }

/* Tarpas tarp trigger'io ir panelio (20px) yra TIKRA tuštuma ekrane —
   pelei judant per ją, ji palieka ".services-dropdown" DOM medį vizualiai,
   bet ne struktūriškai. Jei tas tarpas būtų position:absolute elemento
   RIBOSE (t.y. tuščias margin/gap prieš baltą foną), o ne PAČIO elemento
   padding, pelė ten "iškristų" iš :hover — mouseleave uždarytų meniu
   PRIEŠ pasiekiant panelį, o pointer-events:none uždarytoje būsenoje
   neleistų vėl atidaryti. Sprendimas: išorinis .services-dropdown yra
   PILNAS skaidrus dėžė nuo top:100% (be tarpo), o tarpas — jo paties
   padding-top (32px poziciją stumia žemyn .services-dropdown__panel,
   ne pats išorinis elementas). Taip pelė, judėdama per "tarpą", vis dar
   yra .services-dropdown viduje (jo padding zonoje), ir hover niekada
   nenutrūksta. */
.services-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 20px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility 0s linear .18s;
}
.services-dropdown.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.services-dropdown__panel {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 48px rgba(13, 33, 15, .25);
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 32px;
  transform: translateY(-8px);
  transition: transform .18s ease;
}
.services-dropdown.active .services-dropdown__panel {
  transform: translateY(0);
}
.services-dropdown__column { display: flex; flex-direction: column; gap: 10px; }
.services-dropdown__column h3 {
  margin: 0 0 4px;
  color: #309C42;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.services-dropdown__column h3.services-dropdown__subheading { margin-top: 14px; }
.services-dropdown__column a {
  color: #0D210F !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.services-dropdown__column a:hover { color: #309C42 !important; text-decoration: underline; }

.site-header__right { display: flex; align-items: center; gap: 20px; flex: none; }

.site-header__phone {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: color .15s;
}
.site-header__phone:hover { color: #A4E631 !important; }

.site-header__divider { width: 1px; height: 22px; background: rgba(255,255,255,.2); }

.site-header__cities-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 0;
  font-family: inherit;
  transition: color .15s;
}
.site-header__cities-trigger:hover { color: #A4E631; }

/* Tas pats "tarpas kaip padding" sprendimas kaip .services-dropdown
   aukščiau — žr. komentarą ten. */
.cities-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 20px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility 0s linear .18s;
}
.cities-dropdown.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.cities-dropdown__panel {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 48px rgba(13, 33, 15, .25);
  padding: 10px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  transform: translateY(-8px);
  transition: transform .18s ease;
}
.cities-dropdown.active .cities-dropdown__panel {
  transform: translateY(0);
}
.cities-dropdown a {
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #0D210F !important;
  text-decoration: none;
}
.cities-dropdown a:hover { background: #F1EFE4; color: #309C42 !important; }

.site-header__cta {
  padding: 13px 26px;
  background: #309C42;
  color: #fff !important;
  font-weight: 700;
  font-size: 14.5px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}
.site-header__cta:hover { background: #278837; }

.site-header__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex: none;
}
.site-header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .2s, opacity .2s;
}
.site-header__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-header__burger.is-open span:nth-child(2) { opacity: 0; }
.site-header__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-nav {
  display: none;
  flex-direction: column;
  background: #344C38;
  padding: 8px 24px 24px;
}
.mobile-nav.active { display: flex; }
.mobile-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  background: none;
  border-left: 0; border-right: 0; border-bottom: 0;
  width: 100%;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
}
.mobile-nav__item { display: flex; flex-direction: column; }
.mobile-nav__trigger svg { transition: transform .15s; }
.mobile-nav__item.is-open .mobile-nav__trigger svg { transform: rotate(180deg); }
.mobile-nav__submenu {
  display: none;
  flex-direction: column;
  padding: 0 0 10px 16px;
}
.mobile-nav__item.is-open .mobile-nav__submenu { display: flex; }
.mobile-nav__submenu a {
  padding: 8px 0;
  color: rgba(255,255,255,.85) !important;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
}
.mobile-nav__cta {
  display: block;
  margin-top: 14px;
  padding: 14px;
  background: #309C42;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  border-radius: 40px;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 980px) {
  .site-header__inner { height: 64px; padding: 0 20px; }
  .site-nav,
  .site-header__right { display: none; }
  .site-header__burger { display: flex; }
  .site-header__logo .site-logo-img { height: 32px !important; width: calc(32px * 2.0833) !important; }
}

/* --- Poppins ir antraštėms ------------------------------------------------
   Divi antraštes (h1..h6) ima iš kintamojo --et_global_heading_font, kuris
   eksporte yra 'Georgia'. Tekstas naudoja --et_global_body_font: 'rand', o
   'rand' uaf.css faile jau nukreiptas į Poppins — todėl tekstas buvo Poppins,
   o antraštės likdavo serif. Nukreipiame abu kintamuosius į tą pačią šeimą. */
:root,
html body,
html body.et-db,
html body.et-db #page-container,
html body.et-db #page-container #et-boc .et-l {
  --et_global_heading_font: 'rand';
  --et_global_body_font: 'rand';
}

/* Bendras puslapio fonas — sekcijos be savo aiškaus fono (pvz. "Kaip
   tai veikia?", "Kodėl mes?" balta erdvė aplink tamsią dėžę ir kt.)
   rodydavo numatytą baltą. Vietoj pilnai balto naudojam pilkai baltą
   #EDEDED per visą puslapį (sekcijos su SAVO fonu — tamsiai žalios,
   nuotraukos ir t.t. — nekeičiamos, nes jos jo nepaveldi). */
html body.et-db {
  background-color: #EDEDED;
}
/* "Rubber-band"/force-scroll persistengimo sritis viršuje/apačioje
   (kai slenkama už puslapio ribų) rodo <html> elemento foną, ne <body>.
   Numatytasis buvo tamsus/juodas — dabar tas pats žalias kaip header/
   footer (#4CAF50), kad persistengimas atrodytų tęstinis, ne "skylė". */
html {
  background-color: #4CAF50;
}
/* Divi eksporto bazinė taisyklė ".et_pb_section{background-color:#fff}"
   (be !important, [0,1,0] specifiškumas) taikoma VISOMS sekcijoms, tad
   body fono pakeitimas aukščiau per jas "nepersimuša" — jos turi savo
   baltą, ne paveldėtą. Perrašom pačią bazinę taisyklę; sekcijos su SAVO
   spalva/nuotrauka turi didesnio specifiškumo ir/ar !important taisykles
   (žr. .et_pb_section_1, .et_pb_section_2 ir kt. žemiau faile), tad jos
   šito nenurungs. */
.et_pb_section {
  background-color: #EDEDED !important;
}

/* --- Hero konteineris — kaip maketo originale -----------------------------
   Buvo laikinai ištemptas per visą puslapio plotį; grąžinta originali
   forma: centruotas 1312px konteineris su paraštėmis ir užapvalinimu.
   Turinys (antraštė, telefonas, mygtukas, užklausos forma) lieka viduje. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > .et_pb_column_0 {
  padding-left: clamp(24px, 5vw, 74px) !important;
  padding-right: clamp(20px, 2vw, 32px) !important;
}

/* --- Hero aukštis --------------------------------------------------------
   SVARBU: tamsus perdangos gradientas ir visas turinys yra ne eilutėje
   (.et_pb_row_0), o stulpelyje (.et_pb_column_0). Todėl min-height dedamas
   eilutei, o stulpelis ištempiamas per visą jos aukštį — kitaip apačioje
   likdavo tuščia pilka juosta be perdangos ir be turinio. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  display: flex !important;
  align-items: stretch !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > .et_pb_column_0 {
  align-self: stretch !important;
  flex: 1 1 auto !important;
  /* Divi nustato stulpeliui fiksuotą height:580px — dėl to align-self:stretch
     neveikdavo ir apačioje likdavo tuščia juosta. */
  height: auto !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

/* --- Užklausos forma: select ir textarea ---------------------------------
   Divi stilius buvo tik <input>, todėl naujiems laukams priderinam išvaizdą. */
.aptive-form__select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344c38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
  padding-right: 42px !important;
}
.aptive-form__select:invalid { color: #7b8a7e; }      /* placeholder pilkas */
.aptive-form__select option { color: #1d2a20; }

/* Divi visiems formos laukams nustato height:44px !important (vienos eilutės
   input aukštis) — todėl textarea buvo nukerpama. Reikia tokio pat stiprumo. */
html body.et-db #page-container #et-boc .et-l .aptive-form__textarea,
.aptive-form__textarea {
  height: auto !important;
  min-height: 150px !important;
  resize: vertical !important;
  line-height: 1.5 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  overflow: auto !important;
  /* Vienos eilutės input'ui skirtas 44px pill radius ant 150px aukščio lauko
     "užlipdavo" ant pirmos teksto eilutės; dešinėje buvo 50px tarpas ikonai,
     kurios textarea neturi — todėl tekstas atrodė nelygiai. */
  border-radius: 20px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* --- Užklausos forma hero baneryje ---------------------------------------
   Forma perkelta iš atskiros sekcijos į hero eilutę (antras flex vaikas),
   todėl tekstas kairėje, forma dešinėje. Senoji sekcija paslėpta. */
.et_pb_section_4.is-form-moved { display: none !important; }

html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  gap: clamp(24px, 3vw, 56px);
  align-items: center !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > .et_pb_column_0 {
  flex: 1 1 52% !important;
  min-width: 0;
}
.hero-form-slot {
  flex: 0 1 clamp(360px, 40%, 520px);
  min-width: 0;
  padding: clamp(16px, 2vw, 32px) 0;
}

/* „Matinio stiklo" kortelė — tie patys parametrai kaip Aptive
   .the-smartest-row (prognozės blokas). */
.hero-form-slot .aptive-form {
  background: rgba(228, 247, 193, .2);
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  border: 1px solid rgba(228, 247, 193, .3);
  border-radius: 20px;
  padding: clamp(20px, 2.2vw, 32px);
}
.hero-form-slot .aptive-form__right { padding: 0 !important; }

/* Pastaba: #adobeform ID perkeltas kartu su forma į .hero-form-slot, todėl
   visos originalios #adobeform taisyklės (išdėstymas, laukai, mygtukas,
   padėkos kortelė — ~25 taisyklės page-home.css) veikia kaip anksčiau. */

/* Stiklo fonas šviesus (hero dešinė pusė irgi šviesi), todėl tekstas tamsus */
.hero-form-slot .aptive-form__label,
.hero-form-slot .aptive-form__tcpa,
.hero-form-slot .aptive-form__tcpa label { color: #1f2d22 !important; }
.hero-form-slot .aptive-form__tcpa { font-size: 12px; line-height: 1.4; }
.hero-form-slot .aptive-form__input {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(255, 255, 255, .6) !important;
  color: #1d2a20 !important;
}

/* siauriau nei 1100px — forma po tekstu, per visą plotį */
@media (max-width: 1100px) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .hero-form-slot { flex: 1 1 auto; width: 100%; }
}

/* --- Hero forma: laukai poromis (Vardas+Telefonas, Rajonas+Paslauga) ------
   .aptive-form__two-col yra flex eilutė su dviem .aptive-form__field.
   flex-wrap leidžia savaime suskilti į vieną stulpelį, jei kortelė per
   siaura (labai maži ekranai) be atskiros media query. Keičiam TIK
   hero kopiją. */
.hero-form-slot .aptive-form__two-col {
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
}
.hero-form-slot .aptive-form__two-col > .aptive-form__field {
  flex: 1 1 0;
  min-width: 130px;
  /* Bazinė #adobeform .aptive-form__field taisyklė (page-home.css) visiems
     laukams be išimties uždeda margin-top:10px + margin-right:10px — tai
     buvo skirta vieno-stulpelio išdėstymui. Dviejų laukų eilutėje abu laukai
     turi prasidėti toje pačioje aukštumoje, tad nulinam abiem (ne tik
     antram per "+"), o tarpą tarp jų duoda konteinerio gap. */
  margin-top: 0 !important;
  margin-right: 0 !important;
}
/* Labai siaurame telefone (kortelė ~330-360px turinio pločio) dvi
   susiaurintos dėžutės greta apkarpo placeholder tekstą ("Jūsų varda…",
   "+370 6XX X…"). Ten "virš ekrano ribos" apribojimo nebėra (puslapis ir
   taip slenkamas), tad grąžinam vieną stulpelį tik šiam pločiui. */
@media (max-width: 480px) {
  .hero-form-slot .aptive-form__two-col {
    display: block !important;
  }
  .hero-form-slot .aptive-form__two-col > .aptive-form__field + .aptive-form__field {
    margin-top: 16px !important;
  }
}
/* Susiaurėjus stulpeliui (dvi select dėžutės greta), ilgesnis placeholder
   tekstas ("Pasirinkite rajoną/paslaugą") apkarpomas be daugtaškio — grynas
   <select> nerodo ellipsis pagal nutylėjimą. Sumažinam šriftą, kad tilptų.
   Bendra .aptive-form__input font-size:14px taisyklė (toliau faile) naudoja
   #page-container #et-boc dvigubo ID prefiksą — reikia to paties prefikso,
   kad nurungtume (žr. CSS specifiškumo pastabą PROJECT.md). */
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__two-col select.aptive-form__select {
  font-size: 12px !important;
  padding-right: 32px !important;
}
#adobeform.hero-form-slot .aptive-form__two-col select.aptive-form__select {
  background-position: right 10px center !important;
}
.hero-form-slot .aptive-form__field + .aptive-form__field {
  margin-top: 14px;
}

/* --- Hero formos antraštė kortelėje -------------------------------------- */
.hero-form-slot .hero-form__head {
  margin-bottom: 18px;
}
.hero-form-slot .hero-form__title {
  margin: 0 0 6px;
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 700;
  line-height: 1.2;
  color: #0D210F;
}
.hero-form-slot .hero-form__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hero-form-slot .hero-form__badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .6);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #1f2d22;
}

/* --- Tamsi hero perdanga per visą plotį -----------------------------------
   Originale stulpelis buvo per visą eilutės plotį (24_24), todėl jo tamsus
   gradientas dengė visą baneri. Įdėjus formą stulpelis susiaurėjo iki ~52%,
   ir perdanga nutrūkdavo per vidurį — dešinė pusė likdavo šviesi.
   Perdangą keliam ant eilutės (::before), kad dengtų ir teksto, ir formos
   pusę. Eilutės fono nuotraukos (background-image) neliečiam. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  position: relative;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0::before {
  content: "";
  position: absolute;
  inset: 0;
  /* vientisa lengva juoda perdanga per visą banerį */
  background-image: none;
  background-color: rgba(0, 0, 0, .3);
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
/* turinys — virš perdangos */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > * {
  position: relative;
  z-index: 1;
}
/* stulpelio sava (siaura) perdanga nebereikalinga */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > .et_pb_column_0 {
  background-image: none !important;
}

/* Formos kortelė atitraukiama nuo dešinio krašto — tiek pat, kiek tekstas
   atitrauktas nuo kairiojo (.et_pb_column_0 padding-left). */
.hero-form-slot {
  margin-right: 0;
}

/* Sekcijos paraštės virš/po baneriu — kaip maketo originale (32px).
   (Buvo laikinai 0, kai baneris lipo prie header'io ir tempėsi per ekraną.) */

/* --- Hero forma: kompaktiška, kad tilptų į pirmą ekraną -------------------
   Su originaliais tarpais kortelė ~1030px aukščio, o laisvos vietos
   (100vh - header) tipiniame 900px lange lieka ~747px — baneris išsitempdavo
   žemiau ekrano ribos. Mažinam tik hero kopijos tarpus, forma lieka ta pati. */
/* forma neturi liesti banerio viršaus/apačios — konteineris vėl su paraštėm */
.hero-form-slot { padding-top: clamp(20px, 2.4vw, 36px); padding-bottom: clamp(20px, 2.4vw, 36px); }

.hero-form-slot .aptive-form {
  padding: clamp(18px, 1.6vw, 24px);
}
.hero-form-slot .hero-form__head { margin-bottom: 12px; }
.hero-form-slot .aptive-form__field + .aptive-form__field { margin-top: 10px; }
.hero-form-slot .aptive-form__two-col + .aptive-form__field,
.hero-form-slot .aptive-form__field + .aptive-form__two-col { margin-top: 10px; }
.hero-form-slot .aptive-form__label { margin-bottom: 2px; }

html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea,
.hero-form-slot .aptive-form__textarea {
  min-height: 84px !important;
}
.hero-form-slot .aptive-form__tcpa { margin-top: 8px; }
.hero-form-slot .aptive-form__submit { margin-top: 10px; }

/* --- Hero forma: kompaktiškesnė ---------------------------------------- */
.hero-form-slot .hero-form__head { margin-bottom: 8px; }
.hero-form-slot .hero-form__title { font-size: clamp(18px, 1.5vw, 22px); margin-bottom: 2px; }
.hero-form-slot .hero-form__badge { font-size: 11px; padding: 4px 12px; }

.hero-form-slot .aptive-form__label {
  margin-bottom: 0 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.hero-form-slot .aptive-form__field + .aptive-form__field,
.hero-form-slot .aptive-form__two-col + .aptive-form__field,
.hero-form-slot .aptive-form__field + .aptive-form__two-col { margin-top: 8px; }

html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__input,
.hero-form-slot .aptive-form__input {
  height: 40px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea,
.hero-form-slot .aptive-form__textarea {
  height: auto !important;
  min-height: 62px !important;
}
.hero-form-slot .aptive-form__tcpa { margin-top: 6px; font-size: 11px; line-height: 1.35; }

/* --- Hero nuotrauka -------------------------------------------------------
   LAIKINA: nuotrauka iš senojo kliento puslapio, kol gausim tikrą.
   Maketo eilutėje background-image buvo `linear-gradient(...), url(????)` —
   paliekam tą patį horizontalų gradientą, tik įdedam realų failą. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  background-image:
    url(/assets/img/hero.jpg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* --- Hero formos suspaudimas: didesnis specifiškumas ----------------------
   Divi taisyklės yra `#adobeform .aptive-form__x { ... !important }`.
   Kai abi pusės su !important, laimi didesnis specifiškumas (ID > klasė),
   todėl ankstesnės `.hero-form-slot .x` taisyklės neveikė.
   #adobeform yra ANT .hero-form-slot, todėl jungiam abu selektorius. */
#adobeform.hero-form-slot .aptive-form__label {
  font-size: 14px !important;
  margin-bottom: 2px !important;
  font-weight: 400 !important;
}
#adobeform.hero-form-slot .aptive-form__input {
  min-height: 40px !important;
  height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
#adobeform.hero-form-slot .aptive-form__textarea {
  height: auto !important;
  min-height: 60px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#adobeform.hero-form-slot .aptive-form__tcpa {
  font-size: 11px !important;
  line-height: 14px !important;
}

/* Dar ~60px, kad 900px aukščio lange tilptų ir siuntimo mygtukas */
#adobeform.hero-form-slot .aptive-form { padding: 16px 18px !important; }
#adobeform.hero-form-slot .aptive-form__textarea { min-height: 44px !important; }
#adobeform.hero-form-slot .aptive-form__label { font-size: 13px !important; margin-bottom: 1px !important; }
.hero-form-slot .aptive-form__field + .aptive-form__field,
.hero-form-slot .aptive-form__two-col + .aptive-form__field,
.hero-form-slot .aptive-form__field + .aptive-form__two-col { margin-top: 6px; }
.hero-form-slot .hero-form__head { margin-bottom: 6px; }

/* --- Hero turinys lygiuojamas su header'iu --------------------------------
   Header'io konteineris: width:90%, max-width:1400px, centruotas —
   t.y. kairė briauna = (100% - min(90%, 1400px)) / 2
   (1440px lange = 72px, 1920px = 260px).
   Procentai skaičiuojami nuo eilutės (.et_pb_row_0), kuri yra per visą
   puslapio plotį, todėl slankiklio plotis įtakos neturi — kitaip nei su vw. */
/* (turinio įtrauka dabar nustatyta aukščiau — clamp(24px, 5vw, 74px)) */

/* vidiniai moduliai nebeprideda savo kairio tarpo */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_0 > .et_pb_group_0,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_0 .et_pb_text,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_0 .et_pb_heading,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_0 .et_pb_text_inner {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* --- Mygtukas ir telefono numeris — į kairę ------------------------------
   Maketo eilutė .et_pb_row_1 yra įdėtinė ir siauresnė (stulpelis 12/24),
   todėl mygtukai atrodė centre. Ištempiam per visą plotį ir lygiuojam kairėn. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_1 {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_1 {
  width: 100% !important;
  max-width: 100% !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_button_module_wrapper {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* .et_pb_row_1 / .et_pb_column_1 yra flex konteineriai su centravimu —
   dėl to mygtukas ir telefonas stovėjo per vidurį. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_1,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_1 {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* --- Formos kortelės plotis ----------------------------------------------
   Buvo iki 520px ir dešinė briauna nesutapo su header'io konteineriu.
   Siauriname ir dešinėje naudojam tą pačią formulę kaip kairėje, kad
   kortelė baigtųsi lygiai ten, kur header'io meniu dešinė pusė. */
.hero-form-slot {
  flex: 0 1 clamp(320px, 32%, 440px) !important;
  margin-right: calc((100% - min(90%, 1400px)) / 2) !important;
}

/* --- Laukų užuominos (placeholder) ---------------------------------------
   page-home.css turi `#adobeform input::placeholder { opacity: 0 }` — dėl to
   „Jūsų vardas", „+370 6XX XXXXX" ir kt. buvo nematomi (textarea nebuvo
   paveikta, todėl jos užuomina matėsi). Grąžinam matomumą. */
#adobeform.hero-form-slot input::placeholder,
#adobeform.hero-form-slot textarea::placeholder {
  opacity: 1 !important;
  color: #7b8a7e !important;
}

/* --- Rodyklė pasirinkimo laukuose ----------------------------------------
   Sąrašams nustatytas appearance:none (dingsta sisteminė rodyklė), o mūsų
   fono paveikslėlį nurungdavo bendresnė taisyklė — computed reikšmė buvo
   background-image:none. Rašom su didesniu specifiškumu. */
#adobeform.hero-form-slot select.aptive-form__select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344c38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 18px 18px !important;
  padding-right: 44px !important;
}

/* --- Hero nuotrauka kaip fiksuotas fonas ----------------------------------
   Nuotrauka lieka vietoje, o turinys slenka virš jos (parallax efektas).
   background-attachment:fixed reiškia, kad `cover` dengia ekraną, o ne
   patį elementą — todėl nuotrauka nekruta slenkant.
   Mobiliuosiuose (ypač iOS Safari) fiksuotas fonas neveikia korektiškai ir
   trūkčioja, todėl ten paliekam įprastą elgseną. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  background-attachment: fixed !important;
}

@media (max-width: 1024px) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
    background-attachment: scroll !important;
  }
}

/* Jei naudotojas prašo mažiau judesio — fonas nejuda */
@media (prefers-reduced-motion: reduce) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
    background-attachment: scroll !important;
  }
}

/* --- Pasitikėjimo juostos ženkliukai --------------------------------------
   Savi SVG (skydas, laikrodis, vabalas, kainos etiketė) apskritime, dažyti
   svetainės antraštės/poraštės spalva (#4CAF50) — ne kopijuoti PNG failai
   iš maketo. Divi eksportas modulio apvalkalams (.et_pb_image_0/1/2/3/9/10/11) turėjo
   savo max-width:46px iš senesnio (mažesnio) ikonų dydžio — reikia perrašyti,
   kitaip img nors ir width=72, susispaudžia iki 46px (ir tampa ovali, nes
   height lieka 72px). */
.et_pb_image_0,
.et_pb_image_1,
.et_pb_image_2,
.et_pb_image_3,
.et_pb_image_8,
.et_pb_image_9,
.et_pb_image_10,
.et_pb_image_11 {
  max-width: 88px !important;
  width: 88px !important;
}
.trust-ico {
  display: block;
  width: 88px;
  height: 88px;
}

/* Logotipas (svg, baltas). SVG failas turi width/height="2000" atributus,
   BET viewBox="0 0 1500 1500" — vidinės koordinatės skiriasi nuo tikro
   piešiamo dydžio (2000x2000, mastelis 2000/1500). Pirmas bandymas matuoti
   matomo turinio ribas per <canvas> + getImageData davė KLAIDINGUS
   rezultatus (canvas buvo 1500x1500, todėl nupjovė dalį 2000x2000 piešinio
   — be to, canvas rasterizavimas, atrodo, neteisingai apdorojo SVG failo
   vidinius <filter> efektus ir "prarado" plonas purškimo linijas). Galutinės
   ribos (y:[480,1440] x:[0,2000] iš 2000x2000) patikrintos VIZUALIAI —
   raudonos/mėlynos linijos uždėtos ant tikro <img> atvaizdavimo naršyklėje,
   ne ant canvas kopijos. object-fit:cover + object-position apkerpa
   skaidrią paraštę, kad height:38px reikštų 38px MATOMO logotipo, o ne
   38px kvadrato su mažu logotipu viduryje. Dydžio santykis (2000:960 =
   2.0833:1) ir object-position Y (480/2000 padalinta iš (1-960/2000) ≈
   46.15%) — jei kada nors keisi šį SVG failą, PERTIKRINK VIZUALIAI
   (naršyklėje, ne canvas'u), ne vien skaičiuok. Kiekvienas maketo
   et_pb_image_N_tb_header turi savo height taisyklę (pvz. 44px) su
   didesniu specifiškumu — !important reikalingas, kad mūsų vieninga
   reikšmė nurungtų visus juos vienodai. */
.site-logo-img {
  height: 38px !important;
  width: calc(38px * 2.0833) !important;
  object-fit: cover;
  object-position: 50% 46.15%;
  display: block;
}

/* Footer fonas — pakeista iš tamsiai žalios (#344C38) į vartotojo nurodytą
   #4CAF50 (kartu su .site-header). Divi eksporto taisyklė
   ".et-l--footer>.et_builder_inner_content .et_pb_section.et_pb_section_0_tb_footer"
   turi 4 klasių specifiškumą + !important — reikia bent tiek pat. */
.et-l--footer > .et_builder_inner_content .et_pb_section.et_pb_section_0_tb_footer,
.footer-main {
  background-color: #4CAF50 !important;
}

/* Footer brand mark is a primary visual element in the reference layout.
   Keep this deliberately separate from the compact header logo. */
.footer-main .et_pb_image_0_tb_footer .site-logo-img {
  height: 160px !important;
  width: calc(160px * 2.0833) !important;
}

/* Footer social links use inline SVGs so they are not dependent on the
   missing Divi icon font. */
.footer-main .social-link .icon::before {
  content: none !important;
  display: none !important;
}
.footer-main .social-link .icon {
  display: grid !important;
  place-items: center;
  width: 25px !important;
  height: 25px !important;
  color: #f4f5eb !important;
  background: transparent !important;
}
.footer-main .social-link svg {
  display: block;
  width: 22px;
  height: 22px;
}
.footer-main .social-link--facebook svg,
.footer-main .social-link--linkedin svg {
  fill: currentColor;
}
.footer-main .social-link .icon:hover,
.footer-main .social-link .icon:focus-visible {
  color: #a4e631 !important;
}

/* FAQ toggles must retain their exact column width when Divi swaps between
   .et_pb_toggle_close and .et_pb_toggle_open. */
html { scrollbar-gutter: stable; }
.faqs-section,
.faqs-section .et_pb_row,
.faqs-section .et_pb_column,
.faqs-section .et_pb_accordion,
.faqs-section .et_pb_accordion_item,
.faqs-section .et_pb_toggle_content {
  box-sizing: border-box;
  max-width: 100%;
}
.faqs-section {
  background-color: #EDEDED !important;
  overflow-x: clip;
}
.faqs-section .et_pb_accordion_item {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  /* Klausimų kortelės buvo baltos ant kreminio fono — dabar sekcijos fonas
     irgi baltas, tad be paraštės kortelės visai išnyktų. */
  border: 1px solid rgba(13, 33, 15, .12) !important;
}
.faqs-section .et_pb_accordion_0 {
  width: min(1092px, calc(100vw - 64px)) !important;
  max-width: min(1092px, calc(100vw - 64px)) !important;
  min-width: 0;
  flex: 0 0 auto;
  align-self: center;
}
.faqs-section .et_pb_toggle_content {
  width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  .faqs-section .et_pb_accordion_0 {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }
  .footer-main .et_pb_image_0_tb_footer .site-logo-img {
    height: 92px !important;
    width: calc(92px * 2.0833) !important;
  }
}

/* Logotipas juostoje po baneriu yra ant šviesaus fono, o pats failas —
   baltas, skirtas tamsiam header'iui. brightness(0) paverčia bet kokią
   spalvą juoda (skaidrumas išlieka) — vizualiai artima tamsiai žaliai
   #0D210F, kurią anksčiau naudojo tekstinis variantas. */
.et_pb_image_6 .site-logo-img,
.et_pb_image_12 .site-logo-img {
  filter: brightness(0);
}

/* Šioje juostoje logotipas anksčiau stovėjo greta savo teksto ("11 metų
   patirtis"), tad turėjo būti mažas, kad tilptų. Tekstas dabar perkeltas
   į kitą juostos vietą (žr. home-body.html), o logotipas liko vienas
   savo stulpelyje — gali būti didesnis, nereikia taupyti vietos. */
.trust-bar-logo {
  height: 56px !important;
  width: calc(56px * 2.0833) !important;
}

/* --- Pasitikėjimo juosta po baneriu ---------------------------------------
   Maketo stulpeliai buvo suderinti prie trumpesnio angliško teksto: mūsų
   lietuviškas tekstas (290px) netilpdavo į 234px stulpelį ir užlipdavo ant
   gretimo ženkliuko. Leidžiam stulpeliams prisitaikyti prie turinio. */
html body.et-db #page-container #et-boc .et-l .et_pb_row_3,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px clamp(20px, 2.4vw, 40px);
}
html body.et-db #page-container #et-boc .et-l .et_pb_row_3 > .et_pb_column,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 > .et_pb_column {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  display: flex !important;
  align-items: center;
  gap: 16px;
}
/* tekstas šalia ženkliuko, be papildomų tarpų */
html body.et-db #page-container #et-boc .et-l .et_pb_row_3 .et_pb_text p,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 .et_pb_text p {
  margin: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_row_3 .et_pb_text,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 .et_pb_text {
  margin: 0 !important;
  width: auto !important;
}
.trust-ico { flex: none; }

/* Paveikslėlių moduliai juostoje turėjo fiksuotą plotį pagal originalaus
   logotipo failą (130px). Mūsų tekstinis logotipas platesnis ir lipdavo ant
   gretimo teksto — leidžiam pločiui prisitaikyti. */
html body.et-db #page-container #et-boc .et-l .et_pb_row_3 .et_pb_image,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 .et_pb_image,
html body.et-db #page-container #et-boc .et-l .et_pb_row_3 .et_pb_image_wrap,
html body.et-db #page-container #et-boc .et-l .et_pb_row_6 .et_pb_image_wrap {
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center;
}

/* --- Pasitikėjimo juosta: vienas lygis ------------------------------------
   Maketo struktūra: eilutė_5 turi 4 stulpelius, o pirmasis (stulpelis_9)
   savyje slepia dar vieną eilutę (eilutė_6) su dviem ženkliukais. Dėl to
   du pirmieji ženkliukai dalinosi 701px ir nusikeldavo į naują eilutę.
   `display: contents` panaikina tarpinius apvalkalus — visi 5 ženkliukai
   tampa tos pačios flex eilutės vaikais ir dalinasi visą plotį. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px clamp(16px, 2vw, 32px);
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 > .et_pb_column_9,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 {
  display: contents !important;
}

/* Ženkliukų tekstai laužomi į dvi eilutes (kaip maketo originale), kitaip
   „KenkejuEkspertai garantija" viena eilute užima 270px ir paskutinis
   ženkliukas nebetelpa į 1312px juostą. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
  max-width: 17ch;
}

/* Juostos turinys buvo 1306px + 144px tarpai = 1450px, o eilutė 1312px —
   todėl paskutinis ženkliukas nusikeldavo žemyn. Mažinam tarpus ir šriftą. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  gap: 14px clamp(10px, 1.1vw, 16px);
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 > .et_pb_column,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 > .et_pb_column {
  gap: 10px;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
  font-size: 15px !important;
  line-height: 1.3 !important;
  max-width: 16ch;
}
/* --- Ženkliukų konteineriai vienodo pločio, o skirtukas (|) centre --------
   Anksčiau ženkliukų 2-4 dydis priklausė nuo teksto ilgio (Divi flex-basis
   procentai), o skiriamoji linija buvo padaryta border-left+padding-left
   TRIKU viduje — dėl to linija stovėjo arti kito ženkliuko, ne tarpo
   viduryje, o pirmojo ženkliuko tarpas buvo kitoks nei likusių. Sprendimas:
   1) keturi ženkliukų stulpeliai (11,12,13,14) gauna flex:1 1 0, tad yra
      LYGIAI to paties pločio; 2) skiriamosios linijos dabar atskiri
      <span class="trust-divider"> elementai tarp jų (žr. home-body.html) —
      flex gap automatiškai simetriškas iš abiejų pusių, nereikia border/
      padding trikų. Sena border-left/padding-left divider CSS panaikinta. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_11,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_12,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_13,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_14 {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  border-left: none !important;
  padding-left: 0 !important;
}

/* Divi still distributes the two modules across each equal-width item with
   `space-between`. Make the icon/text pair a normal flex row instead, so the
   physical gap is exactly 10px in all four items. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_11,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_12,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_13,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_14 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_image,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_image_wrap,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text {
  max-width: 16ch !important;
}
.et_pb_section_0 > .et_pb_row_5 .trust-divider {
  flex: none;
  align-self: center;
  width: 2px;
  height: 56px;
  background: #b4c2af;
  border-radius: 1px;
}
@media (max-width: 900px) {
  .et_pb_section_0 > .et_pb_row_5 .trust-divider { display: none; }
}
.et_pb_image_6 .site-logo-text,
.et_pb_image_12 .site-logo-text {
  font-size: clamp(15px, 1.15vw, 18px);
}
/* Pastaba: čia anksčiau buvo be @media apsaugos ".trust-ico{width:38px;
   height:38px}", kuris nutildydavo bazinį 88px dydį VISUOSE ekranuose
   (buvo skirtas tik siauresnei juostai, kai ženkliukai netilpdavo į
   1312px) — pašalinta; eilutė jau turi flex-wrap, tad didesni ženkliukai
   tiesiog gražiai persineša į kitą eilutę, jei neišsitenka. */

/* Tas pats tarpų nunulinimas ir eilutei_5 (ankstesnė taisyklė apėmė tik
   eilutes 3 ir 6, todėl dalis ženkliukų tekstų lipo prie ikonos). */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text_inner {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

/* --- Pasitikėjimo juosta: oras ir tvarkingi tarpai ------------------------
   Juosta buvo 59px aukščio be jokių paraščių — atrodė suspausta. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  padding-top: clamp(22px, 2.2vw, 34px) !important;
  padding-bottom: clamp(22px, 2.2vw, 34px) !important;
  gap: 18px clamp(12px, 1.3vw, 22px);
  align-items: center;
}
/* Pirmasis ženkliukas (be skirtuko prieš jį) lipdavo prie pat kairio
   krašto, kai kiti trys nuo savo krašto turi tarpą (gap) iš abiejų
   skirtuko pusių. Pridedam tokį patį įtrauką iš abiejų juostos kraštų. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Ženkliuko ikonos apvalkalas turėjo savo paraščių — dėl to viename
   ženkliuke tekstas lipdavo ant ikonos (tarpas buvo -10px). */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_image,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 .et_pb_image,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_image_wrap,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 .et_pb_image_wrap {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 .et_pb_text,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_6 .et_pb_text_inner {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

/* Etiketės — daugiausia dvi eilutės (buvo trys: „18 kenkėjų / rūšių / apdorota") */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
  max-width: 22ch;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

/* skirtukai tarp ženkliukų — vientisesni */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 > .et_pb_column {
  padding-left: clamp(12px, 1.3vw, 22px) !important;
}

/* Visos etiketės viena eilute — vienodesnė juosta (ilgiausia „KenkejuEkspertai
   garantija" = 26 simbolių). Jei netilps, flex-wrap vis tiek apsaugos. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
  max-width: 27ch;
}

/* Tarpai fiksuoti, o ne vw — su clamp() jie augdavo kartu su ekranu ir
   plačiame lange (1920px) etiketės lūždavo į tris eilutes. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  gap: 18px 16px;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 > .et_pb_column {
  padding-left: 16px !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
  max-width: 24ch;
}

/* --- "Kaip tai veikia?" žingsnių kortelės — nuotrauka per visą kortelę ----
   Pirma versija dėjo nuotrauką (su savo aspect-ratio) VIRŠUJE, o tekstą
   atskirame vientisame bloke PO ja — nuotrauka užėmė tik dalį (~70%)
   kortelės aukščio. Dabar nuotrauka position:absolute užpildo VISĄ
   kortelę (inset:0), o teksto blokas plūduriuoja virš jos apačioje
   (position:relative + z-index, kortelė — flex su
   justify-content:flex-end). Pati kortelė gauna nuotraukos aspect-ratio
   (1755/2194, tikrasis failų dydis), kad išlaikytų stačią proporciją;
   overflow:hidden iš .et_pb_group_11/14/17 apkerpa užapvalintus kampus. */
.et_pb_group_11,
.et_pb_group_14,
.et_pb_group_17 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1755 / 2194;
}
.process-photo {
  position: absolute;
  inset: 0;
  height: 100% !important;
  width: 100%;
  aspect-ratio: auto;
  background-size: cover !important;
  background-position: center !important;
}
.process-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 33, 15, 0) 35%, rgba(13, 33, 15, .92) 100%);
}
.et_pb_group_13,
.et_pb_group_16,
.et_pb_group_19 {
  position: relative;
  z-index: 1;
}

/* „Kaip tai veikia?“ kortelės: tas pats subtilus interaktyvus pakilimas kaip
   ir kitose pagrindinio puslapio kortelėse. Nuotrauka didinama tik savo
   apkirptame fone, todėl tekstas ir kortelės matmenys nejuda. */
.et_pb_group_11,
.et_pb_group_14,
.et_pb_group_17 {
  transition: transform .25s ease, box-shadow .25s ease;
}
.process-photo {
  transition: transform .35s ease;
}
@media (hover: hover) and (pointer: fine) {
  .et_pb_group_11:hover,
  .et_pb_group_14:hover,
  .et_pb_group_17:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .28);
  }
  .et_pb_group_11:hover .process-photo,
  .et_pb_group_14:hover .process-photo,
  .et_pb_group_17:hover .process-photo {
    transform: scale(1.06);
  }
}

/* --- „Kodėl mes?" kortelės ------------------------------------------------
   Kortelių fonas tamsus, o tekstui taikoma maketo klasė et_pb_bg_layout_light
   (skirta šviesiam fonui) — todėl tekstas buvo tamsiai žalias ant tamsiai
   žalio ir praktiškai nematomas. Paryškinti (<strong>) žodžiai turėjo savo
   šviesią spalvą, todėl matėsi tik jie. */
html body.et-db #page-container #et-boc .et-l .why-card-content,
html body.et-db #page-container #et-boc .et-l .why-card-content p,
html body.et-db #page-container #et-boc .et-l .why-card-content span {
  color: #DCE7D6 !important;
}

/* --- „Kodėl mes?" kortelių hover efektas -----------------------------------
   Keturios kortelės turi savo semantines klases (aptive_proactive_card ir
   t.t., žr. home-body.html), stabilesnės nei Divi numeruotos et_pb_group_N.
   Pridedam tik NAUJAS savybes (transform/shadow/border) — fono, paraščių,
   border-radius nekeičiam, tad specifiškumo/!important kovoti nereikia. */
.aptive_proactive_card,
.aptive_experts_card,
.aptive_no_fees_card,
.aptive_smarter_card {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  border: 1px solid transparent;
  cursor: default;
  /* Baltas fonas — tekstas (antraštė + pastraipos) perjungtas į tamsų,
     paryškinti (žali) žodžiai lieka nepaliesti (jie turi savo spalvos
     taisyklę, stipresnę už bendrą why-card-content). */
  background-color: #fff !important;
}
.aptive_proactive_card .et_pb_heading_container h3,
.aptive_experts_card .et_pb_heading_container h3,
.aptive_no_fees_card .et_pb_heading_container h3,
.aptive_smarter_card .et_pb_heading_container h3 {
  color: #0D210F !important;
}
html body.et-db #page-container #et-boc .et-l .aptive_proactive_card .why-card-content,
html body.et-db #page-container #et-boc .et-l .aptive_proactive_card .why-card-content p,
html body.et-db #page-container #et-boc .et-l .aptive_proactive_card .why-card-content span,
html body.et-db #page-container #et-boc .et-l .aptive_experts_card .why-card-content,
html body.et-db #page-container #et-boc .et-l .aptive_experts_card .why-card-content p,
html body.et-db #page-container #et-boc .et-l .aptive_experts_card .why-card-content span,
html body.et-db #page-container #et-boc .et-l .aptive_no_fees_card .why-card-content,
html body.et-db #page-container #et-boc .et-l .aptive_no_fees_card .why-card-content p,
html body.et-db #page-container #et-boc .et-l .aptive_no_fees_card .why-card-content span,
html body.et-db #page-container #et-boc .et-l .aptive_smarter_card .why-card-content,
html body.et-db #page-container #et-boc .et-l .aptive_smarter_card .why-card-content p,
html body.et-db #page-container #et-boc .et-l .aptive_smarter_card .why-card-content span {
  color: #0D210F !important;
}
/* "Netvarkingas" (messy) išdėstymas — kiekviena kortelė šiek tiek pasvirusi
   į skirtingą pusę, dizainas/spalvos/turinys nekeičiami, tik pasvirimas. */
.aptive_proactive_card { transform: rotate(-2deg); }
.aptive_experts_card { transform: rotate(1.5deg); }
.aptive_no_fees_card { transform: rotate(-1.5deg); }
.aptive_smarter_card { transform: rotate(2deg); }

.aptive_proactive_card:hover { transform: rotate(-2deg) translateY(-6px); }
.aptive_experts_card:hover { transform: rotate(1.5deg) translateY(-6px); }
.aptive_no_fees_card:hover { transform: rotate(-1.5deg) translateY(-6px); }
.aptive_smarter_card:hover { transform: rotate(2deg) translateY(-6px); }

.aptive_proactive_card:hover,
.aptive_experts_card:hover,
.aptive_no_fees_card:hover,
.aptive_smarter_card:hover {
  box-shadow: 0 16px 32px rgba(0, 0, 0, .3);
  border-color: rgba(164, 230, 49, .5);
}

/* --- Kortelių ikonos ------------------------------------------------------
   Maketo CSS šiuos paveikslėlius slepia (display:none) — originale jie buvo
   pakeisti kitu mechanizmu. Mums jie reikalingi, todėl rodom atgal.
   Taikoma tik mūsų ikonoms pagal kelią, kad neatidengtume kitų sąmoningai
   paslėptų paveikslėlių. */
html body.et-db #page-container #et-boc .et-l img[src^="/assets/img/icons/"] {
  display: inline-block !important;
  width: 72px;
  height: 72px;
}

/* --- Juosta „Randame priežastį..." ----------------------------------------
   Sekcijos fone — nuotrauka, o turinys sėdi „matinio stiklo" eilutėje
   (.the-smartest-row, backdrop-filter: blur(60px)) — kaip maketo originale.
   Tamsi perdanga ant nuotraukos reikalinga, kad šviesus tekstas ant jos
   būtų skaitomas nepriklausomai nuo nuotraukos šviesumo.
   LAIKINA nuotrauka iš senojo kliento puslapio.
   Anksčiau CTA (antraštė+mygtukas) ir statistikos kortelės sėdėjo VIENOJE
   sekcijoje/dėžėje su vienu bendru fonu — dabar tai DVI atskiros sekcijos
   (žr. .trust-stats-section žemiau), kiekviena su savo pilnai suapvalinta
   dėžute ir tarpu tarp jų.
   PASTABA: ši sekcija perkelta prieš footer (žr. home-body.html) — ten
   originalaus eksporto žymėjime trūksta </main> uždarymo tag'o, todėl
   naršyklė tame taške netiesiogiai uždaro <main>/.et-l/.et_builder_inner_content
   apvalkalus anksčiau laiko (HTML5 klaidų atstatymo taisyklės). Dėl to
   ilgas ".et-l"-prefiksuotas selektorius čia NEBEATITINKA — naudojam
   savarankišką (be tų protėvių) versiją, kaip ir .faqs-section fone. */
.et_pb_section_2.et_pb_section {
  background-image:
    linear-gradient(rgba(13, 33, 15, .62), rgba(13, 33, 15, .62)),
    url(/assets/img/stats-bg.jpg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #0D210F !important;
  /* Dabar sėdi prieš pat footer — per visą ekrano plotį, be užapvalinimo,
     kad vizualiai susilietų su footer (jokio tarpo tarp jų). */
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}
/* Švelnus perėjimas iš nuotraukos sekcijos į žalią footer'į apačioje —
   dirbtinė "juostelė", kuri iš skaidrios pereina į footer spalvą (#4CAF50). */
.et_pb_section_2.et_pb_section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 320px;
  /* Ne dviejų taškų (skaidrus->žalias) tiesinis gradientas — jis turi
     matomą "siūlę" viršuje, nes akis geriau pastebi tiesinį ryškumo kitimą
     nei realų. Papildomi tarpiniai taškai (ease-out kreivė) sušvelnina
     perėjimą, kad nebūtų aiškios ribos tarp nuotraukos ir gradiento. */
  background: linear-gradient(
    to bottom,
    rgba(76, 175, 80, 0) 0%,
    rgba(76, 175, 80, .04) 15%,
    rgba(76, 175, 80, .15) 35%,
    rgba(76, 175, 80, .4) 55%,
    rgba(76, 175, 80, .75) 75%,
    #4CAF50 100%
  );
  pointer-events: none;
  z-index: 1;
}
.et_pb_section_2.et_pb_section .the-smartest-row {
  position: relative;
  z-index: 2;
}

/* --- Statistikų sekcija — atskira dėžutė po CTA juosta -------------------- */
html body.et-db #page-container #et-boc .et-l .trust-stats-section {
  background-image:
    linear-gradient(rgba(13, 33, 15, .62), rgba(13, 33, 15, .62)),
    url(/assets/img/stats-bg.jpg) !important;
  background-size: cover !important;
  background-position: center 75% !important;
  background-repeat: no-repeat !important;
  background-color: #0D210F !important;
  /* Per visą ekrano plotį — be max-width/užapvalinimo. */
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0;
  overflow: hidden;
}

/* --- "Kodėl mes?" sekcija — antraštės konteineris kaip hero baneryje ------
   Hero baneris (.et_pb_row_0) savo tamsų foną laiko suapvalintoje, ribotoje
   eilutėje (1312px, 20px kampai, 64px paraštės) — perkeliam tą patį
   konteinerį antraštės eilutei. Kortelių eilutė (row_10) SAVO fono dėžės
   neturi — keturios kortelės (aptive_proactive_card ir kt.) jau turi savo
   atskirus fonus, tad išorinis tamsus konteineris po jomis nereikalingas. */
html body.et-db #page-container #et-boc .et-l .et_pb_section_1.et_pb_section {
  background-color: transparent !important;
  row-gap: 24px !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_1 > .et_pb_row_9 {
  background-color: #0D210F;
  max-width: 1312px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
  border-radius: 20px;
  padding-top: 48px !important;
  padding-bottom: 24px !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_1 > .et_pb_row_10 {
  max-width: 1312px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
  /* Didesnis tarpas tarp kortelių + vietos "netvarkingam" pasvirimui
     (žr. .aptive_*_card rotate() žemiau), kad kampai nesusikirstų. */
  gap: 40px !important;
  /* Divi numatytai ištempia stulpelius (align-items:stretch), kad visi
     būtų aukščiausios kortelės aukščio — dėl to trumpesnis tekstas (1,3
     kortelės) paliko didelį tuščią plotą apačioje. Leidžiam kiekvienam
     stulpeliui/kortelei būti savo turinio aukščio. */
  align-items: flex-start !important;
}
.aptive_proactive_card,
.aptive_experts_card,
.aptive_no_fees_card,
.aptive_smarter_card {
  height: auto !important;
}

/* --- Statistikos kortelės ant nuotraukos fono -----------------------------
   Ta pati nuotrauka/perdanga kaip juostoje aukščiau. Kortelės baltos, o
   skaičiai — firminė žalia (#309C42, ta pati kaip nuorodų/mygtukų spalva
   visame puslapyje), ne originalo mėlyna. */
.stats-band {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(12px, 1.6vw, 24px);
  padding: 8px clamp(16px, 3vw, 40px) clamp(40px, 5vw, 64px);
  position: relative;
  z-index: 1;
}
.stats-band__card {
  background: #fff;
  border-radius: 16px;
  padding: clamp(20px, 2vw, 28px) clamp(24px, 2.4vw, 36px);
  min-width: 160px;
  text-align: center;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .25);
}
.stats-band__num {
  display: block;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  color: #309C42;
  line-height: 1.15;
}
.stats-band__label {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #344C38;
}

/* --- Paslaugų karuselė: viena skiltis = vienas slaidas --------------------
   Kiekviename slaide virš kortelių rašom grupės pavadinimą.
   .bv-library-page yra flex su wrap, todėl antraštei duodam visą eilutę. */
.bv-library-page .bv-library-group {
  flex: 0 0 100%;
  margin: 0 0 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(52, 76, 56, .18);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #309C42;
}

/* Slaidų konteinerio aukštis buvo fiksuotas (489px — dviem kortelių eilutėms).
   Dabar viename slaide viena eilutė, todėl aukštį leidžiam skaičiuoti pagal
   turinį — kitaip po kortelėmis lieka didelis tuščias tarpas. */
.bv-library-slider-wrapper {
  height: auto !important;
}

/* Kenkėjų iliustracijos kortelėse — maketo CSS jas irgi slepia
   (ta pati taisyklė kaip ir kortelių ikonoms). SVARBU: apribota .pest-grid
   kontekstu — be šito apribojimo šis selektorius (pagal src prefiksą)
   netyčia sutraukdavo į 75px ir paslaugos puslapio HERO nuotrauką, kuri
   naudoja tą patį /assets/img/pests/ katalogą (žr. .pest-hero-img toliau
   faile — jai reikia savo, daug didesnio, dydžio). */
html body.et-db #page-container #et-boc .et-l .pest-grid img[src^="/assets/img/pests/"] {
  display: inline-block !important;
  width: 75px;
  height: auto;
}

/* Kortelės nuotraukos vieta — vienodo aukščio, kad eilutė liktų lygi ir
   tada, kai dalis kenkėjų dar neturi iliustracijos. */
.bv-library-item .bv-library-image {
  min-height: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- Atsiliepimų karuselė -------------------------------------------------
   Maketo įskiepio (sbr-feed) statiniame puslapyje nebenaudojam, todėl
   išdėstymą tvarkom patys: eilutė slenka horizontaliai, rodyklės šonuose. */
.sbr_carousel { position: relative; }
.sbr_carousel .sbr-owl-stage-outer {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.sbr_carousel .sbr-owl-stage-outer::-webkit-scrollbar { display: none; }
.sbr_carousel .sbr-owl-stage {
  display: flex !important;
  gap: 16px;
  width: auto !important;
  transform: none !important;
  transition: none !important;
}
.sbr_carousel .sbr-owl-item {
  flex: 0 0 clamp(260px, 32%, 420px);
  width: auto !important;
  scroll-snap-align: start;
  float: none !important;
}

.reviews-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #0D210F;
  box-shadow: 0 2px 10px rgba(13, 33, 15, .18);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: opacity .15s, background .15s;
}
.reviews-nav svg { width: 20px; height: 20px; }
.reviews-nav:hover { background: #E4F7C1; }
.reviews-nav:disabled { opacity: .35; cursor: default; }
.reviews-nav--prev { left: -8px; }
.reviews-nav--next { right: -8px; }
@media (max-width: 767px) {
  .reviews-nav--prev { left: 2px; }
  .reviews-nav--next { right: 2px; }
}

/* --- Paslaugos: klasės stulpeliais, kortelės vertikaliai -----------------
   Kiekviena klasė — savas stulpelis. Kortelė lieka tokia pat kaip maketo
   originale (paveikslėlis viršuje, pavadinimas po juo), tik kortelės
   dedamos viena po kita, o ne eilute.
   Karuselės JS šios sekcijos nebeliečia — nebėra .bv-library-slider-container. */
.pest-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2vw, 28px);
  align-items: start;
}
.pest-group__items {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 1.6vw, 22px);
}
.pest-grid .bv-library-group {
  margin: 0 0 18px;
}
.pest-grid .bv-library-item { width: 100%; }

/* kortelė — kaip maketo originale: nuotrauka viršuje, pavadinimas apačioje.
   Foninis hover stačiakampis (background box) buvo pašalintas — jo dydis
   niekaip netiko turiniui (arba per platus, arba apkarpydavo ikoną).
   Vietoj to: ikona šiek tiek paauga, o linija po pavadinimu paryškėja. */
.pest-grid .bv-library-item-inner {
  padding: 10px 8px;
}
/* Vieno iš krūvos (bundle.css) knygyno/karuselės failų taisyklė
   ".bv-library-image { overflow: hidden }" netyčia taikoma ir mūsų
   kenkėjų tinkleliui (ta pati klasė) — dėžutė tiksliai apkarpyta pagal
   68px paveikslėlį, tad hover scale(1.12) nukirsdavo nosį/uodegą. */
.pest-grid .bv-library-image {
  overflow: visible;
}
.pest-grid .bv-library-image img {
  transition: transform .2s ease;
}
.pest-grid .bv-library-item-inner:hover .bv-library-image img {
  transform: scale(1.12);
}
.pest-grid .bv-library-title {
  transition: border-color .15s ease;
}
.pest-grid .bv-library-item-inner:hover .bv-library-title {
  border-color: #309C42 !important;
}

@media (max-width: 1100px) { .pest-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .pest-grid { grid-template-columns: 1fr; } }

/* Maketo eilutėje karuselė ir mygtukas „Visos paslaugos" buvo skirtinguose
   stulpeliuose ir persidengdavo, nes karuselė turėjo fiksuotą aukštį.
   Dabar sąrašas aukštesnis — dedam stulpelius vieną po kitu. */
html body.et-db #page-container #et-boc .et-l .et_pb_row_16 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_row_16 > .et_pb_column_31,
html body.et-db #page-container #et-boc .et-l .et_pb_row_16 > .et_pb_column_32 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_row_16 > .et_pb_column_32 {
  margin-top: clamp(20px, 2.4vw, 32px) !important;
}

/* Maketo kortelėje tarp nuotraukos ir pavadinimo yra 32px — eilutėje tai
   atrodė gerai, bet stulpelyje kortelės tampa per aukštos. */
.pest-grid .bv-library-item-inner { gap: 10px !important; }
.pest-grid .bv-library-image { min-height: 84px; }
html body.et-db #page-container #et-boc .et-l .pest-grid img[src^="/assets/img/pests/"] {
  width: 68px;
  height: 68px;
  object-fit: contain;
}

/* Kortelės turinys lygiuojamas į kairę — kad nuotrauka ir pavadinimas
   prasidėtų ties ta pačia linija kaip klasės pavadinimas virš stulpelio
   (maketo originale kortelės buvo centruotos eilutėje). */
.pest-grid .bv-library-item-inner {
  align-items: flex-start !important;
  text-align: left !important;
  padding-left: 0;
  padding-right: 0;
  /* .bv-library-item {width:100%} ištempdavo šį <a> per visą stulpelio
     plotį — matomas turinys (ikona+tekstas) tebuvo ~130px, o click/hover
     sritis tęsdavosi iki pat kito stulpelio. Susiaurinam iki turinio. */
  width: fit-content;
}
/* Kiekvienas kenkėjas — maža balta suapvalinta kortelė (kaip kitos
   pradinio puslapio kortelės), ne tiesiog ikona+tekstas ant pilko fono. */
.pest-grid .bv-library-item-inner {
  background-color: #fff !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .12) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pest-grid .bv-library-item-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(13, 33, 15, .2) !important;
}
.pest-grid .bv-library-image { justify-content: flex-start; }
.pest-grid .bv-library-title { text-align: left !important; }

/* --- Hero forma: žemesnė ---------------------------------------------------
   Forma nustato viso banerio aukštį (forma + paraštės). Mažinam kiekvieną
   dedamąją: antraštę, etikečių ir laukų aukštį, textarea, tarpus. */
.hero-form-slot {
  padding-top: clamp(16px, 1.8vw, 26px);
  padding-bottom: clamp(16px, 1.8vw, 26px);
}
#adobeform.hero-form-slot .aptive-form { padding: 14px 16px !important; }

.hero-form-slot .hero-form__head { margin-bottom: 4px; }
.hero-form-slot .hero-form__title {
  font-size: clamp(17px, 1.3vw, 20px);
  margin-bottom: 1px;
  color: #fff !important;
}
.hero-form-slot .hero-form__badge { font-size: 10px; padding: 3px 10px; }

#adobeform.hero-form-slot .aptive-form__label {
  font-size: 12px !important;
  line-height: 1.25 !important;
  margin-bottom: 0 !important;
}
#adobeform.hero-form-slot .aptive-form__input {
  min-height: 36px !important;
  height: 36px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#adobeform.hero-form-slot .aptive-form__textarea {
  height: auto !important;
  min-height: 56px !important;
}
.hero-form-slot .aptive-form__field + .aptive-form__field,
.hero-form-slot .aptive-form__two-col + .aptive-form__field,
.hero-form-slot .aptive-form__field + .aptive-form__two-col { margin-top: 5px; }

#adobeform.hero-form-slot .aptive-form__tcpa {
  font-size: 10px !important;
  line-height: 12px !important;
  margin-top: 4px;
}
#adobeform.hero-form-slot .aptive-form__submit__button {
  min-height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.hero-form-slot .aptive-form__submit { margin-top: 6px; }

/* Ankstesnės taisyklės naudoja #page-container #et-boc (du ID), todėl
   nugali #adobeform.hero-form-slot (vienas ID). Rašom tuo pačiu prefiksu. */
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__input {
  min-height: 36px !important;
  height: 36px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea {
  /* dvi užuominos eilutės: 2 x 24px + 2 x 8px paraštės = 64px */
  height: 68px !important;
  min-height: 68px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Laukų pavadinimai didesni, o užuominų (placeholder) tekstas mažesnis —
   buvo atvirkščiai: etiketė 12px, o užuomina 16px. */
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__label {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: #fff !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__label-required {
  color: #fff !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__tcpa,
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__tcpa label {
  color: #fff !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__input,
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea {
  font-size: 14px !important;
  line-height: 20px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea {
  /* mažesnis šriftas — dvi eilutės telpa į mažesnį aukštį */
  height: 58px !important;
  min-height: 58px !important;
}

/* --- Hero forma: daugiau kvėpavimo -----------------------------------------
   Laukai suporuoti (Vardas+Telefonas, Rajonas+Paslauga), tad eilučių dabar
   mažiau — kortelė aukščiu nebeprisideda prie banerio aukščio taip, kaip kai
   visi laukai buvo vienas po kito. Anksčiau visos šios reikšmės buvo suspaustos
   iki minimumo, kad vienas stulpelis tilptų virš ekrano ribos — dabar to
   nebereikia, tad atlaisviname. Naudojam TĄ PATĮ dvigubo ID prefiksą kaip
   aukščiau (žr. komentarą ties eilute 911), kad nurungtume ankstesnius,
   suspaustus sluoksnius, nepriklausomai nuo jų !important/specifiškumo. */
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form {
  padding: 28px 30px !important;
}
.hero-form-slot .hero-form__head {
  margin-bottom: 18px !important;
}
.hero-form-slot .hero-form__title {
  margin-bottom: 8px !important;
}
.hero-form-slot .hero-form__badge {
  font-size: 12px !important;
  padding: 6px 14px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__label {
  margin-bottom: 5px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__input {
  height: 44px !important;
  min-height: 44px !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__textarea {
  height: 84px !important;
  min-height: 84px !important;
}
.hero-form-slot .aptive-form__field + .aptive-form__field,
.hero-form-slot .aptive-form__two-col + .aptive-form__field,
.hero-form-slot .aptive-form__field + .aptive-form__two-col {
  margin-top: 16px !important;
}
.hero-form-slot .aptive-form__two-col > .aptive-form__field {
  margin-top: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__tcpa {
  margin: 2px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
html body.et-db #page-container #et-boc .et-l .hero-form-slot .aptive-form__submit__button {
  min-height: 48px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
/* Submit mygtuko apgaubiantis <div> turi klasę "sbmtbtn" (maketo eksporto
   pavadinimas), NE "aptive-form__submit" — ankstesnė taisyklė su ta klase
   niekada neatitiko jokio elemento. Tarpą virš mygtuko duoda ŠITAS
   konteineris, ne tekstas virš jo (tekstas dabar glaudžiai prie lauko,
   žr. .aptive-form__tcpa aukščiau). */
.hero-form-slot .sbmtbtn {
  margin-top: 20px !important;
}
/* page-home.css turi #adobeform .aptive-form__submit__button:hover su
   TIESIOGIAI įrašytu Aptive violetiniu #c883ff (ne per CSS kintamąjį, tad
   :root perrašymas aukščiau jo nepaveikia) — savo taisyklę su tuo pačiu
   selektoriumi + papildoma .hero-form-slot klase nurungiam specifiškumu. */
#adobeform.hero-form-slot .aptive-form__submit__button:hover {
  background-color: #278837 !important;
}


/* Keep the animated footer arrows centred on their corresponding labels. */
footer.et-l .et_pb_text_1_tb_footer::before,
footer.et-l .et_pb_text_2_tb_footer::before {
  top: 50%;
  width: auto;
  height: 1em;
  transform: translate(-40px, -50%) !important;
}

footer.et-l .et_pb_text_1_tb_footer:hover::before,
footer.et-l .et_pb_text_2_tb_footer:hover::before {
  top: 50%;
  width: auto;
  height: 1em;
  transform: translate(0, -50%) !important;
}

/* --- Kainos popup (žr. page-home.js) ---------------------------------------
   JS perkelia TIKRĄ #adobeform (hero formą) čia — nėra antros formos
   kopijos. .hero-form-slot bazinis flex:0 1 clamp(360px,40%,520px) buvo
   skirtas hero flex eilutei; modale forma nebėra flex-elementas šalia
   teksto, tad reikia !important perrašyti pločio elgseną. */
.quote-modal {
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.quote-modal.active {
  display: flex;
}
.quote-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 33, 15, .72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.quote-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 560px;
  max-height: 90vh;
  overflow-y: auto;
  /* Išorinis tamsus rėmas pašalintas — lieka tik pati formos kortelė. */
  background: transparent;
  border-radius: 20px;
  padding: 0;
}
.quote-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  transition: background .15s;
}
.quote-modal__close:hover {
  background: rgba(255, 255, 255, .24);
}
.quote-modal .hero-form-slot {
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}
/* Modale kortelė — header'io žalia (#4CAF50) vietoj permatomo "stiklo". */
.quote-modal .hero-form-slot .aptive-form,
html body.et-db #page-container #et-boc .et-l .quote-modal .hero-form-slot .aptive-form {
  background: #4CAF50 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .4) !important;
}
body.quote-modal-open {
  overflow: hidden;
}

/* --- Paslaugų puslapio hero nuotrauka --------------------------------------
   Anksčiau src="????" (maketo placeholder, niekada neužpildytas). Dabar
   naudojame TĄ PATĮ kenkėjo piešinį, kuris jau rodomas pradinio puslapio
   pest-grid kortelėje (/assets/img/pests/<slug>.png, 14 iš 18 kenkėjų turi
   failą — likusiems trims vis dar rodysis sugadintas <img>, kol klientas
   atsiųs likusias iliustracijas). object-fit:contain, kad piešinys gražiai
   centruotųsi rėmelio dėžutėje, nepriklausomai nuo tikslių proporcijų. */
.pest-hero-img {
  object-fit: contain;
  padding: 32px;
}

/* Paslaugų puslapio hero sekcijos fonas — maketе kreminis (#f4f5eb), pas mus
   liko baltas (numatytasis). Ta pati spalva jau naudojama kitose kreminėse
   sekcijose (žr. #f4f5eb toliau faile). */
.et_pb_section_0_tb_body {
  background-color: #EDEDED;
}

/* "Jei kenkėjai grįžta — grįžtame ir mes" sekcijos nuotrauka (Vilniaus
   senamiestis) — apvalinti kraštai, kaip likusiame makete. */
.aptive-promis-image img {
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Kreminis (#f4f5eb) fonas hero ir atsiliepimų sekcijose pakeistas į baltą
   pagal užsakymą. Fonas dedamas per bendrą CSS kintamąjį (--gcid-3z6aolx6yn /
   --gcid-v6fa34t6hu), kuris naudojamas ir kitur (mygtukai, kortelių fonai
   aptive_promise_section/coverage sekcijose) — tad keičiam TIK šių dviejų
   sekcijų foną tiesiogiai, nekeisdami bendro kintamojo. Divi eksporto
   selektorius ".et-l--post>.et_builder_inner_content .et_pb_section.et_pb_section_N"
   turi 4 klasių specifiškumą — reikia bent tiek pat, kad laimėtų. */
.et-l--post > .et_builder_inner_content .et_pb_section.et_pb_section_0,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 {
  background-color: #EDEDED !important;
}
.et-l--post > .et_builder_inner_content .et_pb_section.et_pb_section_11,
html body.et-db #page-container #et-boc .et-l .et_pb_section_11 {
  background-color: #EDEDED !important;
}
/* "Jei kenkėjai grįžta" ir "Vilnius·Kaunas·Jonava" teksto panelės naudojo
   kreminį foną per bendrą Divi kintamąjį (--gcid-v6fa34t6hu), kuris taip
   pat naudojamas mygtukams/kortelėms kitur — nekeičiam PAČIO kintamojo,
   tik šių dviejų konkrečių stulpelių foną tiesiogiai. */
.et_pb_column_26,
.et_pb_column_42 {
  background-color: #EDEDED !important;
}

/* --- Hero baneris per visą ekraną (plotis IR aukštis) ---------------------
   Anksčiau buvo suapvalintas 1312px pl. konteineris su 54px paraštėmis virš/
   po juo (žr. "Hero konteineris" aukščiau). Dabar — pilnas plotis (edge-to-
   edge, be užapvalinimo) ir pilnas aukštis (visas ekranas po 88px header'iu).
   Divi eksporto ".preset--module--divi-row--default" plotis/max-width turi
   [1,3,0] specifiškumą + !important — reikia bent tiek pat. */
html body.et-db #page-container #et-boc .et-l .et_pb_row_0.preset--module--divi-row--default {
  width: 100% !important;
  max-width: none !important;
}
.et_pb_row_0 {
  border-radius: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
  min-height: calc(100vh - 88px) !important;
}
@media (max-width: 767px) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 {
    min-height: calc(100vh - 64px) !important;
  }
}

/* Hero tekstas (antraštė/aprašymas/mygtukas) šiek tiek paslinktas nuo
   kairio ekrano krašto link centro — TIK papildoma kairė paraštė, tekstas
   pats lieka kairiuotas (ne veidrodinis į dešinę). */
@media (min-width: 1101px) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_0 > .et_pb_column_0 {
    padding-left: clamp(160px, 16vw, 320px) !important;
  }
}

/* --- Šešėliai visoms pradinio puslapio kortelėms/konteineriams -----------
   Dabar fonas visur pilkai baltas (#EDEDED), tad kortelės be šešėlio
   optiškai "susilieja" su fonu — trūksta gylio. Pridedam vienodą,
   santūrų šešėlį (ta pati #0D210F tonacija kaip kitur faile naudojama
   hover efektams) prie kiekvienos matomos kortelės/dėžutės. */
.et_pb_group_11,
.et_pb_group_14,
.et_pb_group_17,
.et_pb_section_1 > .et_pb_row_9,
.aptive-promis-image img,
.blog-card,
.sb-post-item-wrap,
.hero-form-slot .aptive-form,
.faqs-section .et_pb_accordion_item {
  box-shadow: 0 8px 24px rgba(13, 33, 15, .18) !important;
}
.aptive_proactive_card,
.aptive_experts_card,
.aptive_no_fees_card,
.aptive_smarter_card {
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}

/* --- Vienodas mygtukų stilius VISUR --------------------------------------
   Pavyzdys — paslaugos puslapio "Gauti nemokamą kainą" (.treatable-button):
   solidus firminis žalias #309C42, baltas tekstas, 40px pill, be šešėlio.
   Kiekvienas mygtukas iki šiol turėjo savo preset spalvą (kai kurie balti/
   šviesūs ant tamsaus fono, kai kurie pilkšvi/permatomi) — dabar visi
   vienodi, nepriklausomai nuo Divi preset ID. */
html body.et-db #page-container #et-boc .et-l .et_pb_button,
html body #page-container .et_pb_section .et_pb_button,
.et_pb_button,
.site-header__cta,
.mobile-nav__cta,
.article-cta__btn {
  background-color: #309C42 !important;
  color: #fff !important;
  border-color: transparent !important;
  border-radius: 40px !important;
  padding: .5em 1.5em !important;
  position: relative !important;
  /* Kaip #adobeform mygtuke — animuojamas ir padding, ne tik spalva,
     kitaip mygtukas hover'e "šokteli", o ne išsiplečia. */
  transition: all .4s ease !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_button:hover,
html body #page-container .et_pb_section .et_pb_button:hover,
.et_pb_button:hover,
.site-header__cta:hover,
.mobile-nav__cta:hover,
.article-cta__btn:hover {
  background-color: #278837 !important;
  /* Kai kurie Divi preset'ai hover'e tekstą perdažo į #309C42 — žalia ant
     žalios, tekstas beveik išnykdavo (pvz. "Skambinti"). */
  color: #fff !important;
  padding-left: 2.6em !important;
}
/* Rodyklė ant hover — NUKOPIJUOTA nuo #adobeform siuntimo mygtuko
   (page-home.css), kuris jau turėjo tvarkingą efektą: paprastas "→"
   simbolis atsiranda IŠ KAIRĖS ir pastumia tekstą. Ankstesnis bandymas
   naudoti Divi bazinę taisyklę (.et_pb_button:before, ikonų šrifto glifas
   "5") buvo sugadintas: (1) rodyklė "atidengiama" (opacity:1) tik
   konkretaus numeruoto ID sąraše, kitiems mygtukams jos NIEKADA nesimatė;
   (2) papildomas plotis hover'e buvo pridedamas DEŠINĖJE (padding-right),
   ne kairėje, kur turėtų atsirasti rodyklė — dėl to mygtukas "augo" į
   priešingą pusę nei rodyklė. Dabar VISUR: rodyklė kairėje, auga tik
   padding-left. */
html body.et-db #page-container #et-boc .et-l .et_pb_button::before,
html body #page-container .et_pb_section .et_pb_button::before,
.et_pb_button::before,
.site-header__cta::before,
.mobile-nav__cta::before,
.article-cta__btn::before {
  content: "→" !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: inherit !important;
  text-shadow: none !important;
  /* Kai kurie numeruoti mygtukai (Divi "be ikonos" preset'as) turi
     "display:none!important" savo ::before/::after — reikia atgal
     parodyti, kitaip rodyklė lieka nematoma nepriklausomai nuo opacity. */
  display: inline-block !important;
  position: absolute !important;
  top: 50% !important;
  left: auto !important;
  right: auto !important;
  /* Divi paslaugų puslapio preset'ai prideda margin-left:-1.3em ir
     line-height:1.7em — rodyklė nuslinkdavo ~23px už mygtuko krašto. */
  margin: 0 !important;
  line-height: 1 !important;
  transform: translateY(-50%) translateX(-100%) !important;
  padding-right: 10px;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}
/* Išimtis: header'io CTA — baltas su juodu tekstu, nes žaliame header'yje
   žalias mygtukas susiliedavo. Hover elgsena (rodyklė, slinkimas) ta pati. */
.site-header .site-header__cta {
  background-color: #fff !important;
  color: #0D210F !important;
}
.site-header .site-header__cta:hover {
  background-color: #EDEDED !important;
  color: #0D210F !important;
}
/* Maketo "tekstinės nuorodos" stilius (.third-one/.third-two) piešdavo 1px
   liniją po mygtuku per apvalkalo ::after — dabar visi mygtukai pill'ai,
   tad linija (pvz. po "Skambinti") nereikalinga. */
.et_pb_button_module_wrapper:has(.third-one)::after,
.et_pb_button_module_wrapper:has(.third-two)::after,
.et_pb_button_module_wrapper:has(.third-two-fill)::after {
  display: none !important;
}
/* Tas pats stilius hover'e apvalkalui uždėdavo telefono ikoną (fone) —
   kyšojo violetinis kraštelis kairėje nuo mygtuko. */
.et_pb_button_module_wrapper:has(.third-one):hover,
.et_pb_button_module_wrapper:has(.third-two):hover,
.et_pb_button_module_wrapper:has(.third-two-fill):hover {
  background-image: none !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_button::after,
.et_pb_button::after,
.et_pb_button:hover::after {
  display: none !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_button:hover::before,
html body #page-container .et_pb_section .et_pb_button:hover::before,
.et_pb_button:hover::before,
.site-header__cta:hover::before,
.mobile-nav__cta:hover::before,
.article-cta__btn:hover::before {
  opacity: 1 !important;
}
/* Užklausos formos siuntimo mygtukas (#adobeform) — atskiras (ne Divi
   .et_pb_button) komponentas, jau turintis šitą pačią rodyklės logiką
   savarankiškai (page-home.css) — čia tik vienodinam spalvą. */
#adobeform .aptive-form__submit__button {
  background-color: #309C42 !important;
  color: #fff !important;
}
#adobeform .aptive-form__submit__button:hover {
  background-color: #278837 !important;
  color: #fff !important;
}

/* Naujienų karuselės kortelės (pradinis puslapis) — baltos, kaip kitos
   kortelės ant pilko fono. Spalva ateina iš blog-slider.css kintamojo
   (--gcid-ysr58wx9ht), kurio globaliai nekeičiam. */
.blog-slider .blog-card {
  background: #fff !important;
}
/* Karuselės .slick-list turi overflow:hidden (paslepia kitus slaidus), bet
   kartu nukirpdavo kortelių šešėlį apačioje/viršuje. Duodam vietos šešėliui
   pačiame konteineryje, o neigiamos paraštės išlaiko tą patį išdėstymą. */
.blog-slider .slick-list {
  padding-top: 16px !important;
  padding-bottom: 40px !important;
  margin-top: -16px !important;
  margin-bottom: -40px !important;
}
/* ...o taškeliai (position:absolute nuo slaiderio apačios) dėl tos pačios
   40px vietos nuslinko žemyn — grąžinam į lygį su rodyklėmis. */
.blog-slider .slick-dots {
  transform: translateY(-40px);
}

/* Straipsnio kortelė (reference: balta, suapvalintu viršumi) — mūsų bendra
   pilko sekcijų fono taisyklė (.et_pb_section) jos neturi perdažyti.
   data-template="article" — žr. src/pages/naujienos/[slug].astro. */
[data-template="article"] .et_pb_section_0_tb_body {
  background-color: #fff !important;
}
/* Divi branduolio ".single .post{padding-bottom:25px}" — reference'o <body>
   turi WP klasę "single", mūsų (bendras header.html) — ne; kopijuojam tik
   šią vienintelę paveiktą taisyklę (susijusių straipsnių kortelės). */
[data-template="article"] .dipl_blog_slider_post {
  padding-bottom: 25px;
}
/* Paslaugų puslapis: sekcija "Ką verta žinoti apie ..." turėjo 1px tamsų
   rėmelį (šablono Divi nustatymas) — atrodė kaip skiriamoji linija. */
.et-db #et-boc .et-l .et_pb_section_3_tb_body:not(.et_pb_section--fixed) {
  border: 0 !important;
}
/* Paslaugų puslapio hero ir "Ką verta žinoti" — tekstas ir nuotrauka baltoje suapvalintoje
   kortelėje, kaip straipsnio (.art__inner) ir kitos kortelės. Tik paslaugų
   šablone (straipsnio šablonas section_0 nebenaudoja). */
.et-db #et-boc .et-l .et_pb_section_0_tb_body > .et_pb_row_0_tb_body,
.et-db #et-boc .et-l .et_pb_section_3_tb_body:not(.et_pb_section--fixed) > .et_pb_row_3_tb_body,
.et-db #et-boc .et-l .et_pb_section_4_tb_body .et_pb_column_6_tb_body,
.et-db #et-boc .et-l .et_pb_section_5_tb_body .et_pb_text_12_tb_body {
  background: #fff;
  border-radius: 12px;
  padding: 48px !important;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .18);
}
@media (max-width: 767px) {
  .et-db #et-boc .et-l .et_pb_section_0_tb_body > .et_pb_row_0_tb_body,
  .et-db #et-boc .et-l .et_pb_section_3_tb_body:not(.et_pb_section--fixed) > .et_pb_row_3_tb_body,
  .et-db #et-boc .et-l .et_pb_section_4_tb_body .et_pb_column_6_tb_body,
  .et-db #et-boc .et-l .et_pb_section_5_tb_body .et_pb_text_12_tb_body { padding: 24px 20px !important; }
}
/* Tarpas tarp hero kortelės ir "Ką verta žinoti" kortelės buvo 198px
   (144px hero apatinė paraštė + 54px kitos sekcijos viršutinė). */
.et-db #et-boc .et-l .et_pb_section_0_tb_body.et_pb_section { padding-top: 32px !important; padding-bottom: 32px !important; }
.et-db #et-boc .et-l .et_pb_section_3_tb_body.et_pb_section:not(.et_pb_section--fixed) { padding-top: 0 !important; }
/* Paslaugų DUK antraštė — tokia pati kaip kitų sekcijų antraštės
   ("Ką verta žinoti..."): 40px, tamsi, vietoj mažo žalio užrašo. */
.et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner,
.et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner p,
.et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner h2 {
  font-size: 40px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  color: #0D210F !important;
}
@media (max-width: 767px) {
  .et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner,
  .et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner p,
  .et-db #et-boc .et-l .et_pb_text_13_tb_body .et_pb_text_inner h2 { font-size: 28px !important; }
}

/* --- Trust ženkliukai kaip "pill" konteineriai (MaxGrow truststrip_pills) --
   Nukopijuota iš maxgrow.uk .trustP-item: balta pilulė, radius 100px,
   padding 14px 48px, gap 18px, šešėlis 0 3px 10px rgba(0,0,0,.06).
   Skiriamosios linijos nebereikalingos — pilulės pačios atskiria. */
.et_pb_section_0 > .et_pb_row_5 .trust-divider { display: none !important; }
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
  justify-content: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_11,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_12,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_13,
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_14 {
  flex: 0 1 auto !important;
  gap: 18px !important;
  padding: 14px 40px !important;
  border-radius: 100px !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.06) !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .trust-ico {
  width: 56px !important;
  height: 56px !important;
}
@media (max-width: 749px) {
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 { gap: 12px !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .trust-ico { width: 40px !important; height: 40px !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_11,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_12,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_13,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_14 {
    padding: 10px 12px !important;
    gap: 8px !important;
  }
}

/* Paslaugos be nuotraukos: nuotraukos stulpelis išmestas ([slug].astro),
   tad teksto kortelė užima visą eilutės plotį. */
.et-db #et-boc .et-l .et_pb_row_4_tb_body > .et_pb_column_6_tb_body:first-child {
  width: 100% !important;
  margin-right: 0 !important;
}

/* --- Hero privalumų sąrašas (po paantrašte) ------------------------------- */
html body.et-db #page-container #et-boc .et-l .hero-bullets {
  list-style: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html body.et-db #page-container #et-boc .et-l .hero-bullets li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 34px !important;
  color: #fff;
  font-family: 'rand', sans-serif;
  font-size: 18px;
  line-height: 24px;
  list-style: none !important;
}
html body.et-db #page-container #et-boc .et-l .hero-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #309C42 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;
}
@media (max-width: 767px) {
  /* mobile hero tekstas tamsus — sąrašas derinamas prie jo spalvos */
  html body.et-db #page-container #et-boc .et-l .hero-bullets li { font-size: 15px; line-height: 22px; padding-left: 30px !important; color: #344C38; }
  html body.et-db #page-container #et-boc .et-l .hero-bullets li::before { width: 22px; height: 22px; background-size: 12px; }
}

/* --- "Kodėl mes?" juosta: žalias fonas, baltas mygtukas ------------------- */
html body.et-db #page-container #et-boc .et-l .et_pb_row_9 {
  background-color: #4CAF50 !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_button.et_pb_button_5 {
  background-color: #fff !important;
  color: #0D210F !important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_button.et_pb_button_5:hover {
  background-color: #EDEDED !important;
  color: #0D210F !important;
}

/* --- 404 puslapis ----------------------------------------------------------- */
.not-found {
  padding: 64px 16px 96px;
  display: flex;
  justify-content: center;
}
.not-found__card {
  max-width: 720px;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 56px 48px;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .18);
  text-align: center;
  font-family: 'rand', sans-serif;
  color: #0D210F;
}
.not-found__code {
  font-size: 96px;
  line-height: 1;
  font-weight: 700;
  color: #4CAF50;
  margin: 0 0 8px;
}
.not-found__card h1 {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 500;
  margin: 0 0 16px;
  color: #0D210F;
}
.not-found__card > p:not(.not-found__code) {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 28px;
}
.not-found__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
}
.not-found__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 20px;
  padding-top: 24px;
  border-top: 1px solid #EDEDED;
}
.not-found__links a {
  color: #309C42;
  font-size: 15px;
  text-decoration: none;
}
.not-found__links a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  .not-found__card { padding: 40px 20px; }
  .not-found__code { font-size: 72px; }
  .not-found__card h1 { font-size: 28px; }
}
/* Divi p{padding-bottom:1em} ir didelis mygtukų šriftas — kortelėje perrašom */
.not-found .not-found__card p { padding-bottom: 0 !important; }
html body #page-container .not-found .et_pb_button {
  font-size: 16px !important;
  white-space: nowrap;
}

/* Paslaugų puslapiai: tarpas tarp "Kaip naikinsime" ir "Ar žinojote?" kortelių
   (buvo 137px — 4 sluoksniuoti padding'ai). */
.et-db #et-boc .et-l .et_pb_section_5_tb_body.et_pb_section { padding-top: 0 !important; }
.et-db #et-boc .et-l .et_pb_section_5_tb_body .et_pb_row_5_tb_body { padding-top: 0 !important; }

/* --- Centriniai puslapiai /paslaugos ir /naujienos ------------------------
   Kortelės — kaip paslaugų puslapių baltos kortelės; blog kortelės — tos
   pačios reikšmės kaip pradinio puslapio karuselėje (.blog-slider .blog-card),
   tik tinklelyje. */
.hub {
  max-width: 1312px;
  margin: 0 auto;
  padding: 32px 0 64px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-family: 'rand', sans-serif;
  color: #0D210F;
}
.hub__card {
  background: #fff;
  border-radius: 12px;
  padding: 48px;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .18);
}
.hub__crumbs {
  font-size: 18px;
  color: #309C42;
  margin-bottom: 16px;
}
.hub__crumbs a { color: #309C42 !important; text-decoration: none; }
.hub__crumbs a:hover { text-decoration: underline; }
.hub__crumbs span { color: #0D210F; }
html body #page-container .hub h1 {
  font-family: 'rand', sans-serif;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  color: #0D210F;
  margin: 0 0 20px;
  padding: 0;
}
.hub__intro p {
  font-size: 17px;
  line-height: 1.65;
  max-width: 78ch;
  margin: 0 0 14px;
  padding: 0 !important;
}
.hub__intro p a { color: #309C42 !important; }
.hub__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
html body #page-container .hub__actions .et_pb_button { font-size: 16px !important; white-space: nowrap; }
html body #page-container .hub__grid h2 {
  font-family: 'rand', sans-serif;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500;
  color: #0D210F;
  margin: 0 0 24px;
  padding: 0;
}
.hub-blog {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.hub-blog .blog-card {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .18);
}
html body #page-container .hub-blog .card-content h3 {
  font-family: 'rand', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #344C38;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hub-blog .card-content h3 a { color: #344C38 !important; text-decoration: none; }
.hub-blog .card-content h3 a:hover { color: #309C42 !important; }
.hub-blog .blog-date { color: #344C38; }
@media (max-width: 1376px) {
  .hub { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 980px) {
  .hub-blog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .hub { padding: 24px 16px 48px; gap: 24px; }
  .hub__card { padding: 28px 20px; }
  html body #page-container .hub h1 { font-size: 32px; }
  html body #page-container .hub__grid h2 { font-size: 26px; }
  .hub-blog { grid-template-columns: 1fr; }
}
/* Footer "Apie mus / Paslaugos / Naujienos" — tikros nuorodos (anksčiau tik
   Divi JS click), visa eilutė paspaudžiama. */
footer.et-l .footer-nav-link {
  display: block;
  color: inherit !important;
  text-decoration: none;
}
/* Paslaugų dropdown — nuoroda į /paslaugos per visą plotį */
.services-dropdown__all {
  grid-column: 1 / -1;
  justify-self: start;
  padding-top: 16px;
  border-top: 1px solid #EDEDED;
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  color: #309C42 !important;
  text-decoration: none;
}
.services-dropdown__all:hover { text-decoration: underline; }
/* Pradinis: nuorodos į /paslaugos ir /naujienos po sekcijomis */
.home-hub-link { margin-top: 24px; padding-bottom: 0 !important; }
.home-hub-link a {
  font-family: 'rand', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #309C42 !important;
  text-decoration: none;
}
.home-hub-link a:hover { text-decoration: underline; }
/* Footer: ilgesnis el. paštas (info@kenkejuekspertai.lt) netilpo į lygų
   trečdalį — Kontaktų stulpelis kiek platesnis, laužiama tik po "@". */
/* Tik darbalaukyje — telefone Divi turi savo išdėstymą (anksčiau ši taisyklė
   be @media suspausdavo 3 stulpelius į 358px ir laužydavo žodžius). */
@media (min-width: 1440px) {
  html body #page-container footer .et_pb_column_3_tb_footer {
    /* stulpeliai proporcingi ilgiausiai nuorodai (Siengraužių naikinimas /
       Kinivarpų naikinimas / el. paštas), kad 1440px nieko nelaužytų */
    grid-template-columns: minmax(0, 190fr) minmax(0, 171fr) minmax(0, 199fr) !important;
    column-gap: 20px !important;
  }
}
footer a[href^="mailto:"] { overflow-wrap: normal !important; word-break: normal !important; }
@media (max-width: 1200px) {
  footer .et_pb_text_6_tb_footer a[href^="mailto:"] { font-size: 15px !important; }
}
@media (max-width: 900px) {
  footer a[href^="mailto:"] { overflow-wrap: anywhere !important; }
}

/* --- Baltas header: žalias tekstas ir logotipas ----------------------------
   Logotipas — logo-green.svg (tas pats logo.svg, tik fill #309C42; footeryje
   lieka baltas). Tekstui #309C42, o ne šviesesnė #4CAF50 — ant balto ji per
   blanki mažam tekstui. Hover/aktyvus — tamsus #0D210F (buvęs salotinis
   #A4E631 ant balto neįskaitomas). */
.site-header { background: #fff; }
.site-nav__link,
.site-header__phone { color: #309C42 !important; }
.site-nav__link:hover,
.site-nav__link.is-active,
.site-nav__item.is-open > .site-nav__link,
.site-header__phone:hover { color: #0D210F !important; }
.site-header__burger span { background: #309C42; }

/* --- Footer "Apie mus / Paslaugos / Naujienos" hover rodyklė ---------------
   Divi rodyklė buvo FontAwesome ženklas (\f061), bet šrifto @font-face
   daugumoje puslapių — src:url(????), o straipsniuose jis buvo kraunamas iš
   aptivepestcontrol.com. Todėl rodyklė matėsi tik straipsniuose. Dabar —
   paprastas "→" mūsų šriftu (kaip mygtukuose), vienoda vieta visuose
   šablonuose (paslaugų šablono Divi taisyklė perrašydavo transform). */
#page-container footer.et-l #apie-mus .et_pb_text_1_tb_footer::before,
#page-container footer.et-l #apie-mus .et_pb_text_2_tb_footer::before,
#page-container footer.et-l #apie-mus .et_pb_text_1_tb_footer:hover::before,
#page-container footer.et-l #apie-mus .et_pb_text_2_tb_footer:hover::before {
  /* SVG, ne šrifto ženklas: mūsų Poppins rinkinyje nėra "→" (U+2192), tad
     kiekviena naršyklė jį piešdavo kitu atsarginiu šriftu ir kartais
     nukirpdavo prie overflow:hidden krašto. */
  content: "" !important;
  font-family: inherit !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 0 !important;
  left: 0 !important;
  top: 50% !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h14M11 4l6 6-6 6'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
  /* +1px: etiketė ~1px žemiau eilutės centro (apatinė linija storesnė) */
  transform: translate(-40px, calc(-50% + 1px)) !important;
}
#page-container footer.et-l #apie-mus .et_pb_text_1_tb_footer:hover::before,
#page-container footer.et-l #apie-mus .et_pb_text_2_tb_footer:hover::before {
  transform: translate(2px, calc(-50% + 1px)) !important;
}
/* Didesnė (20px) rodyklė — hover'e etiketė pasislenka daugiau, kad tarp
   rodyklės ir teksto liktų tarpas. */
#page-container footer.et-l #apie-mus .et_pb_text_1_tb_footer:hover,
#page-container footer.et-l #apie-mus .et_pb_text_2_tb_footer:hover {
  padding-left: 34px !important;
}
/* Divi bazinis p{font-weight:500} — hub'ų ir 404 aprašomasis tekstas
   įprasto storio, kaip straipsniuose (400). */
.hub__intro p,
.not-found__card > p:not(.not-found__code) { font-weight: 400 !important; }
/* Paslaugos be kenkėjo iliustracijos: hero tekstas per visą eilutę */
.et-db #et-boc .et-l .et_pb_row_0_tb_body > .et_pb_column_0_tb_body:only-child {
  width: 100% !important;
  margin-right: 0 !important;
}

/* --- Kenkėjų tinklelis: ne daugiau 4 kortelių stulpelyje -------------------
   Grupės, kuriose daugiau nei 4 kenkėjai (Buitiniai vabzdžiai, Kiti
   kenkėjai), persilaužia į antrą stulpelį (grid-auto-flow: column,
   4 eilutės). Visos kortelės vienodo pločio, kad stulpeliai būtų tvarkingi.
   ≥1280px — 4 grupės vienoje eilutėje su vertikaliais skirtukais. */
.pest-group__items {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  grid-auto-columns: 148px;
  gap: clamp(14px, 1.6vw, 22px) 14px !important;
  justify-content: start;
}
.pest-grid .bv-library-item-inner { width: 100% !important; box-sizing: border-box; }
@media (min-width: 1280px) {
  .pest-grid {
    display: flex !important;
    justify-content: space-between;
    align-items: stretch !important; /* skirtukai per visą eilutės aukštį */
    gap: 0 !important;
  }
  .pest-grid .pest-group {
    flex: 0 0 auto;
    padding: 0 clamp(16px, 2.2vw, 36px);
    border-left: 1px solid #C9D3C6;
  }
  .pest-grid .pest-group:first-child { padding-left: 0; border-left: 0; }
  .pest-grid .pest-group:last-child { padding-right: 0; }
}
/* Kortelės turinys (ikona + pavadinimas) centruojamas kortelėje;
   pačios kortelės lieka lygiuotos su grupės antrašte. */
.pest-grid .bv-library-item-inner {
  align-items: center !important;
  text-align: center !important;
}
.pest-grid .bv-library-image { justify-content: center !important; width: 100%; }
.pest-grid .bv-library-title { text-align: center !important; }



/* --- Atsiliepimų kortelės ----------------------------------------------------
   Nauja struktūra (home-body.html .review-card): žvaigždutės viršuje,
   citata kairėje, skirtukas, apačioje avataras su raide, vardas + vietovė
   ir kenkėjo žymė (nuoroda į paslaugą). */
.sbr_carousel .sbr-owl-item { display: flex; padding: 0 !important; }
/* Tiksliai 3 / 2 / ~1 kortelės matomoje srityje — kitos kortelės kraštas
   nebeišlenda į šešėliui skirtą paraštę dešinėje. */
/* tarpas (32px) didesnis už šešėlio paraštę šonuose (28px) — kaimyninės
   kortelės nesimato, o šešėlis nenukerpamas */
.sbr_carousel .sbr-owl-stage { gap: 32px !important; }
.sbr_carousel .sbr-owl-item { flex: 0 0 calc((100% - 64px) / 3) !important; }
@media (max-width: 1023px) { .sbr_carousel .sbr-owl-item { flex-basis: calc((100% - 32px) / 2) !important; } }
@media (max-width: 767px)  { .sbr_carousel .sbr-owl-item { flex-basis: 86% !important; } }
.review-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #DCE4D9;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .10);
  font-family: 'rand', sans-serif;
  text-align: left;
}
.review-card__stars { display: flex; gap: 6px; margin-bottom: 20px; }
.review-card__stars svg { width: 20px; height: 20px; fill: #F0A623; }
html body #page-container .review-card__text {
  font-size: 19px;
  line-height: 1.65;
  font-weight: 400;
  color: #243A28;
  margin: 0 0 24px;
  padding: 0;
}
.review-card__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 24px;
  border-top: 1px solid #E4E8E2;
}
.review-card__avatar {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #E3EDE2;
  color: #2E6B37;
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 17px;
}
.review-card__who { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.review-card__who strong { font-weight: 600; font-size: 17px; color: #0D210F; }
.review-card__who span { font-size: 15px; color: #5C7560; margin-top: 2px; }
html body #page-container a.review-card__tag {
  margin-left: auto;
  flex: none;
  background: #EAF2E8;
  color: #2E6B37 !important;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 999px;
  text-decoration: none;
  transition: background .15s;
}
html body #page-container a.review-card__tag:hover { background: #D8E8D4; }
/* Šešėlis nebenukerpamas: slinkimo konteineris (overflow) gauna vidinę
   paraštę šešėliui, o neigiamos išorinės paraštės išlaiko tą patį išdėstymą. */
.sbr_carousel .sbr-owl-stage-outer {
  padding: 16px 28px 40px !important;
  margin: -16px -28px -40px !important;
  scroll-padding-left: 28px;
}
@media (max-width: 767px) {
  .review-card { padding: 24px 20px; }
  html body #page-container .review-card__text { font-size: 16px; }
}

/* --- "1 mėnesio garantija" ženklelis ant "Nustatome priežastį" kortelės ----
   Apvalus antspaudas apatiniame kairiajame kampe: žalias fonas, baltas tekstas
   ratu ir skydo ikona. Kortelė turėjo overflow:hidden — ženklelis išlenda už
   krašto, tad šiai kortelei overflow atleidžiamas. */
html body.et-db #page-container #et-boc .et-l .aptive_proactive_card { overflow: visible !important; }
.guarantee-badge {
  position: absolute;
  left: -64px;
  bottom: -58px;
  width: 136px;
  height: 136px;
  z-index: 5;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(13, 33, 15, .25);
  transform: rotate(-8deg);
  pointer-events: none;
}
.guarantee-badge svg { display: block; width: 100%; height: 100%; }
.guarantee-badge__ring {
  fill: #fff;
  font-family: 'rand', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .5px;
}
.guarantee-badge__label {
  fill: #fff;
  font-family: 'rand', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
}
/* Telefone kortelė žema ir plati — apačioje ženklelis dengtų tekstą,
   tad perkeliamas į laisvą viršutinį dešinį kampą. Iki 1340px — tas pats:
   siauresnės kortelės tekstas eina iki pat apačios, o kairėje ženklelis
   išlįstų už ekrano krašto. */
@media (max-width: 1340px) {
  .guarantee-badge {
    width: 84px; height: 84px;
    left: auto; bottom: auto;
    right: -14px; top: -34px;
    transform: rotate(8deg);
  }
}
@media (max-width: 480px) {
  .guarantee-badge { width: 78px; height: 78px; right: -22px; top: -40px; }
}

/* --- Footer: teisinė eilutė ir mažesni ekranai ----------------------------- */
footer .footer-legal { font-size: .88em; opacity: .85; }
/* Planšetėje Divi 3 stulpelius spausdavo į ~89px (visos nuorodos lūždavo) —
   2 stulpeliai, Kontaktai per visą plotį po jais. */
@media (min-width: 481px) and (max-width: 1439px) {
  html body #page-container footer .et_pb_column_3_tb_footer {
    grid-template-columns: 1fr 1fr !important;
    row-gap: 28px !important;
    column-gap: 20px !important;
  }
  html body #page-container footer .et_pb_text_6_tb_footer { grid-column: 1 / -1; }
  html body #page-container footer .et_pb_text_4_tb_footer a,
  html body #page-container footer .et_pb_text_5_tb_footer a { font-size: 16px !important; }
}
/* Telefone ilgesni pavadinimai (Siengraužių naikinimas) netilpdavo į pusę
   ekrano ir lūždavo į dvi eilutes. */
@media (max-width: 480px) {
  html body #page-container footer .et_pb_text_4_tb_footer a,
  html body #page-container footer .et_pb_text_5_tb_footer a { font-size: 15px !important; }
}
/* Telefone apačioje prilipęs "Skambinti" mygtukas (hero eilutė, position:
   fixed) uždengdavo paskutinę footer eilutę — paliekam jam vietos. */

@media (min-width: 481px) and (max-width: 900px) {
  html body #page-container footer .et_pb_column_3_tb_footer { column-gap: 12px !important; }
  html body #page-container footer .et_pb_text_4_tb_footer a,
  html body #page-container footer .et_pb_text_5_tb_footer a { font-size: 15px !important; }
}

/* --- Kūrėjo kreditas (Devzy) po autorių teisių eilute --------------------- */
footer .footer-credit {
  margin: 14px 0 0 !important;
  padding: 0 !important;
}
footer .footer-credit a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  /* tokio pat ryškumo kaip autorių teisių eilutė (rgba .5) — kreditas
     neturi išsiskirti labiau nei kliento duomenys */
  color: rgba(255, 255, 255, .55) !important;
  text-decoration: none;
  transition: color .15s;
}
footer .footer-credit a:hover { color: #fff !important; }
footer .footer-credit img {
  height: 17px;
  width: auto;
  display: block;
  opacity: .6;
  transition: opacity .15s;
}
footer .footer-credit a:hover img { opacity: 1; }
footer .footer-credit__sep { opacity: .6; }
/* Apatinė juosta vienoje eilutėje: kairėje autorių teisės + įmonės kodas,
   dešinėje kūrėjo kreditas. Telefone — vienas po kitu, centre. */
footer .et_pb_text_8_tb_footer .et_pb_text_inner,
footer .et_pb_text_15_tb_footer .et_pb_text_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
  flex-wrap: wrap;
  text-align: left !important;
}
footer .et_pb_text_8_tb_footer .et_pb_text_inner > p,
footer .et_pb_text_15_tb_footer .et_pb_text_inner > p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
@media (max-width: 767px) {
  footer .et_pb_text_8_tb_footer .et_pb_text_inner,
  footer .et_pb_text_15_tb_footer .et_pb_text_inner {
    flex-direction: column;
    justify-content: center;
    text-align: center !important;
  }
  footer .et_pb_text_8_tb_footer .et_pb_text_inner > p,
  footer .et_pb_text_15_tb_footer .et_pb_text_inner > p { text-align: center !important; }
}

/* --- Linksmas 404: apgraužtas "0" ir vaikštantis tarakonas ----------------- */
.nf-art {
  position: relative;
  max-width: 420px;
  margin: 0 auto 8px;
  padding-bottom: 64px; /* vieta tarakono takui */
}
.nf-digits {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #309C42;
  font-family: 'rand', sans-serif;
  font-weight: 700;
  font-size: 150px;
  line-height: 1;
}
.nf-zero { width: 112px; height: 140px; color: #309C42; overflow: visible; }
.nf-crumbs circle { animation: nf-crumb 2.4s ease-in-out infinite; }
.nf-crumbs circle:nth-child(2) { animation-delay: .4s; }
.nf-crumbs circle:nth-child(3) { animation-delay: .8s; }
.nf-crumbs circle:nth-child(4) { animation-delay: 1.2s; }
@keyframes nf-crumb { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }

.nf-track {
  position: absolute;
  left: 0; right: 0; bottom: 6px;
  height: 56px;
}
.nf-bug {
  position: absolute;
  left: 0;
  width: 56px;
  height: 56px;
  animation: nf-walk 11s linear infinite;
}
/* tarakonas iliustracijoje žiūri į viršų: 90° — eina į dešinę, -90° — į kairę */
@keyframes nf-walk {
  0%    { left: 0;                  transform: rotate(90deg); }
  44%   { left: calc(100% - 56px);  transform: rotate(90deg); }
  50%   { left: calc(100% - 56px);  transform: rotate(-90deg); }
  94%   { left: 0;                  transform: rotate(-90deg); }
  100%  { left: 0;                  transform: rotate(90deg); }
}
.nf-bug { will-change: left, transform; }

.nf h1 { margin-top: 0 !important; }
.nf-links-label { color: #5C7560; font-size: 15px; width: 100%; margin-bottom: 2px; }
.not-found__card.nf .nf-footnote {
  margin: 24px 0 0 !important;
  font-size: 13px !important;
  color: #8A9A8C;
  font-style: italic;
}
@media (prefers-reduced-motion: reduce) {
  .nf-bug { animation: none; left: calc(50% - 28px); transform: rotate(90deg); }
  .nf-crumbs circle { animation: none; }
}
@media (max-width: 767px) {
  .nf-digits { font-size: 104px; }
  .nf-zero { width: 78px; height: 98px; }
  .nf-art { padding-bottom: 54px; }
  .nf-track, .nf-bug { height: 46px; }
  .nf-bug { width: 46px; }
}
/* Straipsnio šablono CSS daro visus h3 DIDŽIOSIOMIS — dropdown'o grupių
   antraštės turi likti tokios pat kaip kituose puslapiuose. */
.services-dropdown__column h3 { text-transform: none !important; }

/* Straipsnio "Jums atrinkti straipsniai" karuselė — per visą ekrano plotį iki
   dešinio krašto, kaip pradinio puslapio karuselė (ten eilutė max-width:100%). */
html body [data-template="article"] .et_pb_section_2_tb_body > .et_pb_row_2_tb_body {
  max-width: 100% !important;
  width: 100% !important;
}

/* ===== MOBILUS (≤767px) — tik telefonas, planšetė/darbalaukis nekeičiami ===== */
@media (max-width: 767px) {
  /* Hero banerio mobilus privalumų sąrašas dubliavo trust juostą po baneriu */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_group_1 { display: none !important; }
  /* Hero tekstas šviesus kaip darbalaukyje (#F4F5EB), ne tamsiai žalias */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_0,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_0 *,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1 *,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .hero-bullets li { color: #F4F5EB !important; }

  /* Hero kaip darbalaukyje: ta pati H1 (plonas + paryškintas "kenkėjų
     naikinimas"), lygiuota kairėn; mobilusis atskiras centruotas tekstas slepiamas. */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_0 { display: none !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_heading_0 { display: flex !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_heading_0 h1 {
    font-size: 42px !important;
    line-height: 48px !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #F4F5EB !important;
  }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_heading_0 h1 b { font-weight: 700 !important; color: #F4F5EB !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1 p { text-align: left !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1 p,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_text_1 span { font-size: 18px !important; line-height: 30px !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .hero-bullets { margin-top: 16px !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .hero-bullets li { font-size: 16px !important; line-height: 24px !important; }
  /* tarpas nuo header'io */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_column_0 { padding-top: 36px !important; }

  /* Trust ženkliukai — viena slenkama eilutė (kaip MaxGrow mobile): matosi
     ~1,7 pilulės, kita išlenda kaip užuomina. Eilutė ištempta iki ekrano
     kraštų, kad pilulės išeitų už krašto, o ne būtų nukirptos viduryje. */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* tiksliai ekrano plotis, nepriklausomai nuo tėvinio konteinerio */
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 20px 0 0 calc(50% - 50vw) !important;
    padding: 4px 16px 24px !important; /* vieta šešėliui */
  }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5::-webkit-scrollbar { display: none; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_11,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_12,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_13,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_column_14 {
    flex: 0 0 auto !important;
    width: 58% !important;
    max-width: 240px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 16px 10px 10px !important;
    scroll-snap-align: start;
    justify-content: flex-start !important;
  }
  /* "11 metų patirtis" + juodas logotipas po ženkliukais — tik telefone
     rodoma eilutė, pašalinta */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 .et_pb_row_8 { display: none !important; }
  /* Kenkėjų tinklelis: kiekviena kategorija — sava slenkama eilutė
     (~2,3 kortelės matomos, kita išlenda). Eilutė ištempta iki
     konteinerio kraštų (pradinis: 16px paraštė, /paslaugos: 20px kortelės
     padding), kad kortelės išeitų už krašto, o šešėlis nebūtų nukirptas. */
  .pest-grid .pest-group__items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* šešėliui (0 8px 24px) vietos viršuje/apačioje; neigiama apatinė
       paraštė išlaiko tą patį tarpą iki kitos kategorijos */
    margin: -12px -16px -16px !important;
    padding: 12px 16px 36px !important;
    scroll-padding-left: 16px;
  }
  .hub__grid .pest-grid .pest-group__items {
    margin: -12px -20px -16px !important;
    padding: 12px 20px 36px !important;
    scroll-padding-left: 20px;
  }
  /* Tinklelio stulpelis NEgali plėstis pagal turinį (1fr = min-content),
     kitaip eilutė būna 876px pločio, nieko neslenka, o kraštas nukerpa
     korteles ir šešėlius. */
  .pest-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .pest-grid .pest-group { min-width: 0; }
  .pest-grid .pest-group__items::-webkit-scrollbar { display: none; }
  .pest-grid .pest-group__items .bv-library-item {
    flex: 0 0 136px !important;
    width: 136px !important;
    scroll-snap-align: start;
  }
  .pest-grid .pest-group + .pest-group { margin-top: 4px; }

  /* "Kaip tai veikia?" — 3 žingsnių kortelės slenkamoje eilutėje (~82% pločio,
     kita išlenda). Eilutė iki ekrano kraštų, šešėliui vietos apačioje. */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_6 .et_pb_row_18 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding: 4px 16px 24px !important;
    scroll-padding-left: 16px;
  }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_6 .et_pb_row_18::-webkit-scrollbar { display: none; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_6 .et_pb_row_18 > .et_pb_column {
    flex: 0 0 82% !important;
    width: 82% !important;
    max-width: none !important;
    margin: 0 !important;
    scroll-snap-align: start;
  }

  /* Statistikos juosta (11+ / 500+ / 18 / 24) — tvarkingas 2×2 tinklelis,
     visos kortelės vienodo pločio (anksčiau 2 + 1 + 1 skirtingų pločių) */
  .stats-band {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px !important;
  }
  .stats-band__card {
    min-width: 0 !important;
    padding: 20px 12px !important;
  }
  .stats-band__label { font-size: 13px; line-height: 1.3; }

  /* "Visos paslaugos →" po kenkėjų tinkleliu — žalia pilulė kaip kiti mygtukai */
  .et_pb_section_5 .home-hub-link a {
    display: inline-block;
    background: #309C42;
    color: #fff !important;
    border-radius: 40px;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    transition: background .15s;
  }
  .et_pb_section_5 .home-hub-link a:hover { background: #278837; }

  /* "Kodėl mes?" — telefone rodomas "Sužinoti daugiau" mygtukas po kortelėmis */
  html body.et-db #page-container #et-boc .et-l .et_pb_button_6_wrapper { display: none !important; }
  /* tarpas tarp ženkliukų ir "Kodėl mes?" kortelės — ~32px kaip tarp kitų sekcijų */
  html body.et-db #page-container #et-boc .et-l .et_pb_section_1.et_pb_section { padding-top: 17px !important; }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  html body.et-db #page-container #et-boc .et-l .et_pb_section_0 > .et_pb_row_5 .et_pb_text p {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}

/* --- Užklausos formos rezultato langas (page-home.js) ---------------------- */
.form-result {
  position: fixed;
  inset: 0;
  z-index: 100020; /* virš kainos popup'o (100010) */
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.form-result.active { display: flex; }
.form-result__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 33, 15, .72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.form-result__box {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 20px;
  padding: 36px 28px 28px;
  text-align: center;
  box-shadow: 0 20px 48px rgba(13, 33, 15, .3);
  font-family: 'rand', sans-serif;
  animation: form-result-in .22s ease-out;
}
@keyframes form-result-in { from { opacity: 0; transform: translateY(12px) scale(.97); } }
.form-result__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #309C42;
  color: #fff;
  display: grid;
  place-items: center;
}
.form-result__icon svg { width: 32px; height: 32px; }
.form-result--error .form-result__icon { background: #D9822B; }
html body .form-result__title {
  font-family: 'rand', sans-serif;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600;
  color: #0D210F;
  margin: 0 0 10px;
  padding: 0;
}
.form-result__text {
  font-size: 16px;
  line-height: 1.55;
  color: #344C38;
  margin: 0 0 24px;
  padding: 0 !important;
}
.form-result__text a { color: #309C42; font-weight: 600; text-decoration: none; white-space: nowrap; }
.form-result__btn {
  border: 0;
  border-radius: 40px;
  background: #309C42;
  color: #fff;
  font-family: 'rand', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 40px;
  cursor: pointer;
  transition: background .15s;
}
.form-result__btn:hover { background: #278837; }

/* --- Mobilus meniu: kategorijų antraštės (rodomos tik telefone) ----------- */
.mobile-nav__group { display: none; }

/* ===== MOBILUS MENIU (≤767px) — per visą ekraną, slenka iš dešinės ========
   Planšetė (768–980px) lieka su senu išskleidžiamu meniu. */
@media (max-width: 767px) {
  .mobile-nav {
    position: fixed !important;
    top: 64px;            /* po header juosta (logotipas + ✕ lieka matomi) */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: safe center;
    gap: 2px;
    background: #fff;
    padding: 32px 24px 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .32s;
  }
  .mobile-nav.active {
    transform: translateX(0);
    visibility: visible;
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), visibility 0s;
  }
  /* Slinkimą užrakinam per <body> (overflow-y), NE per <html>: body jau turi
     overflow-x:hidden, kurį naršyklė perkelia visam puslapiui tik kol <html>
     overflow lieka visible. Kitaip body tampa atskiru slinkimo konteineriu ir
     lipnus header'is po paslinkimo dingsta iš ekrano. */
  html.mobile-nav-open body { overflow-y: hidden !important; }

  .mobile-nav__link {
    justify-content: center;
    gap: 8px;
    width: auto;
    padding: 12px 8px;
    border: 0 !important;
    color: #0D210F !important;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
  }
  .mobile-nav__link:active { color: #309C42 !important; }
  .mobile-nav__item { align-items: center; width: 100%; }
  .mobile-nav__trigger svg { width: 16px; height: 16px; color: #309C42; }
  .mobile-nav__item.is-open .mobile-nav__trigger { color: #309C42 !important; }

  .mobile-nav__submenu {
    align-items: center;
    padding: 4px 0 14px;
    width: 100%;
  }
  .mobile-nav__submenu a {
    color: #344C38 !important;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0;
    text-align: center;
  }
  .mobile-nav__submenu .mobile-nav__all {
    color: #309C42 !important;
    font-weight: 600;
    padding-bottom: 4px;
  }
  .mobile-nav__group {
    display: block;
    margin: 16px 0 4px;
    color: #309C42;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .mobile-nav .mobile-nav__cta {
    margin-top: 20px;
    width: 100%;
    max-width: 320px;
    font-size: 16px;
    padding: 15px 14px;
  }
}
@media (max-width: 767px) {
  /* Header'io logotipas telefone — centre (meniu mygtukas lieka dešinėje).
     PNG (logo-green.png) jau apkarpytas pagal turinį, tad be object-fit
     apkarpymo, sveikais pikseliais (neryškumo priežastis — trupmeninis plotis). */
  .site-header__inner { position: relative; }
  .site-header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .site-header__logo .site-logo-img {
    height: 34px !important;
    width: 81px !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .site-header__burger { margin-left: auto; }
}
@media (max-width: 767px) {
  /* Atsiliepimų karuselė — iki ekrano kraštų kaip kiti slaideriai. Tėvinis
     blokas telefone siauresnis (x16–342), tad karuselė buvo nukirpta ~24px
     prieš dešinį kraštą. Kairė paraštė = puslapio 16px tarpas. */
  .sbr_carousel .sbr-owl-stage-outer {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: -16px 0 -40px -16px !important;
    padding: 16px 16px 40px !important;
    scroll-padding-left: 16px;
  }
  .sbr_carousel .sbr-owl-stage { gap: 12px !important; }
  .sbr_carousel .sbr-owl-item { flex-basis: 84% !important; }
}
@media (max-width: 767px) {
  /* rodyklės telefone uždengdavo atsiliepimo tekstą — slenkama pirštu,
     kaip ir kiti slaideriai */
  .sbr_carousel .reviews-nav { display: none !important; }
}
@media (max-width: 767px) {
  /* Blog kortelės: pavadinimas — 2 eilutės su "…" */
  html body #page-container .blog-carousel-section .blog-slider .card-content h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    /* Divi h3 padding-bottom:10px — nukirsta 3 eilutė matėsi toje paraštėje;
       tarpas perkeliamas į margin (už overflow ribos) */
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
  }
  /* taškeliai po kortelėmis, ne ant jų (desktop'o -40px pakėlimas) */
  .blog-slider .slick-dots {
    transform: none !important;
    position: static !important;
    margin-top: 12px !important;
  }
  /* "Visos naujienos →" — žalia pilulė kaip "Visos paslaugos" */
  .et_pb_section_12 .home-hub-link a {
    display: inline-block;
    background: #309C42;
    color: #fff !important;
    border-radius: 40px;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
  }
  .et_pb_section_12 .home-hub-link a:hover { background: #278837; }
}
@media (max-width: 767px) {
  /* Footer'io logotipas telefone — ~3× didesnis, aiškus PNG (logo-white.png,
     apkarpytas pagal turinį, tad be object-fit apkarpymo) */
  html body #page-container footer .et_pb_image_2_tb_footer .site-logo-img {
    width: 240px !important;
    height: auto !important;
    max-width: 70vw !important;
    object-fit: contain !important;
  }
  html body #page-container footer .et_pb_image_2_tb_footer,
  html body #page-container footer .et_pb_image_2_tb_footer .et_pb_image_wrap { width: auto !important; max-width: none !important; }
}
@media (max-width: 767px) {
  /* Footer apačia telefone — tarpai nuorodos → logotipas → autorių teisės →
     puslapio galas buvo po ~90px (sluoksniuoti Divi 30px padding'ai) */
  html body #page-container footer .et_pb_row_1_tb_footer { padding-bottom: 0 !important; }
  html body #page-container footer .et_pb_row_2_tb_footer { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: -14px !important; }
  html body #page-container footer .et_pb_image_2_tb_footer { margin-bottom: 0 !important; }
  html body #page-container footer .et_pb_row_3_tb_footer { padding-top: 32px !important; padding-bottom: 28px !important; }
  html body #page-container footer .et_pb_section_0_tb_footer { padding-bottom: 0 !important; }
}

/* ===== TIPOGRAFIJOS SISTEMA ===============================================
   Visur Poppins ('rand').
   H1 48/1.2/500 (tel. 32)   — išimtis: pradinio hero (plonas + paryškintas)
   H2 40/1.2/500 (tel. 28)   — straipsnio tekste 28/1.3/600 (tel. 22)
   H3 24/1.3/500 (tel. 20)   — mažas H3 (DUK, kategorijos) 20/500 (tel. 16)
   p  18/1.6/400 (tel. 16)   — mažas p 16/400, įvadinis (lead) 20/300 (tel. 18)
   ========================================================================= */
/* --- H1 --- */
html body #page-container .art__h1,
html body #page-container .not-found__card h1,
html body #page-container .hub h1 {
  font-size: 48px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  color: #0D210F !important;
}
/* --- H2 --- */
html body.et-db #page-container #et-boc .et-l .et_pb_text_4_tb_body h2,
html body #page-container .hub__grid h2 {
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}
html body #page-container .art__prose h2 {
  font-size: 28px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  color: #0D210F !important;
}
/* --- mažas H3: kenkėjų kategorijos visur kaip pradiniame (žalia, 20/500) --- */
html body #page-container .pest-grid .bv-library-group {
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  color: #309C42 !important;
}
/* --- p: tekstas visur Poppins (kai kur buvo Open Sans) ---------------------- */
html body.et-db #page-container #et-boc .et-l p { font-family: 'rand', sans-serif; }
html body.et-db #page-container #et-boc .et-l .et_pb_text_3_tb_body p { font-family: 'rand-mono', monospace; } /* ŠEIMA ... etiketė */
/* --- p: pagrindinis tekstas 18/400 --- */
html body.et-db #page-container #et-boc .et-l .why-card-content p,
html body.et-db #page-container #et-boc .et-l .why-card-content span,
html body.et-db #page-container #et-boc .et-l .et_pb_section_6 .et_pb_text p,
html body.et-db #page-container #et-boc .et-l [class*="_tb_body"] .et_pb_text_inner p:not(.lowercase),
html body.et-db #page-container #et-boc .et-l .et_pb_section_3 .et_pb_text_inner p,
html body.et-db #page-container #et-boc .et-l .et_pb_section_8 .et_pb_text_34 p,
html body #page-container .art__prose p,
html body #page-container .hub__intro p,
html body #page-container .not-found__card > p:not(.not-found__code):not(.nf-footnote) {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}
/* --- mažas p: DUK atsakymai 16/400 --- */
html body.et-db #page-container #et-boc .et_pb_toggle_content p,
html body.et-db #page-container #et-boc .et_pb_toggle_content span {
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

@media (max-width: 767px) {
  html body #page-container .art__h1,
  html body #page-container .not-found__card h1,
  html body #page-container .hub h1,
  html body.et-db #page-container #et-boc .et-l .et_pb_text_1_tb_body h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  html body.et-db #page-container #et-boc .et-l .et_pb_text_4_tb_body h2,
  html body #page-container .hub__grid h2,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_3_tb_body h2,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_4_tb_body h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
  html body #page-container .art__prose h2 { font-size: 22px !important; }
  html body #page-container .pest-grid .bv-library-group { font-size: 16px !important; }
  /* H3 kortelių pavadinimai telefone 20px (blog kortelės visur) */
  html body #page-container .blog-card .card-content h3 { font-size: 20px !important; line-height: 28px !important; }
  html body.et-db #page-container #et-boc .et-l .why-card-content p,
  html body.et-db #page-container #et-boc .et-l .why-card-content span,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_6 .et_pb_text p,
  html body.et-db #page-container #et-boc .et-l [class*="_tb_body"] .et_pb_text_inner p:not(.lowercase),
  html body.et-db #page-container #et-boc .et-l .et_pb_section_3 .et_pb_text_inner p,
  html body.et-db #page-container #et-boc .et-l .et_pb_section_8 .et_pb_text_34 p,
  html body #page-container .art__prose p,
  html body #page-container .hub__intro p,
  html body #page-container .not-found__card > p:not(.not-found__code):not(.nf-footnote) {
    font-size: 16px !important;
  }
}