/* XSTORE catalog + home layout (promo-like) — NO pills */
/* Search/header basics left to xstore-promo-home.css */

@media (min-width: 992px) {
  /* expanded catalog panel under button */
  body.menu-is-expanded header .menu1 .menu__collapse {
    display: block !important;
    background: #fff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 10px 28px rgba(20, 24, 32, 0.08) !important;
    padding: 6px 0 !important;
    overflow: visible !important;
  }
  body.menu-is-expanded header .menu1 .menu__header {
    border-radius: 12px 12px 0 0 !important;
    margin-bottom: 0 !important;
  }

  /* menu2 = simple text links, NEVER pills */
  body.menu-is-expanded header #menu2.menu2,
  body.menu-is-expanded header #menu2.menu-right,
  header #menu2.menu2 {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 0 0 8px !important;
    margin: 0 !important;
  }
  body.menu-is-expanded header #menu2 .menu__collapse,
  header #menu2 .menu__collapse {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 2px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.menu-is-expanded header #menu2 .menu__level-1-li,
  header #menu2 .menu__level-1-li {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.menu-is-expanded header #menu2 .menu__level-1-a,
  body.menu-is-expanded header #menu2 a.menu__level-1-a,
  header #menu2 .menu__level-1-a,
  header #menu2 a.menu__level-1-a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important; /* not 999px pills */
    background: transparent !important;
    color: #2f343a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }
  body.menu-is-expanded header #menu2 .menu__level-1-a:hover,
  body.menu-is-expanded header #menu2 .menu__level-1-li:hover > .menu__level-1-a,
  header #menu2 .menu__level-1-a:hover {
    color: #e84080 !important;
    background: rgba(232, 64, 128, 0.08) !important;
    box-shadow: none !important;
  }
  body.menu-is-expanded header #menu2 .menu__chevron,
  body.menu-is-expanded header #menu2 .menu__level-2 {
    /* keep dropdowns usable if any */
  }
}