/* Mobile catalog drawer polish: single scroll surface and bottom-nav-safe sizing. */
@media (max-width: 820px) {
  .catalog-modal--premium-mobile .catalog-dialog {
    top: max(8px, env(safe-area-inset-top));
    bottom: calc(66px + env(safe-area-inset-bottom));
    height: auto;
    max-height: none;
  }

  .catalog-modal--premium-mobile .catalog-modal-layout {
    min-height: 0;
  }

  .catalog-modal--premium-mobile .catalog-panel-sidebar,
  .catalog-modal--premium-mobile .catalog-panel-content {
    min-height: 0;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu {
    max-height: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu-link {
    min-height: 118px;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu-link.is-mobile-featured {
    min-height: 96px;
  }

  .catalog-modal--premium-mobile .catalog-mobile-overview {
    margin-top: 4px;
  }

  .catalog-modal--premium-mobile .catalog-panel-groups {
    padding-bottom: 8px;
  }

  .catalog-modal--premium-mobile .catalog-panel-content .catalog-panel-sublist {
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 420px) {
  .catalog-modal--premium-mobile .catalog-dialog {
    top: max(6px, env(safe-area-inset-top));
  }

  .catalog-modal--premium-mobile .catalog-panel-sidebar {
    padding-right: 12px;
    padding-left: 12px;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu {
    gap: 8px;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu-link {
    min-height: 112px;
    padding: 12px;
    border-radius: 16px;
  }

  .catalog-modal--premium-mobile .catalog-panel-menu-link.is-mobile-featured {
    min-height: 92px;
  }
}