/* === ARSENAL MOBILE MENU V5 CLEAN START === */
@media (max-width: 767px) {
  body.arsenal-menu-v5-on,
  body.arsenal-menu-v5-closing { overflow: hidden !important; }
  body.arsenal-menu-v5-ready header.mobile { overflow: visible !important; }

  body.arsenal-menu-v5-ready header.mobile .mobile_catalog_top,
  body.arsenal-menu-v5-ready header.mobile .catalog-block-mobile {
    display: none !important;
  }

  body.arsenal-menu-v5-ready header.mobile .wrapper-menu-mobile {
    display: block !important;
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  header.mobile .arsenal-menu-v5-app {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    display: block !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: rgba(18,16,38,0) !important;
    z-index: 30000 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
    contain: layout paint !important;
    transition: opacity .24s ease, background .24s ease !important;
  }

  body.arsenal-menu-v5-on header.mobile .arsenal-menu-v5-app,
  body.arsenal-menu-v5-closing header.mobile .arsenal-menu-v5-app {
    pointer-events: auto !important;
  }

  body.arsenal-menu-v5-on header.mobile .arsenal-menu-v5-app {
    opacity: 1 !important;
    background: rgba(18,16,38,.46) !important;
  }

  body.arsenal-menu-v5-closing header.mobile .arsenal-menu-v5-app {
    opacity: 0 !important;
    background: rgba(18,16,38,0) !important;
  }

  .arsenal-menu-v5-panel {
    display: flex !important;
    flex-direction: column !important;
    width: min(96vw, 390px) !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100svh !important;
    max-height: 100dvh !important;
    padding: 8px 7px 18px !important;
    background: #f4f5f8 !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 16px 0 36px rgba(16,12,45,.22) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    transform: translate3d(-108%,0,0) !important;
    transition: transform .28s cubic-bezier(.22,.75,.25,1) !important;
  }

  body.arsenal-menu-v5-on .arsenal-menu-v5-panel { transform: translate3d(0,0,0) !important; }
  .arsenal-menu-v5-view[hidden] { display: none !important; }

  /* === ARSENAL MENU V5 SCROLL GUARD START === */
  html.arsenal-menu-v5-root-lock {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  .arsenal-menu-v5-view:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  .arsenal-menu-v5-list,
  .arsenal-menu-v5-cats,
  .arsenal-menu-v5-results:not([hidden]) {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

  .arsenal-menu-v5-results[hidden],
  .arsenal-menu-v5-cats[hidden] {
    display: none !important;
  }
  /* === ARSENAL MENU V5 SCROLL GUARD END === */

  /* === ARSENAL MENU V5 KEYBOARD RESIZE FIX START === */
  html.arsenal-menu-v5-root-lock header.mobile .arsenal-menu-v5-app,
  html.arsenal-menu-v5-root-lock .arsenal-menu-v5-panel {
    height: var(--amv5-vh, 100svh) !important;
    max-height: var(--amv5-vh, 100svh) !important;
  }

  html.arsenal-menu-v5-root-lock .arsenal-menu-v5-search {
    scroll-margin-top: 76px !important;
  }
  /* === ARSENAL MENU V5 KEYBOARD RESIZE FIX END === */
/* === ARSENAL MENU V5 CATALOG HEIGHT FIX START === */
  .arsenal-menu-v5-list,
  .arsenal-menu-v5-cats,
  .arsenal-menu-v5-results:not([hidden]) {
    display: block !important;
  }

  .arsenal-menu-v5-card,
  .arsenal-menu-v5-cat,
  .arsenal-menu-v5-cat-btn,
  .arsenal-menu-v5-result,
  .arsenal-menu-v5-sub-link {
    flex: none !important;
  }

  .arsenal-menu-v5-cat-btn,
  .arsenal-menu-v5-card,
  .arsenal-menu-v5-result {
    min-height: 46px !important;
    height: auto !important;
  }

  .arsenal-menu-v5-sub-link {
    min-height: 40px !important;
    height: auto !important;
  }
  /* === ARSENAL MENU V5 CATALOG HEIGHT FIX END === */
.arsenal-menu-v5-bar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 9px 10px 9px 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #fff !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: paint !important;
  }

  .arsenal-menu-v5-bar::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background: #393186 !important;
    pointer-events: none !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  .arsenal-menu-v5-bar > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .arsenal-menu-v5-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
  }

  .arsenal-menu-v5-view[data-view="menu"] .arsenal-menu-v5-title::after {
    content: "Быстрый доступ и каталог" !important;
    display: block !important;
    margin-top: 2px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .arsenal-menu-v5-close,
  .arsenal-menu-v5-back {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #5a50b1 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  .arsenal-menu-v5-close { margin-left: 10px !important; }
  .arsenal-menu-v5-back { margin-right: 10px !important; }

  .arsenal-menu-v5-close::before,
  .arsenal-menu-v5-close::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 17px !important;
    height: 2px !important;
    border-radius: 3px !important;
    background: #fff !important;
  }

  .arsenal-menu-v5-close::before { transform: rotate(45deg) !important; }
  .arsenal-menu-v5-close::after { transform: rotate(-45deg) !important; }

  .arsenal-menu-v5-back::before {
    content: "" !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    left: 14px !important;
    top: 13px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg) !important;
  }

  .arsenal-menu-v5-list,
  .arsenal-menu-v5-cats,
  .arsenal-menu-v5-results {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 8px !important;
  }

  .arsenal-menu-v5-section {
    margin: 7px 3px 2px !important;
    color: #85858d !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  .arsenal-menu-v5-card,
  .arsenal-menu-v5-cat,
  .arsenal-menu-v5-result,
  .arsenal-menu-v5-sub-link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 43px !important;
    padding: 0 13px !important;
    border: 1px solid #e8e8ee !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #171521 !important;
    box-shadow: 0 3px 9px rgba(24,20,64,.035) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    text-align: left !important;
  }

  .arsenal-menu-v5-card-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .arsenal-menu-v5-card-copy small {
    display: block !important;
    margin-top: 3px !important;
    color: #85858d !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
  }

  .arsenal-menu-v5-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 22px !important;
    margin-left: auto !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #393186 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 3px rgba(57,49,134,.10), 0 6px 14px rgba(57,49,134,.24) !important;
  }

  .arsenal-menu-v5-card .arsenal-menu-v5-badge + .arsenal-menu-v5-arrow {
    margin-left: 8px !important;
  }

  .arsenal-menu-v5-card[data-kind="auth"],
  .arsenal-menu-v5-card[data-kind="profile"] {
    color: #393186 !important;
  }

  .arsenal-menu-v5-card[data-kind="logout"] {
    color: #8d2632 !important;
  }

  .arsenal-menu-v5-card[data-kind="club"] {
    background: #ffdd2d !important;
    border-color: #efc900 !important;
    color: #201900 !important;
    box-shadow: 0 5px 12px rgba(210,166,0,.18) !important;
  }

  .arsenal-menu-v5-icon,
  .arsenal-menu-v5-cat-img { display: none !important; }

  .arsenal-menu-v5-arrow {
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin-left: auto !important;
    border-right: 2px solid #a0a0a8 !important;
    border-bottom: 2px solid #a0a0a8 !important;
    transform: rotate(-45deg) !important;
    opacity: 1 !important;
  }

  .arsenal-menu-v5-card[data-kind="club"] .arsenal-menu-v5-arrow { border-color: #6d5800 !important; }

  .arsenal-menu-v5-search {
    width: 100% !important;
    height: 46px !important;
    margin: 0 0 10px !important;
    padding: 0 15px !important;
    border: 1px solid #e2e1ec !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #171521 !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 46px !important;
    font-weight: 750 !important;
    outline: none !important;
    box-shadow: 0 4px 12px rgba(24,20,64,.045) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .arsenal-menu-v5-search::placeholder {
    color: #8a8797 !important;
    font-weight: 650 !important;
  }

  .arsenal-menu-v5-search::-webkit-search-decoration,
  .arsenal-menu-v5-search::-webkit-search-cancel-button,
  .arsenal-menu-v5-search::-webkit-search-results-button,
  .arsenal-menu-v5-search::-webkit-search-results-decoration {
    display: none !important;
  }

  .arsenal-menu-v5-search:focus {
    border-color: rgba(57,49,134,.35) !important;
    box-shadow: 0 0 0 3px rgba(57,49,134,.08), 0 4px 12px rgba(24,20,64,.045) !important;
  }

  .arsenal-menu-v5-results-head {
    margin: 0 3px 1px !important;
    color: #85858d !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  .arsenal-menu-v5-result {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    padding: 11px 38px 11px 15px !important;
  }

  .arsenal-menu-v5-result-title {
    display: block !important;
    color: #171521 !important;
  }

  .arsenal-menu-v5-result small {
    display: block !important;
    margin-top: 4px !important;
    color: #85858d !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
  }

  .arsenal-menu-v5-result .arsenal-menu-v5-arrow {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) rotate(-45deg) !important;
  }

  .arsenal-menu-v5-empty {
    padding: 14px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #85858d !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }

  .arsenal-menu-v5-cat {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .arsenal-menu-v5-cat-btn {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 13px !important;
    border: 0 !important;
    background: transparent !important;
    color: #171521 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    text-align: left !important;
  }

  .arsenal-menu-v5-cat-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .arsenal-menu-v5-cat-title {
    display: block !important;
    overflow-wrap: anywhere !important;
  }

  .arsenal-menu-v5-count,
  .arsenal-menu-v5-sub-title em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 22px !important;
    margin-left: 10px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #f0eff7 !important;
    color: #67627b !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
    box-sizing: border-box !important;
  }

  .arsenal-menu-v5-sub {
    display: none !important;
    padding: 0 9px 10px !important;
  }

  .arsenal-menu-v5-cat.is-open .arsenal-menu-v5-sub {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 7px !important;
  }

  .arsenal-menu-v5-sub-title {
    display: flex !important;
    align-items: center !important;
    min-height: 26px !important;
    margin: 7px 4px 0 !important;
    color: #85858d !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  .arsenal-menu-v5-sub-title span {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow-wrap: anywhere !important;
  }

  .arsenal-menu-v5-sub-link {
    min-height: 40px !important;
    padding: 0 12px !important;
    border-color: #ecebf1 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .arsenal-menu-v5-foot {
    margin: 12px 0 0 !important;
    padding: 13px !important;
    border: 1px solid #e8e8ee !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #fff, #f7f6ff) !important;
    color: #171521 !important;
    box-shadow: 0 3px 9px rgba(24,20,64,.035) !important;
  }

  .arsenal-menu-v5-foot div {
    margin: 0 0 4px !important;
    color: #85858d !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  .arsenal-menu-v5-foot a {
    display: block !important;
    color: #393186 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  .arsenal-menu-v5-foot span {
    display: block !important;
    margin-top: 4px !important;
    color: #85858d !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }
}

@media (min-width: 768px) {
  header.mobile .arsenal-menu-v5-app { display: none !important; }
}
/* === ARSENAL MOBILE MENU V5 CLEAN END === */