/* ==========================================================================
   DURAN – vlastné responzívne úpravy (mobil a tablet)
   --------------------------------------------------------------------------
   Súbor načítava Helix Ultimate automaticky ako posledný <link> v <head>.
   Odstránením súboru sa web vráti do pôvodného stavu.

   PRAVIDLÁ
   1. Desktop (od 1200 px) sa NEMENÍ. Každé pravidlo patrí do media query
      pod 1200 px. Žiadne pravidlo mimo media query.
      Jediná schválená výnimka (2026-10-20): svetlé logo na tmavých podstránkach
      (sekcia 3d), ktoré platí aj od 1200 px.
   2. Inline <style> bloky SP Page Buildera a Helixu sa vypisujú PO tomto
      súbore, preto pri rovnakej špecificite vyhrajú oni. Selektory preto
      vždy začínajú `body` alebo ID sekcie (`body #section-id-…`).
      `!important` iba výnimočne a s komentárom prečo.
   3. Žiadne globálne selektory (h2, p, .sppb-section) bez ohraničenia
      na konkrétnu sekciu alebo triedu.

   BREAKPOINTY (zhodné so SP Page Builderom)
     < 576px          mobil              (xs)
     576 – 767.98px   veľký mobil        (sm)
     768 – 991.98px   tablet na výšku    (md)
     992 – 1199.98px  tablet na šírku    (lg)
     >= 1200px        desktop – zmrazený (xl)

   Súhrnné media query:
     @media (max-width: 1199.98px) { … }   všetko pod desktopom
     @media (max-width: 991.98px)  { … }   tablet na výšku + mobil
     @media (max-width: 767.98px)  { … }   mobil

   STRUKTÚRA (podľa RESPONSIVE-PLAN.md)
     2  Globálne: kontajnery, pretečenie hlavičky
     3  Hlavička, logo a mobilné menu
     4  Home – hero
     5  Home – Skúsenosti, ktoré tvoria hodnotu
     6  Home – služby, 6 boxov
     7  Home – advokáti, karty
     8  Titulné sekcie podstránok
     9  Odmena
    10  Prevody, Vymáhanie, Právne služby, O nás
    11  Kontakt
    12  GDPR, Užitočné odkazy
    13  Pätička
    14  Typografia
   ========================================================================== */

/* --- 2. Globálne ------------------------------------------------------- */

/* Pretečenie hlavičky o 3 px na mobile (< 576 px).
   Riadok hlavičky (.row) má záporné okraje -15px, ale .container-fluid má iba
   12px odsadenia a samotná hlavička 0px, takže riadok vyčnieva 3px mimo okna a
   stránka sa dá posunúť do strany. Odsadenie 15px (rovnaké ako guttery riadku
   a obsah stránky) opravuje príčinu; logo a hamburger sa posunú o 3px dovnútra. */
@media (max-width: 575.98px) {
  #sp-header > .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* --- 3. Hlavička, logo a mobilné menu ---------------------------------- */

/* 3a. Hamburger menu pod 1200 px.
   Helix prepína desktopové menu a hamburger na hranici 992 px (Bootstrap „lg“).
   V pásme 992–1199 px sa plné menu nezmestí a prekrýva logo, preto tam menu
   skryjeme a zobrazíme hamburger. Od 1200 px sa nemení nič.
   `!important` je nutný, lebo Helix aj Bootstrap (.d-lg-block) používajú
   `!important`; vyhráva vyššia špecificita selektora. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #sp-header .sp-megamenu-wrapper .sp-megamenu-parent {
    display: none !important;
  }

  #sp-header.full-header-left #offcanvas-toggler.mega {
    display: flex !important;
    height: 60px;
    line-height: 60px;
    margin-left: 24px; /* odstup od tlačidla „Napíšte nám“ v hlavičke */
  }

  /* V tejto šírke je tlačidlo „Napíšte nám“ priamo v hlavičke; kópia v
     offcanvas menu by bola duplicitná. Pod 992 px zostáva iba v offcanvase. */
  .offcanvas-menu .offcanvas-btn {
    display: none;
  }
}

/* 3b. Dotyková plocha hamburgera a tlačidla zatvoriť (min. 44 × 44 px).
   Vizuálna veľkosť a poloha ikony sa nemení: ikona zostáva 25 px široká,
   plocha sa rozšíri paddingom a záporným okrajom vyrovná posun. */
@media (max-width: 1199.98px) {
  #sp-header.full-header-left #offcanvas-toggler.mega {
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin-right: -10px;
    justify-content: center;
  }

  body.ltr .close-offcanvas {
    top: 15px;
    right: 5px;
    box-sizing: border-box;
    width: 45px;
    height: 46px;
    padding: 10px;
  }

  /* 3c. Orezané písmeno „P“ v offcanvase po rozbalení podmenu.
     Tlačidlo podmenu (.menu-toggler) vyčnievalo o 10 px mimo položku `li` s
     `overflow: hidden`; po kliknutí prehliadač položku horizontálne posunul
     (scrollLeft = 10) a text sa orezal. Tlačidlo teraz zostáva vnútri položky,
     šípka je vizuálne na rovnakom mieste (jej pravý okraj = okraj položky). */
  body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
  body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
    right: 0;
    padding-right: 0;
  }
}

/* 3d. Logo na tmavých podstránkach.
   Hlavička je na vrchu stránky priehľadná a prekrýva prvú sekciu. Podstránky
   začínajú tmavou sekciou `.noise-bg`, kde tmavé logo nie je čitateľné; tam
   použijeme verziu loga pre tmavé pozadie (images/branding/logo-dark-bg.svg, rovnaká ako v
   pätičke; od 2026-10-23 SVG, predtým PNG 216 × 46). Home má svetlý hero, takže ostáva tmavé logo.
   Po scrolle hlavička zbelie (`.header-sticky`) a vráti sa tmavé logo.
   Svetlé logo je podklad odkazu, pôvodný <img> zostáva v DOM (alt text, SEO)
   a je len priehľadný. Funguje vo všetkých prehliadačoch; :has() sa používa len
   na výber stránky, bez neho ostáva pôvodné (tmavé) logo.
   Platí pre všetky šírky (od 2026-10-20 schválené aj pre desktop). Rozmery,
   poloha a proporcie loga sa nemenia (obe verzie 204 × 46 px, SVG 284:64). */
body:has(#sp-main-body .page-content > .sppb-section.noise-bg:first-child) #sp-header:not(.header-sticky) .logo a {
  background: url("../../../images/branding/logo-dark-bg.svg") no-repeat left center / contain;
}

body:has(#sp-main-body .page-content > .sppb-section.noise-bg:first-child) #sp-header:not(.header-sticky) .logo .logo-image {
  opacity: 0;
}

/* 3e. Veľkosť loga v hlavičke (SVG logo02.svg, 284 × 64 px).
   Šablóna (responsive.scss) nastavuje pod 1440 px `.logo-image { height: auto !important }`.
   To fungovalo pre PNG s prirodzenou výškou 46 px, no SVG by sa zobrazilo v prirodzenej
   výške 64 px (284 × 64) a prekrylo hamburger. Výška sa preto nastaví na hodnotu `logo_height`
   šablóny (46 px; zhodná s PNG 216 × 46 pred výmenou), šírka vyplýva z proporcií (≈ 204 px). */
body #sp-header .logo a > .logo-image {
  height: 46px !important;
  width: auto;
}

/* --- 4. Home – hero ----------------------------------------------------- */
/* Hero je jediná sekcia #section-id-b724d157… (iba Home). V SP Page Builderi má
   nastavený `fixed` obrázok, stĺpce 64 % + 10 % (pod 1200 px stohované) a pre
   všetky texty jednotných 44/38/36 px (desktop: 152/28/22/18/15 px). */

/* 4a. Pod 1200 px: pozadie bez `fixed` (iOS Safari ho nepodporuje, Android sekať). */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 {
    background-attachment: scroll;
  }
}

/* 4b. Tablet na šírku (992–1199 px): rovnaké rozloženie ako desktop (text vľavo,
   popisok vpravo pri postave). SP Page Builder tu stĺpce stohuje a sekcia má
   1 400+ px; fotografia (cover) by sa orezala a postava by zmizla. Sekcia sa preto
   zníži na výšku okna (najviac 75 % šírky, aby pomer ostal ≥ 4:3 a postava sa
   zmestila) a popisok sa umiestni do výšky hlavy postavy ako na desktope. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 {
    padding-top: 130px;
    padding-bottom: 60px;
    min-height: min(100vh, 75vw);
    min-height: min(100svh, 75vw);
  }

  body .sp-page-builder .page-content #column-wrap-id-acd0edde-4993-4e4a-8957-92016e2e4b31 {
    max-width: 64%;
    flex-basis: 64%;
  }

  body .sp-page-builder .page-content #column-wrap-id-d63d1232-713b-497a-aeba-d742b78949cc {
    max-width: 10%;
    flex-basis: 10%;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-f7a234c6-1fc2-43c7-b3e4-d4df02856417 {
    margin-bottom: calc(min(100vh, 75vw) * 0.58 - 105px);
    margin-bottom: calc(min(100svh, 75vw) * 0.58 - 105px);
  }

  body .sp-page-builder .page-content #sppb-addon-f7a234c6-1fc2-43c7-b3e4-d4df02856417 .sppb-addon-header .sppb-addon-title {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3); /* čitateľnosť na jasných stĺpoch */
  }

  /* Nadpis ĎURAN sa plynulo zmenšuje z 152 px (1180 px) na 128 px (992 px), aby sa
     nedotýkal popisku. */
  body .sp-page-builder .page-content #sppb-addon-f5eb5b21-5a25-489f-9ae0-aae46a4e44bd .sppb-addon-header .sppb-addon-title {
    font-size: clamp(128px, calc(128px + (100vw - 992px) * 0.1277), 152px);
  }

  /* Podnadpis má písmená oddelené medzerami priamo v texte; zalomenie by ho
     rozdelilo uprostred slova. */
  body .sp-page-builder .page-content #sppb-addon-58b17594-f151-4e79-9c5a-acb24dadcaeb .sppb-addon-header .sppb-addon-title {
    font-size: clamp(23px, 2.4vw, 28px);
    white-space: nowrap;
  }

  body .sp-page-builder .page-content #sppb-addon-8f648cc0-1316-4bfb-8eba-939553c73736 .sppb-empty-space {
    height: 20px;
  }
}

