.mv-mega, .mv-mega * { box-sizing: border-box; }
    .mv-mega a { text-decoration: none; color: inherit; }
    .mv-mega img { max-width: 100%; display: block; }
    .mv-mega :focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

    /* ZELENÁ LIŠTA (zachovaná barevnost) */
    .mv-mega {
      position: relative; z-index: 1000;
      background: linear-gradient(#90d221, #bcdc00);
      box-shadow: 0 1px 0 #e2e8f0;
    }
    .mv-mega .mv-nav {
      max-width: 1100px; margin: 0 auto; padding: 10px 16px;
      display:flex; align-items:center; gap:16px;
      color:#0f172a;
    }
    .mv-mega .logo { z-index:1; } /* logo pod mobilním menu */
    .mv-mega .logo img { height: 40px; width: auto; }

    /* BURGER (mobil) */
    .mv-mega .burger {
      margin-left: auto; width: 42px; height: 42px; border-radius: 10px;
      border: 1px solid #e5e7eb; background: #fff;
      display: inline-flex; align-items: center; justify-content: center; gap: 4px; cursor: pointer;
      position: relative; z-index: 1;
    }
    .mv-mega .burger span { width: 18px; height: 2px; background: #111827; transition: transform .2s, opacity .2s, width .2s; }
    .mv-mega .burger[aria-expanded="true"] span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
    .mv-mega .burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; width: 0; }
    .mv-mega .burger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

    /* DESKTOP horizontální menu + mega dropdown */
    .mv-mega .menu-desktop { display:none; list-style:none; margin:0 0 0 auto; padding:0; gap:6px; }
    .mv-mega .menu-desktop > li { position: relative; padding: 6px 0; }
    .mv-mega .menu-desktop > li > a,
    .mv-mega .dropdown-toggle { padding:10px 12px; border-radius:10px; font-size:15px; color:#111827; background:transparent; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
    .mv-mega .menu-desktop > li > a:hover,
    .mv-mega .dropdown-toggle:hover { background:#f3f4f6; }
    .mv-mega .dropdown { position:absolute; left:0; right:0; top:calc(100% - 1px); display:none; padding:16px 20px 24px; background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 16px 40px rgba(0,0,0,.08); z-index:1000; }
    .mv-mega .menu-desktop > li.has-dropdown:hover > .dropdown,
    .mv-mega .menu-desktop > li.has-dropdown:focus-within > .dropdown { display:block; }
    .mv-mega .dropdown-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
    .mv-mega .dropdown-header h3 { margin:0; font-size:18px; color:#111827; }
    .mv-mega .see-all { font-size:14px; color:#2563eb; padding:6px 10px; border-radius:8px; background:#eff6ff; }
    .mv-mega .image-grid { display:grid; gap:14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .mv-mega .card { display:block; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; transition:transform .15s, box-shadow .15s; }
    .mv-mega .card figure { aspect-ratio:3/2; background:#f3f4f6; }
    .mv-mega .card img { width:100%; height:100%; object-fit:cover; }
    .mv-mega .card span { display:block; padding:8px 10px; font-size:14px; color:#111827; }
    .mv-mega .card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.06); }

    /* === FULLSCREEN OVERLAY MENU (MOBIL) — BÍLÉ POZADÍ === */
    .mv-mega .overlay {
      position: fixed; inset: 0;
      background: #ffffff; /* bílé pozadí menu */
      opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease;
      z-index: 20000;
      display: flex; flex-direction: column;
    }
    .mv-mega .overlay.open { opacity: 1; visibility: visible; }

    .mv-mega .overlay-header {
      display:flex; align-items:center; justify-content: space-between; gap:12px;
      padding: 12px 16px; border-bottom:1px solid #e5e7eb; background:#fff;
    }
    .mv-mega .overlay-title { font-weight:600; color:#111827; font-size:16px; }
    .mv-mega .overlay-close {
      width: 42px; height: 42px; border-radius: 10px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
      display:inline-flex; align-items:center; justify-content:center; font-size:22px; line-height:1;
    }

    .mv-mega .menu-mobile {
      list-style:none; margin:0; padding:8px 12px 16px; overflow:auto; -webkit-overflow-scrolling: touch;
      display:flex; flex-direction:column; gap:8px; flex: 1 1 auto; background:#fff;
    }

    /* TOP-LEVEL BEZ SUBMENU — ZAROVNEJ VLEVO + MALÁ FOTKA */
    .mv-mega .menu-mobile > li > a {
      display:flex; align-items:center; justify-content:flex-start; gap:10px;
      padding:12px 10px; border-radius:10px; color:#111827; background:transparent; width:100%; font-size:18px;
    }
    .mv-mega .menu-mobile > li > a:hover { background:#f3f4f6; }
    .mv-mega .thumb {
      flex: 0 0 auto; width: 40px; height: 40px; border-radius:8px; overflow:hidden; background:#f3f4f6; border:1px solid #e5e7eb;
    }
    .mv-mega .thumb img { width:100%; height:100%; object-fit:cover; display:block; }

    /* TOP-LEVEL SE SUBMENU (akordeon) — ZAROVNÁNÍ VLEVO */
    .mv-mega .mobile-toggle {
      display:flex; align-items:center; justify-content:space-between; gap:10px;
      padding:12px 10px; border-radius:10px; color:#111827; background:transparent; border:none; width:100%; text-align:left; font-size:18px; cursor:pointer;
    }
    .mv-mega .mobile-toggle:hover { background:#f3f4f6; }
    .mv-mega .mobile-toggle .label {
      display:flex; align-items:center; gap:10px; min-width:0;
    }

    /* SUB-POLOŽKY — s malou fotkou */
    .mv-mega .mobile-sub { display:none; padding:6px 4px 10px 12px; border-left:2px solid #e5e7eb; margin:4px 0 0 8px; }
    .mv-mega .mobile-sub.open { display:block; }
    .mv-mega .mobile-sub a {
      display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:8px; color:#111827; font-size:16px;
    }
    .mv-mega .mobile-sub a:hover { background:#f3f4f6; }
    .mv-mega .thumb-sm {
      flex: 0 0 auto; width: 34px; height: 34px; border-radius:6px; overflow:hidden; background:#f3f4f6; border:1px solid #e5e7eb;
    }
    .mv-mega .thumb-sm img { width:100%; height:100%; object-fit:cover; display:block; }

    .mv-mega .overlay-footer { padding: 10px 16px; border-top:1px solid #e5e7eb; background:#fff; }

    /* Breakpointy */
    @media (min-width: 992px) {
      .mv-mega .burger { display:none; }
      .mv-mega .menu-desktop { display:flex; margin-left:auto; }
      .mv-mega .overlay { display:none; }
    }
    @media (min-width: 1280px) { .mv-mega .image-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
    @media (prefers-reduced-motion: reduce) { .mv-mega * { transition: none !important; } }

/* ===== DESKTOP FIX pro mega dropdown ===== */
@media (min-width: 992px){
  /* a) ukotvit panel k celé navigaci */
  .mv-mega .mv-nav{ position: relative; }

  /* b) li nesmí omezovat šířku panelu */
  .mv-mega .menu-desktop > li.has-dropdown{ position: static; }

  /* c) panel přes šířku navigace (ne uzký "komínek") */
  .mv-mega .menu-desktop > li.has-dropdown > .dropdown{
    position: absolute;
    left: 0; right: 0;              /* roztáhni v rámci .mv-nav */
    top: calc(87% - 0px);
    display: none;                  /* zobrazí se hover/focus pravidly, co už máš */
    /*! padding: 16px 20px 24px; */
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 16px 40px rgba(0,0,0,.08);
    z-index: 1200;

    /* šířková pojistka (když je kontejner užší/širší) */
    width: 100%;
    min-width: 760px;               /* proti úzkému sloupku */
    max-width: 1200px;              /* podle containeru */
    margin: 0 auto;                 /* vycentrovat uvnitř .mv-nav */
  }

  /* d) hlavička uvnitř panelu */
  .mv-mega .dropdown-header{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; margin:0 0 12px; padding:0 0 10px; border-bottom:1px solid #e5e7eb;
  }
  .mv-mega .dropdown-header h3{ margin:0; font-size:18px; color:#111827; }

  /* e) grid s položkami – rozumné sloupce */
  .mv-mega .image-grid{
    display:grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap:14px;
  }
  @media (min-width: 1280px){
    .mv-mega .image-grid{ grid-template-columns: repeat(5, minmax(180px, 1fr)); }
  }

  /* f) samotné karty v panelu */
  .mv-mega .card{
    border:1px solid #e2e8f0; border-radius:12px; background:#fff;
    overflow:hidden; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .mv-mega .card:hover{ transform: translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.06); border-color:#dbe4f0; }
  .mv-mega .card figure{ margin:0; aspect-ratio: 3/2; background:#f3f4f6; }
  .mv-mega .card img{ width:100%; height:100%; object-fit:cover; display:block; }
  .mv-mega .card span{ display:block; padding:8px 10px; font-size:14px; color:#111827; }

  /* g) šipka dolů – pouze kosmetika (nepovinné) */
  .mv-mega .menu-desktop > li.has-dropdown > .dropdown::before{
    content:"";
    position:absolute; top:-8px; left:48px; /* můžeš posunout dle potřeby */
    width:14px; height:14px; background:#fff;
    border-left:1px solid #e2e8f0; border-top:1px solid #e2e8f0;
    transform: rotate(45deg);
  }
}