/* Storefront navigation: one layout at each breakpoint, loaded after legacy styles. */
body.premium-store .pill-header-wrapper {
  padding: 14px clamp(12px, 2.5vw, 28px) !important;
}

body.premium-store .floating-pill-header {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(96%, 1320px) !important;
  max-width: 1320px !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin-inline: auto !important;
  padding: 5px 14px 5px 18px !important;
  gap: 12px !important;
  border-radius: 9999px !important;
  overflow: visible !important;
}

body.premium-store .floating-pill-header .brand-link {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
}

body.premium-store .floating-pill-header .nav-actions {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  flex-shrink: 0 !important;
  gap: 6px !important;
}

body.premium-store .floating-pill-header .nav-system-controls {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
}

body.premium-store .floating-pill-header .lang-capsule-switch {
  box-sizing: border-box !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  flex: 0 0 42px !important;
  border-radius: 9999px !important;
}

body.premium-store .lang-capsule-switch[data-lang="ar"] .lang-cap-ar,
body.premium-store .lang-capsule-switch[data-lang="en"] .lang-cap-en {
  display: none !important;
}

body.premium-store .floating-pill-header .lang-cap-text {
  color: var(--text-primary) !important;
  font-size: 11.5px !important;
  letter-spacing: .025em;
}

body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="ar"] .lang-cap-en,
body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="en"] .lang-cap-ar {
  color: var(--text-primary) !important;
  opacity: 1 !important;
}

body.premium-store .floating-pill-header .currency-capsule {
  width: 72px !important;
  min-width: 72px !important;
  height: 32px !important;
  flex: 0 0 72px !important;
  border-radius: 9999px !important;
}

body.premium-store .floating-pill-header .action-btn {
  box-sizing: border-box !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 9999px !important;
}

body.premium-store .floating-pill-header .premium-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  gap: 3px !important;
  padding: 3px 6px !important;
  margin: 0 auto !important;
  border-radius: 9999px !important;
  border-top: none !important;
}

body.premium-store .floating-pill-header .nav-link-pill {
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 12px !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
}

body.premium-store .floating-pill-header .nav-quick-search {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 9999px !important;
}

body.premium-store .floating-pill-header .mobile-search-toggle,
body.premium-store .floating-pill-header .mobile-menu-toggle {
  display: none !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .nav-link-pill:hover,
html[data-theme="light"] body.premium-store .floating-pill-header .nav-link-pill:focus-visible {
  background: rgba(79, 70, 229, .11) !important;
  color: #262068 !important;
}

@media (max-width: 768px) {
  body.premium-store .pill-header-wrapper {
    padding: 8px 10px !important;
  }

  body.premium-store .floating-pill-header {
    grid-template-columns: minmax(0, 1fr) 42px 42px !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 62px !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
  }

  body.premium-store .floating-pill-header .brand-link {
    grid-column: 1 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    gap: 8px !important;
  }

  body.premium-store .floating-pill-header .brand-logo-box {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  body.premium-store .floating-pill-header .brand-title {
    display: block !important;
    font-size: clamp(12px, 3.8vw, 15px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.premium-store .floating-pill-header .mobile-search-toggle,
  body.premium-store .floating-pill-header .mobile-menu-toggle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--glass-line) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
    background: var(--glow) !important;
  }

  body.premium-store .floating-pill-header .mobile-search-toggle { grid-column: 2 !important; grid-row: 1 !important; }
  body.premium-store .floating-pill-header .mobile-menu-toggle { grid-column: 3 !important; grid-row: 1 !important; }
  body.premium-store .floating-pill-header .mobile-menu-toggle span { display: none !important; }
  body.premium-store .floating-pill-header .mobile-menu-toggle[aria-expanded="true"] { background: rgba(111, 123, 255, .32) !important; }

  body.premium-store .floating-pill-header:not(.mobile-nav-open) .premium-nav,
  body.premium-store .floating-pill-header:not(.mobile-nav-open) .nav-actions {
    display: none !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .premium-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
    gap: 8px !important;
    margin: 2px 0 0 !important;
    padding: 12px 0 0 !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-quick-search { display: none !important; }

  html[data-theme="light"] body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill,
  html[data-theme="light"] body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill span,
  html[data-theme="light"] body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill svg {
    color: #253251 !important;
    opacity: 1 !important;
  }

  html[data-theme="light"] body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill {
    background: rgba(79, 70, 229, .07) !important;
    border-color: rgba(79, 70, 229, .14) !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-actions {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px 0 2px !important;
    border-top: 1px solid var(--glass-line) !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-system-controls {
    gap: 6px !important;
    min-width: 0 !important;
  }

  body.premium-store .floating-pill-header .lang-capsule-switch,
  body.premium-store .floating-pill-header .action-btn { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; }
  body.premium-store .floating-pill-header .lang-capsule-switch { flex-basis: 42px !important; }
  body.premium-store .floating-pill-header .currency-capsule { width: 72px !important; min-width: 72px !important; height: 42px !important; flex-basis: 72px !important; }
}

@media (max-width: 350px) {
  body.premium-store .floating-pill-header { grid-template-columns: minmax(0, 1fr) 40px 40px !important; gap: 6px !important; }
  body.premium-store .floating-pill-header .mobile-search-toggle,
  body.premium-store .floating-pill-header .mobile-menu-toggle { width: 40px !important; min-width: 40px !important; }
  body.premium-store .floating-pill-header.mobile-nav-open .nav-system-controls { gap: 4px !important; }
  body.premium-store .floating-pill-header .currency-capsule { width: 68px !important; min-width: 68px !important; flex-basis: 68px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.premium-store .floating-pill-header *,
  body.premium-store .floating-pill-header *::before,
  body.premium-store .floating-pill-header *::after { animation: none !important; transition: none !important; }
}