/* PartPrice: macOS 27 inspired glass for navigation and transient controls. */
:root {
  --pp-glass-tint: rgba(242, 248, 252, .80);
  --pp-glass-tint-strong: rgba(248, 251, 253, .78);
  --pp-glass-edge: rgba(255, 255, 255, .86);
  --pp-glass-divider: rgba(62, 105, 134, .34);
  --pp-glass-shadow-soft: 0 8px 26px rgba(22, 57, 78, .10);
}

/* Keep the page canvas soft and continuous behind the fixed navigation. */
.modern-platform {
  background-color: #eef5f9;
  background-image:
    radial-gradient(ellipse at 12% 4%, rgba(255, 255, 255, .62), transparent 39%),
    radial-gradient(ellipse at 88% 42%, rgba(169, 211, 236, .18), transparent 47%);
  background-attachment: fixed;
}

.modern-platform .announcement,
.modern-platform .site-header {
  background: var(--pp-glass-tint) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;
  backdrop-filter: blur(5px) saturate(125%) !important;
}

.modern-platform .announcement {
  color: #355b74;
  border-bottom: 1px solid rgba(255, 255, 255, .48);
}

.modern-platform .announcement .pulse {
  background: #2eaa70;
  box-shadow: 0 0 0 4px rgba(46, 170, 112, .12);
}

.modern-platform .announcement-currency {
  color: #355b74;
}

.modern-platform .announcement-currency small {
  color: #637f92;
}

.modern-platform .announcement-currency select {
  color: #174866;
  background: rgba(255, 255, 255, .52);
  border-color: rgba(255, 255, 255, .75);
}

.modern-platform .site-header {
  border-bottom: 1px solid var(--pp-glass-divider) !important;
  box-shadow: 0 5px 22px rgba(23, 59, 82, .055);
}

.modern-platform .main-nav.mobile-open {
  background: var(--pp-glass-tint-strong) !important;
  border-color: var(--pp-glass-edge);
  box-shadow: var(--pp-glass-shadow-soft);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
  backdrop-filter: blur(6px) saturate(130%);
}

.modern-platform .sticky-search-dock.is-visible {
  background: rgba(242, 248, 252, .92) !important;
  border-bottom: 1px solid var(--pp-glass-divider);
  box-shadow: 0 8px 24px rgba(22, 57, 78, .075);
  -webkit-backdrop-filter: blur(6px) saturate(130%) !important;
  backdrop-filter: blur(6px) saturate(130%) !important;
}

.modern-platform .sticky-search-inner input {
  background: rgba(255, 255, 255, .76);
  border-color: rgba(133, 174, 199, .36);
}

.modern-platform .header-actions .account-open,
.modern-platform .header-actions .cart-button,
.modern-platform .menu-toggle {
  background: rgba(255, 255, 255, .42);
  border-color: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 2px 9px rgba(26, 65, 90, .04);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
  backdrop-filter: blur(6px) saturate(130%);
}

.modern-platform .header-actions .account-open:hover,
.modern-platform .header-actions .cart-button:hover,
.modern-platform .menu-toggle:hover {
  background: rgba(255, 255, 255, .72);
}

/* Functional search surface gets a light glass tint; product content stays clear. */
.modern-platform .search-card {
  background: rgba(250, 252, 254, .88);
  border-color: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 48px rgba(27, 69, 94, .095);
  -webkit-backdrop-filter: blur(5px) saturate(130%);
  backdrop-filter: blur(5px) saturate(130%);
}

.modern-platform .search-form input,
.modern-platform .search-form select {
  background-color: rgba(255, 255, 255, .78);
}

.modern-platform :is(
  .product-card, .search-result, .result-card, .catalog-card, .account-card,
  .profile-card, .dashboard-card, .news-card, .material-card, .card,
  .category-card, .quote-group, .live-list-wrap, .business-card,
  .recent-search-card
) {
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(157, 184, 201, .34) !important;
  box-shadow: 0 4px 16px rgba(24, 61, 84, .045) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.modern-platform .mobile-bottom-nav {
  background: rgba(244, 249, 252, .62);
  border-top-color: var(--pp-glass-divider);
  box-shadow: 0 -5px 20px rgba(22, 57, 78, .075);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
  backdrop-filter: blur(6px) saturate(130%);
}

.modern-platform .mobile-bottom-nav button[aria-current] {
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.modern-platform .cart-drawer .drawer-panel {
  background: rgba(247, 250, 252, .94);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .modern-platform .announcement,
  .modern-platform .site-header,
  .modern-platform .sticky-search-dock.is-visible,
  .modern-platform .mobile-bottom-nav {
    background: rgba(245, 249, 252, .97) !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .modern-platform .announcement,
  .modern-platform .site-header,
  .modern-platform .main-nav.mobile-open,
  .modern-platform .sticky-search-dock.is-visible,
  .modern-platform .header-actions .account-open,
  .modern-platform .header-actions .cart-button,
  .modern-platform .menu-toggle,
  .modern-platform .mobile-bottom-nav,
  .modern-platform .cart-drawer .drawer-panel {
    background: rgba(246, 249, 251, .98) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}