#fw-section-featured-collection-0 {
--font-heading-scale: 1.36;
--font-body-scale: 1.0;
}
#fw-section-featured-collection-0 {
--color-primary: #5daeff;
--color-primary-rgb: 93, 174, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #111111;
--color-on-background-rgb: 17, 17, 17;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #111111;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #5daeff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #111111;
--secondary-btn-bg: transparent;
--secondary-btn-text: #111111;
--secondary-btn-border-color: #111111;
section,
section > div {
  background-color: transparent !important;
}
}
#fw-section-footer {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #111111;
--color-on-primary-rgb: 17, 17, 17;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #111111;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #f4ecec;
--color-on-background-rgb: 244, 236, 236;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #f4ecec;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #f4ecec;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f4ecec;
--secondary-btn-border-color: #f4ecec;
/* TRL storm-glass header */
header {
  background:
    linear-gradient(
      90deg,
      rgba(5, 8, 13, 0.96),
      rgba(9, 18, 29, 0.88),
      rgba(5, 8, 13, 0.96)
    ) !important;

  border: 1px solid rgba(93, 174, 255, 0.22) !important;
  border-bottom: 2px solid #5DAEFF !important;
  box-shadow:
    0 12px 35px rgba(0, 0, 0, 0.45),
    0 3px 18px rgba(93, 174, 255, 0.16) !important;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Navigation links */
header a {
  color: #eaf4ff !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

header a:hover {
  color: #5DAEFF !important;
  text-shadow: 0 0 14px rgba(93, 174, 255, 0.75);
}

/* Centered league name */
header h1,
header [class*="title"],
header [class*="brand"] {
  color: #ffffff !important;
  font-family: Impact, "Arial Black", sans-serif !important;
  font-style: italic;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0 18px rgba(93, 174, 255, 0.25);
}

/* Currency and shopping-bag icons */
header button,
header svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Mobile: keep it dark but reduce transparency */
@media (max-width: 700px) {
  header {
    background: rgba(5, 8, 13, 0.97) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
/* TRL product card */
a[href*="/products/"]:has(img) {
  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(48, 112, 170, 0.20) 0%,
      rgba(9, 17, 27, 0.94) 48%,
      rgba(4, 8, 14, 0.98) 100%
    ) !important;

  border: 1px solid rgba(93, 174, 255, 0.28) !important;
  border-radius: 7px !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.48),
    inset 0 0 40px rgba(93, 174, 255, 0.035) !important;

  padding: 10px !important;
  overflow: hidden;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* TRL product-image background */
main a[href*="/products/"] > div:first-child,
main a[href*="/products/"] picture,
main a[href*="/products/"] figure,
main a[href*="/products/"] [class*="image"],
main [class*="product"] [class*="media"] {
  background:
    radial-gradient(
      circle at 50% 38%,
      #172536 0%,
      #0b111a 48%,
      #05080d 100%
    ) !important;

  border: 1px solid rgba(93, 174, 255, 0.25) !important;
  box-shadow:
    inset 0 0 40px rgba(93, 174, 255, 0.05),
    0 15px 35px rgba(0, 0, 0, 0.45) !important;
}

/* Remove any separate grey image background */
main a[href*="/products/"] img {
  background-color: transparent !important;
}

/* Product title and price */
main a[href*="/products/"] {
  color: #ffffff !important;
}

main a[href*="/products/"] [class*="price"] {
  color: #5DAEFF !important;
}
}