/* Production-only compact navigation override; mobile bottom navigation is unchanged. */
@media (min-width: 801px) {
  .radar-shell {
    --product-sidebar-width: 152px;
    --product-sidebar-collapsed: 58px;
  }

  .radar-main-nav {
    gap: 3px;
  }

  .radar-main-nav button {
    min-height: 39px;
    gap: 10px;
    padding: 0 12px;
    font-size: 14px;
  }

  .radar-main-nav svg {
    width: 19px;
    height: 19px;
  }

  .radar-sidebar-subnav {
    margin: 2px 0 4px 20px;
    padding-left: 6px;
  }

  .radar-sidebar-subnav button,
  .radar-favorite-nav button {
    min-height: 29px;
    gap: 6px;
    padding: 4px 6px;
    font-size: 12px;
  }

  .radar-sidebar-subnav button svg,
  .radar-favorite-nav button svg {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
  }

  .radar-shell.product-shell-collapsed .product-sidebar {
    width: var(--product-sidebar-collapsed);
  }

  .radar-shell.product-shell-collapsed {
    grid-template-columns: var(--product-sidebar-collapsed) minmax(0, 1fr);
  }

  .radar-shell.product-shell-collapsed .product-header {
    grid-template-columns: var(--product-sidebar-collapsed) minmax(0, 1fr) auto;
  }
}

@media (min-width: 1600px) and (max-resolution: .95dppx) {
  .radar-shell {
    --product-sidebar-width: 158px;
    --product-header-height: 54px;
  }

  .radar-main-nav button {
    min-height: 41px;
    padding: 0 13px;
    font-size: 15px;
  }

  .radar-main-nav svg {
    width: 20px;
    height: 20px;
  }
}