@media (min-width: 901px) {
  .app-shell,
  .app-shell:has(.premium-product-detail) {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }

  .app-shell .app-header,
  .app-shell:has(.premium-product-detail) .app-header { order: 0; }

  .app-shell .app-nav,
  .app-shell:has(.premium-product-detail) .app-nav {
    order: 1;
    position: sticky !important;
    top: calc(var(--header-height) + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    left: auto;
    right: auto;
    width: 100%;
    height: 70px !important;
    padding: 0 !important;
    z-index: 49;
    border-top: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
    box-shadow: 0 9px 24px rgba(19, 22, 21, .055);
  }

  .app-shell .nav-inner,
  .app-shell:has(.premium-product-detail) .nav-inner {
    height: 70px;
    max-width: 1100px;
    gap: clamp(18px, 2.8vw, 52px);
    justify-content: center;
  }

  .app-shell .nav-item {
    flex: 0 0 auto;
    flex-direction: row;
    gap: 9px;
    padding: 0 8px;
    font-size: 13px;
    white-space: nowrap;
  }

  .app-shell .nav-item svg {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px;
    stroke-width: 1.85;
  }

  .app-shell .main-content,
  .app-shell:has(.premium-product-detail) .main-content { order: 2; flex: 1 0 auto; }

  .app-shell .app-footer,
  .app-shell:has(.premium-product-detail) .app-footer { order: 3; }
}