/* ─────────────────────────────────────────────────────────────────────────────
   dalora.cz — oprava medzery v mega-menu hlavičky (Péče o pleť, Značky, …)
   ─────────────────────────────────────────────────────────────────────────────
   PROBLÉM: medzi lištou menu a otvoreným panelom bol ~20px pruh, cez ktorý
   presvital farebný hero-banner za hlavičkou. Ten istý pruh bol „mŕtva zóna" —
   pri presune kurzora dole sa menu zatváralo (kurzor bol nad pozadím, nie nad
   panelom). Jedna oprava rieši OBE veci naraz.

   ZISTENÉ (živý DOM dalora.cz, 2026-06-25, Playwright):
     ul.menu-level-1 > li.menu-item.ext > a            ← položka lišty
       > ul.menu-level-2  (position:absolute; top:64px; padding-top:20px; bg:#fff)
     navigation-in (offset parent) je vysoký 64px → panel `top:64px` ho posadí
     PRESNE pod lištu (y=176). Lenže biele POZADIE položiek končí ~20px vyššie
     (y≈156), takže medzi nimi presvital hero. Panel (biely) treba vytiahnuť o
     ~20px hore, aby pruh prekryl — a obsah ponechať na mieste väčším padding-top.

   OVERENÉ: po oprave panel siaha k lište (žiadny presvit), obsah aj zvýraznenie
   aktívnej položky ostávajú na mieste, a kurzor po lište plynule prejde dole do
   panelu (menu sa už nezatvára). Desktop (mega-menu beží od ~992px).

   KAM TO PATRÍ: Shoptet → „Vlastní CSS" (Vzhled a obsah → Editor vzhledu →
   Pokročilé úpravy → Vlastní CSS) — stačí vložiť, netreba linkovať súbor.
   Tento súbor v repe je len verzionovaná kópia. Ak by ešte presvitalo, zväčši
   posun z 20px (napr. 24px) v oboch riadkoch (top: calc(100% - 24px); padding-top: 44px).
   ───────────────────────────────────────────────────────────────────────────── */

@media (min-width: 992px) {
  .navigation-in .menu-level-1 > li.ext.exp > ul.menu-level-2 {
    /* vytiahni biely panel o 20px hore, nech prekryje presvitajúci pruh k lište */
    top: calc(100% - 20px) !important;
    /* a o tých istých 20px zväčši horný padding, aby obsah ostal na mieste */
    padding-top: 40px !important;
  }
}