/* 4c. Tablet na výšku a mobil (< 992 px): jednotné veľkosti 44/38/36 px sa
   nahrádzajú odstupňovanou hierarchiou ako na desktope (ĎURAN ≫ podnadpis ≈ text). */
@media (max-width: 991.98px) {
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 {
    --hero-cream: #ebdac8; /* farba svetlej steny z fotografie */
    background-color: var(--hero-cream);
    background-repeat: no-repeat;
  }

  /* Plynulý prechod fotografie do farby steny (spodok) a jemný svetlý závoj pod
     hlavičkou (vrch), aby tmavé logo ostalo čitateľné aj na tmavej hornej časti fotografie. */
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(var(--photo-h) - 110px);
    height: 110px;
    background: linear-gradient(to bottom, rgba(235, 218, 200, 0), var(--hero-cream));
    pointer-events: none;
  }

  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 120px;
    background: linear-gradient(to bottom, rgba(235, 218, 200, 0.92), rgba(235, 218, 200, 0.6) 50%, rgba(235, 218, 200, 0));
    pointer-events: none;
  }

  /* Na svetlom závoji sú biele čiary hamburgera nečitateľné; tmavé (ako v sticky hlavičke). */
  body:has(#section-id-b724d157-ae60-42ea-a513-f8efff40bcf6) #sp-header:not(.header-sticky) #offcanvas-toggler.mega .burger-icon > span {
    background-color: var(--sppb-text-primary);
  }

  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 .sppb-container-inner {
    position: static; /* popisok sa polohuje voči sekcii */
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-48883c71-5b46-48c0-818d-bdb133868e6c, body .sp-page-builder .page-content #sppb-addon-wrapper-f5eb5b21-5a25-489f-9ae0-aae46a4e44bd, body .sp-page-builder .page-content #sppb-addon-wrapper-58b17594-f151-4e79-9c5a-acb24dadcaeb, body .sp-page-builder .page-content #sppb-addon-wrapper-406e0a4f-a124-45ea-a8f5-0b17a6bbb090 {
    width: 100%;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-48883c71-5b46-48c0-818d-bdb133868e6c { margin-bottom: 14px; }
  body .sp-page-builder .page-content #sppb-addon-wrapper-f5eb5b21-5a25-489f-9ae0-aae46a4e44bd  { margin-bottom: 8px; }
  body .sp-page-builder .page-content #sppb-addon-wrapper-58b17594-f151-4e79-9c5a-acb24dadcaeb { margin-bottom: 0; }
  body .sp-page-builder .page-content #sppb-addon-wrapper-e255e763-1401-4290-a82b-971d623dc0c4 { margin-top: 26px; margin-bottom: 26px; }
  body .sp-page-builder .page-content #sppb-addon-wrapper-406e0a4f-a124-45ea-a8f5-0b17a6bbb090 { margin-bottom: 0; }
  body .sp-page-builder .page-content #sppb-addon-wrapper-6251c072-dde8-4348-b764-5d4cf353881e { margin-top: 24px; }

  body .sp-page-builder .page-content #sppb-addon-f5eb5b21-5a25-489f-9ae0-aae46a4e44bd .sppb-addon-header .sppb-addon-title {
    font-size: var(--h1);
    line-height: 1;
    letter-spacing: -0.03px;
  }

  /* Podnadpis má písmená oddelené medzerami priamo v texte; zalomenie by ho
     rozdelilo uprostred slova, preto sa nezalamuje a jeho veľkosť sa odvíja od ĎURAN. */
  body .sp-page-builder .page-content #sppb-addon-58b17594-f151-4e79-9c5a-acb24dadcaeb .sppb-addon-header .sppb-addon-title {
    font-size: max(13px, calc(var(--h1) * 0.184));
    line-height: 1.2;
    letter-spacing: 0.4px;
    white-space: nowrap;
  }

  body .sp-page-builder .page-content #sppb-addon-48883c71-5b46-48c0-818d-bdb133868e6c .sppb-addon-header .sppb-addon-title {
    font-size: var(--eyebrow);
    line-height: 1.2;
    letter-spacing: 0.4px;
  }

  body .sp-page-builder .page-content #sppb-addon-406e0a4f-a124-45ea-a8f5-0b17a6bbb090 .sppb-addon-header .sppb-addon-title {
    font-size: var(--tagline);
    line-height: 1.2;
    letter-spacing: 0.4px;
  }

  body .sp-page-builder .page-content #sppb-addon-8f648cc0-1316-4bfb-8eba-939553c73736 .sppb-empty-space {
    height: 0;
  }

  /* Popisok ODBORNOSŤ / DÔVERA / VÝSLEDKY: biely text pri postave na fotografii. */
  body .sp-page-builder .page-content #column-wrap-id-d63d1232-713b-497a-aeba-d742b78949cc {
    position: absolute;
    z-index: 1;
    max-width: none;
    flex-basis: auto;
    width: auto;
    padding: 0;
    text-align: right;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-f7a234c6-1fc2-43c7-b3e4-d4df02856417 {
    width: auto;
    margin: 0;
  }

  body .sp-page-builder .page-content #sppb-addon-f7a234c6-1fc2-43c7-b3e4-d4df02856417 .sppb-addon-header .sppb-addon-title {
    font-size: var(--caption);
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: right;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3); /* čitateľnosť na svetlých miestach fotografie */
  }
}

/* 4d. Tablet na výšku (768–991 px): celá fotografia (3:2) na šírku, text vľavo na
   svetlej stene, postava vpravo. Pod fotografiou plynulý prechod do farby steny. */
@media (min-width: 768px) and (max-width: 991.98px) {
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 {
    --photo-h: 66.667vw;
    --h1: clamp(100px, 10vw + 24px, 120px);
    --eyebrow: 17px;
    --tagline: 22px;
    --caption: 13px;
    padding: 132px 0 72px 27px; /* zarovnané s logom */
    min-height: calc(var(--photo-h) + 110px);
    background-size: 100% auto;
    background-position: 50% 0;
  }

  body .sp-page-builder .page-content #column-wrap-id-d63d1232-713b-497a-aeba-d742b78949cc {
    left: 68vw;
    top: 20vw;
  }
}

/* 4e. Mobil (< 768 px): fotografia je nad textom, text na svetlej ploche pod ňou. */
@media (max-width: 767.98px) {
  body .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 {
    --photo-h: clamp(300px, 88vw, 520px);
    --h1: clamp(68px, 17vw + 8px, 104px);
    --eyebrow: 15px;
    --tagline: 20px;
    --caption: 12px;
    padding: calc(var(--photo-h) + 28px) 15px 56px 15px;
    background-size: max(100%, calc(var(--photo-h) * 1.5)) auto;
    background-position: 100% 0;
  }

  body .sp-page-builder .page-content #column-wrap-id-d63d1232-713b-497a-aeba-d742b78949cc {
    left: 33vw;
    top: calc(var(--photo-h) * 0.42);
  }

  body .sp-page-builder .page-content #sppb-addon-6251c072-dde8-4348-b764-5d4cf353881e .duran-all-areas2 {
    font-size: 12px;
  }
}

/* --- 5. Home – Skúsenosti, ktoré tvoria hodnotu ------------------------- */
/* Sekcia #section-id-946d94f9… (iba Home): svetlý textový stĺpec (#f4f3f0) a
   fotografia vchodu na pozadí druhého stĺpca. SP Page Builder tu na všetkých
   zariadeniach nechal desktopové `padding-left: 180px` a odseku dal 44/38/36 px
   (desktop 17 px), takže text mal na tablete 120–300 px a na mobile ~190 px. */

/* 5a. Tablet na šírku (992–1199 px): rovnaké dva stĺpce ako desktop, len menšie
   odsadenie ľavého stĺpca, aby mal text rozumnú šírku (desktop ~368 px). */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #column-id-609c6d58-e42a-43db-a57e-6a2ecc1cefad {
    padding: 80px clamp(40px, 4.4vw, 56px) 80px clamp(64px, 9vw, 110px);
  }
}

/* 5b. Tablet na výšku (768–991 px): dva stĺpce (text | fotografia) ako desktop. */
@media (min-width: 768px) and (max-width: 991.98px) {
  body .sp-page-builder .page-content #column-id-609c6d58-e42a-43db-a57e-6a2ecc1cefad {
    padding: 64px 36px 64px 27px;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-77aba044-cada-4a0d-aab0-be18f27b7ded,
  body .sp-page-builder .page-content #sppb-addon-wrapper-23e2109c-a88b-4940-ba0f-690e13613efe {
    width: 100%;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-77aba044-cada-4a0d-aab0-be18f27b7ded {
    margin-bottom: 20px;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-23e2109c-a88b-4940-ba0f-690e13613efe {
    margin-bottom: 28px;
  }

  body .sp-page-builder .page-content #sppb-addon-77aba044-cada-4a0d-aab0-be18f27b7ded .sppb-addon-header .sppb-addon-title {
    font-size: clamp(36px, 4.4vw, 42px);
    line-height: 1.12;
    letter-spacing: -0.03px;
  }

  body .sp-page-builder .page-content #sppb-addon-23e2109c-a88b-4940-ba0f-690e13613efe .sppb-addon-header .sppb-addon-title {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  body .sp-page-builder .page-content #column-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d {
    background-position: 32% 50%;
  }
}

/* 5c. Mobil (< 768 px): jeden stĺpec, fotografia pod textom na celú šírku (2:1,
   aby bol vidno nápis DURAN aj rastlinu). Druhý stĺpec je bez obsahu, preto mu
   treba dať výšku, inak by sa fotografia nezobrazila. */
