/* =========================================================================
   Unlock Pro — Ultra-Luxury Master Responsive Header Dock System
   Engineered for 100% Zero-Overlap Across Mobile, Tablet, Laptop & Desktop
   ========================================================================= */

/* ─── Center Floating Wrapper ─── */
body.premium-store .pill-header-wrapper {
  position: sticky !important;
  inset: 0 auto auto auto !important;
  top: 0 !important;
  width: 100% !important;
  padding: 12px clamp(12px, 2.5vw, 28px) 6px !important;
  z-index: 1000 !important;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

/* ─── Floating Pill Header Container ─── */
body.premium-store .floating-pill-header,
header.floating-pill-header {
  pointer-events: auto !important;
  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-height: 58px !important;
  height: 58px !important;
  margin: 0 auto !important;
  padding: 6px 14px 6px 16px !important;
  border-radius: 9999px !important;
  background: radial-gradient(130% 130% at 50% 0%, rgba(26, 32, 64, 0.88) 0%, rgba(11, 15, 30, 0.94) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 
    0 18px 45px -8px rgba(0, 0, 0, 0.62),
    0 0 28px -4px rgba(124, 58, 237, 0.22),
    inset 0 1px 1px 0 rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  gap: 10px !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: visible !important;
}

body.premium-store .floating-pill-header:hover {
  box-shadow: 
    0 22px 55px -6px rgba(0, 0, 0, 0.75),
    0 0 36px -2px rgba(124, 58, 237, 0.32),
    inset 0 1px 2px 0 rgba(255, 255, 255, 0.38) !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header {
  background: radial-gradient(130% 130% at 50% 0%, rgba(255, 255, 255, 0.96) 0%, rgba(240, 244, 255, 0.92) 100%) !important;
  border: 1px solid rgba(60, 76, 126, 0.18) !important;
  box-shadow: 
    0 14px 35px rgba(35, 48, 91, 0.12),
    0 0 20px rgba(99, 102, 241, 0.10),
    inset 0 1px 2px rgba(255, 255, 255, 0.95) !important;
}

/* ─── 1. Brand Link & Identity ─── */
body.premium-store .floating-pill-header .brand-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  padding-inline-start: 2px !important;
}

body.premium-store .floating-pill-header .brand-logo-box {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(168, 85, 247, 0.3)) !important;
  border: 1px solid rgba(168, 85, 247, 0.45) !important;
  box-shadow: 0 0 16px rgba(124, 58, 237, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

body.premium-store .floating-pill-header .brand-link:hover .brand-logo-box {
  transform: scale(1.08) rotate(4deg) !important;
}

body.premium-store .floating-pill-header .brand-logo-img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  display: block !important;
}

body.premium-store .floating-pill-header .brand-text-wrap {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
  line-height: 1.15 !important;
}

body.premium-store .floating-pill-header .brand-title {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.6px !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .brand-title {
  color: #0f172a !important;
}

body.premium-store .floating-pill-header .brand-mini-badge {
  font-size: 8.5px !important;
  font-weight: 800 !important;
  color: #38bdf8 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* ─── 2. Desktop Navigation Center Dock ─── */
body.premium-store .floating-pill-header .premium-nav {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 6px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .premium-nav {
  background: rgba(15, 23, 42, 0.03) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

body.premium-store .floating-pill-header .nav-link-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 11px !important;
  border-radius: 9999px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  border: 1px solid transparent !important;
}

body.premium-store .floating-pill-header .nav-link-pill svg,
body.premium-store .floating-pill-header .nav-link-pill i {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

body.premium-store .floating-pill-header .nav-link-pill:hover,
body.premium-store .floating-pill-header .nav-link-pill:focus-visible {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .nav-link-pill {
  color: #334155 !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .nav-link-pill:hover {
  color: #0f172a !important;
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

body.premium-store .floating-pill-header .deals-pill {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #fca5a5 !important;
}

body.premium-store .floating-pill-header .nav-quick-search {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 10px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 11.5px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

body.premium-store .floating-pill-header .nav-quick-search svg,
body.premium-store .floating-pill-header .nav-quick-search i {
  width: 13px !important;
  height: 13px !important;
}

body.premium-store .floating-pill-header .nav-quick-search kbd {
  font-size: 9.5px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

/* ─── 3. Action Controls Cluster ─── */
body.premium-store .floating-pill-header .nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

body.premium-store .floating-pill-header .user-nav-wrap {
  position: relative !important;
  display: inline-flex !important;
}

body.premium-store .floating-pill-header .user-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 9999px !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.28), rgba(168, 85, 247, 0.28)) !important;
  border: 1px solid rgba(168, 85, 247, 0.45) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.2) !important;
}

body.premium-store .floating-pill-header .user-btn:hover {
  transform: translateY(-1px) scale(1.02) !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.42), rgba(168, 85, 247, 0.42)) !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .user-btn {
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  color: #ffffff !important;
  border: none !important;
}

body.premium-store .floating-pill-header .nav-system-controls {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 6px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  flex-shrink: 0 !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .nav-system-controls {
  background: rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

/* Theme Switcher Button */
body.premium-store .floating-pill-header .action-btn.icon-only {
  box-sizing: border-box !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f8fafc !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

body.premium-store .floating-pill-header .action-btn.icon-only:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  transform: scale(1.06) !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .action-btn.icon-only {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}

/* ─── 4. Currency Switcher Capsule (USD | EGP) ─── */
body.premium-store .floating-pill-header .currency-capsule {
  box-sizing: border-box !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 9999px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  padding: 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  direction: ltr !important;
  transition: border-color 0.2s ease !important;
}

body.premium-store .floating-pill-header .capsule-slider {
  position: absolute !important;
  top: 2px !important;
  bottom: 2px !important;
  left: 2px !important;
  width: calc(50% - 2px) !important;
  border-radius: 9999px !important;
  z-index: 1 !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease !important;
  pointer-events: none !important;
}

body.premium-store .floating-pill-header .currency-capsule[data-curr="USD"] .capsule-slider {
  transform: translateX(0) !important;
  background: linear-gradient(135deg, #10b981, #059669) !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.4) !important;
}

body.premium-store .floating-pill-header .currency-capsule[data-curr="EGP"] .capsule-slider {
  transform: translateX(100%) !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.4) !important;
}

body.premium-store .floating-pill-header .capsule-half {
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  z-index: 2 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.premium-store .floating-pill-header .currency-capsule[data-curr="USD"] .half-usd,
body.premium-store .floating-pill-header .currency-capsule[data-curr="EGP"] .half-egp {
  color: #ffffff !important;
  font-weight: 900 !important;
}

body.premium-store .floating-pill-header .capsule-sym {
  font-size: 9px !important;
  line-height: 1 !important;
}
body.premium-store .floating-pill-header .capsule-code {
  font-size: 10px !important;
  line-height: 1 !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .currency-capsule {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.15) !important;
}

/* ─── 5. Language Switcher Capsule (EN | Track | AR) ─── */
body.premium-store .floating-pill-header .lang-capsule-switch {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: unset !important;
  max-width: unset !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  direction: ltr !important;
  outline: none !important;
}

body.premium-store .floating-pill-header .lang-cap-text {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  letter-spacing: 0.3px !important;
}

body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="en"] .lang-cap-en {
  color: #38bdf8 !important;
  font-weight: 900 !important;
}

body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="ar"] .lang-cap-ar {
  color: #38bdf8 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .lang-cap-text {
  color: #64748b !important;
}
html[data-theme="light"] body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="en"] .lang-cap-en,
html[data-theme="light"] body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="ar"] .lang-cap-ar {
  color: #0284c7 !important;
}

body.premium-store .floating-pill-header .lang-cap-track {
  position: relative !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 24px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
  background: #0f172a !important;
  flex-shrink: 0 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="light"] body.premium-store .floating-pill-header .lang-cap-track {
  border-color: rgba(15, 23, 42, 0.18) !important;
  background: #e2e8f0 !important;
}

body.premium-store .floating-pill-header .lang-cap-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transition: opacity 0.15s ease !important;
}

body.premium-store .floating-pill-header .lang-cap-bg svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.premium-store .floating-pill-header .lang-cap-thumb {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  z-index: 2 !important;
}

body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="en"] .lang-cap-thumb {
  transform: translateX(0) !important;
}
body.premium-store .floating-pill-header .lang-capsule-switch[data-lang="ar"] .lang-cap-thumb {
  transform: translateX(20px) !important;
}

/* ─── 6. Desktop Mode vs Mobile Controls ─── */
@media (min-width: 769px) {
  body.premium-store .floating-pill-header .mobile-search-toggle,
  body.premium-store .floating-pill-header .mobile-menu-toggle {
    display: none !important;
  }
}

/* ─── 7. Tablet Scaling (769px - 1080px) ─── */
@media (max-width: 1080px) and (min-width: 769px) {
  body.premium-store .floating-pill-header .community-pill,
  body.premium-store .floating-pill-header .deals-pill {
    display: none !important;
  }
  body.premium-store .floating-pill-header .nav-quick-search span,
  body.premium-store .floating-pill-header .nav-quick-search kbd {
    display: none !important;
  }
  body.premium-store .floating-pill-header .nav-quick-search {
    padding: 6px !important;
    border-radius: 50% !important;
  }
  body.premium-store .floating-pill-header .user-btn-label {
    display: none !important;
  }
  body.premium-store .floating-pill-header .user-btn {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 900px) and (min-width: 769px) {
  body.premium-store .floating-pill-header .premium-nav a[href="#reviewsSection"] {
    display: none !important;
  }
  body.premium-store .floating-pill-header .brand-mini-badge {
    display: none !important;
  }
}

/* ─── 7.5 Desktop & Tablet Header Row Handling ─── */
@media (min-width: 769px) {
  body.premium-store .header-main-row {
    display: contents !important;
  }
  body.premium-store .header-mobile-actions {
    display: none !important;
  }
}

/* ─── 8. Mobile Viewports (<= 768px: Galaxy A37, iPhone, etc.) Master Architecture ─── */
@media (max-width: 768px) {
  body.premium-store .pill-header-wrapper {
    padding: 8px 10px 4px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.premium-store .floating-pill-header {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 6px 12px !important;
    border-radius: 9999px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 0 !important;
    transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-radius 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
  }

  /* Main Row (Row 1): Always clean single line */
  body.premium-store .header-main-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  body.premium-store .brand-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    text-decoration: none !important;
  }

  body.premium-store .brand-logo-box {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }

  body.premium-store .brand-logo-img {
    width: 22px !important;
    height: 22px !important;
  }

  body.premium-store .brand-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
  }

  body.premium-store .brand-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.premium-store .brand-mini-badge {
    display: none !important;
  }

  body.premium-store .header-mobile-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }

  body.premium-store .mobile-search-toggle,
  body.premium-store .mobile-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background 0.18s ease, transform 0.18s ease !important;
  }

  body.premium-store .mobile-search-toggle:active,
  body.premium-store .mobile-menu-toggle:active {
    transform: scale(0.92) !important;
  }

  body.premium-store .mobile-menu-toggle svg,
  body.premium-store .mobile-search-toggle svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.premium-store .mobile-menu-toggle span {
    display: none !important;
  }

  /* When closed: completely vanish rows 2 & 3 */
  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;
  }

  /* ─── WHEN OPEN (Expanded Full Drawer) ─── */
  body.premium-store .floating-pill-header.mobile-nav-open {
    height: auto !important;
    min-height: auto !important;
    border-radius: 22px !important;
    padding: 10px 12px 14px !important;
    overflow: visible !important;
    gap: 12px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(168, 85, 247, 0.3) !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .mobile-menu-toggle {
    background: rgba(99, 102, 241, 0.35) !important;
    border-color: rgba(168, 85, 247, 0.6) !important;
    color: #ffffff !important;
  }

  /* Row 2: Navigation Links Grid (2 columns on all devices) */
  body.premium-store .floating-pill-header.mobile-nav-open .premium-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #f8fafc !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill svg,
  body.premium-store .floating-pill-header.mobile-nav-open .nav-link-pill i {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .deals-pill {
    background: rgba(239, 68, 68, 0.16) !important;
    border-color: rgba(239, 68, 68, 0.32) !important;
    color: #fca5a5 !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .community-pill {
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #86efac !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-quick-search {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    background: rgba(99, 102, 241, 0.16) !important;
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

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

  /* Row 3: Action Controls (User Profile + Settings Bar) */
  body.premium-store .floating-pill-header.mobile-nav-open .nav-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .user-nav-wrap {
    width: 100% !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .user-btn {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .user-btn-label {
    display: inline !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .nav-system-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 6px 10px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
  }

  body.premium-store .floating-pill-header.mobile-nav-open .lang-cap-text {
    display: inline !important;
  }
}

/* Very narrow devices (< 360px) */
@media (max-width: 360px) {
  body.premium-store .floating-pill-header {
    padding: 5px 8px !important;
    gap: 6px !important;
  }
  body.premium-store .floating-pill-header .brand-title {
    font-size: 12px !important;
  }
  body.premium-store .floating-pill-header .mobile-search-toggle,
  body.premium-store .floating-pill-header .mobile-menu-toggle {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !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;
  }
}

/* ─── Gemini 18M Offer Banner & GIF Hover ─── */
.gemini-note-gif-wrap img {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.gemini-offer-note:hover .gemini-note-gif-wrap img {
  transform: scale(1.06) rotate(-2deg);
}
@media (max-width: 600px) {
  .gemini-offer-note {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .gemini-note-gif-wrap img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }
}