/* Products page dark theme */

:root[data-theme="dark"] body.products-page {
  background: #050b18;
  color: var(--text);
}

:root[data-theme="dark"] body.products-page .site-nav a {
  color: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.products-page .site-nav a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .site-nav a[aria-current="page"] {
  background: transparent !important;
  color: var(--gold) !important;
}

:root[data-theme="dark"] body.products-page .site-nav-dropdown {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] body.products-page .site-nav-dropdown a {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .site-nav-dropdown a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

:root[data-theme="dark"] body.products-page .menu-toggle {
  background: rgba(10, 30, 70, 0.55);
  border-color: rgba(255, 255, 255, 0.14);
}

:root[data-theme="dark"] body.products-page .menu-toggle span {
  background: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.products-page .brand .brand-logo {
  filter: brightness(0) invert(1);
}

:root[data-theme="dark"] body.products-page .products-page-catalog-intro,
:root[data-theme="dark"] body.products-page .products-page-exclusive {
  background-color: #050b18;
  background-image: url("../images/dark-mode-bellino.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: min(420px, 92vw);
}

:root[data-theme="dark"] body.products-page .products-page-catalog-intro::before,
:root[data-theme="dark"] body.products-page .products-page-exclusive::before {
  background-image: linear-gradient(
    180deg,
    rgba(5, 11, 24, 0.55) 0%,
    rgba(5, 11, 24, 0.78) 100%
  );
}

:root[data-theme="dark"] body.products-page .products-catalog-head h2,
:root[data-theme="dark"] body.products-page .usa250-exclusive-head h2 {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] body.products-page .products-catalog-head .section-lead,
:root[data-theme="dark"] body.products-page .usa250-exclusive-head .section-lead {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .products-page-catalog-intro .products-catalog-head .section-kicker,
:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-exclusive-head .section-kicker,
:root[data-theme="dark"] body.products-page .products-page-exclusive .spark-lab-head .section-kicker {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .products-page-browser,
:root[data-theme="dark"] body.products-page .products-browser-band {
  background: #081428;
}

:root[data-theme="dark"] body.products-page .products-page-faq-cta-band {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: #050b18;
  background-image: url("../images/dark-mode-bellino.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: min(420px, 92vw);
  background-attachment: fixed;
}

:root[data-theme="dark"] body.products-page .products-page-faq-cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(
    180deg,
    rgba(5, 11, 24, 0.55) 0%,
    rgba(5, 11, 24, 0.78) 100%
  );
}

:root[data-theme="dark"] body.products-page .products-page-faq,
:root[data-theme="dark"] body.products-page .products-page-bottom-cta-band {
  position: relative;
  z-index: 1;
  border-top: none;
  background: transparent;
}

:root[data-theme="dark"] body.products-page .products-page-faq__bleed {
  background: transparent;
}

:root[data-theme="dark"] body.products-page .products-page-faq__inner,
:root[data-theme="dark"] body.products-page .products-page-bottom-cta-band > .container {
  position: relative;
  z-index: 1;
}

@media (min-width: 900px) {
  :root[data-theme="dark"] body.products-page .products-page-faq-cta-band {
    background-size: 560px;
  }
}

:root[data-theme="dark"] body.products-page .products-page-faq__inner {
  padding-bottom: clamp(32px, 4vw, 48px);
}

:root[data-theme="dark"] body.products-page .products-page-bottom-cta-band {
  padding-top: 0;
}

:root[data-theme="dark"] body.products-page .products-browser-sidebar {
  background: #0c1833;
  border-right-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-browser {
  --products-browser-surface: linear-gradient(180deg, #0a1228 0%, #081428 100%);
  background: var(--products-browser-surface);
}

:root[data-theme="dark"] body.products-page .products-browser-main {
  background: var(--products-browser-surface);
}

:root[data-theme="dark"] body.products-page .products-browser-tab,
:root[data-theme="dark"] body.products-page .products-browser-group-toggle {
  color: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.products-page .products-browser-group-toggle::after {
  border-color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="dark"] body.products-page .products-browser-tab:hover {
  background: rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] body.products-page .products-browser-tab.is-active {
  background: rgba(255, 255, 255, 0.08);
  border-left-color: var(--gold);
  color: #fff;
}

:root[data-theme="dark"] body.products-page .products-browser-group {
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-browser-panel-lead {
  color: var(--text-soft);
  border-left-color: rgba(255, 255, 255, 0.14);
}

:root[data-theme="dark"] body.products-page .products-browser-search-input {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: none;
}

:root[data-theme="dark"] body.products-page .products-browser-search-input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}

:root[data-theme="dark"] body.products-page .products-browser-search-input:focus {
  border-color: rgba(217, 164, 32, 0.55);
  box-shadow: 0 0 0 3px rgba(217, 164, 32, 0.16);
}

:root[data-theme="dark"] body.products-page .products-browser-search-clear {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
}

:root[data-theme="dark"] body.products-page .products-browser-search-clear:hover {
  background: rgba(217, 164, 32, 0.16);
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .products-browser-search-empty {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .products-browser .product-card-category {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .product-card,
:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card,
:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .usa250-product-card,
:root[data-theme="dark"] body.products-page .usa250-product-card,
:root[data-theme="dark"] body.products-page .spark-lab-panel,
:root[data-theme="dark"] body.products-page .spark-lab-results {
  background: #0c1833;
  border: 1px solid var(--red);
  border-radius: 10px;
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.28),
    0 8px 28px rgba(225, 31, 45, 0.22);
}

:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .usa250-product-card:hover,
:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card:hover,
:root[data-theme="dark"] body.products-page .product-card:hover {
  transform: none;
  border-color: var(--red);
  box-shadow:
    0 26px 48px rgba(0, 0, 0, 0.32),
    0 10px 32px rgba(225, 31, 45, 0.26);
}

:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .usa250-product-image {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-image-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .usa250-product-card:hover .usa250-product-image {
  background:
    radial-gradient(120% 80% at 50% 100%, rgba(225, 31, 45, 0.1) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card:hover .product-image-wrap {
  background:
    radial-gradient(120% 80% at 50% 100%, rgba(225, 31, 45, 0.1) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-body h3 {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .product-card h3,
:root[data-theme="dark"] body.products-page .usa250-product-body h3,
:root[data-theme="dark"] body.products-page .spark-lab-head h2,
:root[data-theme="dark"] body.products-page .spark-lab-question {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .product-card p,
:root[data-theme="dark"] body.products-page .usa250-product-body p,
:root[data-theme="dark"] body.products-page .spark-lab-lead,
:root[data-theme="dark"] body.products-page .spark-lab-option-text,
:root[data-theme="dark"] body.products-page .spark-lab-loading-text {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .spark-lab-loading-title {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .spark-lab-loading-spinner {
  border-color: rgba(255, 255, 255, 0.1);
  border-top-color: var(--gold);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-body p,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-body p {
  color: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-subnote,
:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-subnote span,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-subnote,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-subnote span {
  color: var(--red);
  text-decoration-color: rgba(225, 31, 45, 0.5);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-view,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-view,
:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .product-card-view {
  color: var(--gold);
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-view:hover,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-view:hover,
:root[data-theme="dark"] body.products-page .products-page-exclusive .usa250-product-grid .product-card-view:hover {
  color: #f0c14d;
}

:root[data-theme="dark"] body.products-page .products-browser .product-grid .product-card-view:focus-visible,
:root[data-theme="dark"] body.products-page .product-grid--catalog .product-card-view:focus-visible {
  outline-color: var(--gold);
}

:root[data-theme="dark"] body.products-page .spark-lab-option {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .spark-lab-option-title {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="dark"] body.products-page .spark-lab-option.is-selected {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(217, 164, 32, 0.35);
}

:root[data-theme="dark"] body.products-page .spark-lab-progress-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .spark-lab-progress-item.is-active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(225, 31, 45, 0.35);
  color: #fff;
}

:root[data-theme="dark"] body.products-page .spark-lab-result-kicker {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .spark-lab-result-head h3 {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .spark-lab-result-head h3 span {
  color: var(--red);
}

:root[data-theme="dark"] body.products-page .spark-lab-result-head p,
:root[data-theme="dark"] body.products-page .spark-lab-order-phase p,
:root[data-theme="dark"] body.products-page .spark-lab-product-list,
:root[data-theme="dark"] body.products-page .spark-lab-note {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .spark-lab-order h4,
:root[data-theme="dark"] body.products-page .spark-lab-categories h4 {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .spark-lab-order-phase {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .spark-lab-order-label {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .spark-lab-order-phase strong {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="dark"] body.products-page .spark-lab-order-link {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .spark-lab-order-link:hover {
  color: #f0c14d;
}

:root[data-theme="dark"] body.products-page .spark-lab-results .product-card-view {
  color: var(--gold);
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .spark-lab-results .product-card-view:hover {
  color: #f0c14d;
}

:root[data-theme="dark"] body.products-page .spark-lab-restart {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.products-page .products-page-faq__header h2,
:root[data-theme="dark"] body.products-page .products-page-faq__question {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .products-page-faq__header-lead,
:root[data-theme="dark"] body.products-page .products-page-faq__header-sub,
:root[data-theme="dark"] body.products-page .products-page-faq__answer p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .products-page-faq__list,
:root[data-theme="dark"] body.products-page .products-page-faq__item {
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.products-page .products-page-faq__toggle::before,
:root[data-theme="dark"] body.products-page .products-page-faq__toggle::after {
  background: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.products-page .products-page-bottom-cta__title {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.products-page .products-page-bottom-cta__lead {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .site-footer--expanded {
  border-top-color: rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.products-page .footer-expanded-brand p,
:root[data-theme="dark"] body.products-page .footer-col p,
:root[data-theme="dark"] body.products-page .footer-bottom-bar p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.products-page .footer-col h3 {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="dark"] body.products-page .footer-col a {
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="dark"] body.products-page .footer-col a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.products-page .footer-newsletter-form input {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 900px) {
  :root[data-theme="dark"] body.products-page .site-nav {
    background: #0c1833;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
  }
}