@media (max-width: 767.98px) {
  body .sp-page-builder .page-content #column-id-609c6d58-e42a-43db-a57e-6a2ecc1cefad {
    padding: 64px 15px 56px 15px;
  }

  body .sp-page-builder .page-content #column-wrap-id-609c6d58-e42a-43db-a57e-6a2ecc1cefad,
  body .sp-page-builder .page-content #column-wrap-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d {
    max-width: 100%;
    flex-basis: 100%;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-77aba044-cada-4a0d-aab0-be18f27b7ded,
  body .sp-page-builder .page-content #sppb-addon-wrapper-23e2109c-a88b-4940-ba0f-690e13613efe {
    width: 100%;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-77aba044-cada-4a0d-aab0-be18f27b7ded {
    margin-bottom: 20px;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-23e2109c-a88b-4940-ba0f-690e13613efe {
    margin-bottom: 28px;
  }

  body .sp-page-builder .page-content #sppb-addon-77aba044-cada-4a0d-aab0-be18f27b7ded .sppb-addon-header .sppb-addon-title {
    font-size: clamp(30px, 8.4vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.03px;
  }

  body .sp-page-builder .page-content #sppb-addon-23e2109c-a88b-4940-ba0f-690e13613efe .sppb-addon-header .sppb-addon-title {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  body .sp-page-builder .page-content #column-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d {
    min-height: 62vw;
    background-position: 50% 50%;
  }

  body .sp-page-builder .page-content #sppb-addon-c7f8d1bf-78ba-4627-9da1-82d50552df12 .duran-all-areas2 {
    font-size: 12px;
  }
}

/* 576–767 px: viac priestoru, odsek 17 px, fotografia v pomere 2:1 (celá). */
@media (min-width: 576px) and (max-width: 767.98px) {
  body .sp-page-builder .page-content #column-id-609c6d58-e42a-43db-a57e-6a2ecc1cefad {
    padding: 72px 27px 64px 27px;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-23e2109c-a88b-4940-ba0f-690e13613efe {
    max-width: 34em;
  }

  body .sp-page-builder .page-content #sppb-addon-23e2109c-a88b-4940-ba0f-690e13613efe .sppb-addon-header .sppb-addon-title {
    font-size: 17px;
  }

  body .sp-page-builder .page-content #column-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d {
    min-height: 50vw;
  }
}

/* --- 6. Home – služby, 6 boxov ------------------------------------------ */
/* Tmavá sekcia #pravne-oblasti (iba Home): nadpis, odsek, odkaz VŠETKY OBLASTI a
   6 kariet. SP Page Builder tu pod 992 px nastavil odseku 44/38/36 px (desktop 18 px),
   karty ostávajú v troch stĺpcoch až do 991 px (na 768 px majú text 132 px a nadpisy
   „Nehnuteľnosti“, „Právne poradenstvo“ sa orezávajú) a odkaz nemá odstup od kariet.
   Pozadie má `fixed` (iOS Safari ho nepodporuje). Selektory sú štrukturálne
   (poradie stĺpcov v riadku: 1 nadpis, 2 odsek, 3 odkaz, 4–9 karty). */

/* 6a. Pod 1200 px: pozadie bez `fixed`. */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content #pravne-oblasti {
    background-attachment: scroll;
  }
}

/* 6a2. Pod 1200 px: šípka vpravo dole v karte je ukotvená k spodnému okraju karty.
   SPPB ju kladie 10 px nad spodok tlačidla (do oblasti textu): na užších kartách
   sa dotýka konca posledného riadku a v rade kariet sa líši výškou podľa počtu
   riadkov textu. Karta dostane dole miesto (30 px) a šípka sa naň posunie; tlačidlo aj
   obal obsahu (`.sppb-column-addons`) sú statické, takže šípku polohuje samotná karta.
   Desktop (od 1200 px) ostáva bez zmeny. */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) .sppb-column {
    padding-bottom: 30px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) .sppb-column .sppb-column-addons {
    position: static;
  }

  /* Animácia „wow“ (fadeInUp) po dobehnutí nechá na obale obsahu `transform` a ten by sa
     stal vzťažným blokom šípky (poloha by závisela od toho, ktorá karta už animovala).
     Bez „vyplnenia dopredu“ je konečný stav rovnaký a bez `transform`. */
  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) .sppb-column .sppb-column-addons .sppb-wow {
    animation-fill-mode: backwards;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) .sppb-column .sppb-addon-feature .sppb-btn.sppb-btn-outline {
    position: static !important; /* prebíja `position: relative !important` z addonu SPPB */
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) .sppb-column .sppb-addon-feature .sppb-btn.sppb-btn-outline i.fa-arrow-right-long {
    right: 24px !important; /* rovnako ako pravé odsadenie karty */
    bottom: 8px !important; /* v spodnom odsadení karty; prebíja `bottom: 10px !important` z addonu SPPB */
  }
}

/* 6b. Tablet na šírku (992–1199 px): rovnaké rozloženie ako desktop (odsek vľavo,
   odkaz vpravo), SPPB tu stĺpce stohuje a odkaz sa dotýka kariet. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(2) {
    max-width: 75%;
    flex-basis: 75%;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(3) {
    max-width: 25%;
    flex-basis: 25%;
  }
}

/* 6c. Tablet na výšku a mobil (< 992 px): odstupňovaná typografia a odstup odkazu. */
@media (max-width: 991.98px) {
  body .sp-page-builder .page-content #pravne-oblasti {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(1) .sppb-addon-wrapper,
  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(2) .sppb-addon-wrapper {
    width: 100%;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(1) .sppb-addon-wrapper {
    margin-bottom: 22px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(1) h3.sppb-addon-title {
    font-size: clamp(30px, 7.4vw, 40px);
    line-height: 1.12;
    letter-spacing: -0.03px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(2) .sppb-addon-wrapper {
    max-width: 40em;
    margin-bottom: 22px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(2) .sppb-addon-title {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.03px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(3) .sppb-addon-wrapper {
    margin-top: 0;
    margin-bottom: 40px; /* odstup od kariet */
  }

}

/* 6c2. Od 768 px dva stĺpce kariet (kontajner 720 px, karta 341 px, text v karte
   248 px). Pod 768 px je kontajner 540 px a dvojstĺpcová karta by mala text len
   158 px, nadpisy by sa zalamovali, preto je tam jeden stĺpec. */
@media (min-width: 768px) and (max-width: 991.98px) {
  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(n+4) {
    max-width: 50%;
    flex-basis: 50%;
  }
}

/* 6d. Mobil (< 768 px): nadpis sa zalamuje prirodzene (bez pevného zalomenia). */
@media (max-width: 767.98px) {
  body .sp-page-builder .page-content #pravne-oblasti {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(1) h3.sppb-addon-title {
    text-wrap: balance;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(1) h3.sppb-addon-title br {
    display: none;
  }
}

/* 6e. Úzky mobil (< 576 px): menšie odsadenia sekcie. */
@media (max-width: 575.98px) {
  body .sp-page-builder .page-content #pravne-oblasti {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(2) .sppb-addon-title {
    font-size: 17px;
  }

  body .sp-page-builder .page-content #pravne-oblasti .sppb-row > .sppb-row-column:nth-child(3) .duran-all-areas {
    font-size: 12px;
  }
}

/* --- 7. Home – advokáti, karty ------------------------------------------ */
/* 7A. Posuvník advokátov (sekcia #section-id-jFpZMiCy3ScJQlbLFC2pB, iba Home).
   Je to natívny horizontálny posun (`overflow-x: scroll`, skrytý posuvník), takže
   posúvanie prstom funguje; fotografie majú pomer 0,90 = pomer originálu (bez
   deformácie, `object-fit: cover`). Úpravy pod 1200 px: */
@media (max-width: 1199.98px) {
  /* Mená a funkcie sa v šablóne zobrazujú iba pri prejdení myšou (hover), na dotykových
     zariadeniach sú preto nedostupné. Pod 1200 px sú zobrazené stále. */
  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB .lawyer-list .sppb-dynamic-content-collection__item .sppb-addon-wrapper:has(> .caption) {
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }

  /* Plynulé zastavenie na začiatku fotografie po potiahnutí prstom, bez „chytania“ pri
     malých posunoch (`proximity`); posun do strán nespúšťa „späť“ v prehliadači. */
  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB {
    --lawyers-pl: 15px; /* odsadenie zľava = ľavý okraj nadpisu sekcie */
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--lawyers-pl);
    overscroll-behavior-x: contain;
  }

  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB .lawyer-list .sppb-dynamic-content-collection__item {
    scroll-snap-align: start;
  }
}

/* Prvá fotografia je zarovnaná s ľavým okrajom nadpisu „Ľudia, ktorí dávajú právu rozmer“
   (SPPB ju nechal o 5 px mimo obrazovky: okraj -20 px + odsadenie 15 px). */
@media (min-width: 576px) and (max-width: 767.98px) {
  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB {
    --lawyers-pl: calc((100vw - 540px) / 2 + 15px);
    padding-left: var(--lawyers-pl);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB {
    margin-left: 0;
    margin-right: 0;
    --lawyers-pl: calc((100vw - 720px) / 2 + 15px);
    padding-left: var(--lawyers-pl);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-jFpZMiCy3ScJQlbLFC2pB {
    margin-left: 0;
    margin-right: 0;
    --lawyers-pl: calc((100vw - 960px) / 2 + 15px);
    padding-left: var(--lawyers-pl);
  }
}

/* 7B. Karty „Skúsenosti, ktoré dávajú právu istotu“ (#section-id-163a2dfe…). */
@media (max-width: 991.98px) {
  /* Číslo sa dotýkalo popisu („kancelárie2001“). */
  body .sp-page-builder .page-content #section-id-163a2dfe-6810-4b2f-8055-7408de26fea5 .sppb-addon-animated-number .sppb-animated-number {
    margin-left: 12px;
  }
}

/* 7B2. Karta „rokov právnej praxe“ (číslo 25): kontajner karty je flex so space-between, no jej obal
   (číslo + popis) bol užší ako obal karty „rok založenia kancelárie“ (2001), preto sa 25 dotýkalo popisu
   a bolo 53–125 px od ikony (2001 je pri ikone). Obal sa roztiahne (číslo pri ikone ako pri 2001) a číslo
   dostane odstup od popisu. Od 768 px; pod 768 px majú obe karty rovnaké rozloženie (číslo 12 px od popisu). */
@media (min-width: 768px) {
  body .sp-page-builder .page-content #sppb-addon-wrapper-52e5401f-2bbc-481b-890e-898d0a9dc16c {
    flex: 1 1 auto;
  }

  /* Popis zostáva vľavo (ako pri 2001), číslo vpravo pri ikone; medzi nimi vždy aspoň 24 px. */
  body .sp-page-builder .page-content #sppb-addon-wrapper-52e5401f-2bbc-481b-890e-898d0a9dc16c .sppb-addon-content {
    justify-content: space-between;
  }

  body .sp-page-builder .page-content #sppb-addon-wrapper-52e5401f-2bbc-481b-890e-898d0a9dc16c .sppb-animated-number {
    margin-left: 24px;
  }
}

