.mobile-root-only, .mobile-menu-back, .mobile-accordion-title { display: none; }
@media (max-width: 900px) {
  html.menu-open, .menu-open body { overflow: hidden; }
  .menu__body { visibility: hidden; }
  .menu-open .menu__body { visibility: visible; }
  .menu-open .top-banner { position: fixed; top: 0; left: 0; width: 100%; z-index: 102; }
  .menu-open .header { position: fixed; top: var(--mobile-banner-height, 0px); left: 0; width: 100%; background: #fff; z-index: 101; }
  .menu-open .header .header__logo path { fill: #000; }
  .menu-open .header .header__action, .menu-open .header .header__search { color: #000; }
  .menu-open .menu__body { position: fixed; top: var(--mobile-menu-top, 114px); bottom: 0; left: 0; width: 100%; height: auto; max-height: none; overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; padding: 0; background: #fff; }
  .menu-open .menu__body::before { display: none; }
  .menu__body .menu__list { display: flex; width: 100%; gap: 0; }
  .menu__body .menu__list > .menu__item { display: flex; margin: 0; padding: 0; border-bottom: 1px solid #D9D9D9; }
  .menu__body .menu__list > .desktop-root-only { display: none; }
  .menu__body .menu__item > .menu__link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 14px 12px; color: #000; font-size: 12px; font-weight: 700; line-height: 16px; text-align: left; text-transform: uppercase; }
  .menu__body .toggle__btn > svg { display: none; }
  .menu__body .toggle__btn::after, .mobile-accordion-title::after, .mobile-menu-back::before { content: ''; width: 7px; height: 7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); flex: 0 0 7px; }
  .menu__body .menu__item > .submenu { display: none; }
  .menu__body.mobile-nested .menu__list > .menu__item { display: none; }
  .menu__body.mobile-nested .menu__list > .mobile-panel-active { display: block; border: 0; }
  .menu__body.mobile-nested .mobile-panel-active > .menu__link { display: none; }
  .menu__body.mobile-nested .mobile-panel-active > .submenu { display: block; position: static; width: 100%; height: auto; max-height: none; overflow: visible; opacity: 1; visibility: visible; border: 0; }
  .mobile-menu-back { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 44px; padding: 14px 12px; border-bottom: 1px solid #D9D9D9; color: #000; background: #fff; font-size: 12px; font-weight: 700; text-align: left; text-transform: uppercase; }
  .mobile-menu-back::before { transform: rotate(135deg); }
  .menu__body .submenu__container { padding: 0; }
  .menu__body .catalog-menu-grid { display: flex; flex-direction: column; gap: 0; padding: 12px 12px 32px; }
  .menu__body .catalog-menu-categories { display: flex; flex-direction: column; gap: 0; }
  .menu__body .catalog-menu-links, .menu__body .catalog-menu-group { width: 100%; }
  .mobile-accordion > .catalog-menu-title { display: none; }
  .mobile-accordion-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 12px 0; color: #000; background: transparent; font-size: 18px; font-weight: 400; line-height: 22px; letter-spacing: -.72px; text-align: left; text-transform: uppercase; }
  .mobile-accordion-title::after { transform: rotate(45deg); margin-right: 3px; }
  .is-expanded > .mobile-accordion-title::after { transform: rotate(225deg); }
  .menu__body .mobile-accordion > ul { display: none; }
  .menu__body .mobile-accordion.is-expanded > ul { display: flex; height: auto; overflow: visible; gap: 16px; padding: 8px 0 20px; }
  .menu__body .catalog-menu-all { margin-top: 0; }
  .menu__body .catalog-menu-featured { width: 100%; padding-top: 12px; }
  .menu__body .catalog-menu-featured > .catalog-menu-title { margin-bottom: 16px; padding-bottom: 0; border: 0; }
  .menu__body .catalog-menu-slider { display: block; margin-right: -12px; }
  .menu__body .catalog-menu-arrow { display: none; }
  .menu__body .catalog-menu-product-list { gap: 8px; padding-right: 12px; }
  .menu__body .catalog-menu-product { flex-basis: 140px; gap: 8px; font-size: 12px; line-height: 16px; text-transform: uppercase; }
  .menu__body .catalog-menu-product img { width: 140px; height: 164px; }
  .menu__body .menu__collections .submenu__content { display: block; height: auto; padding: 16px 12px 32px; }
  .menu__body .menu__collections .submenu__body { padding: 0; margin: 0; }
  .menu__body .menu__collections .submenu__list { height: auto; gap: 16px; overflow: visible; }
}