/* ==========================================================================
   Yatsum mega menu — 2026-10-23c (Chrome + Firefox)
   - fixes Firefox: floated category columns escaped .level-top-mega (panel
     collapsed to ~82px and brand names painted over the page); clearfix added
   - keeps the panel inside the viewport with vertical scroll when needed
   - slightly tighter brand rows so 1920x1080 needs no scrolling
   - no grid, no multi-column brand lists, no nowrap
   ========================================================================== */

@media (min-width: 1000px) and (max-width: 1279px) {
  .magicmenu .nav-desktop > li > .level-top {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 12.5px !important;
  }
  .magicmenu .nav-desktop > li > .level-top span {
    letter-spacing: 0;
  }
}

@media (min-width: 1000px) and (max-width: 1099px) {
  .magicmenu .nav-desktop > li > .level-top {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 11.5px !important;
  }
}

@media (min-width: 1024px) {
  .magicmenu .level-top-mega {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    border-top: 1px solid #ececec;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
  }

  /* Contain the floated column lists in every engine (Firefox fix) */
  .magicmenu .level-top-mega > .content-mega,
  .magicmenu .level-top-mega .content-mega-horizontal,
  .magicmenu .level-top-mega .mage-column.cat-mega,
  .magicmenu .level-top-mega .mage-column.cat-mega > li.children > ul.level1.submenu {
    display: flow-root;
  }

  /* Header */
  .magicmenu .mage-column.cat-mega > li.children > a {
    display: block;
    padding: 0 0 6px !important;
    margin: 0 0 6px !important;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    font-weight: 600;
    color: #22262f;
    line-height: 1.3;
    text-decoration: none;
  }

  .magicmenu .mage-column.cat-mega > li.children > a:hover {
    color: #F94073;
  }

  /* Brand rows: compact so 15 columns fit 1080p */
  .magicmenu .mage-column.cat-mega > li.children > ul.level1.submenu > li {
    margin: 0 !important;
  }

  .magicmenu .mage-column.cat-mega > li.children > ul.level1.submenu > li > a {
    display: block;
    padding: 2px 4px !important;
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.3;
    color: #4b4f58;
    border-radius: 3px;
    white-space: normal;
  }

  .magicmenu .mage-column.cat-mega > li.children > ul.level1.submenu > li > a:hover {
    background: #f4f5f7;
    color: #F94073;
  }
}

.magicmenu .nav-desktop a:focus-visible,
.magicmenu .level-top-mega a:focus-visible {
  outline: 2px solid #F94073;
  outline-offset: 1px;
}