@media (max-width: 767.98px) {
  /* SPPB nechal pod nadpisom karty 50 px prázdneho miesta pred textom. */
  body .sp-page-builder .page-content #section-id-163a2dfe-6810-4b2f-8055-7408de26fea5 .sppb-addon-text-block .sppb-addon-title {
    margin-bottom: 18px;
  }

  /* Karta „Dôvera a diskrétnosť“ mala riadkovanie 28 px, „Individuálny prístup“ 14 px. */
  body .sp-page-builder .page-content #section-id-163a2dfe-6810-4b2f-8055-7408de26fea5 .sppb-addon-text-block .sppb-addon-content,
  body .sp-page-builder .page-content #section-id-163a2dfe-6810-4b2f-8055-7408de26fea5 .sppb-addon-text-block .sppb-addon-content p {
    line-height: 1.5;
  }
}

/* Tablet na šírku (992–1199 px): stĺpec s kartami mal 450 px (desktop 540 px), takže sa popisy
   v kartách lámali na 3 riadky. Nadpis dostane 42 %, karty 58 % (≈ 557 px). Obalujúca sekcia
   #section-id-OtX1EZlLKUB02CCzSwzWC, stĺpce: 1 nadpis, 2 karty. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-OtX1EZlLKUB02CCzSwzWC .sppb-row > .sppb-row-column:nth-child(1) {
    max-width: 42%;
    flex-basis: 42%;
  }

  body .sp-page-builder .page-content #section-id-OtX1EZlLKUB02CCzSwzWC .sppb-row > .sppb-row-column:nth-child(2) {
    max-width: 58%;
    flex-basis: 58%;
  }
}

/* --- 8. Titulné sekcie podstránok -------------------------------------- */
/* Titulná sekcia = prvá sekcia obsahu s triedou `.noise-bg` (O nás, Právne služby, Odmena, Prevody,
   Vymáhanie, Kontakt, GDPR, Užitočné odkazy; Home ju nemá). Obsahuje eyebrow (h3), nadpis (text-block)
   a tmavé prekrytie s fotografiou. SPPB tu má pre tablet/mobil odstupňované písmo (80/60/48/36 px)
   a odsadenia, preto sa mení iba to, čo chýbalo: pri jednoriadkovom nadpise bola sekcia nízka
   (232 px) a pri trojriadkovom vysoká (334 px), takže fotografia a poloha nadpisu „skákali“
   medzi stránkami; Kontakt mal na 320 px nadpis na 4 riadkoch; výrez fotografií bol vždy zo stredu. */

/* 8a. Tablet na výšku a mobil (< 992 px): jednotná minimálna výška a obsah vertikálne vyvážený
   pod hlavičkou (hlavička je priehľadná a prekrýva sekciu). */
@media (max-width: 991.98px) {
  body .sp-page-builder .page-content > .sppb-section.noise-bg:first-child {
    display: flex;
    align-items: center;
    min-height: 340px;
    padding-top: 84px; /* hlavička 50–60 px + odstup */
    padding-bottom: 44px;
  }

  body .sp-page-builder .page-content > .sppb-section.noise-bg:first-child > .sppb-row-container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body .sp-page-builder .page-content > .sppb-section.noise-bg:first-child {
    min-height: 400px;
    padding-top: 96px;
    padding-bottom: 56px;
  }
}

/* 8b. Úzky telefón (< 576 px): nadpis sa zmenšuje plynulo (36 px od 375 px, 30 px pri 320 px),
   aby ani najdlhší nadpis (Kontakt) nemal 4 riadky. */
@media (max-width: 575.98px) {
  body .sp-page-builder .page-content > .sppb-section.noise-bg:first-child .sppb-addon-text-block .sppb-addon-content {
    font-size: clamp(30px, 9.6vw, 36px);
    line-height: 1.11;
  }
}

/* 8c. Výrez fotografií pod 992 px: ťažisko fotografie (zistené z originálov) sa posúva do
   viditeľnej časti, text je vľavo, motív vpravo. Všetko ostatné (`cover`, tmavé prekrytie) ostáva.
   SPPB nastavuje `background-position` pravidlom s ID sekcie, preto sa tu používa ID. O nás/Právne
   služby a Prevody/Vymáhanie zdieľajú tú istú sekciu a líšia sa len obrázkom, preto sa výrez viaže
   na položku menu (`body.itemid-N`). Toto sú jediné individuálne výnimky: */
@media (max-width: 991.98px) {
  body.itemid-107 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-position: 88% 50%; } /* O nás: váhy spravodlivosti */
  body.itemid-114 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-position: 46% 50%; } /* Právne služby: stĺpy budovy */
  body.itemid-400 .sp-page-builder .page-content #section-id-1208a98e-3aac-4564-9dce-e58819eb5abb { background-position: 60% 50%; } /* Odmena: stĺpy a rastlina */
  body.itemid-401 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-position: 74% 50%; } /* Prevody: ruka a model domu */
  body.itemid-404 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-position: 30% 50%; } /* Vymáhanie (a 2 položky menu s rovnakou stránkou): ruka s dokumentom */
  body.itemid-113 .sp-page-builder .page-content #section-id-32301041-4ac1-4596-b638-2b714f7d07a3 { background-position: 66% 50%; } /* Kontakt: ruky a tablet */
}

/* --- 9. Odmena --------------------------------------------------------- */
/* Stránka Odmena (menu položka 400): úvod (obrázok + text), 4 karty „Zmluvná odmena sa určuje ako“,
   tmavá sekcia s nadpisom, textom a tabuľkou tarifnej odmeny a záverečný text. SPPB tu nechal
   dvojstĺpcové delenie 50/50 aj na tablete (tabuľka mala 330 px, záverečný text polovicu šírky),
   štyri karty vedľa seba až do 991 px (na 768 px 150 px široké, nadpis „Hodinová“ sa prekrýval so
   šípkou) a rozostupy kariet (stupňovité) určené pre desktop. Sumy a texty sa nemenia. */

