/* Storefront v35 — unified accents, desktop command palette and interaction polish. */
:root {
  --storefront-v35-accent: var(--accent, #0a84ff);
  --storefront-v35-accent-soft: rgba(10, 132, 255, .10);
  --storefront-v35-line: rgba(130, 171, 222, .34);
}

html body.store-body :where(
  .profile-menu-item-icon-v9.telegram,
  .profile-nav-v262 button > .telegram-logo-v932,
  .profile-status-card-v262 > .telegram-logo-v932,
  .profile-setting-icon-v262 .telegram-logo-v932,
  .profile-menu-grid-v285 button > .telegram-logo-v932,
  .footer-v398 .footer-links a .telegram-logo-v932,
  footer .telegram-logo-v932
) {
  color: var(--storefront-v35-accent) !important;
  border-color: var(--storefront-v35-line) !important;
  background: var(--storefront-v35-accent-soft) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body.store-body :where(
  .profile-menu-item-icon-v9.telegram,
  .profile-nav-v262 button,
  .profile-status-card-v262,
  .profile-setting-icon-v262,
  .profile-menu-grid-v285 button,
  .footer-v398 .footer-links a,
  footer a
)::after,
html body.store-body :where(
  .profile-menu-item-icon-v9.telegram,
  .profile-nav-v262 button,
  .profile-status-card-v262,
  .profile-setting-icon-v262,
  .profile-menu-grid-v285 button,
  .footer-v398 .footer-links a,
  footer a
)::before {
  text-decoration: none !important;
}

html body.store-body :where(
  .profile-menu-item-icon-v9.telegram,
  .profile-nav-v262 button,
  .profile-status-card-v262,
  .profile-menu-grid-v285 button,
  .footer-v398 .footer-links a
) {
  text-decoration: none !important;
  border-bottom-color: transparent !important;
}

html body.store-body .footer-v398 .footer-links a .telegram-logo-v932,
html body.store-body footer .telegram-logo-v932 {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: block !important;
}

/* Native command palette also works on desktop, not only under mobile-v24. */
html body.store-body .native-quick-search-v175 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482000 !important;
  display: grid !important;
  place-items: start center !important;
  padding: max(48px, 8vh) 18px 24px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .16s ease, visibility .16s ease !important;
}
html body.store-body .native-quick-search-v175.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body.store-body .native-quick-backdrop-v175 {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(20, 31, 49, .28) !important;
  backdrop-filter: blur(14px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(115%) !important;
}
html body.store-body .native-quick-modal-v175 {
  position: relative !important;
  z-index: 1 !important;
  width: min(760px, calc(100vw - 36px)) !important;
  max-height: min(720px, calc(100dvh - 96px)) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(149, 184, 227, .56) !important;
  border-radius: 28px !important;
  background: rgba(252, 254, 255, .98) !important;
  box-shadow: 0 32px 100px rgba(34, 63, 100, .26) !important;
}
html body.store-body .native-quick-input-v175 {
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) 44px !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 188, 228, .35) !important;
  background: transparent !important;
}
html body.store-body .native-quick-input-v175 > span {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  background: rgba(10,132,255,.08) !important;
  color: #0a84ff !important;
  font-size: 24px !important;
}
html body.store-body .native-quick-input-v175 input {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #121827 !important;
  font: inherit !important;
  font-size: 17px !important;
}
html body.store-body .native-quick-input-v175 > button {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  border: 1px solid rgba(149,184,227,.45) !important;
  background: #fff !important;
  color: #6f7d91 !important;
}
html body.store-body .native-quick-results-v175 {
  min-height: 120px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 10px !important;
}
html body.store-body .native-quick-row-v175,
html body.store-body .native-quick-item-v175 {
  width: 100% !important;
  min-height: 64px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: transparent !important;
  color: #172238 !important;
  text-align: left !important;
}
html body.store-body :where(.native-quick-row-v175,.native-quick-item-v175).active,
html body.store-body :where(.native-quick-row-v175,.native-quick-item-v175):hover {
  background: rgba(10,132,255,.095) !important;
}
html body.store-body .native-quick-footer-v175 {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  border-top: 1px solid rgba(155,188,228,.35) !important;
  color: #75849a !important;
  font-size: 12px !important;
}

@media (max-width: 900px) {
  html body.store-body .native-quick-search-v175 {
    padding: max(12px, env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom)) !important;
  }
  html body.store-body .native-quick-modal-v175 {
    width: min(100%, 620px) !important;
    max-height: calc(100dvh - max(24px, env(safe-area-inset-top)) - env(safe-area-inset-bottom)) !important;
    border-radius: 22px !important;
  }
}