.mobile-home-nav { display: none; }
.mobile-category-panel { direction: rtl; background: #fff; color: #273448; }
.mobile-category-panel__top { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 10px 14px; border-bottom: 1px solid #e7eaf0; }
.mobile-category-panel__back { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 10px; color: #273448; font-size: 20px; text-decoration: none; }
.mobile-category-panel__search { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; height: 44px; padding-inline: 12px; border: 1px solid #e3e8ee; border-radius: 10px; background: #f7f8fa; color: #7c8999; }
.mobile-category-panel__search:focus-within { border-color: #e11d48; box-shadow: none; background: #fff; }
.mobile-category-panel__search input { width: 100%; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #273448; font: inherit; font-size: 13px; }
.mobile-category-panel__body { display: grid; grid-template-columns: 92px minmax(0,1fr); min-height: 0; flex: 1; }
.mobile-category-panel__rail { overflow-y: auto; overscroll-behavior: contain; background: #f7f8fa; scrollbar-width: thin; }
.mobile-category-panel__tab { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 64px; padding: 12px 8px; border: 0; border-inline-start: 2px solid transparent; background: transparent; color: #586579; font: inherit; font-size: 12px; line-height: 1.8; text-align: center; cursor: pointer; transition: color .15s ease, background-color .15s ease; }
.mobile-category-panel__tab img { width: 32px; height: 32px; object-fit: contain; }
.mobile-category-panel__tab i { font-size: 24px; }
.mobile-category-panel__tab.is-active { border-inline-start-color: #e11d48; background: #fff; color: #c71f45; font-weight: 700; }
.mobile-category-panel__content { min-width: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px 18px 24px; }
.mobile-category-panel__pane[hidden], .mobile-category-panel__tab[hidden], .mobile-category-panel__group[hidden], .mobile-category-panel__leaf[hidden], .mobile-category-panel__no-results[hidden] { display: none !important; }
.mobile-category-panel__all { display: flex; align-items: center; justify-content: space-between; min-height: 50px; color: #23649d; font-size: 13px; font-weight: 700; text-decoration: none; }
.mobile-category-panel__group { border-bottom: 1px solid #edf0f3; }
.mobile-category-panel__group summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 54px; list-style: none; color: #273448; font-size: 13px; font-weight: 650; cursor: pointer; }
.mobile-category-panel__group summary::-webkit-details-marker { display: none; }
.mobile-category-panel__group summary i { color: #8390a1; transition: transform .16s ease; }
.mobile-category-panel__group[open] summary i { transform: rotate(180deg); }
.mobile-category-panel__children { display: grid; padding: 0 10px 8px 0; }
.mobile-category-panel__children a { display: flex; align-items: center; min-height: 44px; color: #526174; font-size: 12px; text-decoration: none; }
.mobile-category-panel__leaf { display: flex; align-items: center; justify-content: space-between; min-height: 54px; border-bottom: 1px solid #edf0f3; color: #273448; font-size: 13px; text-decoration: none; }
.mobile-category-panel__leaf i { color: #9aa5b2; font-size: 13px; }
.mobile-category-panel__empty, .mobile-category-panel__no-results { padding: 20px 0; color: #718094; font-size: 13px; }
.mobile-category-panel :is(a,button,summary):focus-visible, .mobile-home-nav__item:focus-visible { outline: 2px solid #526174; outline-offset: -2px; border-radius: 8px; }
.mobile-category-directory .mobile-category-panel { display: flex; flex-direction: column; max-width: 1060px; min-height: 620px; height: min(780px, 80vh); margin: 32px auto; border: 1px solid #e5e9ef; border-radius: 16px; overflow: hidden; }
@media (max-width: 767.98px) {
  .site-header #open-menu { display: none !important; }
  .mobile-home-nav { position: fixed; z-index: 42; inset-inline: 0; inset-block-end: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; min-height: 64px; padding: 5px 12px calc(5px + env(safe-area-inset-bottom)); border-top: 1px solid #edf0f3; background: #fff; box-shadow: none; }
  .mobile-home-nav__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 53px; padding: 6px 2px 2px; border: 0; background: transparent; color: #687384; font: inherit; font-size: 11px; font-weight: 500; line-height: 1.5; text-decoration: none; transition: color .15s ease, background-color .15s ease; -webkit-tap-highlight-color: transparent; }
  .mobile-home-nav__item i { font-size: 21px; line-height: 1; }
  .mobile-home-nav__item.is-current { color: #d71949; font-weight: 700; }
  .mobile-home-nav__item.is-current::before { content: ''; position: absolute; inset-block-start: 0; width: 16px; height: 2px; border-radius: 2px; background: currentColor; }
  .mobile-home-nav__item:active { background: #f7f8fa; border-radius: 8px; }
  .mobile-category-directory .mobile-category-panel { position: fixed; z-index: 41; inset: 0 0 calc(64px + env(safe-area-inset-bottom)); width: auto; max-width: none; height: auto; min-height: 0; margin: 0; border: 0; border-radius: 0; }
  .mobile-category-panel__top { padding-top: calc(10px + env(safe-area-inset-top)); }
  .mobile-category-panel__body { grid-template-columns: 104px minmax(0,1fr); }
  .mobile-category-panel__content { padding-inline: 14px; }
  body:has(.mobile-home-nav) .site-footer { margin-bottom: calc(64px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .mobile-category-panel__group summary i, .mobile-category-panel__tab, .mobile-home-nav__item { transition: none; } }