/* =========================================================================
   responsive-desktop.css   (v3 – agresívne FullHD, desktop-nav override)
   FullHD 1200-1899 ≈ Lenovo CSS 1273 → ~ −50 %, desktop nav (nie hamburger)
   QHD    1900-2559 ≈ 2K + 4K (@150%)  → ~ −20 %, container −10 %
   Ultra  ≥2560                        → zrkadlo QHD
   Mobile ≤991 NEDOTÝKAME.
   ========================================================================= */


/* =========================================================================
   1) FULL HD BUCKET   (1200–1899 px)   -50 %  +  desktop nav ON
   ========================================================================= */
@media (min-width: 1200px) and (max-width: 1899px) {

  /* ---------- Prepnutie z hamburger na desktop nav ------------------------ */
  /* custom.css:11962 má @media (max-width:1399) skrýva navbar-collapse.
     Tu to cielene zrušime pre 1200–1399 range. */
  .navbar-collapse.main-menu,
  .collapse.navbar-collapse.main-menu { display: flex !important; }
  .bivi-burger                         { display: none !important; }
  .slicknav_menu                       { display: none !important; }
  .nav-item.submenu.d-none.d-lg-block  { display: block !important; }
  .nav-item.d-lg-none                  { display: none !important; }
  #bivi-nav-line                       { display: block !important; }

  /* ---------- Hero slider: výška 500 px + (bod 10) oblé rohy ako 4K ----- */
  .bivi-hero            { margin-top: 0 !important; padding: 10px !important; }
  .bivi-hero-swiper     { border-radius: 22px !important; overflow: hidden !important; }
  .bivi-hero-slide      { min-height: 500px !important; border-radius: 22px !important; overflow: hidden !important; }
  .bivi-hero-inner      { max-width: 900px !important; padding: 24px 16px !important; }
  .bivi-hero-content    { max-width: 900px !important; }

  /* ---------- Univerzálny nadpis safety net (−50 %) ---------------------- */
  body h1 { font-size: 36px !important; line-height: 1.1 !important; }
  body h2 { font-size: 26px !important; line-height: 1.15 !important; }
  body h3 { font-size: 20px !important; line-height: 1.2 !important; }
  body h4 { font-size: 17px !important; }
  body h5 { font-size: 14px !important; }
  body h6 { font-size: 13px !important; }
  body, body p, body li { font-size: 13px; line-height: 1.5; }

  /* ---------- HERO ------------------------------------------------------- */
  .bivi-hero .section-title h1,
  .bivi-hero .section-title h1 span,
  .bivi-hero .section-title h2,
  .bivi-hero h1,
  .bivi-hero h2          { font-size: 36px !important; line-height: 1.15 !important; }
  .bivi-hero h1 *,
  .bivi-hero .section-title h1 *,
  .bivi-hero h2 *        { font-size: inherit !important; line-height: inherit !important; }
  .bivi-hero .section-title p,
  .bivi-hero p           { font-size: 13px !important; }
  .bivi-hero .hero-btn,
  .bivi-hero .btn        { font-size: 12px !important; padding: 8px 18px !important; }

  /* ---------- Section labels / kickers ---------------------------------- */
  .section-label         { font-size: 11px !important; letter-spacing: .3em !important; margin-bottom: 20px !important; }
  .section-title h1,
  .section-title h1 span { font-size: 36px !important; }
  .section-title h2,
  .section-title h2 span { font-size: 26px !important; }
  .section-title h3      { font-size: 18px !important; }
  .section-title p       { font-size: 13px !important; margin-top: 12px !important; }

  /* ---------- Section paddings (120 → 40) ------------------------------- */
  section, .section,
  .procedures-section    { padding-top: 40px !important; padding-bottom: 40px !important; }

  /* ---------- Procedúry sekcia ----------------------------------------- */
  .procedures-section h2.section-label,
  .procedures-section .section-label   { font-size: 20px !important; letter-spacing: .1em !important; margin-bottom: 18px !important; }
  .procedures-section,
  .procedures-section > .container     { padding-top: 32px !important; padding-bottom: 20px !important; }
  .procedures-carousel-wrap,
  .procedures-carousel                 { gap: 8px !important; }
  .proc-track                          { gap: 8px !important; }
  /* (bod 5 – 2. iterácia) Pills — padding vertical +6 px (z 7 → 13) */
  .proc-btn,
  .proc-btn--active,
  .proc-btn--hovered                   { font-size: 11px !important; padding: 13px 17px !important; letter-spacing: .02em !important; border-radius: 26px !important; border-width: 1.5px !important; }

  /* ---------- News karty (bod 9 – agresívne nižšie) -------------------- */
  .bn-news2-section .bn-news2-head h2,
  .bn-news2-head h2                    { font-size: 22px !important; margin-bottom: 3px !important; }
  .bn-news2-head                       { margin-bottom: 22px !important; }
  .bn-news2-sub                        { font-size: 12px !important; margin-top: 0 !important; padding-top: 0 !important; line-height: 1.4 !important; }
  .bn-news2-section,
  .bn-news2-section > .container       { padding-top: 28px !important; padding-bottom: 28px !important; }
  .bn-news2-grid                       { gap: 10px !important; }
  .bn-news2-card                       { padding: 12px 14px !important; border-radius: 12px !important; min-height: 0 !important; }
  .bn-news2-card-inner                 { gap: 4px !important; }
  /* Title — custom má 3-fold .bn-news2-card.wow .bn-news2-title (0,0,3,0) bez !important,
     moje `.bn-news2-title` (0,0,1,0) s !important vyhrá aj bez zrkadlenia */
  .bn-news2-title,
  .bn-news2-card .bn-news2-title,
  .bn-news2-card.wow .bn-news2-title   { font-size: 14px !important; line-height: 1.22 !important; min-height: 0 !important; margin-bottom: 4px !important; }
  .bn-news2-subtitle                   { font-size: 9px !important; letter-spacing: .3em !important; margin-bottom: 4px !important; }
  /* Text — custom má `.bn-news2-card.wow .bn-news2-text` (0,0,3,0) s !important → ZRKADLÍM */
  .bn-news2-text,
  .bn-news2-card .bn-news2-text,
  .bn-news2-card.wow .bn-news2-text    { font-size: 11px !important; line-height: 1.4 !important; margin: 0 0 10px !important; }
  .bn-news2-card[data-index]::before,
  .bn-news2-card::before,
  .bn-news2-card::after                { font-size: 32px !important; }

  /* (bod 10) News btn — žiadny FullHD override; tlačidlo musí vyzerať
     identicky na všetkých rozlíšeniach (default z custom.css:13264-13287
     = padding 16/32, font 11.5px, letter-spacing .2em, gap 12). Vyžiadané
     2026-04-23. */

  /* ---------- Reels (bod 6 — nadpis+podnadpis max 3 px) ---------------- */
  .reels-section,
  .reels-section > .container          { padding-top: 30px !important; padding-bottom: 30px !important; }
  .reels-section .bn-news2-head        { margin-bottom: 22px !important; gap: 0 !important; padding: 0 !important; }
  /* Reset browser + bootstrap margin na H2 a P — forsne 3px medzi nimi */
  .reels-section .bn-news2-head h2,
  .reels-section h2                    { font-size: 22px !important; margin: 0 0 3px 0 !important; padding: 0 !important; line-height: 1.2 !important; }
  .reels-section .bn-news2-head .bn-news2-sub,
  .reels-section .bn-news2-sub,
  .reels-section .bn-news2-head p      { margin: 0 auto !important; padding: 0 !important; font-size: 12px !important; line-height: 1.35 !important; }

  /* Reel karty — caption: title+subtitle tiež 3 px od seba, karty rovnakú výšku */
  .reels-grid                          { gap: 12px !important; }
  .reels-grid .reel-card .reel-caption,
  .reel-caption                        { padding: 10px 12px !important; min-height: 64px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; gap: 3px !important; }
  .reels-grid .reel-card .reel-caption .reel-title,
  .reel-title                          { font-size: 14px !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; display: block !important; }
  .reels-grid .reel-card .reel-caption .reel-subtitle,
  .reel-subtitle                       { font-size: 10px !important; line-height: 1.2 !important; letter-spacing: .1em !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
  .reels-grid .reel-card .reel-caption .reel-subtitle i,
  .reel-subtitle i                     { font-size: 11px !important; }

  /* ---------- Newsletter (bod 13 −15 %) -------------------------------- */
  .newsletter-section    { padding-top: 34px !important; padding-bottom: 34px !important; }
  .nl-card               { padding: 24px 20px !important; border-radius: 18px !important; }
  .newsletter-section .nl-card h2,
  .nl-card h2            { font-size: 17px !important; margin-bottom: 8px !important; }
  .nl-kicker             { font-size: 9px !important; letter-spacing: .28em !important; }
  .nl-copy-text          { font-size: 10px !important; line-height: 1.45 !important; margin-bottom: 14px !important; }
  .nl-pill               { padding: 4px 6px !important; border-radius: 14px !important; }
  .nl-input              { font-size: 10px !important; padding: 7px 10px !important; }
  .nl-submit             { font-size: 10px !important; padding: 7px 14px !important; }
  .nl-note               { font-size: 8px !important; margin-top: 8px !important; }
  .nl-icon               { font-size: 19px !important; }
  .nl-pill-icon          { font-size: 11px !important; }

  /* ---------- Footer ---------------------------------------------------- */
  .footer-col__title     { font-size: 13px !important; margin-bottom: 12px !important; }
  .footer-links a,
  .footer-address        { font-size: 11px !important; line-height: 1.5 !important; }
  .footer-logo           { max-height: 54px !important; }
  /* (bod 7) Footer IG/FB ikony −30 % — custom má 35px aj 42px (2 pravidlá) */
  .bivi-site-footer .footer-social svg,
  footer.bivi-site-footer .footer-social svg { width: 24px !important; height: 24px !important; }
  .bivi-site-footer .footer-social         { gap: 10px !important; margin-top: 12px !important; }
  /* (bod 14) Copyright + reCAPTCHA text dole −15 % (z 11 → 9) */
  .footer-bottom         { padding-top: 10px !important; padding-bottom: 10px !important; }
  .footer-bottom p,
  .footer-recaptcha,
  .footer-recaptcha a    { font-size: 9px !important; line-height: 1.45 !important; }

  /* ---------- Header / Navigation --------------------------------------- */
  /* Denis explicit: header.main-header .navbar { padding: 8px 0 } */
  header.main-header,
  header.bivi-header,
  header.main-header.bivi-header { padding: 6px 0 !important; min-height: 0 !important; }
  header.main-header .navbar     { padding: 8px 0 !important; }

  /* (bod 1) Menu položky — trocha väčšie ako predtým (11 → 13) */
  .navbar-nav .nav-link,
  .main-nav ul .nav-link,
  header .navbar-nav li.nav-item > a.nav-link,
  header.main-header .navbar-nav .nav-link,
  header.bivi-header .navbar-nav .nav-link { font-size: 13px !important; padding: 5px 10px !important; letter-spacing: .02em !important; line-height: 1.25 !important; }

  /* (bod 2) Aktívny pill ("Úvod") — menší padding a radius, aby nebol prebublaný */
  .navbar-nav .nav-link.active,
  header .navbar-nav li.nav-item > a.nav-link.active { padding: 5px 12px !important; border-radius: 16px !important; font-size: 13px !important; }
  /* (bod 11) Sliding pill `#bivi-nav-line` (hover fill) — musí sedieť na výške nav-linkov */
  /* nav-link line-height 1.25 × 13px font + 2×5px padding = ~26 px výška celého linku */
  #bivi-nav-line        { height: 30px !important; border-radius: 15px !important; }
  /* Väčší gap medzi nav-linkami aby "neboli nalepené na seba" */
  header .navbar-nav,
  header .main-menu ul  { gap: 4px !important; }

  /* (body 2 + 4) Dropdown panel: font 11 px + ikony v svetlých rounded boxoch */
  header.main-header .main-menu ul li.submenu ul.bivi-dropdown { min-width: 260px !important; padding: 8px !important; border-radius: 14px !important; margin-top: 6px !important; }
  header.main-header .main-menu ul li.submenu ul.bivi-dropdown li a { padding: 6px 10px !important; font-size: 11px !important; gap: 10px !important; border-radius: 10px !important; line-height: 1.2 !important; color: #5A5044 !important; }
  /* Strong/small vnútri .bivi-dd-text — custom má strong: 17px, small: 13px → prebíjam */
  .bivi-dd-text                        { font-size: 11px !important; line-height: 1.3 !important; }
  .bivi-dd-text strong                 { font-size: 11px !important; font-weight: 600 !important; }
  .bivi-dd-text small                  { font-size: 10px !important; font-weight: 400 !important; }

  /* Safety net — všetky strong/b/em v tele dedia font-size od parent (na FullHD) */
  body strong,
  body b,
  body em                              { font-size: inherit !important; }
  /* Ikona v boxe — svetlo-ružové pozadie (ako na screenshote), brand farba ikony */
  header.main-header .main-menu ul li.submenu ul.bivi-dropdown li a i,
  header.main-header .main-menu ul li.submenu ul.bivi-dropdown li a svg {
    width: 34px !important;
    height: 34px !important;
    background: #f4ebe3 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #c79a90 !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* (bod 11) "Estetické ošetrenie" TRIGGER v top nave — viditeľná šípka + vraz gap */
  .nav-item.submenu > a.nav-link,
  .nav-item.bivi-dropdown > a.nav-link { gap: 6px !important; white-space: nowrap !important; line-height: 1.25 !important; font-size: 13px !important; padding: 5px 12px !important; }
  .bivi-dd-text          { font-size: 13px !important; }
  /* Trigger-šípka (rozbaľovací caret) — viditeľná */
  .nav-item.submenu > a.nav-link::after,
  .nav-item.submenu > a.nav-link i.fa-chevron-down,
  .bivi-dd-icon          { font-size: 11px !important; width: auto !important; height: auto !important; }

  /* (bod 3) Logo +10 % (36 → 40) */
  .main-header .navbar-brand img,
  .bivi-header .navbar-brand img,
  .main-header .logo img { max-height: 40px !important; height: auto !important; width: auto !important; }

  /* (bod 4) Book button v headeri ("Rezervácia termínu") — z 11 na 13 */
  header.main-header .header-btn a.bivi-book-btn,
  header.main-header .header-btn .bivi-book-btn,
  header .bivi-book-btn  { font-size: 13px !important; padding: 8px 18px !important; letter-spacing: .02em !important; }
  header.main-header .header-btn a.bivi-book-btn i,
  header.main-header .header-btn .bivi-book-btn i { font-size: 13px !important; }

  /* (bod 6) DROPDOWN PANEL (fullscreen overlay) — agresívne zmenšiť */
  .bivi-fs-panel         { padding: 32px 28px !important; }
  .bivi-fs-inner         { max-width: 520px !important; }
  .bivi-fs-link          { font-size: 18px !important; padding: 3px 0 !important; gap: 8px !important; line-height: 1.2 !important; }
  .bivi-fs-panel--sub .bivi-fs-link { font-size: 15px !important; }
  .bivi-fs-arrow         { width: 14px !important; height: 14px !important; }
  .bivi-fs-sub-title     { font-size: 11px !important; letter-spacing: .25em !important; margin-bottom: 16px !important; }
  .bivi-fs-brand         { font-size: 11px !important; letter-spacing: .22em !important; }
  .bivi-fs-back-btn      { font-size: 12px !important; padding: 5px 10px !important; }
  .bivi-fs-close         { font-size: 20px !important; width: 36px !important; height: 36px !important; top: 18px !important; right: 18px !important; }

  /* (bod 9) Floating WhatsApp + Zavolať −10 % (z predošlých hodnôt) */
  .bivi-float-stack      { gap: 9px !important; right: 18px !important; bottom: 18px !important; }
  .bivi-float-text       { font-size: 12px !important; }
  .bivi-wa-btn,
  .bivi-nav-btn          { height: 40px !important; padding: 0 15px !important; border-radius: 22px !important; gap: 7px !important; min-width: 0 !important; }
  .bivi-wa-btn           { font-size: 20px !important; }
  .bivi-nav-btn          { font-size: 17px !important; }
  .bivi-wa-btn i,
  .bivi-nav-btn i        { font-size: 16px !important; }

  /* ---------- Generic containers ---------------------------------------- */
  .container,
  .container-fluid.bivi-constrained { max-width: 960px !important; }
  header.main-header .container-fluid,
  .bivi-hero .container-fluid,
  .procedures-section > .container,
  .procedures-section .container,
  .bivi-crumbs .container           { max-width: 1160px !important; }
  .bivi-topbar__inner               { max-width: 1160px !important; }

  /* ---------- Buttons všeobecne ----------------------------------------- */
  .btn, .hero-btn        { font-size: 12px !important; padding: 8px 18px !important; }

  /* ---------- Voucher modal (bod 17 −10 %) ----------------------------- */
  .bivi-vcr-dialog       { max-width: 414px !important; padding: 34px 30px 28px !important; border-radius: 16px !important; }
  .bivi-vcr-close        { font-size: 20px !important; top: 12px !important; right: 14px !important; padding: 3px 6px !important; }
  .bivi-vcr-steps        { gap: 7px !important; margin-bottom: 22px !important; }
  .bivi-vcr-dot          { width: 9px !important; height: 9px !important; }
  .bivi-vcr-icon         { font-size: 36px !important; margin-bottom: 10px !important; }
  .bivi-vcr-title        { font-size: 18px !important; margin-bottom: 6px !important; }
  .bivi-vcr-sub          { font-size: 11px !important; line-height: 1.45 !important; }
  .bivi-vcr-amounts      { gap: 8px !important; margin: 14px 0 !important; }
  .bivi-vcr-amt-btn      { font-size: 13px !important; padding: 9px 13px !important; border-radius: 10px !important; }
  .bivi-vcr-next,
  .bivi-vcr-back         { font-size: 11px !important; padding: 7px 16px !important; letter-spacing: .04em !important; }
  .bivi-vcr-field input  { font-size: 11px !important; padding: 7px 11px !important; }
  .bivi-vcr-field label  { font-size: 10px !important; }
  .bivi-vcr-row          { gap: 10px !important; }
  .bivi-vcr-err          { font-size: 10px !important; }

  /* =================================================================
     (bod 15 + 16) PODSTRÁNKY −30 % (o-mne, kozmetika, služba, kontakt)
     PRAVIDLO: zrkadliť špecificitu custom.css 1:1 (selektor s .XXX-section prefix)
     ================================================================= */

  /* ---------- /o-mne akordeón (bod 3 — ako na 4K screenshote) --------- */
  /* • biele karty, veľké oblé rohy (~22 px)
     • šípka v čiernom kruhu vpravo
     • zatvorené: panel skrytý cez JS (data-open="false")
     • otvorený: iba jeden, text pod nadpisom
     • foto sa nezväčšuje pri otvorení akordeonu */
  .bio2-section                        { padding: 36px 0 !important; }
  .bio2-section .bio2-head             { margin-bottom: 22px !important; }
  .bio2-section .bio2-head h2          { font-size: clamp(22px, 2.8vw, 36px) !important; line-height: 1.15 !important; margin-bottom: 8px !important; }
  .bio2-section .bio2-kicker           { font-size: 13px !important; line-height: 1.55 !important; max-width: 720px !important; margin: 0 auto !important; }

  /* Grid — nestrechovať, foto sa nezväčšuje pri rozbalení akordeona */
  .bio2-section .bio2-grid             { gap: 22px !important; align-items: start !important; }
  .bio2-section .bio2-photo            { align-self: start !important; max-width: 100% !important; display: block !important; }
  .bio2-section .bio2-photo figure     { height: auto !important; border-radius: 18px !important; }
  .bio2-section .bio2-photo img        { height: auto !important; aspect-ratio: 3/4 !important; width: 100% !important; object-fit: cover !important; }

  /* Accordion wrapper — bez padding/background, len gap medzi kartami */
  .bio2-section .bio2-accordion        { gap: 14px !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; display: flex !important; flex-direction: column !important; }

  /* Každá karta — biele pozadie, veľké oblé rohy */
  .bio2-section .bio2-item             { border-radius: 22px !important; background: #ffffff !important; box-shadow: 0 10px 28px -16px rgba(0,0,0,.14) !important; overflow: hidden !important; }

  /* Trigger (hlavička karty) — flex s priestor medzi title a šípkou */
  .bio2-section .bio2-trigger          { padding: 16px 22px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; background: transparent !important; border: 0 !important; cursor: pointer !important; gap: 12px !important; }
  .bio2-section .bio2-title            { font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; color: #945d56 !important; text-align: left !important; }

  /* Šípka: zatvorená = svetlá béžová (accent), otvorená = tmavá (primary) —
     zrkadlo 4K. Ikonka biela. */
  .bio2-section .bio2-arrow {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: var(--accent-color) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    transition: transform .25s ease, background .25s ease !important;
  }
  .bio2-section .bio2-arrow i,
  .bio2-section .bio2-arrow svg        { font-size: 11px !important; color: #ffffff !important; }
  .bio2-section .bio2-item[data-open="true"] .bio2-arrow { background: var(--primary-color) !important; }

  /* Panel — zobrazený iba ak otvorený item (zamkni v zatvorenom stave,
     inak padding-bottom 18 px presahuje max-height:0 pri border-box a
     ukazuje prvý riadok textu aj keď karta má data-open="false"). */
  .bio2-section .bio2-panel            { max-height: 0 !important; overflow: hidden !important; padding: 0 22px !important; transition: max-height .3s ease, padding .3s ease !important; }
  .bio2-section .bio2-item[data-open="true"] .bio2-panel { max-height: 600px !important; padding: 0 22px 18px !important; }
  .bio2-section .bio2-panel p          { font-size: 12px !important; line-height: 1.6 !important; color: #5A5044 !important; margin: 0 !important; }

  /* ---------- /kozmetika (koz-*) --------------------------------------- */
  /* Custom.css (line 12789-12793):
       .koz-head h1       = clamp(34, 4.6vw, 53)
       .koz-lead          = 19.5px, max-width 720
       .koz-brand-num     = 48px
       .koz-brand-name    = clamp(28, 3.5vw, 37)
       .koz-brand-desc    = 18.5px, line-height 1.85
     Zrkadlím cez `.koz-section` prefix + !important. */
  .koz-section                         { padding: 36px 0 !important; }
  .koz-section .koz-head               { margin-bottom: 22px !important; }
  .koz-section .koz-kicker             { font-size: 11px !important; letter-spacing: .3em !important; margin-bottom: 6px !important; }
  .koz-section .koz-head h1,
  .koz-section h1                      { font-size: clamp(24px, 3.2vw, 37px) !important; line-height: 1.15 !important; margin-bottom: 8px !important; }
  .koz-section .koz-lead,
  .koz-section p.koz-lead              { font-size: 14px !important; line-height: 1.55 !important; max-width: 560px !important; }
  .koz-section .koz-carousel           { gap: 16px !important; }
  .koz-section .koz-brand              { padding: 20px !important; border-radius: 14px !important; }
  .koz-section .koz-brand-head         { gap: 10px !important; margin-bottom: 10px !important; }
  .koz-section .koz-brand-num          { font-size: 34px !important; }
  .koz-section .koz-brand-line         { height: 1px !important; }
  .koz-section .koz-brand-name         { font-size: clamp(20px, 2.4vw, 26px) !important; line-height: 1.15 !important; }
  .koz-section .koz-brand-desc         { font-size: 13px !important; line-height: 1.55 !important; max-width: 700px !important; }

  /* ---------- /sluzba/<slug> (bod 13 — ešte menšie, 2. iterácia) ------- */
  .svc2-section                        { padding: 26px 0 !important; }
  .svc2-section .container             { max-width: 960px !important; }
  .svc2-section .svc2-head             { margin-bottom: 18px !important; }
  .svc2-section .svc2-kicker           { font-size: 10px !important; letter-spacing: .3em !important; margin-bottom: 4px !important; }
  .svc2-section .svc2-head h1,
  .svc2-section h1                     { font-size: clamp(20px, 2.6vw, 30px) !important; line-height: 1.15 !important; margin: 0 0 6px 0 !important; }
  .svc2-section .svc2-lead,
  .svc2-section p.svc2-lead            { font-size: 12px !important; line-height: 1.5 !important; max-width: 540px !important; }
  .svc2-section .svc2-cards-wrap       { gap: 12px !important; margin: 0 auto !important; padding: 0 !important; }
  .svc2-section .svc2-cards            { gap: 12px !important; }
  .svc2-section .svc2-card             { padding: 16px 14px 14px !important; border-radius: 12px !important; }
  .svc2-section .svc2-card-num         { font-size: 24px !important; top: 10px !important; right: 14px !important; }
  .svc2-section .svc2-card-title       { font-size: 15px !important; line-height: 1.2 !important; margin-bottom: 6px !important; padding-right: 36px !important; }
  .svc2-section .svc2-card-text        { font-size: 11px !important; line-height: 1.5 !important; }
  .svc2-section .svc2-card-feats li    { font-size: 10px !important; padding: 3px 0 !important; }
  .svc2-section .svc2-card-feats i     { font-size: 8px !important; }
  .svc2-section .svc2-card-meta        { gap: 4px !important; margin-top: 6px !important; }
  .svc2-section .svc2-meta-item        { font-size: 10px !important; gap: 3px !important; }
  .svc2-section .svc2-meta-label       { font-size: 8px !important; letter-spacing: .2em !important; }
  .svc2-section .svc2-meta-value       { font-size: 10px !important; }
  .svc2-section .svc2-card-btn         { font-size: 10px !important; padding: 8px 14px !important; border-radius: 8px !important; gap: 6px !important; }

  /* Rovnaký princíp — /kozmetika 2. iterácia, ešte menšie */
  .koz-section                         { padding: 26px 0 !important; }
  .koz-section .container              { max-width: 960px !important; }
  .koz-section .koz-head               { margin-bottom: 18px !important; }
  .koz-section .koz-head h1,
  .koz-section h1                      { font-size: clamp(20px, 2.6vw, 30px) !important; margin: 0 0 6px 0 !important; }
  .koz-section .koz-lead,
  .koz-section p.koz-lead              { font-size: 12px !important; line-height: 1.5 !important; max-width: 520px !important; }
  .koz-section .koz-kicker             { font-size: 10px !important; margin-bottom: 4px !important; }
  .koz-section .koz-brand              { padding: 16px !important; border-radius: 12px !important; }
  .koz-section .koz-brand-num          { font-size: 28px !important; }
  .koz-section .koz-brand-name         { font-size: clamp(17px, 2vw, 22px) !important; }
  .koz-section .koz-brand-desc         { font-size: 11px !important; line-height: 1.5 !important; max-width: 620px !important; }

  /* ---------- /kontakt (bod 1 — 4 karty vedľa seba) -------------------- */
  /* Custom: grid auto-fit minmax(260,1fr) → 4 karty sa nezmestili do 1040 .
     Tvrdo nastavujem 4 stĺpce + širší container + kompaktnejšie karty. */
  .kontakt-section                     { padding: 28px 0 !important; }
  .kontakt-section .container          { max-width: 1160px !important; }
  .kontakt-section .kontakt-head       { margin-bottom: 18px !important; }
  .kontakt-section .kontakt-kicker     { font-size: 10px !important; letter-spacing: .3em !important; margin-bottom: 4px !important; }
  .kontakt-section .kontakt-head h1,
  .kontakt-section h1                  { font-size: clamp(20px, 2.6vw, 30px) !important; line-height: 1.15 !important; margin: 0 0 6px 0 !important; }
  .kontakt-section .kontakt-lead       { font-size: 12px !important; line-height: 1.5 !important; max-width: 520px !important; }
  /* 4 rovnaké stĺpce naplno */
  .kontakt-section .kontakt-grid       { grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; margin-bottom: 22px !important; }
  .kontakt-section .kontakt-card       { padding: 14px 12px 12px !important; border-radius: 14px !important; gap: 6px !important; min-width: 0 !important; }
  .kontakt-section .kontakt-card-ico   { font-size: 14px !important; width: 30px !important; height: 30px !important; margin-bottom: 4px !important; }
  .kontakt-section .kontakt-card h3    { font-size: 12px !important; margin: 0 !important; line-height: 1.2 !important; }
  .kontakt-section .kontakt-card p,
  .kontakt-section .kontakt-card--address,
  .kontakt-section .kontakt-card--book { font-size: 10px !important; line-height: 1.4 !important; margin: 0 !important; word-wrap: break-word !important; }
  .kontakt-section .kontakt-book-btn   { font-size: 9px !important; padding: 6px 10px !important; border-radius: 8px !important; gap: 4px !important; margin-top: 4px !important; letter-spacing: .02em !important; }
  .kontakt-section .kontakt-parking    { font-size: 10px !important; }
  .kontakt-section .kontakt-map        { height: 260px !important; border-radius: 12px !important; }
  .kontakt-section .kontakt-map iframe { height: 260px !important; }
  .kontakt-section .kontakt-card-socials   { gap: 8px !important; margin-top: 4px !important; }
  .kontakt-section .kontakt-card-socials a { font-size: 11px !important; width: 24px !important; height: 24px !important; }

  /* ---------- Service modal --------------------------------------------- */
  .service-modal__dialog { max-width: 720px !important; }
  .service-modal__title  { font-size: 22px !important; }
  .service-modal__body   { font-size: 12px !important; line-height: 1.5 !important; }
  .service-modal__cta    { font-size: 12px !important; padding: 8px 18px !important; }
  .service-modal__close  { font-size: 22px !important; width: 34px !important; height: 34px !important; }

  /* Cookie widget — žiadne overridy; banner riadi CookieScript dashboard */
}


/* =========================================================================
   2) QHD BUCKET   (1900–2559 px)   −20 % + container −10 %
   ========================================================================= */
@media (min-width: 1900px) and (max-width: 2559px) {

  /* ---------- Univerzálny nadpis safety net (−20 %) --------------------- */
  body h1 { font-size: 58px !important; line-height: 1.1 !important; }
  body h2 { font-size: 48px !important; line-height: 1.15 !important; }
  body h3 { font-size: 30px !important; line-height: 1.2 !important; }
  body h4 { font-size: 27px !important; }
  body h5 { font-size: 24px !important; }
  body h6 { font-size: 22px !important; }
  body, body p, body li { font-size: 16px; line-height: 1.55; }

  /* ---------- HERO ------------------------------------------------------- */
  .bivi-hero .section-title h1,
  .bivi-hero .section-title h1 span,
  .bivi-hero .section-title h2,
  .bivi-hero h1,
  .bivi-hero h2          { font-size: 58px !important; line-height: 1.1 !important; }
  .bivi-hero h1 *,
  .bivi-hero .section-title h1 *,
  .bivi-hero h2 *        { font-size: inherit !important; line-height: inherit !important; }
  .bivi-hero .section-title p,
  .bivi-hero p           { font-size: 18px !important; }

  /* ---------- Section titles -------------------------------------------- */
  .section-label         { font-size: 16px !important; }
  .section-title h1,
  .section-title h1 span { font-size: 58px !important; }
  .section-title h2,
  .section-title h2 span { font-size: 48px !important; }
  .section-title p       { font-size: 17px !important; }

  /* ---------- News karty ------------------------------------------------- */
  .bn-news2-title        { font-size: 28px !important; line-height: 1.25 !important; }
  .bn-news2-subtitle     { font-size: 14px !important; }
  .bn-news2-text         { font-size: 16px !important; line-height: 1.55 !important; }
  /* .bn-news2-btn — žiadny QHD override; tlačidlo musí byť identické
     na všetkých rozlíšeniach (default z custom.css:13264-13287). */

  /* ---------- Reels ------------------------------------------------------ */
  .reel-title            { font-size: 22px !important; }

  /* ---------- Newsletter ------------------------------------------------- */
  .newsletter-section .nl-card h2,
  .nl-card h2            { font-size: 32px !important; }
  .nl-copy-text          { font-size: 16px !important; }
  .nl-input, .nl-submit  { font-size: 16px !important; }

  /* ---------- Footer ----------------------------------------------------- */
  .footer-col__title     { font-size: 18px !important; }
  .footer-links a,
  .footer-address,
  .footer-bottom p       { font-size: 15px !important; }

  /* ---------- Navigation ------------------------------------------------- */
  .navbar-nav .nav-link  { font-size: 16px !important; padding: 8px 14px !important; }
  .main-header .navbar-brand img,
  .bivi-header .navbar-brand img,
  .main-header .logo img { max-height: 60px !important; }
  header.main-header .header-btn a.bivi-book-btn,
  header.main-header .header-btn .bivi-book-btn,
  .bivi-book-btn         { font-size: 15px !important; padding: 12px 24px !important; }

  /* ---------- Containers (−10 %) ---------------------------------------- */
  .container,
  .container-fluid.bivi-constrained { max-width: 1170px !important; }
  header.main-header .container-fluid,
  .bivi-hero .container-fluid,
  .procedures-section > .container,
  .bivi-crumbs .container           { max-width: 1692px !important; }
  .bivi-topbar__inner               { max-width: 1332px !important; }

  /* ---------- Buttons ---------------------------------------------------- */
  .btn, .hero-btn        { font-size: 16px !important; padding: 12px 26px !important; }

  /* ---------- Voucher modal --------------------------------------------- */
  .bivi-vcr-title        { font-size: 32px !important; }
  .bivi-vcr-sub          { font-size: 16px !important; }

  /* Cookie widget — žiadne overridy; banner riadi CookieScript dashboard */
}


/* =========================================================================
   3) ULTRA BUCKET   (≥ 2560 px)   zrkadlo QHD
   ========================================================================= */
@media (min-width: 2560px) {
  body h1 { font-size: 60px !important; }
  body h2 { font-size: 50px !important; }
  body, body p, body li { font-size: 17px; }

  .container,
  .container-fluid.bivi-constrained { max-width: 1170px !important; }
  header.main-header .container-fluid,
  .bivi-hero .container-fluid,
  .procedures-section > .container,
  .bivi-crumbs .container           { max-width: 1692px !important; }
  .bivi-topbar__inner               { max-width: 1332px !important; }

  /* Cookie widget — žiadne overridy; banner riadi CookieScript dashboard */
}


/* =========================================================================
   SHARED — Nav dropdown šípka viditeľná pri hovere
   Custom.css:10724 má šípku bielu (rgba(255,255,255,.7)). Keď pill `#bivi-nav-line`
   prejde pod ňu s bielym pozadím, biela šípka splýva s pillom. Pri hovere /
   fokuse nastavíme šípku na tmavú brand farbu.
   ========================================================================= */
.nav-item.submenu > a.nav-link:hover::after,
.nav-item.submenu:hover > a.nav-link::after,
header.main-header .main-menu ul li.submenu > a:hover::after,
header.main-header .main-menu ul li.submenu:hover > a::after {
  color: #5A5044 !important;
  opacity: 1 !important;
}


/* =========================================================================
   SHARED — News btn (`Rezervovať termín`) na všetkých rozlíšeniach pill shape
   bez hover efektu. Custom.css:10208 má 40 px (pôsobí ako rounded rectangle
   pri vyšších kartách), 13282 to opakuje s !important. Tu prepíšeme na 999 px
   a vypneme translateX šípky pri hover, aby tlačidlo malo všade default vzhľad
   identický s tým, čo doteraz ukazoval iba hover/active stav.
   Vyžiadané 2026-04-23.
   ========================================================================= */
.bn-news2-btn,
.bn-news2-btn:hover,
.bn-news2-btn:focus,
.bn-news2-btn:active            {
  display: flex !important;
  border-radius: 999px !important;
  padding: 15px 22px !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-self: stretch !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}
.bn-news2-btn::after,
.bn-news2-btn:hover::after,
.bn-news2-btn:focus::after,
.bn-news2-btn:active::after     { transform: none !important; font-size: 15px !important; }


/* =========================================================================
   4) MOBILE výnimka  (≤ 991 px)
   Procedúry carousel — pills zasahujú od ľavého kraja obrazovky
   (custom.css má `.procedures-carousel-wrap { padding: 0 20px }` na ≤720px).
   Jediná mobilná úprava v tomto inak desktop-only súbore.
   ========================================================================= */
@media (max-width: 991px) {
  .procedures-section > .container,
  .procedures-section .container   { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; }
  .procedures-carousel-wrap        { padding: 0 !important; }
  .proc-track                      { padding-left: 16px !important; padding-right: 16px !important; }
}