/* 9a. Tablet na šírku (992–1199 px): záverečný text na celú šírku ako na desktope. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.itemid-400 .sp-page-builder .page-content #section-id-25d73658-71a5-4331-ac61-0faae183359d .sppb-row > .sppb-row-column {
    max-width: 100%;
    flex-basis: 100%;
  }
}

/* 9b. Tablet na výšku a mobil (< 992 px). */
@media (max-width: 991.98px) {
  /* Tmavá sekcia s tabuľkou a záverečný text: jeden stĺpec, medzi nadpisom/textom a tabuľkou odstup. */
  body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 .sppb-row > .sppb-row-column,
  body.itemid-400 .sp-page-builder .page-content #section-id-25d73658-71a5-4331-ac61-0faae183359d .sppb-row > .sppb-row-column {
    max-width: 100%;
    flex-basis: 100%;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 .sppb-row > .sppb-row-column:first-child {
    margin-bottom: 36px;
  }

  /* Karty: dva stĺpce, rovnaká výška, bez stupňovitého posunu (ten sa na úzkej šírke rozpadal);
     nadpis karty je pri spodku a šípka sa s ním neprekrýva. */
  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:nth-child(n+2) {
    max-width: 50%;
    flex-basis: 50%;
    padding-bottom: 24px;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:nth-child(n+2) :is(.sppb-column, .sppb-column-addons, .sppb-addon-wrapper, .sppb-addon-wrapper > .clearfix, .sppb-addon-feature) {
    height: 100%;
    box-sizing: border-box;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:nth-child(n+2) .sppb-addon-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-addon-feature .sppb-addon-content {
    height: 100%;
    grid-template-rows: auto 1fr auto; /* ikona, text (rastie), nadpis pri spodku */
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-addon-feature .sppb-addon-title {
    margin-top: 24px;
    padding-right: 52px; /* miesto pre šípku vpravo dole */
  }
}

/* 9c. Mobil (< 768 px): karty v jednom stĺpci, obrázok úvodu má odstup od textu. */
@media (max-width: 767.98px) {
  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:nth-child(n+2) {
    max-width: 100%;
    flex-basis: 100%;
    padding-bottom: 16px;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-8b18377e-7283-428b-81ab-f33c0bd7cfef .sppb-row > .sppb-row-column:first-child .sppb-addon-wrapper {
    margin-bottom: 28px;
  }

  /* Nadpis karty mal 14 px (menší než desktop 20 px) a text riadkovanie 100 %. */
  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-addon-feature .sppb-feature-box-title {
    font-size: 18px;
    line-height: 24px;
  }

  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-addon-feature .sppb-addon-text {
    line-height: 1.45;
  }
}

/* 9d. Tarifná tabuľka pod 700 px: raw HTML tabuľky (v DB) skrýva pod 700 px hlavičku a mení riadky na zoznam,
   takže hodnoty stratili popisky. Popisky „Hodnota veci“ a „Odmena za 1 úkon právnej služby“ (rovnaké
   slová ako v skrytej hlavičke) sa dopĺňajú cez ::before nad príslušnú hodnotu; generovaný obsah je
   dostupný aj čítačkám obrazovky. Hodnoty, poradie a farby ostávajú, desktop sa nemení (media query
   zodpovedá hranici 700 px zo samotnej tabuľky). */
@media (max-width: 700px) {
  body.itemid-400 .sp-page-builder .page-content .odmena-dark-table tbody td::before {
    display: block;
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }

  body.itemid-400 .sp-page-builder .page-content .odmena-dark-table tbody td:first-child::before {
    content: "Hodnota veci";
  }

  body.itemid-400 .sp-page-builder .page-content .odmena-dark-table tbody td:last-child::before {
    content: "Odmena za 1 úkon právnej služby";
    margin-top: 6px;
  }
}

/* --- 10. Prevody, Vymáhanie, Právne služby, O nás ---------------------- */
/* Podstránky v zložke „Právna agenda“ (Prevody nehnuteľností – menu 401, Vymáhanie pohľadávok – 404 a
   dve položky menu s rovnakou stránkou 405, 406) a Právne služby (114) a O nás (107). Právne služby a O nás
   sú po krokoch 5–8 v poriadku (accordion, posuvník advokátov, titulná sekcia), preto sa tu rieši hlavne
   Prevody a Vymáhanie. Pravidlá sú viazané na položky menu (`body.itemid-N`), lebo Vymáhanie zdieľa
   sekcie (rovnaké ID) s Prevodmi. */

/* 10a. Prevody, tmavá sekcia „Zmluvným nadobudnutím vlastníckeho práva“ (#section-id-x1LA7tUW1F3eMHAURHT4_):
   SPPB tu pod 1200 px nastavil stĺpce 33 % + 33 % (zvyšná tretina prázdna, text 270 px a obrázok 270 px) a od
   576 do 991 px 50 % / 50 %, pričom obrázok je len 297 px široký v strede riadku. Tablet na šírku (992–1199 px)
   dostane desktopové delenie 50 / 50, tablet na výšku 55 / 45 s obrázkom na celú výšku textu a mobil jeden stĺpec. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row > .sppb-row-column {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 991.98px) {
  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row {
    align-items: center;
  }

  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-addon-single-image-container img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row > .sppb-row-column:first-child {
    max-width: 55%;
    flex-basis: 55%;
  }

  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row > .sppb-row-column:last-child {
    max-width: 45%;
    flex-basis: 45%;
  }
}

@media (max-width: 767.98px) {
  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row > .sppb-row-column {
    max-width: 100%;
    flex-basis: 100%;
  }

  body.itemid-401 .sp-page-builder .page-content #section-id-x1LA7tUW1F3eMHAURHT4_ .sppb-nested-row > .sppb-row-column:first-child {
    margin-bottom: 28px;
  }
}

/* 10b. Prevody a Vymáhanie: nadpisy sekcií „Pri prevode vlastníckeho práva…“, „Advokátska kancelária
   poskytuje kompletný právny servis…“ a „V oblasti vymáhania pohľadávok poskytuje…“ majú pod 576 px 36 px
   a lámu sa na 6–9 riadkov. Plynulé zmenšenie na 28–32 px (desktop 52 px, tablet 44 px ostáva), riadkovanie
   1,15; zalomenie vyvážené. Citát „Náklady spojené s…“ (18/22 px, 7 riadkov) dostane riadkovanie 1,35. */
@media (max-width: 575.98px) {
  :is(body.itemid-401, body.itemid-404, body.itemid-405, body.itemid-406) .sp-page-builder .page-content :is(#sppb-addon-1764745856865, #sppb-addon-1764748296248) .sppb-addon-text-block .sppb-addon-content {
    font-size: clamp(26px, 8vw, 32px);
    line-height: 1.15;
    letter-spacing: -0.5px;
    text-wrap: balance;
  }

  :is(body.itemid-401, body.itemid-404, body.itemid-405, body.itemid-406) .sp-page-builder .page-content #sppb-addon-1764758213758 .sppb-addon-text-block .sppb-addon-content {
    line-height: 1.35;
  }
}

/* 10c. Prevody, úvodný odsek a pečiatka „Rok založenia kancelárie 2001“ (#section-id-1764672498290): na tablete
   je pečiatka 180 px široká v stĺpci s 25 % šírky, na mobile 375 px stĺpec so stredom (prázdna plocha okolo
   pečiatky). Pod 576 px sa pečiatka zmenší a odsadí menej. */
@media (max-width: 575.98px) {
  body.itemid-401 body .sp-page-builder .page-content #section-id-1764672498290 {
    padding-bottom: 40px;
  }

  body.itemid-401 body .sp-page-builder .page-content #section-id-1764672498290 .sppb-row > .sppb-row-column:last-child .sppb-addon-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* --- 11. Kontakt ------------------------------------------------------- */
/* Podstránka Kontakt (menu položka 113): titulná sekcia (krok 8), „Kontaktné údaje“ s odkazmi tel:/mailto:
   a sociálnymi sieťami, úvodný text a formulár SPPB (meno, e-mail, správa, súhlas, tlačidlo Odoslať).
   Rozloženie (jeden stĺpec pod 992 px, údaje nad formulárom) je v poriadku a nemení sa; ošetruje sa
   použiteľnosť formulára na dotyku. Pravidlá platia iba pre túto stránku (`body.itemid-113`). */
@media (max-width: 991.98px) {
  /* Pole mena a e-mailu má 14,4 px: iOS Safari pri focuse automaticky priblíži stránku pod 16 px. Textarea
     už 16 px má, polia dostanú rovnaké písmo (vizuálne takmer rovnaká veľkosť). */
  body.itemid-113 .sp-page-builder .page-content .sppb-addon-form-builder-form .sppb-form-group :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    font-size: 16px;
  }

  /* Checkbox „Súhlasím so Zásadami ochrany…“: 13×13 px je pre prst malé. Políčko má 22 px (vzhľad – sivý štvorec –
     zostáva) a klikateľný je celý riadok vrátane textu (label je viazaný na vstup cez `for`). */
  body.itemid-113 .sp-page-builder .page-content .sppb-addon-form-builder-form .sppb-form-check {
    padding-left: 34px;
    min-height: 44px;
  }

  body.itemid-113 .sp-page-builder .page-content .sppb-addon-form-builder-form .sppb-form-check .sppb-form-check-input {
    width: 22px;
    height: 22px;
    margin-left: -34px;
    margin-top: 1px;
  }

  body.itemid-113 .sp-page-builder .page-content .sppb-addon-form-builder-form .sppb-form-check .sppb-form-check-label {
    display: block;
    padding-top: 2px;
    padding-bottom: 8px;
    line-height: 1.5;
  }
}

/* Mobil (< 576 px): tlačidlo „Odoslať“ na celú šírku formulára a s výškou aspoň 52 px (desktop: 300 × 47 px). */
@media (max-width: 575.98px) {
  body.itemid-113 .sp-page-builder .page-content #sppb-addon-6504b524-293e-4254-bbc4-3480fb559d35 .sppb-form-builder-btn {
    max-width: none; /* SPPB nastavuje `max-width: 300px` selektorom s ID addonu */
  }

  body.itemid-113 .sp-page-builder .page-content #sppb-addon-6504b524-293e-4254-bbc4-3480fb559d35 .sppb-form-builder-btn button {
    min-height: 52px;
    font-size: 16px;
  }
}

/* Odkazy na telefón, e-mail a sociálne siete: dotyková plocha. Odkazy majú výšku 19 px, medzi dvoma
   telefónnymi číslami je 3 px; na dotyku ostávajú vizuálne rovnaké, no majú vyššiu aktívnu plochu. */
@media (max-width: 991.98px) {
  body.itemid-113 .sp-page-builder .page-content a[href^="tel:"],
  body.itemid-113 .sp-page-builder .page-content a[href^="mailto:"] {
    display: inline-block;
    padding-block: 7px;
    margin-block: -7px;
  }
}

/* --- 12. GDPR, Užitočné odkazy ----------------------------------------- */
/* Obe stránky sú jedna raw HTML sekcia s vlastným responzívnym CSS (BEM triedy `.privacy-*`, `.useful-links*`,
   breakpointy 650/600/900 px) a sú na mobile aj tablete v zásade v poriadku (jeden stĺpec, odstupňované
   písmo, URL sa zalamujú, tabuľky ani iframe tam nie sú, obsah sa nezúži). Preto len dve cielené úpravy. */

/* 12a. GDPR (menu položka 402): box „Sprístupňovanie údajov“ má vedľa seba ikonu 52 px a text. Na úzkom
   telefóne zostáva pre text 155 px (320 px) / 210 px (375 px) a dlhý odsek (30+ riadkov) sa lámal po
   2–3 slová. Pod 480 px je ikona nad textom a text má celú šírku boxu. */
@media (max-width: 479.98px) {
  body.itemid-402 .privacy-access-box {
    flex-direction: column;
    gap: 14px;
  }
}

/* 12b. Užitočné odkazy (menu položka 403): URL pod názvom inštitúcie sa pod 600 px zmenšuje na 12 px;
   13 px je čitateľnejšie a URL sa naďalej zalamujú (`overflow-wrap: anywhere` v pôvodnom CSS). */
@media (max-width: 600px) {
  body.itemid-403 .useful-links__url {
    font-size: 13px;
  }
}

/* 12c. GDPR: nadpisy sekcií (27 px) sú vedľa čísla v stĺpci 192 px (320 px), takže sa dlhé nadpisy (napr.
   „Maximálne obdobie spracovávania a uchovávania…“) lámu na 6 riadkov. Pod 380 px 24 px (4 riadky). */
@media (max-width: 379.98px) {
  body.itemid-402 .privacy-section__title {
    font-size: 24px;
  }
}

/* --- 13. Pätička ------------------------------------------------------- */
/* Pätička je na všetkých stránkach: modul SPPB „Footer Menu“ (#section-id-1764825934414: logo + kontakt,
   „Ponuka“, „Právna agenda“) a spodný pás Helixu (#sp-footer: odkazy GDPR | Užitočné odkazy, copyright,
   sociálne ikony). SPPB nechal pod 1200 px treťom stĺpci len 16,7 % (160 px) – dlhé názvy („Organizovanie
   valných zhromaždení“) sa lámali po 1–2 slová –, logo je pod 768 px natiahnuté z 216 na 300 px
   (rozmazané, na 768 px presahuje stĺpec) a dotykové plochy odkazov a ikon majú 14–24 px. */

/* 13a. Tablet (768–1199 px): vyvážené stĺpce 40 / 25 / 35 % (desktop 42 / 17 / 40 % ostáva). */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body .sp-page-builder .page-content #column-wrap-id-1764825934410 {
    max-width: 40%;
    flex-basis: 40%;
  }

  body .sp-page-builder .page-content #column-wrap-id-1764825934411 {
    max-width: 25%;
    flex-basis: 25%;
  }

  body .sp-page-builder .page-content #column-wrap-id-1764825934413 {
    max-width: 35%;
    flex-basis: 35%;
  }
}

/* 13b. Veľký mobil (576–767 px): logo a kontakt hore, pod nimi dva zoznamy vedľa seba (SPPB dával 60 / 40 / 40 %,
   takže „Právna agenda“ ostávala osamotená v druhom riadku). */
@media (min-width: 576px) and (max-width: 767.98px) {
  body .sp-page-builder .page-content #column-wrap-id-1764825934410 {
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 36px;
  }

  body .sp-page-builder .page-content #column-wrap-id-1764825934411,
  body .sp-page-builder .page-content #column-wrap-id-1764825934413 {
    max-width: 50%;
    flex-basis: 50%;
  }

  /* „Ponuka“ je zarovnaná s logom (SPPB tu nechal odsadenie 15 px pre stohovaný variant) a oba nadpisy
     začínajú vo výške (SPPB: horný odstup 16 px vs. 26 px). */
  body .sp-page-builder .page-content #column-id-1764825934411 {
    padding-left: 0;
  }

  body .sp-page-builder .page-content :is(#column-id-1764825934411, #column-id-1764825934413) .sppb-column-addons > .sppb-addon-wrapper:first-child {
    margin-top: 0;
  }
}

/* 13c. Logo: originál má 216 × 46 px, ako na desktope. Pod 1200 px ho SPPB roztiahol na 300 px (rozmazané,
   na 768 px presahuje stĺpec). */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-1764825934414 .sppb-addon-single-image-container img,
  body .sp-page-builder .page-content #section-id-1764825934414 img {
    width: 216px;
    max-width: 100%;
    height: auto;
  }
}

/* 13d. Dotykové plochy (pod 1200 px): odkazy v pätičke majú 14–24 px na výšku. Vizuálne sa nič nemení
   (padding sa vyrovná záporným okrajom), aktívna plocha je 36–44 px. */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content #section-id-1764825934414 :is(nav a, ul a, a[href^="mailto:"], a[href^="tel:"]) {
    padding-block: 7px;
    margin-block: -7px;
  }

  #sp-bottom1 a {
    display: inline-block;
    padding-block: 10px;
    margin-block: -10px;
  }

  #sp-footer .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    box-sizing: border-box;
    padding: 10px;
    margin: -10px;
  }

  /* Copyright sa zalamuje vyvážene, aby „Ďuran“ nezostalo samo na druhom riadku. */
  #sp-footer .sp-copyright,
  #sp-footer #sp-bottom2 {
    text-wrap: balance;
  }
}

/* --- 14. Typografia ---------------------------------------------------- */
/* Typografický audit (tests/playwright/typo.js) na 9 stránkach a 6 šírkach: väčšina nálezov je zámerný
   desktopový štýl (veľké serifové nadpisy s riadkovaním 1,0–1,1, dlhé riadky GDPR rovnaké ako na schválenom
   desktope) a nemení sa. Upravuje sa len to, čo je na mobile a tablete skutočná chyba čitateľnosti.
   Hodnoty písma Helixu (body/h1–h6) sa nemenia. */

/* 14a. Home: odkazy „VŠETKY OBLASTI“ a „VIAC INFORMÁCIÍ“ (11 px, veľké písmená s rozstupom) → 12 px pod 1200 px. */
@media (max-width: 1199.98px) {
  body.itemid-101 .sp-page-builder .page-content :is(.duran-all-areas, .duran-all-areas2) {
    font-size: 12px;
  }
}

/* 14b. GDPR (menu 402): texty kariet „Práva dotknutej osoby“ majú 13,5 px (odseky inde 15 px) → 14,5 px
   pod 992 px; hlavný nadpis má riadkovanie 1,05 pri 3 riadkoch na 320 px → 1,12. */
@media (max-width: 991.98px) {
  body.itemid-402 .privacy-right-card__text {
    font-size: 14.5px;
  }
}

@media (max-width: 650px) {
  body.itemid-402 .privacy-hero__title {
    line-height: 1.12;
  }
}

/* 14c. Odmena (menu 400): nadpisy tmavej sekcie „Tarifná odmena za zastupovanie…“ a „Zmluvná odmena sa určuje ako“
   majú pod 576 px 36 px s riadkovaním 1,0 (6 riadkov na 320 px). Plynulé zmenšenie 28–36 px, riadkovanie 1,12. */
@media (max-width: 575.98px) {
  body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 .sppb-addon-title,
  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:first-child .sppb-addon-title,
  body.itemid-400 .sp-page-builder .page-content #section-id-25d73658-71a5-4331-ac61-0faae183359d .sppb-addon-title {
    font-size: clamp(28px, 8.8vw, 36px);
    line-height: 1.12;
  }
}

/* 14c2. Odmena, 576–991 px: tie isté nadpisy majú riadkovanie 1,0 (36–44 px) → 1,12 (veľkosť písma sa nemení). */
@media (min-width: 576px) and (max-width: 991.98px) {
  body.itemid-400 .sp-page-builder .page-content :is(#section-id-8c30a89a-b95a-4197-a719-4546f0de1d74, #section-id-25d73658-71a5-4331-ac61-0faae183359d) .sppb-addon-title,
  body.itemid-400 .sp-page-builder .page-content #section-id-9d38267b-b68d-4405-945d-787555c3e9c8 .sppb-row > .sppb-row-column:first-child .sppb-addon-title {
    line-height: 1.12;
  }
}

/* 14d. Prevody a Vymáhanie (menu 401, 404–406): nadpisy sekcií na 576–991 px (38–44 px) mali riadkovanie 1,0
   (pod 576 px 1,15 od kroku 10). Jednotné 1,12. */
@media (min-width: 576px) and (max-width: 991.98px) {
  :is(body.itemid-401, body.itemid-404, body.itemid-405, body.itemid-406) .sp-page-builder .page-content :is(#sppb-addon-1764745856865, #sppb-addon-1764748296248, #sppb-addon-1764672610030) .sppb-addon-text-block .sppb-addon-content {
    line-height: 1.12;
  }
}

/* ==========================================================================
   16. Výkon: odľahčené obrázky pozadí (krok 16)
   --------------------------------------------------------------------------
   Pôvodné súbory v images/2026/… a images/2025/… zostávajú nedotknuté (SPPB ich naďalej odkazuje v HTML/DB).
   Nové varianty sú v images/optimized/ (WebP, rovnaký pomer strán a priehľadnosť ako originál):
     -xl = rozlíšenie pôvodného (od 1200 px), -l = 1600 px (768–1199 px), -m = 1100 px (do 767 px).
   Prepisuje sa IBA `background-image`; veľkosť, poloha, opakovanie a attachment ostávajú z SPPB.
   Pri nedostupnom súbore by pozadie zmizlo → originál sa dá obnoviť odstránením tejto sekcie (návrat na pôvodné obrázky).
   Titulné sekcie zdieľajú ID, preto sú viazané na `body.itemid-N`.
   ========================================================================== */
body.itemid-107 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-o-nas-xl.webp"); }
body.itemid-114 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-pravne-sluzby-xl.webp"); }
body.itemid-400 .sp-page-builder .page-content #section-id-1208a98e-3aac-4564-9dce-e58819eb5abb { background-image: url("../../../images/optimized/header-odmena-xl.webp"); }
body.itemid-401 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-prevody-nehnutelnosti-xl.webp"); }
body.itemid-404 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-vymahanie-pohladavok-xl.webp"); }
body.itemid-113 .sp-page-builder .page-content #section-id-32301041-4ac1-4596-b638-2b714f7d07a3 { background-image: url("../../../images/optimized/header-kontakt-xl.webp"); }
body.itemid-402 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42,
body.itemid-403 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42 { background-image: url("../../../images/optimized/header-gdpr-odkazy-xl.webp"); }
body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 { background-image: url("../../../images/optimized/odmena-tarifa-bg-xl.webp"); }
body.itemid-401 .sp-page-builder .page-content #section-id-2JMCWQYyK7J5PrlxRFysa { background-image: url("../../../images/optimized/prevody-about-bg-xl.webp"); }
body.itemid-101 .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 { background-image: url("../../../images/optimized/home-hero-xl.webp"); }
body.itemid-101 #column-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d { background-image: url("../../../images/optimized/home-vstup-xl.webp"); }

/* 768–1199 px: 1600 px varianty */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.itemid-107 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-o-nas-l.webp"); }
  body.itemid-114 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-pravne-sluzby-l.webp"); }
  body.itemid-400 .sp-page-builder .page-content #section-id-1208a98e-3aac-4564-9dce-e58819eb5abb { background-image: url("../../../images/optimized/header-odmena-l.webp"); }
  body.itemid-401 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-prevody-nehnutelnosti-l.webp"); }
  body.itemid-404 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-vymahanie-pohladavok-l.webp"); }
  body.itemid-113 .sp-page-builder .page-content #section-id-32301041-4ac1-4596-b638-2b714f7d07a3 { background-image: url("../../../images/optimized/header-kontakt-l.webp"); }
  body.itemid-402 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42,
  body.itemid-403 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42 { background-image: url("../../../images/optimized/header-gdpr-odkazy-l.webp"); }
}

/* do 767 px: 1100 px varianty titulných fotografií (v tmavých sekciách s jemným pozadím) */
@media (max-width: 767.98px) {
  body.itemid-107 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-o-nas-m.webp"); }
  body.itemid-114 .sp-page-builder .page-content #section-id-2b48cbea-595e-4630-bda8-b8ee91abf35b { background-image: url("../../../images/optimized/header-pravne-sluzby-m.webp"); }
  body.itemid-400 .sp-page-builder .page-content #section-id-1208a98e-3aac-4564-9dce-e58819eb5abb { background-image: url("../../../images/optimized/header-odmena-m.webp"); }
  body.itemid-401 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-prevody-nehnutelnosti-m.webp"); }
  body.itemid-404 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0,
  body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-vymahanie-pohladavok-m.webp"); }
  body.itemid-113 .sp-page-builder .page-content #section-id-32301041-4ac1-4596-b638-2b714f7d07a3 { background-image: url("../../../images/optimized/header-kontakt-m.webp"); }
  body.itemid-402 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42,
  body.itemid-403 .sp-page-builder .page-content #section-id-eb158d0d-4364-4beb-956f-cffca90aef42 { background-image: url("../../../images/optimized/header-gdpr-odkazy-m.webp"); }
}

/* pod 1200 px: tmavé sekcie a Home fotografie v 1600 px (na mobile sa pozadie škáluje podľa výšky sekcie, 1100 px by bolo mäkké) */
@media (max-width: 1199.98px) {
  body.itemid-400 .sp-page-builder .page-content #section-id-8c30a89a-b95a-4197-a719-4546f0de1d74 { background-image: url("../../../images/optimized/odmena-tarifa-bg-l.webp"); }
  body.itemid-401 .sp-page-builder .page-content #section-id-2JMCWQYyK7J5PrlxRFysa { background-image: url("../../../images/optimized/prevody-about-bg-l.webp"); }
  body.itemid-101 .sp-page-builder .page-content #section-id-b724d157-ae60-42ea-a513-f8efff40bcf6 { background-image: url("../../../images/optimized/home-hero-l.webp"); }
  body.itemid-101 #column-id-a67c61d0-ce0d-44df-8d61-5fc44c87753d { background-image: url("../../../images/optimized/home-vstup-l.webp"); }
}

/* ==========================================================================
   17. Nové podstránky „Právnej agendy“ (2026-10-22)
   --------------------------------------------------------------------------
   Zakladanie obchodných spoločností (menu 405, SPPB stránka 65) a
   Organizovanie valných zhromaždení (menu 406, SPPB stránka 66).
   Titulná sekcia, zoznam služieb a citát sú klony sekcií stránky Vymáhanie
   (rovnaké ID → platia pravidlá sekcií 8 a 10). Nové sekcie majú vlastné triedy
   `agenda-*` (nastavené v SPPB), preto sú pravidlá aj od desktopu hore
   obmedzené iba na ne – existujúce podstránky sa nemenia.
   ========================================================================== */

/* 17a. Titulné fotografie (nové súbory v images/optimized/, rovnaká úprava ako ostatné: výrez 2084×754, krytie 15 %). */
body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-zakladanie-spolocnosti-xl.webp"); background-position: 50% 50%; }
body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-valne-zhromazdenia-xl.webp"); background-position: 50% 50%; }

@media (min-width: 768px) and (max-width: 1199.98px) {
  body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-zakladanie-spolocnosti-l.webp"); }
  body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-valne-zhromazdenia-l.webp"); }
}

@media (max-width: 767.98px) {
  body.itemid-405 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-zakladanie-spolocnosti-m.webp"); }
  body.itemid-406 .sp-page-builder .page-content #section-id-b5cc043d-2d1e-4aeb-af68-d3cf9638a2b0 { background-image: url("../../../images/optimized/header-valne-zhromazdenia-m.webp"); }
}

/* POZOR: SPPB generuje pre nadpisy v bloku textu pravidlo `#sppb-addon-… .sppb-addon-content h3 { typografia }` (ID), preto majú
   nadpisy `.agenda-forms__title` a `.agenda-steps__label` typografiu s !important (inak by sa neuplatnila). */

/* 17b. Úvodná sekcia: veľký text vľavo, fotografia vpravo. */
body .sp-page-builder .page-content .agenda-intro .sppb-row { align-items: center; }
body .sp-page-builder .page-content .agenda-intro .agenda-lead {
  margin: 0;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.38;
  letter-spacing: -0.02em;
  color: var(--sppb-text-primary);
}
body .sp-page-builder .page-content .agenda-intro .agenda-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 38% 50%;
  border-radius: 10px;
}
body .sp-page-builder .page-content .agenda-intro .sppb-row > .sppb-row-column:first-child { padding-right: 40px; }
/* výrez fotografie: vstup s nápisom DURAN (406) pri pravom okraji */
body.itemid-406 .sp-page-builder .page-content .agenda-intro .agenda-photo img { object-position: 100% 50%; }

/* 17c. Tmavý pás (formy spoločností / pôsobnosť valného zhromaždenia). */
body .sp-page-builder .page-content .agenda-dark {
  background: #1b1c21 url("../../../images/optimized/prevody-about-bg-xl.webp") 50% 0 / cover no-repeat;
  color: #fff;
}
body .sp-page-builder .page-content .agenda-dark .agenda-kicker {
  margin: 0 0 44px;
  max-width: 880px;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fff;
}

/* Formy spoločností: dva stĺpce */
body .sp-page-builder .page-content .agenda-forms__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; }
body .sp-page-builder .page-content .agenda-forms__col { border-top: 1px solid rgba(196, 158, 121, 0.55); padding-top: 28px; }
body .sp-page-builder .page-content .agenda-forms__title {
  margin: 0 0 18px;
  font-family: "IBM Plex Serif", serif !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  color: rgb(196, 158, 121);
}
body .sp-page-builder .page-content .agenda-forms__list { margin: 0 0 22px; padding-left: 1.5em; }
body .sp-page-builder .page-content .agenda-forms__list li {
  margin: 0 0 4px;
  font-family: "IBM Plex Serif", serif;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
}
body .sp-page-builder .page-content .agenda-forms__list li::marker { color: rgb(196, 158, 121); }
body .sp-page-builder .page-content .agenda-forms__col > p {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.74);
}

/* Pôsobnosť valného zhromaždenia: číslovaný zoznam */
body .sp-page-builder .page-content .agenda-scope__list { margin: 0; padding: 0; list-style: none; counter-reset: agenda-scope; border-top: 1px solid rgba(196, 158, 121, 0.55); }
body .sp-page-builder .page-content .agenda-scope__list li {
  counter-increment: agenda-scope;
  display: grid;
  grid-template-columns: 76px 1fr;
  align-items: baseline;
  margin: 0;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  font-family: "IBM Plex Serif", serif;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}
body .sp-page-builder .page-content .agenda-scope__list li::before {
  content: counter(agenda-scope, decimal-leading-zero);
  font-size: 17px;
  letter-spacing: 0.04em;
  color: rgb(196, 158, 121);
}

/* 17d. Zakladanie: tri kroky (založenie, vznik, forma). */
body .sp-page-builder .page-content .agenda-steps { border-top: 1px solid rgba(27, 28, 33, 0.14); }
body .sp-page-builder .page-content .agenda-steps__row {
  display: grid;
  grid-template-columns: 38% 1fr;
  gap: 0 48px;
  align-items: start;
  padding: 34px 0;
  border-bottom: 1px solid rgba(27, 28, 33, 0.14);
}
body .sp-page-builder .page-content .agenda-steps__label {
  margin: 0;
  font-family: "IBM Plex Serif", serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  color: var(--sppb-text-primary);
}
body .sp-page-builder .page-content .agenda-steps__label span {
  display: block;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.12em;
  color: rgb(196, 158, 121);
}
body .sp-page-builder .page-content .agenda-steps__row > p {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(27, 28, 33, 0.78);
}

/* 17e. Valné zhromaždenie: zdôraznená veta o povinnosti. */
body .sp-page-builder .page-content .agenda-statement {
  margin: 0;
  max-width: 940px;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.22;
  letter-spacing: -0.03em;
  color: var(--sppb-text-primary);
}
body .sp-page-builder .page-content .agenda-statement em { font-style: italic; font-weight: 600; color: rgb(196, 158, 121); }

/* 17f. Záverečná poznámka pod citátom (Zakladanie). */
body .sp-page-builder .page-content .agenda-note {
  margin: 0;
  font-family: Roboto, sans-serif;
  max-width: 820px;
  padding-top: 26px;
  border-top: 1px solid rgba(27, 28, 33, 0.14);
  font-size: 16px;
  line-height: 1.7;
  color: rgba(27, 28, 33, 0.7);
}

/* 17g. Tablet na šírku a menšie (< 1200 px). */
@media (max-width: 1199.98px) {
  body .sp-page-builder .page-content .agenda-dark { background-image: url("../../../images/optimized/prevody-about-bg-l.webp"); }
  body .sp-page-builder .page-content .agenda-intro .agenda-lead { font-size: 28px; }
  body .sp-page-builder .page-content .agenda-forms__grid { gap: 0 48px; }
  body .sp-page-builder .page-content .agenda-statement { font-size: 36px; }
}

/* 17h. Tablet na výšku (< 992 px): jeden stĺpec. */
@media (max-width: 991.98px) {
  body .sp-page-builder .page-content .agenda-intro .agenda-lead { font-size: 26px; }
  /* !important: SPPB nastavuje šírku stĺpca pravidlom s ID (#column-wrap-id-…) */
  body .sp-page-builder .page-content .agenda-intro .sppb-row > .sppb-row-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  body .sp-page-builder .page-content .agenda-intro .sppb-row > .sppb-row-column:first-child { padding-right: 15px; margin-bottom: 36px; }
  body .sp-page-builder .page-content .agenda-intro .agenda-photo img { aspect-ratio: 16 / 9; object-position: 40% 50%; }
  body .sp-page-builder .page-content .agenda-dark .agenda-kicker { font-size: 26px; margin-bottom: 34px; }
  body .sp-page-builder .page-content .agenda-forms__grid { grid-template-columns: 1fr; gap: 40px 0; }
  body .sp-page-builder .page-content .agenda-steps__row { grid-template-columns: 1fr; gap: 14px 0; padding: 28px 0; }
  body .sp-page-builder .page-content .agenda-steps__label { font-size: 28px !important; }
  body .sp-page-builder .page-content .agenda-scope__list li { font-size: 20px; grid-template-columns: 64px 1fr; padding: 18px 0; }
  body .sp-page-builder .page-content .agenda-statement { font-size: 32px; }
}

/* 17i. Mobil (< 768 px). */
@media (max-width: 767.98px) {
  body .sp-page-builder .page-content .agenda-intro .agenda-lead { font-size: 22px; line-height: 1.4; }
  body .sp-page-builder .page-content .agenda-dark .agenda-kicker { font-size: 22px; }
  body .sp-page-builder .page-content .agenda-forms__title { font-size: 24px !important; }
  body .sp-page-builder .page-content .agenda-forms__list li { font-size: 18px; }
  body .sp-page-builder .page-content .agenda-forms__col > p { font-size: 15px; }
  body .sp-page-builder .page-content .agenda-steps__label { font-size: 24px !important; }
  body .sp-page-builder .page-content .agenda-steps__row > p { font-size: 16px; }
  body .sp-page-builder .page-content .agenda-scope__list li { font-size: 18px; grid-template-columns: 48px 1fr; }
  body .sp-page-builder .page-content .agenda-scope__list li::before { font-size: 15px; }
  body .sp-page-builder .page-content .agenda-statement { font-size: 26px; line-height: 1.25; }
  body .sp-page-builder .page-content .agenda-note { font-size: 15px; }
}

@media (max-width: 575.98px) {
  body .sp-page-builder .page-content .agenda-intro .agenda-lead { font-size: 20px; }
  body .sp-page-builder .page-content .agenda-dark .agenda-kicker { font-size: 20px; }
  body .sp-page-builder .page-content .agenda-statement { font-size: 24px; }
}

/* ==========================================================================
   18. Home a O nás – „Ľudia, ktorí dávajú právu rozmer“ (schválený dizajn 2026-10-29)
   --------------------------------------------------------------------------
   Nový nested row #section-id-duran-tim-home (SPPB stránky 10 – Home a 62 – O nás, rovnaké ID a
   obsah) nahradil posuvník kolekcie advokátov. Právne služby používajú pôvodný row
   (jFpZMiCy3ScJQlbLFC2pB, sekcia 7A) a táto sekcia ich nemení.
   Výnimka z pravidla „desktop sa nemení“: redizajn sekcie vyžiadal vlastník; pravidlá
   platia aj od 1200 px, ale iba pre toto ID na Home a O nás (body.itemid-101 / itemid-107).
   SPPB generuje pre nadpisy v bloku textu pravidlo s ID (#sppb-addon-… h4/h5), preto
   majú nadpisy typografiu s !important.
   ========================================================================== */
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home {
  --team-gold: rgb(196, 158, 121);
  --team-gold-soft: rgba(196, 158, 121, 0.45);
  --team-line: rgba(255, 255, 255, 0.12);
  --team-text: rgba(255, 255, 255, 0.8);
  --team-muted: rgba(255, 255, 255, 0.56);
  position: relative;
  padding: 56px 0 130px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home > .sppb-container-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}

/* dekoratívne kresby Justície po stranách sekcie (pôvodné obrázky 333 × 721 px) sú nižšie ako nová sekcia –
   spodný okraj sa plynulo stratí namiesto ostrej hrany (iba Home) */
body.itemid-101 .sp-page-builder .page-content #section-id-eedda09b-b0d2-47a2-b619-ab74064378e7 :is(#sppb-addon-wrapper-1765776595819, #sppb-addon-wrapper--pQmHjRvzpPcX-7NSpkJV) img,
body.itemid-107 .sp-page-builder .page-content #section-id-68eeeacf-8547-4fb0-b06e-61808a38d478 :is(#sppb-addon-wrapper-5573e437-d2fd-46a2-89ca-b0e815805204, #sppb-addon-wrapper-10548001-c29b-4852-864c-a958dc6c805b) img {
  -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .sppb-row {
  align-items: flex-start;
  margin: 0;
}

/* 18a. Fotografia: prirodzený pomer 792 × 878, jemný zlatý rám posunutý do strany a tenká vertikálna línia */
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home #column-wrap-id-duran-tim-col-foto {
  padding: 0 15px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container {
  position: relative;
  display: block;
  width: calc(100% - 28px);
  max-width: 420px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container::before {
  content: "";
  position: absolute;
  inset: 28px -28px -28px 28px;
  border: 1px solid var(--team-gold-soft);
  pointer-events: none;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container::after {
  content: "";
  position: absolute;
  left: -28px;
  top: 12%;
  width: 1px;
  height: 46%;
  background: linear-gradient(to bottom, transparent, var(--team-gold), transparent);
  pointer-events: none;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 792 / 878;
  object-fit: cover;
  object-position: 30% 50%;
  filter: saturate(0.92);
}

/* 18b. Text */
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home #column-wrap-id-duran-tim-col-text {
  padding: 6px 15px 0 72px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team {
  color: var(--team-text);
  font-family: Roboto, sans-serif;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase;
  color: var(--team-gold) !important;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--team-gold);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name {
  margin: 0 0 30px;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-size: 46px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  margin-top: 26px;
  background: var(--team-gold);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__sub {
  margin: 0 0 16px !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
  color: var(--team-muted) !important;
}

/* časová os: zvislá línia, body na línii, rok (serif, zlatý) + funkcia */
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: var(--team-gold-soft);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 0 24px;
  align-items: baseline;
  margin: 0;
  padding: 11px 0 11px 34px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  border: 1px solid var(--team-gold);
  border-radius: 50%;
  background: #121317;
  box-sizing: border-box;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li:nth-child(3)::before {
  background: var(--team-gold); /* od 2001 – advokát (súčasná funkcia) */
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__year {
  font-family: "IBM Plex Serif", serif;
  font-size: 19px;
  line-height: 1.35;
  color: var(--team-gold);
  white-space: nowrap;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__role {
  font-size: 16px;
  line-height: 1.55;
  color: var(--team-text);
}

/* 18c. Koncipienti, sekretariát, adresa – oddelené líniou, tri stĺpce */
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px 40px;
  margin-top: 54px;
  padding-top: 38px;
  border-top: 1px solid var(--team-line);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group--wide { grid-column: 1 / -1; }
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group--wide .duran-team__people { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group--wide .duran-team__people li + li { margin-top: 0; }

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group .duran-team__label {
  margin-bottom: 16px !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group .duran-team__icon {
  width: 18px;
  height: 18px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__people {
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__people li + li {
  margin-top: 16px;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__person {
  display: block;
  margin: 0;
  font-family: "IBM Plex Serif", serif;
  font-size: 19px;
  line-height: 1.3;
  color: #fff;
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__fn {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--team-muted);
}

:is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__address {
  margin: 0;
  font-style: normal;
  font-family: "IBM Plex Serif", serif;
  font-size: 17px;
  line-height: 1.5;
  color: #fff;
}

/* 18d. Tablet na šírku (992–1199 px) */
@media (max-width: 1199.98px) {
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home { padding: 48px 0 110px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home > .sppb-container-inner { max-width: 960px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home #column-wrap-id-duran-tim-col-text { padding-left: 48px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name { font-size: 40px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li { grid-template-columns: 116px 1fr; gap: 0 18px; }
}

/* 18e. Tablet na výšku a mobil (< 992 px): fotografia nad textom */
@media (max-width: 991.98px) {
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home { padding: 40px 0 90px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home > .sppb-container-inner { max-width: 720px; }
  /* !important: SPPB nastavuje šírku stĺpcov pravidlom s ID */
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .sppb-row > .sppb-row-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home #column-wrap-id-duran-tim-col-text { padding: 72px 15px 0; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container { max-width: 400px; }
}

@media (max-width: 767.98px) {
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home > .sppb-container-inner { max-width: 540px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name { font-size: 34px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__meta { grid-template-columns: 1fr; gap: 28px; margin-top: 44px; padding-top: 32px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__group--wide .duran-team__people { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 575.98px) {
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home { padding: 32px 0 72px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container { width: calc(100% - 18px); }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container::before { inset: 18px -18px -18px 18px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__photo .sppb-addon-single-image-container::after { left: -14px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home #column-wrap-id-duran-tim-col-text { padding-top: 56px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name { font-size: 30px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li { grid-template-columns: 1fr; gap: 2px 0; padding: 10px 0 10px 30px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li::before { top: 19px; margin-top: 0; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__year { font-size: 17px; }
  :is(body.itemid-101, body.itemid-107) .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__role { font-size: 15.5px; }
}

/* 18f. O nás: svetlá verzia sekcie tímu (iba body.itemid-107; Home ostáva tmavá).
   Rovnaké rozloženie, rozmery, fotografia, rámovanie a typografia ako na Home – mení sa iba farebnosť:
   pozadie #F4F3F0 (farba stránky, rovnaká ako pásik pod sekciami na webe), tmavé texty, tmavšia zlatohnedá
   (rgb(139,101,62), kontrast 4,7 : 1) pre malé štítky, roky a ikony, aby sa na svetlom pozadí dali čítať.
   Pozadie vonkajšej sekcie (SPPB: gradient) sa prepisuje CSS-kou, nastavenie v SPPB sa nemení. */
body.itemid-107 .sp-page-builder .page-content #section-id-68eeeacf-8547-4fb0-b06e-61808a38d478 {
  background-image: none;
  background-color: #f4f3f0;
}

body.itemid-107 .sp-page-builder .page-content #section-id-68eeeacf-8547-4fb0-b06e-61808a38d478 .sppb-addon-title {
  color: var(--sppb-text-primary);
}

body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home {
  --team-gold: rgb(139, 101, 62);
  --team-gold-soft: rgba(139, 101, 62, 0.42);
  --team-line: rgba(27, 28, 33, 0.14);
  --team-text: rgba(27, 28, 33, 0.82);
  --team-muted: rgba(27, 28, 33, 0.62);
}

body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__name,
body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__person,
body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__address {
  color: #1b1c21;
}

/* body bodov časovej osi: výplň v farbe pozadia (na Home tmavá) */
body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li::before {
  background: #f4f3f0;
}

body.itemid-107 .sp-page-builder .page-content #section-id-duran-tim-home .duran-team__timeline li:nth-child(3)::before {
  background: var(--team-gold);
}

/* kresby Justície (tmavé čiary v PNG): na svetlom pozadí jemnejšie, aby nerušili text */
body.itemid-107 .sp-page-builder .page-content #section-id-68eeeacf-8547-4fb0-b06e-61808a38d478 :is(#sppb-addon-wrapper-5573e437-d2fd-46a2-89ca-b0e815805204, #sppb-addon-wrapper-10548001-c29b-4852-864c-a958dc6c805b) img {
  opacity: 0.55;
}