.valo-language-select,
#language,
#mobile-language,
#footer-language {
  min-height: 2.75rem;
  border: 1px solid rgba(67, 183, 244, 0.72) !important;
  border-radius: var(--radius-pill);
  background: var(--color-court-600) !important;
  color: #fff !important;
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
  background-position: calc(100% - 1.05rem) 50%, calc(100% - 0.72rem) 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.38rem 0.38rem, 0.38rem 0.38rem !important;
  box-shadow: 0 12px 32px rgba(18, 146, 232, 0.24);
  cursor: pointer;
  color-scheme: dark;
  padding-right: 2.25rem !important;
}

.valo-language-select:hover,
.valo-language-select:focus,
#language:hover,
#language:focus,
#mobile-language:hover,
#mobile-language:focus,
#footer-language:hover,
#footer-language:focus {
  border-color: var(--color-electric) !important;
  background: var(--color-court-500) !important;
  outline: 2px solid transparent;
  box-shadow: var(--focus-ring);
}

.valo-language-select option,
#language option,
#mobile-language option,
#footer-language option {
  background: var(--color-navy-900) !important;
  color: #fff !important;
}

html[dir="rtl"] .valo-language-select,
html[dir="rtl"] #language,
html[dir="rtl"] #mobile-language,
html[dir="rtl"] #footer-language {
  background-position: 1.05rem 50%, 1.38rem 50% !important;
  padding-left: 2.25rem !important;
  padding-right: 1rem !important;
}

.rfq-float {
  position: fixed;
  right: 1.5rem;
  bottom: 13.75rem;
  z-index: 95;
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(67, 183, 244, 0.58);
  background: var(--color-court-600);
  color: #fff;
  padding: 0.875rem 1.25rem;
  box-shadow: var(--shadow-highlight);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), background 280ms ease, color 280ms ease;
}

.rfq-float:hover {
  transform: translateY(-2px);
  background: var(--color-court-500);
  color: #fff;
}

.email-float {
  position: fixed;
  right: 1.5rem;
  bottom: 9.75rem;
  z-index: 95;
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 32, 58, 0.86);
  color: #fff;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px);
  transition: border-color 260ms ease, color 260ms ease, transform 260ms ease;
}

.email-float:hover {
  border-color: var(--color-electric);
  color: var(--color-electric);
  transform: translateY(-2px);
}

.price-cta {
  position: sticky;
  bottom: max(1rem, env(safe-area-inset-bottom));
  z-index: 40;
  margin-inline: auto;
  width: min(100% - 2rem, 44rem);
  transform: translateY(-1rem);
}

.price-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 32, 58, 0.92);
  padding: 0.875rem 1rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(24px);
}

.rfq-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(2, 12, 24, 0.78);
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease;
}

.rfq-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.rfq-modal__panel {
  width: min(100%, 46rem);
  max-height: min(90dvh, 48rem);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--color-navy-900);
  color: #fff;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55);
}

.rfq-step {
  display: none;
}

.rfq-step.is-active {
  display: block;
}

.rfq-input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  padding: 0.875rem 1rem;
  color: #fff;
  outline: none;
}

.rfq-input:focus {
  border-color: var(--color-electric);
  box-shadow: var(--focus-ring);
}

/* Round 19B launch-blocker: keep localized model CTAs inside their grid track. */
#models article > [dir="auto"] {
  min-width: 0;
  width: 100%;
}

#models article > [dir="auto"] > .mt-9 {
  flex-wrap: wrap;
}

#models article > [dir="auto"] > .mt-9 > a {
  max-width: 100%;
}

/* Global header and navigation foundation */
:root {
  --header-height-mobile: 5rem;
  --header-height-desktop: 5.75rem;
  --header-logo-mobile: 2.75rem;
  --header-logo-desktop: 3.25rem;
  --header-inline-gap: clamp(1.25rem, 2vw, 2rem);
}

body > header.fixed {
  isolation: isolate;
  width: 100%;
  max-width: 100vw;
  background: rgba(6, 20, 38, 0.34) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color: var(--color-text-on-dark);
  backdrop-filter: blur(14px) saturate(128%);
  -webkit-backdrop-filter: blur(14px) saturate(128%);
  transition: background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease, backdrop-filter 260ms ease;
}

body > header.fixed.valo-header-scrolled {
  background: rgba(8, 32, 58, 0.97) !important;
  border-bottom-color: rgba(67, 183, 244, 0.26) !important;
  box-shadow: 0 12px 38px rgba(2, 12, 24, 0.2) !important;
  backdrop-filter: blur(20px) saturate(138%);
  -webkit-backdrop-filter: blur(20px) saturate(138%);
}

body > header.fixed > nav[aria-label="Primary navigation"] {
  min-height: var(--header-height-mobile) !important;
  width: min(100%, var(--container-max));
  gap: var(--header-inline-gap);
  padding-block: 0.5rem !important;
}

body > header.fixed > nav[aria-label="Primary navigation"] > a {
  flex: 0 1 auto;
  min-width: 0;
}

body > header.fixed > nav[aria-label="Primary navigation"] > a img {
  width: auto;
  height: var(--header-logo-mobile) !important;
  max-width: min(13rem, 42vw);
  object-fit: contain;
}

body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden {
  gap: clamp(1.35rem, 2.2vw, 2.25rem) !important;
  font-size: 0.925rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: rgba(247, 251, 255, 0.82) !important;
}

body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > a,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group > a {
  background-image: linear-gradient(90deg, var(--color-court-400), var(--color-electric));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  color: inherit;
  transition: color 220ms ease, background-size 280ms var(--ease-apple);
}

body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group > a {
  padding-block: 1.25rem !important;
}

body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > a:hover,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > a:focus-visible,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group:hover > a,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group:focus-within > a {
  background-size: 100% 2px;
  color: #fff !important;
}

html[dir="rtl"] body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > a,
html[dir="rtl"] body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group > a {
  background-position: 100% 100%;
}

body > header.fixed .group > div.absolute {
  border: 1px solid rgba(67, 183, 244, 0.2) !important;
  border-radius: var(--radius-md) !important;
  background: rgba(6, 20, 38, 0.97) !important;
  box-shadow: 0 22px 70px rgba(2, 12, 24, 0.34) !important;
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
}

body > header.fixed .group:focus-within > div.absolute {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}

body > header.fixed .group > div.absolute a {
  border-radius: var(--radius-sm);
  padding: 0.55rem 0.7rem;
}

body > header.fixed .group > div.absolute a:hover,
body > header.fixed .group > div.absolute a:focus-visible {
  background: rgba(67, 183, 244, 0.1);
  color: var(--color-electric) !important;
}

body > header.fixed .valo-language-select,
body > header.fixed #language,
body > header.fixed #mobile-language {
  min-height: 2.75rem;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #fff !important;
  font-weight: 700;
}

body > header.fixed #language {
  min-width: 7.5rem;
  padding-inline-start: 1rem !important;
}

body > header.fixed .valo-language-select:hover,
body > header.fixed .valo-language-select:focus-visible,
body > header.fixed #language:hover,
body > header.fixed #language:focus-visible,
body > header.fixed #mobile-language:hover,
body > header.fixed #mobile-language:focus-visible {
  border-color: var(--color-electric) !important;
  background-color: rgba(18, 146, 232, 0.2) !important;
  box-shadow: var(--focus-ring);
}

body > header.fixed a[data-i18n="contact_button"] {
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding-inline: 1.25rem !important;
  border: 1px solid var(--color-court-400) !important;
  background: var(--color-court-600) !important;
  box-shadow: 0 12px 34px rgba(18, 146, 232, 0.24) !important;
  color: #fff !important;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

body > header.fixed a[data-i18n="contact_button"]:hover,
body > header.fixed a[data-i18n="contact_button"]:focus-visible {
  border-color: var(--color-electric) !important;
  background: var(--color-electric) !important;
  box-shadow: 0 14px 40px rgba(66, 238, 177, 0.2) !important;
  color: var(--color-navy-950) !important;
  transform: translateY(-1px);
}

body > header.fixed :where(a, button, select):focus-visible {
  outline: 2px solid var(--color-electric) !important;
  outline-offset: 3px;
}

body > header.fixed .mobile-menu-open,
body > header.fixed .mobile-menu-close {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body > header.fixed .mobile-menu-open:hover,
body > header.fixed .mobile-menu-close:hover,
body > header.fixed .mobile-menu-open:focus-visible,
body > header.fixed .mobile-menu-close:focus-visible {
  border-color: var(--color-electric) !important;
  background: rgba(118, 247, 197, 0.1) !important;
  color: var(--color-electric) !important;
}

#mobile-menu {
  max-width: 100vw;
  overflow-x: clip;
  background: var(--color-navy-950) !important;
  color: var(--color-text-on-dark);
  overscroll-behavior: contain;
}

#mobile-menu > nav {
  scrollbar-width: thin;
  scrollbar-color: rgba(67, 183, 244, 0.35) transparent;
}

#mobile-menu > nav a {
  color: inherit;
}

#mobile-menu > nav a:hover,
#mobile-menu > nav a:focus-visible {
  color: var(--color-electric) !important;
}

#mobile-menu > div:last-child {
  border-top-color: rgba(67, 183, 244, 0.18) !important;
  background: var(--color-navy-900) !important;
}

html[dir="rtl"] #mobile-menu.translate-x-full {
  transform: translateX(-100%) !important;
}

html[dir="rtl"] #mobile-menu.translate-x-0 {
  transform: translateX(0) !important;
}

html[dir="rtl"] #mobile-menu,
html[dir="rtl"] #mobile-menu nav,
html[dir="rtl"] #mobile-menu select {
  direction: rtl;
}

@media (min-width: 1024px) {
  body > header.fixed > nav[aria-label="Primary navigation"] {
    min-height: var(--header-height-desktop) !important;
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > a img {
    height: var(--header-logo-desktop) !important;
    max-width: 13rem;
  }
}

/* Round 19A-4.2: switch to the drawer before desktop navigation becomes compressed. */
body > header.fixed > nav[aria-label="Primary navigation"] > a > span,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > a,
body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden > .group > a,
body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child,
body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > #language,
body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > a[data-i18n="contact_button"] {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

body > header.fixed > nav[aria-label="Primary navigation"] > a > span {
  flex-shrink: 0;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden,
  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > #language,
  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > a[data-i18n="contact_button"] {
    display: none !important;
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > .mobile-menu-open {
    display: inline-flex !important;
  }

  body > header.fixed > #mobile-menu {
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  body > header.fixed > nav[aria-label="Primary navigation"] {
    --header-inline-gap: clamp(0.85rem, 1.2vw, 1.15rem);
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden {
    display: flex !important;
    gap: clamp(1rem, 1.45vw, 1.45rem) !important;
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > #language {
    display: block !important;
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > a[data-i18n="contact_button"] {
    display: inline-flex !important;
  }

  body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > .mobile-menu-open {
    display: none !important;
  }

  body > header.fixed .valo-company-menu {
    width: 16rem !important;
    min-width: 16rem !important;
    border-color: rgba(67, 183, 244, 0.18) !important;
    background: rgba(5, 24, 41, 0.98) !important;
    box-shadow: 0 18px 42px rgba(2, 13, 24, 0.3) !important;
  }

  body > header.fixed .valo-company-menu a {
    color: rgba(255, 255, 255, 0.82) !important;
    white-space: nowrap;
  }
}

/*
 * Round 19A-5.1: longer localized navigation labels need more inline space.
 * Keep the complete drawer treatment through 1319px for these locales, then
 * hand back to the shared desktop rules at 1320px without changing type size.
 */
@media (min-width: 1200px) and (max-width: 1319px) {
  html:is([lang="es"], [lang="fr"], [lang="it"], [lang="de"], [lang="id"])
    body > header.fixed > nav[aria-label="Primary navigation"] > div.hidden,
  html:is([lang="es"], [lang="fr"], [lang="it"], [lang="de"], [lang="id"])
    body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > #language,
  html:is([lang="es"], [lang="fr"], [lang="it"], [lang="de"], [lang="id"])
    body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > a[data-i18n="contact_button"] {
    display: none !important;
  }

  html:is([lang="es"], [lang="fr"], [lang="it"], [lang="de"], [lang="id"])
    body > header.fixed > nav[aria-label="Primary navigation"] > div:last-child > .mobile-menu-open {
    display: inline-flex !important;
  }

  html:is([lang="es"], [lang="fr"], [lang="it"], [lang="de"], [lang="id"])
    body > header.fixed > #mobile-menu {
    display: flex !important;
  }
}

html[dir="rtl"] .rfq-float,
html[dir="rtl"] .email-float {
  right: auto;
  left: 1.5rem;
}

button.mobile-menu-open {
  min-height: 3rem !important;
  width: 3rem !important;
  height: 3rem !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

button.mobile-menu-close {
  min-height: 2.75rem !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

button.mobile-menu-open svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
  stroke-width: 2.25;
}

button.mobile-menu-close svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  stroke-width: 2.25;
}

@media (max-width: 640px) {
  body {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom));
  }

  a[href*="wa.me/"],
  #back-to-top,
  .rfq-float {
    bottom: max(0.875rem, env(safe-area-inset-bottom)) !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    width: 2.75rem !important;
    border-radius: 999px !important;
    padding: 0 !important;
  }

  a[href*="wa.me/"] {
    right: 0.875rem !important;
  }

  a[href*="wa.me/"] svg {
    height: 1.55rem !important;
    width: 1.55rem !important;
  }

  .email-float {
    bottom: max(0.875rem, env(safe-area-inset-bottom)) !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    width: 2.75rem !important;
    right: 4.125rem !important;
  }

  .rfq-float {
    font-size: 0;
    letter-spacing: 0;
    right: 7.375rem !important;
    text-transform: uppercase;
  }

  .rfq-float::after {
    content: attr(data-rfq-short);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
  }

  #back-to-top {
    right: 10.625rem !important;
    z-index: 95 !important;
  }

  #back-to-top svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
  }

  html[dir="rtl"] a[href*="wa.me/"] {
    left: 0.875rem !important;
    right: auto !important;
  }

  html[dir="rtl"] .email-float {
    left: 4.125rem !important;
    right: auto !important;
  }

  html[dir="rtl"] .rfq-float {
    left: 7.375rem !important;
    right: auto !important;
  }

  html[dir="rtl"] #back-to-top {
    left: 10.625rem !important;
    right: auto !important;
  }

  .price-cta__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .price-cta {
    bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important;
    transform: none;
  }

  button.mobile-menu-open,
  button.mobile-menu-close {
    padding: 0 !important;
  }
}

/* Global footer */
body > footer,
body > footer.bg-ink {
  position: relative;
  overflow: clip;
  max-width: 100vw;
  padding-block: clamp(3.5rem, 6vw, 5.25rem) 2rem !important;
  background: var(--color-navy-950) !important;
  color: var(--color-text-on-dark) !important;
}

body > footer > div {
  width: min(100%, var(--container-max));
  border-top-color: rgba(67, 183, 244, 0.2) !important;
}

body > footer > div > div:first-child {
  gap: clamp(2.25rem, 4vw, 4rem) !important;
}

body > footer img {
  width: auto;
  height: 2.5rem !important;
  max-width: 11rem;
  object-fit: contain;
}

body > footer h2 {
  margin: 0;
  color: var(--color-court-400) !important;
  font-family: var(--font-sans);
  font-size: 0.75rem !important;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

body > footer p {
  color: var(--color-text-on-dark-muted) !important;
}

body > footer p.font-semibold {
  color: var(--color-text-on-dark) !important;
}

body > footer nav ul {
  color: rgba(233, 243, 252, 0.7) !important;
}

body > footer nav a,
body > footer > div > div:last-child a {
  display: inline-block;
  color: inherit;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3rem;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}

body > footer nav a:hover,
body > footer nav a:focus-visible,
body > footer > div > div:last-child a:hover,
body > footer > div > div:last-child a:focus-visible {
  color: var(--color-electric) !important;
  text-decoration: underline;
  text-decoration-color: var(--color-court-400);
}

body > footer .valo-language-select,
body > footer #footer-language {
  min-height: 3rem;
  border-color: rgba(67, 183, 244, 0.42) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #fff !important;
}

body > footer .valo-language-select:hover,
body > footer .valo-language-select:focus-visible,
body > footer #footer-language:hover,
body > footer #footer-language:focus-visible {
  border-color: var(--color-electric) !important;
  background-color: rgba(18, 146, 232, 0.15) !important;
  box-shadow: var(--focus-ring);
}

body > footer > div > div:last-child {
  border-top-color: rgba(67, 183, 244, 0.14) !important;
  color: rgba(233, 243, 252, 0.58) !important;
}

/* Site-wide CTA controls */
:where(a, button).bg-brass,
#contactForm button[type="submit"],
.rfq-next,
.rfq-submit,
.rfq-open,
[data-valo-cookie-choice="all"] {
  min-height: 3rem;
  border: 1px solid var(--color-court-400) !important;
  border-radius: var(--radius-pill) !important;
  background: var(--color-court-600) !important;
  box-shadow: 0 12px 34px rgba(18, 146, 232, 0.22) !important;
  color: #fff !important;
  cursor: pointer;
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

:where(a, button).bg-brass:hover,
:where(a, button).bg-brass:focus-visible,
#contactForm button[type="submit"]:hover,
#contactForm button[type="submit"]:focus-visible,
.rfq-next:hover,
.rfq-next:focus-visible,
.rfq-submit:hover,
.rfq-submit:focus-visible,
.rfq-open:hover,
.rfq-open:focus-visible,
[data-valo-cookie-choice="all"]:hover,
[data-valo-cookie-choice="all"]:focus-visible {
  border-color: var(--color-electric) !important;
  background: var(--color-electric) !important;
  box-shadow: 0 14px 38px rgba(66, 238, 177, 0.18) !important;
  color: var(--color-navy-950) !important;
  transform: translateY(-1px);
}

:where(a, button).border-brass,
.rfq-prev,
[data-valo-cookie-choice="essential"] {
  border-color: rgba(18, 146, 232, 0.48) !important;
  background: transparent !important;
  color: var(--color-court-400) !important;
}

:where(a, button).border-brass:hover,
:where(a, button).border-brass:focus-visible,
.rfq-prev:hover,
.rfq-prev:focus-visible,
[data-valo-cookie-choice="essential"]:hover,
[data-valo-cookie-choice="essential"]:focus-visible {
  border-color: var(--color-electric) !important;
  background: rgba(118, 247, 197, 0.08) !important;
  color: var(--color-electric) !important;
}

:where(a, button, input, select, textarea):disabled,
:where(a, button)[aria-disabled="true"] {
  border-color: var(--color-disabled) !important;
  background: var(--color-disabled-soft) !important;
  box-shadow: none !important;
  color: #65717d !important;
  cursor: not-allowed !important;
  opacity: 0.72;
  pointer-events: none;
  transform: none !important;
}

/* Warm-white professional forms */
#contactForm {
  width: 100%;
  max-width: 100%;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg);
  background: var(--color-warm-white) !important;
  box-shadow: var(--shadow-raised) !important;
  color: var(--color-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.valo-form-honeypot {
  position: absolute !important;
  inset-inline-start: -10000px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.valo-form-honeypot input {
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#contactForm :where(h2, h3) {
  color: var(--color-navy-900) !important;
}

#contactForm :where(label, p) {
  color: var(--color-text-muted) !important;
}

#contactForm :where(input, select, textarea),
.rfq-input {
  width: 100%;
  min-width: 0;
  min-height: 3.125rem;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised) !important;
  box-shadow: var(--shadow-xs);
  color: var(--color-text) !important;
  caret-color: var(--color-court-600);
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

#contactForm textarea,
.rfq-input:is(textarea) {
  min-height: 8.5rem;
  resize: vertical;
}

#contactForm :where(input, textarea)::placeholder,
.rfq-input::placeholder {
  color: #7b8997 !important;
  opacity: 1;
}

#contactForm :where(input, select, textarea):hover,
.rfq-input:hover {
  border-color: rgba(18, 146, 232, 0.45) !important;
}

#contactForm :where(input, select, textarea):focus-visible,
.rfq-input:focus-visible {
  border-color: var(--color-court-500) !important;
  box-shadow: var(--focus-ring), 0 0 0 1px var(--color-court-500) !important;
}

#contactForm :where(input, select, textarea)[aria-invalid="true"],
#contactForm :where(input, select, textarea).is-invalid,
#contactForm :where(input, select, textarea):user-invalid,
.rfq-input[aria-invalid="true"],
.rfq-input.is-invalid,
.rfq-input:user-invalid {
  border-color: var(--color-error) !important;
  background: var(--color-error-soft) !important;
  box-shadow: 0 0 0 3px rgba(185, 56, 74, 0.12) !important;
}

#contactForm :where(input, select, textarea)[aria-invalid="false"],
#contactForm :where(input, select, textarea).is-valid,
.rfq-input[aria-invalid="false"],
.rfq-input.is-valid {
  border-color: var(--color-success) !important;
  background: var(--color-success-soft) !important;
}

#contactForm #tip:not(:empty),
#contactForm [role="status"]:not(:empty),
.form-success:not(:empty) {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(8, 122, 88, 0.24);
  border-radius: var(--radius-sm);
  background: var(--color-success-soft);
  color: var(--color-success) !important;
}

#contactForm .form-error:not(:empty),
#contactForm [role="alert"]:not(:empty) {
  margin-top: 0.5rem;
  color: var(--color-error) !important;
}

html[dir="rtl"] #contactForm,
html[dir="rtl"] #contactForm :where(input, select, textarea),
html[dir="rtl"] .rfq-input {
  direction: rtl;
  text-align: start;
}

/* RFQ form dialog */
.rfq-modal {
  background: rgba(2, 12, 24, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.rfq-modal__panel {
  border-color: var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--color-warm-white) !important;
  box-shadow: 0 36px 110px rgba(2, 12, 24, 0.34);
  color: var(--color-text) !important;
}

.rfq-modal__panel > div:first-child {
  border-bottom-color: var(--color-border) !important;
}

.rfq-modal__panel :where(h2, h3) {
  color: var(--color-navy-900) !important;
}

.rfq-modal__panel :where(label, p) {
  color: var(--color-text-muted) !important;
}

.rfq-modal__panel .text-brass {
  color: var(--color-court-600) !important;
}

.rfq-close {
  border-color: var(--color-border-strong) !important;
  background: #fff;
  color: var(--color-navy-900) !important;
}

.rfq-close:hover,
.rfq-close:focus-visible {
  border-color: var(--color-electric) !important;
  background: var(--color-electric);
  color: var(--color-navy-950) !important;
}

/* Cookie CTA surface */
#valo-cookie-banner {
  border-top-color: rgba(67, 183, 244, 0.28) !important;
  background: rgba(6, 20, 38, 0.97) !important;
  box-shadow: 0 -16px 48px rgba(2, 12, 24, 0.24) !important;
}

/* Compact floating contact controls */
a[href*="wa.me/"],
#back-to-top,
.email-float {
  width: 2.875rem !important;
  height: 2.875rem !important;
  min-height: 2.875rem !important;
  border: 1px solid rgba(67, 183, 244, 0.42) !important;
  border-radius: var(--radius-pill) !important;
  background: rgba(8, 32, 58, 0.94) !important;
  box-shadow: 0 10px 28px rgba(2, 12, 24, 0.22) !important;
  color: #fff !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

a[href*="wa.me/"] {
  right: 1.25rem !important;
  bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
}

#back-to-top {
  right: 1.25rem !important;
  bottom: calc(max(1.25rem, env(safe-area-inset-bottom)) + 3.5rem) !important;
}

.email-float {
  right: 1.25rem !important;
  bottom: calc(max(1.25rem, env(safe-area-inset-bottom)) + 7rem) !important;
}

.rfq-float {
  right: 1.25rem !important;
  bottom: calc(max(1.25rem, env(safe-area-inset-bottom)) + 10.5rem) !important;
  min-height: 2.875rem;
  border-color: var(--color-court-400);
  background: var(--color-court-600);
  padding: 0.75rem 1rem;
  box-shadow: 0 10px 28px rgba(18, 146, 232, 0.2);
}

a[href*="wa.me/"]:hover,
a[href*="wa.me/"]:focus-visible,
#back-to-top:hover,
#back-to-top:focus-visible,
.email-float:hover,
.email-float:focus-visible,
.rfq-float:hover,
.rfq-float:focus-visible {
  border-color: var(--color-electric) !important;
  background: var(--color-court-600) !important;
  color: var(--color-electric) !important;
  transform: translateY(-1px) !important;
}

a[href*="wa.me/"] svg {
  width: 1.55rem !important;
  height: 1.55rem !important;
}

.price-cta {
  width: min(calc(100% - 2rem), 42rem);
}

.price-cta__inner {
  border-color: rgba(67, 183, 244, 0.28) !important;
  border-radius: var(--radius-xl) !important;
  background: rgba(8, 32, 58, 0.96);
  box-shadow: 0 18px 54px rgba(2, 12, 24, 0.24);
}

html[dir="rtl"] a[href*="wa.me/"] {
  right: auto !important;
  left: 1.25rem !important;
}

html[dir="rtl"] #back-to-top,
html[dir="rtl"] .email-float,
html[dir="rtl"] .rfq-float {
  right: auto !important;
  left: 1.25rem !important;
}

@media (max-width: 640px) {
  body {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
  }

  body > footer {
    padding-top: 3.5rem !important;
    padding-bottom: calc(2rem + env(safe-area-inset-bottom)) !important;
  }

  body > footer > div > div:first-child {
    gap: 2.5rem !important;
  }

  body > footer > div > div:last-child,
  body > footer > div > div:last-child > div {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem !important;
  }

  #contactForm {
    padding: 1.25rem !important;
    border-radius: var(--radius-md);
  }

  #contactForm :where(input, select, textarea),
  .rfq-input {
    font-size: 1rem;
  }

  #contactForm button[type="submit"] {
    width: 100%;
  }

  .rfq-modal {
    padding: 0.75rem;
  }

  .rfq-modal__panel {
    max-height: calc(100dvh - 1.5rem);
    border-radius: var(--radius-md) !important;
  }

  a[href*="wa.me/"],
  #back-to-top,
  .email-float,
  .rfq-float {
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    width: 2.625rem !important;
    height: 2.625rem !important;
    min-height: 2.625rem !important;
    padding: 0 !important;
  }

  a[href*="wa.me/"] { right: 0.75rem !important; }
  .email-float { right: 3.875rem !important; }
  .rfq-float { right: 7rem !important; }
  #back-to-top { right: 10.125rem !important; }

  html[dir="rtl"] a[href*="wa.me/"] { right: auto !important; left: 0.75rem !important; }
  html[dir="rtl"] .email-float { right: auto !important; left: 3.875rem !important; }
  html[dir="rtl"] .rfq-float { right: auto !important; left: 7rem !important; }
  html[dir="rtl"] #back-to-top { right: auto !important; left: 10.125rem !important; }

  .price-cta {
    bottom: calc(4.5rem + env(safe-area-inset-bottom)) !important;
    width: min(calc(100% - 1.5rem), 42rem);
  }

  .price-cta__inner {
    border-radius: var(--radius-lg) !important;
  }
}

/* Homepage Hero — Round 4
   This layer is intentionally scoped to #home so no downstream homepage
   sections, content, or responsive-image loading attributes are affected. */
#home {
  position: relative;
  isolation: isolate;
  min-height: max(46rem, 100svh) !important;
  max-width: 100vw;
  background: var(--color-navy-950) !important;
  color: var(--color-warm-white);
}

#home > [aria-hidden="true"] {
  z-index: 0;
  overflow: hidden;
  background: var(--color-navy-950);
}

#home .hero-crossfade {
  object-fit: cover;
  filter: saturate(1.08) contrast(1.08) brightness(0.88);
  transform: none !important;
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: auto;
}

#home .hero-crossfade.opacity-70 {
  opacity: 0.94 !important;
}

#home .hero-crossfade.opacity-0 {
  opacity: 0 !important;
}

#home .hero-crossfade:nth-child(1) {
  object-position: 50% 48%;
}

#home .hero-crossfade:nth-child(2) {
  object-position: 66% 58%;
}

#home .hero-crossfade:nth-child(3) {
  object-position: 50% 54%;
}

#home > .absolute.inset-0:not([aria-hidden="true"]) {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3, 15, 29, 0.94) 0%, rgba(5, 25, 46, 0.7) 34%, rgba(5, 25, 46, 0.18) 67%, rgba(3, 15, 29, 0.46) 100%),
    radial-gradient(circle at 76% 34%, rgba(18, 146, 232, 0.16), transparent 31%),
    linear-gradient(180deg, rgba(3, 15, 29, 0.2) 0%, rgba(3, 15, 29, 0.08) 42%, rgba(3, 15, 29, 0.82) 100%) !important;
}

#home > .absolute.inset-x-0.bottom-0 {
  z-index: 1;
  height: 46%;
  background: linear-gradient(to top, rgba(3, 15, 29, 0.98), rgba(3, 15, 29, 0.68) 52%, transparent) !important;
}

#home::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(111, 255, 158, 0.12) 50%, transparent calc(50% + 0.5px)),
    linear-gradient(180deg, transparent 71%, rgba(67, 183, 244, 0.14) 71%, transparent calc(71% + 1px));
  mask-image: linear-gradient(to bottom, transparent 12%, #000 34%, #000 78%, transparent 100%);
}

#home::after {
  position: absolute;
  z-index: 3;
  bottom: 0.85rem;
  left: 50%;
  width: 1px;
  height: 2.75rem;
  pointer-events: none;
  content: "";
  background: linear-gradient(to bottom, transparent, var(--color-court-400) 50%, var(--color-electric));
  box-shadow: 0 0 18px rgba(111, 255, 158, 0.42);
}

#home > .relative {
  z-index: 2;
  min-height: max(46rem, 100svh) !important;
  padding-top: calc(var(--header-height, 5.75rem) + clamp(2.5rem, 7vh, 5.5rem)) !important;
  padding-bottom: clamp(4.5rem, 8vh, 6.5rem) !important;
}

#home > .relative > p:first-child {
  margin-bottom: clamp(1rem, 2vh, 1.5rem) !important;
  border-color: var(--color-electric) !important;
  border-radius: var(--radius-sm);
  background: rgba(4, 25, 47, 0.62) !important;
  color: rgba(248, 246, 240, 0.88) !important;
  box-shadow: 0 14px 40px rgba(2, 12, 24, 0.22) !important;
  backdrop-filter: blur(12px) saturate(1.1);
}

#home h1 {
  max-width: 58rem !important;
  font-size: clamp(3.75rem, 6.75vw, 7rem) !important;
  line-height: 0.91 !important;
  letter-spacing: -0.045em;
  text-wrap: balance;
  text-shadow: 0 3px 30px rgba(2, 12, 24, 0.5);
}

#home h1 + div {
  margin-top: clamp(1.5rem, 3.5vh, 2.75rem) !important;
  gap: clamp(1.25rem, 3vw, 3rem) !important;
}

#home h1 + div > p {
  max-width: 43rem !important;
  color: rgba(248, 246, 240, 0.84) !important;
  text-shadow: 0 2px 18px rgba(2, 12, 24, 0.42);
}

#home h1 + div > div {
  border-color: rgba(67, 183, 244, 0.3) !important;
  border-radius: var(--radius-md) !important;
  background: rgba(4, 25, 47, 0.62) !important;
  box-shadow: 0 18px 52px rgba(2, 12, 24, 0.3) !important;
  backdrop-filter: blur(14px) saturate(1.15);
}

#home h1 + div strong {
  color: var(--color-court-300) !important;
}

#home h1 + div span {
  color: rgba(248, 246, 240, 0.68) !important;
}

#home > .relative > div:last-child {
  margin-top: clamp(1.5rem, 4vh, 2.75rem) !important;
}

#home > .relative > div:last-child > a {
  min-height: var(--button-height-lg);
  border-radius: var(--radius-pill) !important;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast) !important;
}

#home > .relative > div:last-child > a:first-child {
  border: 1px solid var(--color-court-400) !important;
  background: var(--color-court-600) !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(18, 146, 232, 0.32) !important;
}

#home > .relative > div:last-child > a:first-child:hover {
  border-color: var(--color-electric) !important;
  background: var(--color-court-500) !important;
  color: var(--color-navy-950) !important;
  box-shadow: 0 18px 42px rgba(111, 255, 158, 0.2) !important;
  transform: translateY(-2px);
}

#home > .relative > div:last-child > a:last-child {
  border-color: rgba(248, 246, 240, 0.42) !important;
  background: rgba(4, 25, 47, 0.5) !important;
  color: var(--color-warm-white) !important;
  backdrop-filter: blur(12px);
}

#home > .relative > div:last-child > a:last-child:hover {
  border-color: var(--color-court-300) !important;
  background: rgba(18, 146, 232, 0.22) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

#home > .relative > div:last-child > a:focus-visible {
  outline: 3px solid var(--color-electric) !important;
  outline-offset: 4px;
}

html[dir="rtl"] #home > .absolute.inset-0:not([aria-hidden="true"]) {
  background:
    linear-gradient(270deg, rgba(3, 15, 29, 0.94) 0%, rgba(5, 25, 46, 0.7) 34%, rgba(5, 25, 46, 0.18) 67%, rgba(3, 15, 29, 0.46) 100%),
    radial-gradient(circle at 24% 34%, rgba(18, 146, 232, 0.16), transparent 31%),
    linear-gradient(180deg, rgba(3, 15, 29, 0.2) 0%, rgba(3, 15, 29, 0.08) 42%, rgba(3, 15, 29, 0.82) 100%) !important;
}

@media (min-width: 640px) {
  html[dir="rtl"] #home > .relative > div:last-child {
    flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  #home,
  #home > .relative {
    min-height: max(48rem, 100svh) !important;
  }

  #home .hero-crossfade:nth-child(1) {
    object-position: 50% 46%;
  }

  #home .hero-crossfade:nth-child(2) {
    object-position: 61% 50%;
  }

  #home .hero-crossfade:nth-child(3) {
    object-position: 50% 48%;
  }

  #home > .absolute.inset-0:not([aria-hidden="true"]) {
    background:
      linear-gradient(180deg, rgba(3, 15, 29, 0.2) 0%, rgba(3, 15, 29, 0.08) 28%, rgba(3, 15, 29, 0.64) 54%, rgba(3, 15, 29, 0.98) 100%),
      radial-gradient(circle at 50% 29%, rgba(18, 146, 232, 0.12), transparent 42%) !important;
  }

  #home > .absolute.inset-x-0.bottom-0 {
    height: 68%;
  }

  #home::before {
    background: linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(111, 255, 158, 0.11) 50%, transparent calc(50% + 0.5px));
  }

  #home::after {
    bottom: 0.55rem;
    height: 2rem;
  }

  #home > .relative {
    padding-top: calc(var(--header-height-mobile, 5rem) + 2.25rem) !important;
    padding-bottom: 3.5rem !important;
  }

  #home > .relative > p:first-child {
    padding: 0.55rem 0.75rem !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.14em !important;
  }

  #home h1 {
    max-width: 23rem !important;
    font-size: clamp(2.55rem, 12.4vw, 3.5rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.038em;
  }

  #home h1 + div {
    margin-top: 1.25rem !important;
    gap: 1rem !important;
  }

  #home h1 + div > p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  #home h1 + div > div {
    padding: 0.85rem 0.5rem !important;
  }

  #home h1 + div strong {
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
  }

  #home h1 + div span {
    font-size: 0.58rem !important;
    letter-spacing: 0.1em !important;
  }

  #home > .relative > div:last-child {
    margin-top: 1.25rem !important;
  }

  #home > .relative > div:last-child > a {
    width: 100%;
    min-height: var(--button-height-md);
  }
}

@media (max-width: 340px) {
  #home,
  #home > .relative {
    min-height: max(50rem, 100svh) !important;
  }

  #home > .relative {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  #home h1 {
    font-size: 2.45rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #home .hero-crossfade,
  #home > .relative > div:last-child > a {
    transition: none !important;
  }
}

/* English Company navigation: keep Insights discoverable without widening the Header. */
.valo-company-nav:focus-within .valo-company-menu,
[data-valo-company-trigger][aria-expanded="true"] + .valo-company-menu {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.valo-company-nav.valo-company-nav--closed .valo-company-menu {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(-0.5rem) !important;
  pointer-events: none !important;
}

/* Final QA: keep floating contact controls clear of the mobile Footer. */
body > .rfq-float {
  display: none !important;
}

@media (max-width: 767px) {
  body.footer-contact-clearance > :is(.rfq-float, .email-float, a[href*="wa.me/"], #back-to-top) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Product detail screenshot corrections - Round 9.1 */
body.valo-product-page main > section[aria-labelledby="hero-title"],
body.valo-product-page main > section[aria-labelledby="hero-title"] > div.relative {
  min-height: clamp(35rem, 70svh, 40rem) !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > div.relative {
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img {
  filter: saturate(1.02) contrast(1.01) brightness(1.08) !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"] {
  object-position: center 58% !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"] {
  object-position: center 57% !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"] {
  object-position: center 60% !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"] {
  object-position: center 59% !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(90deg, rgba(4, 18, 33, 0.56) 0%, rgba(4, 22, 41, 0.26) 46%, rgba(4, 22, 41, 0.04) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.28)) !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] > img + div.absolute + div.absolute {
  height: 7rem !important;
  background: linear-gradient(to top, rgba(7, 27, 49, 0.58), transparent) !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] .reveal {
  max-width: 58rem !important;
  border-color: rgba(121, 205, 250, 0.3) !important;
  background: linear-gradient(135deg, rgba(5, 25, 45, 0.3), rgba(6, 31, 55, 0.17)) !important;
  box-shadow: 0 18px 54px rgba(2, 13, 26, 0.18) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

body.valo-product-page #hero-title {
  max-width: 14ch;
  font-size: clamp(3.5rem, 5.8vw, 5.5rem) !important;
  line-height: 0.9 !important;
}

body.valo-product-page #hero-title + p {
  max-width: 38rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 2px 16px rgba(1, 12, 24, 0.46);
}

html[dir="rtl"] body.valo-product-page main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(270deg, rgba(4, 18, 33, 0.56) 0%, rgba(4, 22, 41, 0.26) 46%, rgba(4, 22, 41, 0.04) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.28)) !important;
}

body.valo-product-page .rfq-float {
  display: none !important;
}

body.valo-product-page .price-cta {
  position: fixed !important;
  right: auto;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  left: 50%;
  z-index: 88;
  width: auto;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translate(-50%, calc(100% + 2rem)) !important;
  transition: opacity 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), visibility 220ms ease;
}

body.valo-product-page .price-cta__inner {
  border-color: rgba(67, 183, 244, 0.32) !important;
  background: rgba(7, 30, 54, 0.9) !important;
  padding: 0.55rem !important;
  box-shadow: 0 12px 34px rgba(2, 12, 24, 0.22) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.valo-product-page .price-cta__inner > div:first-child {
  display: none;
}

body.valo-product-page .price-cta .rfq-open {
  min-height: 2.75rem;
  border: 1px solid var(--product-blue-bright) !important;
  background: var(--product-blue) !important;
  padding: 0.7rem 1.25rem !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.valo-product-page.product-hero-passed .price-cta {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 0) !important;
}

html[dir="rtl"] body.valo-product-page #gallery {
  padding-top: 4.5rem !important;
}

html[dir="rtl"] body.valo-product-page #gallery :is(.text-left, h2, p) {
  text-align: right !important;
}

@media (max-width: 767px) {
  body.valo-product-page main > section[aria-labelledby="hero-title"],
  body.valo-product-page main > section[aria-labelledby="hero-title"] > div.relative {
    min-height: clamp(34rem, 78svh, 39rem) !important;
  }

  body.valo-product-page main > section[aria-labelledby="hero-title"] > div.relative {
    padding-top: 6.5rem !important;
    padding-bottom: 1.25rem !important;
  }

  body.valo-product-page main > section[aria-labelledby="hero-title"] .reveal {
    padding: 1.25rem !important;
    background: linear-gradient(135deg, rgba(5, 25, 45, 0.4), rgba(6, 31, 55, 0.24)) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }

  body.valo-product-page #hero-title {
    max-width: none;
    font-size: clamp(2.85rem, 12vw, 3.2rem) !important;
    line-height: 0.92 !important;
    text-wrap: balance;
  }

  body.valo-product-page main > section[aria-labelledby="hero-title"] > img,
  body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"],
  body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"],
  body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"],
  body.valo-product-page main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"] {
    object-position: center 58% !important;
  }

  body.valo-product-page {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
  }

  body.valo-product-page .price-cta {
    right: 7rem;
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    left: auto;
    transform: translateY(calc(100% + 1.5rem)) !important;
  }

  body.valo-product-page.product-hero-passed .price-cta {
    transform: translateY(0) !important;
  }

  html[dir="rtl"] body.valo-product-page .price-cta {
    right: auto;
    left: 7rem;
  }

  body.valo-product-page .price-cta__inner {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.valo-product-page .price-cta .rfq-open {
    min-height: 2.625rem;
    padding: 0.65rem 0.9rem !important;
    font-size: 0.66rem;
    letter-spacing: 0.08em;
  }
}

@media (max-width: 340px) {
  body.valo-product-page #hero-title {
    font-size: 2.7rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.valo-product-page .price-cta {
    transition: none !important;
  }
}

/* Product detail pages — Round 9
   Shared visual and layout system for Signature, Infinite, Heritage and Sovereign. */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"] ~ #gallery ~ section[aria-labelledby="technical-specs-title"]) {
  --product-navy: #071b31;
  --product-navy-soft: #0b2948;
  --product-blue: #168ad4;
  --product-blue-bright: #43b7f4;
  --product-electric: #64f5ba;
  --product-warm: #fbfaf6;
  --product-ink: #07182c;
  --product-line: rgba(9, 44, 76, 0.14);
  background: var(--product-warm) !important;
  color: var(--product-ink);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"] ~ #gallery ~ section[aria-labelledby="technical-specs-title"])
  main {
  overflow: clip;
}

/* Product hero */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] {
  min-height: clamp(40rem, 82svh, 48rem) !important;
  background: var(--product-navy) !important;
  isolation: isolate;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img {
  opacity: 1 !important;
  filter: saturate(0.94) contrast(1.04);
  object-fit: cover;
  object-position: center 54%;
  transform: none !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"] {
  object-position: center 50%;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"] {
  object-position: center 48%;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"] {
  object-position: center 56%;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"] {
  object-position: center 52%;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background: linear-gradient(90deg, rgba(4, 19, 35, 0.94) 0%, rgba(4, 22, 41, 0.7) 43%, rgba(4, 22, 41, 0.16) 76%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.24), rgba(4, 18, 33, 0.74)) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute + div.absolute {
  height: 15rem !important;
  background: linear-gradient(to top, var(--product-navy), rgba(7, 27, 49, 0.72), transparent) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > div.relative {
  min-height: clamp(40rem, 82svh, 48rem) !important;
  padding-bottom: clamp(2rem, 5vw, 4rem) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal {
  max-width: 68rem !important;
  border: 1px solid rgba(121, 205, 250, 0.26) !important;
  border-radius: clamp(1.25rem, 2vw, 1.75rem) !important;
  background: linear-gradient(135deg, rgba(6, 26, 47, 0.88), rgba(7, 34, 61, 0.66)) !important;
  box-shadow: 0 28px 80px rgba(2, 13, 26, 0.34) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal > p:first-child,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:not(#gallery) > div .text-brass {
  color: var(--product-blue-bright) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #hero-title {
  max-width: 13ch;
  font-size: clamp(4rem, 7.2vw, 7rem) !important;
  line-height: 0.86 !important;
  text-wrap: balance;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #hero-title + p {
  max-width: 42rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main a[href*="contact.html"] {
  border: 1px solid var(--product-blue-bright) !important;
  background: var(--product-blue) !important;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(22, 138, 212, 0.24) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main a[href*="contact.html"]:hover,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main a[href*="contact.html"]:focus-visible {
  border-color: var(--product-electric) !important;
  background: var(--product-blue-bright) !important;
  color: var(--product-navy) !important;
  transform: translateY(-2px);
}

/* Shared section rhythm and alternating surfaces */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:not([aria-labelledby="hero-title"]) {
  scroll-margin-top: var(--header-height, 5rem);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="anatomy-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="specs-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="versatility-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="metrics-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery {
  background: var(--product-warm) !important;
  color: var(--product-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="seamless-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="spotlight-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="zero-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="blueprint-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="technical-specs-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="cta-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="trust-title"],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="logistics-title"] {
  background-color: var(--product-navy) !important;
  color: #fff !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:not([aria-labelledby="hero-title"]) h2 {
  max-width: 16ch;
  font-size: clamp(3rem, 5.1vw, 5.25rem) !important;
  line-height: 0.94 !important;
  text-wrap: balance;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:not([aria-labelledby="hero-title"]) h3 {
  line-height: 1 !important;
  text-wrap: balance;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="anatomy-title"] :is(h2, h3, p),
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="specs-title"] :is(h2, h3, p),
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="versatility-title"] :is(h2, h3, p),
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="metrics-title"] :is(h2, h3, p),
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery :is(h2, h3, p) {
  color: var(--product-ink) !important;
}

/* Feature and structural cards */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="anatomy-title"] article,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="specs-title"] article,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="versatility-title"] article,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="metrics-title"] article {
  overflow: hidden;
  border: 1px solid var(--product-line) !important;
  border-radius: 1.25rem !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 18px 52px rgba(5, 31, 56, 0.08);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="anatomy-title"] article > div[aria-hidden="true"] {
  border-color: rgba(22, 138, 212, 0.4) !important;
  border-radius: 0.75rem;
  background: rgba(22, 138, 212, 0.08);
  color: var(--product-blue) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="anatomy-title"] img,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="versatility-title"] img,
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="zero-title"] img:not(.absolute) {
  aspect-ratio: 4 / 3 !important;
  border-radius: 1rem !important;
  object-fit: cover !important;
  opacity: 1 !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="seamless-title"] [data-step-card],
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="spotlight-title"] [data-step-card] {
  border-color: rgba(67, 183, 244, 0.28) !important;
  border-radius: 1.25rem !important;
  background: rgba(7, 32, 57, 0.82) !important;
  box-shadow: 0 20px 62px rgba(1, 12, 24, 0.28) !important;
}

/* Blueprint */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="blueprint-title"] {
  background-image: radial-gradient(circle at 50% 0%, rgba(22, 138, 212, 0.26), transparent 38%),
    linear-gradient(180deg, #071b31, #061524) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="blueprint-title"] > div.relative > div:last-child {
  display: grid;
  min-height: clamp(22rem, 52vw, 42rem);
  place-items: center;
  overflow: hidden;
  border-color: rgba(67, 183, 244, 0.25) !important;
  border-radius: 1.5rem !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="blueprint-title"] img {
  display: block;
  width: 100%;
  max-height: 40rem;
  object-fit: contain;
}

/* Gallery */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery figure {
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 1.25rem;
  background: var(--product-navy);
  box-shadow: 0 20px 58px rgba(5, 31, 56, 0.1);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  border-radius: 0 !important;
  background: var(--product-navy);
  object-fit: contain !important;
  object-position: center;
  opacity: 1 !important;
  transform: none;
  transition: filter 240ms ease, transform 240ms ease !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery figure:hover img {
  filter: brightness(1.04) saturate(1.04);
  transform: scale(1.008);
}

/* Specifications */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="technical-specs-title"] {
  background-image: linear-gradient(rgba(67, 183, 244, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(67, 183, 244, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, var(--product-navy), #061523) !important;
  background-size: 44px 44px, 44px 44px, auto;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="technical-specs-title"] > div > div:last-child {
  gap: 1rem !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="technical-specs-title"] article {
  border: 1px solid rgba(67, 183, 244, 0.18) !important;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="technical-specs-title"] article:hover {
  border-color: rgba(100, 245, 186, 0.52) !important;
  background: rgba(22, 138, 212, 0.11) !important;
  transform: translateY(-2px);
}

/* Closing trust and CTA sections */
body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:is([aria-labelledby="cta-title"], [aria-labelledby="trust-title"], [aria-labelledby="logistics-title"])::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(120deg, rgba(7, 27, 49, 0.94), rgba(8, 49, 84, 0.74), rgba(7, 27, 49, 0.9));
  content: "";
  pointer-events: none;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section:is([aria-labelledby="cta-title"], [aria-labelledby="trust-title"], [aria-labelledby="logistics-title"]) > * {
  position: relative;
  z-index: 1;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  .rfq-float {
  border-color: var(--product-blue-bright) !important;
  background: var(--product-blue) !important;
  box-shadow: 0 12px 32px rgba(22, 138, 212, 0.28) !important;
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  .price-cta {
  width: min(calc(100% - 10rem), 36rem);
}

body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main :focus-visible {
  outline: 3px solid var(--product-electric) !important;
  outline-offset: 4px !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background: linear-gradient(270deg, rgba(4, 19, 35, 0.94) 0%, rgba(4, 22, 41, 0.7) 43%, rgba(4, 22, 41, 0.16) 76%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.24), rgba(4, 18, 33, 0.74)) !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #gallery .text-left {
  text-align: right !important;
}

@media (max-width: 767px) {
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"],
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > div.relative {
    min-height: clamp(36rem, 82svh, 42rem) !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: center 50%;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal {
    padding: 1.35rem !important;
    border-radius: 1.25rem !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    max-width: none;
    font-size: clamp(3.1rem, 13vw, 3.5rem) !important;
    line-height: 0.9 !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title + p {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section:not([aria-labelledby="hero-title"]) {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section:not([aria-labelledby="hero-title"]) h2 {
    font-size: clamp(2.75rem, 12.5vw, 3.6rem) !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="blueprint-title"] > div.relative > div:last-child {
    min-height: 18rem;
    padding: 0.75rem !important;
    border-radius: 1rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #gallery > div > div:last-child,
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #gallery > div > div:last-child > div {
    gap: 1rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #gallery img {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 340px) {
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    font-size: 3rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section:not([aria-labelledby="hero-title"]) {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section:not([aria-labelledby="hero-title"]) h2 {
    font-size: 2.65rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main :is(a, button, article, img),
  body:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #gallery img {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Homepage Court Models — Round 5
   Scoped to #models to preserve the Hero and every other homepage section. */
#models {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 16%, rgba(67, 183, 244, 0.1), transparent 24rem),
    radial-gradient(circle at 88% 74%, rgba(111, 255, 158, 0.055), transparent 22rem),
    var(--color-warm-white) !important;
  color: var(--color-navy-950);
}

#models::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(rgba(18, 146, 232, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 146, 232, 0.035) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 32%, transparent 70%, #000);
}

#models > div:first-of-type {
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(2.75rem, 5vw, 4.5rem) !important;
}

#models > div:first-of-type > div {
  max-width: 58rem !important;
}

#models > div:first-of-type p:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--color-court-700) !important;
}

#models > div:first-of-type p:first-child::before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-electric);
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.13);
  content: "";
}

#models-title {
  max-width: 54rem;
  color: var(--color-navy-950) !important;
  font-size: clamp(3.25rem, 6.2vw, 6.35rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
}

#models > div:first-of-type p:last-child {
  max-width: 44rem !important;
  color: rgba(6, 30, 55, 0.72) !important;
}

#models > div:nth-of-type(2) {
  padding-bottom: clamp(5rem, 10vw, 9rem) !important;
}

#models article {
  position: relative;
  width: 100%;
  margin-block: clamp(1.5rem, 4vw, 3.5rem);
  padding: clamp(1rem, 2.2vw, 2rem) !important;
  gap: clamp(2rem, 4.5vw, 4.5rem) !important;
  border: 1px solid rgba(6, 30, 55, 0.11);
  border-radius: var(--radius-xl);
  background: rgba(255, 253, 248, 0.94);
  box-shadow: 0 22px 64px rgba(6, 30, 55, 0.09);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

#models article:first-child {
  border-color: rgba(18, 146, 232, 0.32);
  box-shadow: 0 28px 78px rgba(6, 30, 55, 0.14), 0 0 0 1px rgba(67, 183, 244, 0.08);
}

#models article:first-child::before {
  position: absolute;
  top: -1px;
  right: clamp(1.5rem, 5vw, 5rem);
  left: clamp(1.5rem, 5vw, 5rem);
  height: 3px;
  border-radius: 0 0 var(--radius-pill) var(--radius-pill);
  background: linear-gradient(90deg, var(--color-court-700), var(--color-court-400) 68%, var(--color-electric));
  content: "";
}

#models article > div.overflow-hidden {
  position: relative;
  aspect-ratio: 16 / 10;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(67, 183, 244, 0.24);
  border-radius: var(--radius-lg);
  background: var(--color-navy-950) !important;
  box-shadow: 0 18px 46px rgba(2, 12, 24, 0.2) !important;
}

#models article > div.overflow-hidden::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(145deg, rgba(67, 183, 244, 0.08), transparent 36%, rgba(3, 15, 29, 0.12));
  box-shadow: inset 0 0 0 1px rgba(248, 246, 240, 0.06);
}

#models article > div.overflow-hidden > img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.025);
  transform: none !important;
  transition: filter var(--transition-base), opacity var(--transition-base) !important;
}

#models article:nth-child(1) > div.overflow-hidden > img {
  object-position: 50% 50% !important;
}

#models article:nth-child(2) > div.overflow-hidden > img {
  object-position: 52% 52% !important;
}

#models article:nth-child(3) > div.overflow-hidden > img {
  object-position: 50% 54% !important;
}

#models article:nth-child(4) > div.overflow-hidden > img {
  object-position: 50% 50% !important;
}

#models article > [dir="auto"] {
  width: 100%;
  max-width: 36rem !important;
  padding: clamp(0.25rem, 1vw, 0.75rem);
}

#models article > [dir="auto"] > p:first-child {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  margin: 0;
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(18, 146, 232, 0.22);
  border-radius: var(--radius-pill);
  background: rgba(18, 146, 232, 0.08);
  color: var(--color-court-700) !important;
  letter-spacing: 0.16em !important;
}

#models article h3 {
  margin-top: 1.1rem !important;
  color: var(--color-navy-950) !important;
  font-size: clamp(2.75rem, 4.6vw, 5rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

#models article:first-child h3 {
  font-size: clamp(3.1rem, 5.2vw, 5.5rem) !important;
}

#models article > [dir="auto"] > p:nth-of-type(2) {
  margin-top: 1.1rem !important;
  color: var(--color-court-700) !important;
  font-size: clamp(1.1rem, 1.6vw, 1.35rem) !important;
  line-height: 1.42 !important;
}

#models article > [dir="auto"] > p:nth-of-type(3) {
  margin-top: 1.2rem !important;
  color: rgba(6, 30, 55, 0.72) !important;
  font-size: clamp(1rem, 1.25vw, 1.125rem) !important;
  line-height: 1.7 !important;
}

#models article > [dir="auto"] > div:last-child {
  margin-top: clamp(1.5rem, 3vw, 2.25rem) !important;
}

#models article > [dir="auto"] > div:last-child > a {
  min-height: var(--button-height-md);
  border-radius: var(--radius-pill) !important;
  white-space: nowrap;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast) !important;
}

#models article > [dir="auto"] > div:last-child > a:first-child {
  border: 1px solid var(--color-court-600) !important;
  background: var(--color-court-600) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(18, 146, 232, 0.2);
}

#models article > [dir="auto"] > div:last-child > a:first-child:hover {
  border-color: var(--color-electric) !important;
  background: var(--color-court-500) !important;
  color: var(--color-navy-950) !important;
  transform: translateY(-2px);
}

#models article > [dir="auto"] > div:last-child > a:last-child {
  border-color: rgba(6, 30, 55, 0.22) !important;
  background: rgba(255, 253, 248, 0.72);
  color: var(--color-navy-900) !important;
}

#models article > [dir="auto"] > div:last-child > a:last-child:hover {
  border-color: var(--color-court-500) !important;
  background: rgba(18, 146, 232, 0.09) !important;
  color: var(--color-court-700) !important;
  transform: translateY(-2px);
}

#models article > [dir="auto"] > div:last-child > a:focus-visible {
  outline: 3px solid var(--color-electric) !important;
  outline-offset: 4px;
}

#models article > [dir="auto"] > div:last-child > a:active {
  box-shadow: none !important;
  transform: translateY(0) scale(0.985) !important;
}

#models article:focus-within {
  border-color: rgba(18, 146, 232, 0.48);
  box-shadow: 0 26px 72px rgba(6, 30, 55, 0.14);
}

@media (hover: hover) and (pointer: fine) {
  #models article:hover {
    border-color: rgba(18, 146, 232, 0.38);
    box-shadow: 0 30px 78px rgba(6, 30, 55, 0.14);
    transform: translateY(-3px);
  }

  #models article:hover > div.overflow-hidden > img {
    filter: saturate(1.1) contrast(1.04);
  }
}

@media (min-width: 1024px) {
  #models article {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    min-height: 34rem;
  }

  #models article:first-child {
    grid-template-columns: minmax(0, 1.18fr) minmax(22rem, 0.82fr) !important;
    min-height: 39rem;
  }

  #models article:not(:first-child) {
    width: 94%;
  }

  #models article:nth-child(even) {
    margin-left: auto;
  }

  #models article:nth-child(odd):not(:first-child) {
    margin-right: auto;
  }

  html[dir="rtl"] #models article:nth-child(even) {
    margin-right: auto;
    margin-left: 0;
  }

  html[dir="rtl"] #models article:nth-child(odd):not(:first-child) {
    margin-right: 0;
    margin-left: auto;
  }

  html[dir="rtl"] #models article > [dir="auto"] > div:last-child {
    flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  #models > div:first-of-type {
    padding-top: 4.5rem !important;
    padding-bottom: 2rem !important;
  }

  #models-title {
    font-size: clamp(2.75rem, 13vw, 3.6rem) !important;
  }

  #models > div:nth-of-type(2) {
    padding-bottom: 4.5rem !important;
  }

  #models article {
    margin-block: 1.25rem;
    padding: 0.75rem 0.75rem 1.25rem !important;
    gap: 1.5rem !important;
    border-radius: var(--radius-lg);
  }

  #models article > div.overflow-hidden {
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
    border-radius: var(--radius-md);
  }

  #models article > [dir="auto"] {
    padding: 0.25rem 0.5rem;
  }

  #models article h3,
  #models article:first-child h3 {
    font-size: clamp(2.45rem, 11.5vw, 3.25rem) !important;
  }

  #models article > [dir="auto"] > div:last-child {
    gap: 0.65rem !important;
  }

  #models article > [dir="auto"] > div:last-child > a {
    width: 100%;
  }
}

@media (max-width: 340px) {
  #models article {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }

  #models article h3,
  #models article:first-child h3 {
    font-size: 2.3rem !important;
  }

  #models article > [dir="auto"] > p:nth-of-type(2) {
    font-size: 1.05rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #models article,
  #models article > div.overflow-hidden > img,
  #models article > [dir="auto"] > div:last-child > a {
    transition: none !important;
  }
}

/* Homepage Engineering & Materials — Round 6
   All selectors stay inside #engineering so Hero, Models, and later sections
   retain their existing presentation. */
#engineering {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--color-navy-950) !important;
  color: var(--color-warm-white);
}

#engineering > .grid {
  align-items: stretch;
  background: var(--color-warm-white);
}

#engineering > .grid > div:first-child {
  isolation: isolate;
  background: var(--color-navy-950);
}

#engineering > .grid > div:first-child::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(3, 15, 29, 0.06), rgba(3, 15, 29, 0.26) 66%, rgba(3, 15, 29, 0.82)),
    linear-gradient(90deg, transparent 70%, rgba(3, 15, 29, 0.42));
}

#engineering > .grid > div:first-child::after {
  position: absolute;
  z-index: 3;
  right: 1.5rem;
  bottom: 1.5rem;
  width: min(9rem, 24%);
  height: 3px;
  pointer-events: none;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--color-court-500), var(--color-electric));
  box-shadow: 0 0 24px rgba(111, 255, 158, 0.24);
  content: "";
}

#engineering > .grid > div:first-child > img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  object-fit: cover;
  object-position: 54% 50%;
  filter: saturate(0.92) contrast(1.07) brightness(0.86);
}

#engineering > .grid > div:first-child > div.absolute {
  z-index: 2;
  background: linear-gradient(to top, rgba(3, 15, 29, 0.82), transparent 52%) !important;
}

#engineering > .grid > div:last-child {
  position: relative;
  z-index: 4;
  background:
    radial-gradient(circle at 92% 8%, rgba(67, 183, 244, 0.1), transparent 20rem),
    var(--color-warm-white);
  color: var(--color-navy-950);
}

#engineering > .grid > div:last-child::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(rgba(18, 146, 232, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 146, 232, 0.035) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  mask-image: linear-gradient(to bottom, #000, transparent 44%);
}

#engineering > .grid > div:last-child > p:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--color-court-700) !important;
}

#engineering > .grid > div:last-child > p:first-child::before {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--color-electric);
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.13);
  content: "";
}

#engineering-title {
  max-width: 48rem;
  color: var(--color-navy-950) !important;
  font-size: clamp(3.5rem, 5.6vw, 6.25rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#engineering-title + p {
  max-width: 43rem !important;
  color: rgba(6, 30, 55, 0.72) !important;
}

#engineering > .grid > div:last-child > div:last-child {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: start;
  gap: clamp(0.9rem, 1.4vw, 1.25rem) !important;
  margin-top: clamp(2.5rem, 5vw, 4rem) !important;
}

#engineering article {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  padding: 0 0 clamp(1.25rem, 2vw, 1.75rem) !important;
  border: 1px solid rgba(6, 30, 55, 0.12) !important;
  border-radius: var(--radius-lg);
  background: rgba(255, 253, 248, 0.96) !important;
  color: var(--color-navy-950);
  box-shadow: 0 18px 48px rgba(6, 30, 55, 0.09) !important;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

#engineering article:nth-child(1),
#engineering article:nth-child(4) {
  grid-column: span 7;
}

#engineering article:nth-child(2),
#engineering article:nth-child(3) {
  grid-column: span 5;
}

#engineering .engineering-card-media {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  background: var(--color-navy-950);
  filter: saturate(0.94) contrast(1.04);
  transition: filter var(--transition-base) !important;
}

#engineering article:nth-child(2) .engineering-card-media,
#engineering article:nth-child(3) .engineering-card-media {
  aspect-ratio: 4 / 3;
}

#engineering article:nth-child(1) .engineering-card-media {
  object-position: 52% 50%;
}

#engineering article:nth-child(2) .engineering-card-media {
  object-position: 54% 52%;
}

#engineering article:nth-child(3) .engineering-card-media {
  object-fit: contain;
  object-position: 50% 50%;
}

#engineering article:nth-child(4) .engineering-card-media {
  object-position: 55% 48%;
}

#engineering article > div[aria-hidden="true"] {
  position: relative;
  z-index: 2;
  width: 2.75rem !important;
  height: 2.75rem !important;
  margin: -1.375rem 1.25rem 0 !important;
  flex: 0 0 2.75rem;
  border: 1px solid rgba(67, 183, 244, 0.4);
  background: var(--color-navy-900) !important;
  color: var(--color-electric) !important;
  box-shadow: 0 8px 22px rgba(2, 12, 24, 0.22);
}

#engineering article h3 {
  margin: 1rem 1.25rem 0;
  color: var(--color-navy-950) !important;
  font-size: clamp(1.75rem, 2.4vw, 2.6rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

#engineering article > p {
  margin: 0.85rem 1.25rem 0 !important;
  color: rgba(6, 30, 55, 0.68) !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
}

@media (hover: hover) and (pointer: fine) {
  #engineering article:hover {
    border-color: rgba(18, 146, 232, 0.38) !important;
    box-shadow: 0 24px 62px rgba(6, 30, 55, 0.14) !important;
    transform: translateY(-3px);
  }

  #engineering article:hover .engineering-card-media {
    filter: saturate(1.04) contrast(1.06);
  }
}

@media (min-width: 1024px) {
  #engineering > .grid {
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
  }

  #engineering > .grid > div:first-child {
    top: var(--header-height, 5.75rem) !important;
    height: calc(100vh - var(--header-height, 5.75rem)) !important;
    min-height: 42rem;
  }

  #engineering > .grid > div:last-child {
    padding: clamp(6rem, 8vw, 8.5rem) clamp(2.5rem, 5vw, 6rem) !important;
  }
}

html[dir="rtl"] #engineering > .grid > div:first-child::before {
  background:
    linear-gradient(180deg, rgba(3, 15, 29, 0.06), rgba(3, 15, 29, 0.26) 66%, rgba(3, 15, 29, 0.82)),
    linear-gradient(270deg, transparent 70%, rgba(3, 15, 29, 0.42));
}

html[dir="rtl"] #engineering > .grid > div:first-child::after {
  right: auto;
  left: 1.5rem;
}

@media (max-width: 1023px) {
  #engineering > .grid > div:first-child {
    min-height: 0 !important;
    aspect-ratio: 16 / 10;
  }

  #engineering > .grid > div:last-child {
    padding: clamp(4.5rem, 11vw, 6rem) var(--container-pad, 1.25rem) !important;
  }
}

@media (max-width: 767px) {
  #engineering > .grid > div:first-child {
    aspect-ratio: 4 / 3;
  }

  #engineering > .grid > div:first-child > img {
    object-position: 56% 50%;
  }

  #engineering > .grid > div:last-child {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  #engineering-title {
    font-size: clamp(2.8rem, 13vw, 3.7rem) !important;
  }

  #engineering > .grid > div:last-child > div:last-child {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    margin-top: 2.5rem !important;
  }

  #engineering article,
  #engineering article:nth-child(1),
  #engineering article:nth-child(2),
  #engineering article:nth-child(3),
  #engineering article:nth-child(4) {
    grid-column: 1 !important;
  }

  #engineering .engineering-card-media,
  #engineering article:nth-child(2) .engineering-card-media,
  #engineering article:nth-child(3) .engineering-card-media {
    aspect-ratio: 16 / 9;
  }

  #engineering article h3 {
    font-size: clamp(1.9rem, 8vw, 2.45rem) !important;
  }
}

@media (max-width: 340px) {
  #engineering > .grid > div:last-child {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  #engineering-title {
    font-size: 2.65rem !important;
  }

  #engineering article h3 {
    font-size: 1.85rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #engineering article,
  #engineering .engineering-card-media {
    transition: none !important;
  }
}

/* Homepage Projects, Global Reach & Trust — Round 7
   Scoped to the three existing trust sections only. */
#global {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(67, 183, 244, 0.1), transparent 24rem),
    radial-gradient(circle at 92% 78%, rgba(111, 255, 158, 0.05), transparent 22rem),
    var(--color-warm-white) !important;
  color: var(--color-navy-950);
}

#global::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(rgba(18, 146, 232, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 146, 232, 0.035) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 34%, transparent 72%, #000);
}

#global > div > div:first-child {
  align-items: end;
  gap: clamp(2rem, 5vw, 5rem) !important;
}

#global > div > div:first-child p:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--color-court-700) !important;
}

#global > div > div:first-child p:first-child::before {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--color-electric);
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.13);
  content: "";
}

#global-title {
  max-width: 42rem;
  color: var(--color-navy-950) !important;
  font-size: clamp(3.5rem, 5.6vw, 6.25rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#global > div > div:first-child > p:last-child {
  max-width: 42rem !important;
  color: rgba(6, 30, 55, 0.72) !important;
}

#global > div > div:nth-child(2) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.4vw, 2rem) !important;
  margin-top: clamp(3rem, 6vw, 5rem) !important;
}

#global > div > div:nth-child(2) > article {
  position: relative;
  overflow: hidden;
  padding: 0 0 clamp(1.5rem, 3vw, 2.25rem) !important;
  border: 1px solid rgba(6, 30, 55, 0.12) !important;
  border-radius: var(--radius-xl);
  background: rgba(255, 253, 248, 0.96);
  box-shadow: 0 20px 56px rgba(6, 30, 55, 0.09);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

#global .global-project-media {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1.5rem;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  background: var(--color-navy-950);
  filter: saturate(1.02) contrast(1.025);
  transition: filter var(--transition-base) !important;
}

#global article:nth-child(1) .global-project-media,
#global article:nth-child(3) .global-project-media {
  object-fit: contain;
}

#global article:nth-child(1) .global-project-media {
  object-position: 50% 50%;
}

#global article:nth-child(2) .global-project-media {
  object-position: 50% 55%;
}

#global article:nth-child(3) .global-project-media {
  object-position: 50% 50%;
}

#global article:nth-child(4) .global-project-media {
  object-position: 54% 52%;
}

#global > div > div:nth-child(2) > article > p,
#global > div > div:nth-child(2) > article > h3 {
  margin-right: clamp(1.25rem, 3vw, 2rem) !important;
  margin-left: clamp(1.25rem, 3vw, 2rem) !important;
}

#global > div > div:nth-child(2) > article > p:first-of-type {
  color: var(--color-court-700) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.16em !important;
}

#global > div > div:nth-child(2) > article > h3 {
  color: var(--color-navy-950) !important;
  font-size: clamp(2.15rem, 3vw, 3.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

#global > div > div:nth-child(2) > article > p:last-child {
  color: rgba(6, 30, 55, 0.69) !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
}

#global > div > div:last-child {
  gap: 0 !important;
  margin-top: clamp(2.5rem, 5vw, 4rem) !important;
  padding: 0 !important;
  overflow: hidden;
  border-color: rgba(18, 146, 232, 0.2) !important;
  border-radius: var(--radius-lg) !important;
  background: rgba(255, 253, 248, 0.92) !important;
  box-shadow: 0 16px 44px rgba(6, 30, 55, 0.08);
}

#global > div > div:last-child > a {
  min-height: 4.5rem;
  padding: 1.25rem 1.4rem !important;
  border-color: rgba(6, 30, 55, 0.12) !important;
  color: var(--color-navy-900) !important;
  transition: color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast) !important;
}

#global > div > div:last-child > a::after {
  color: var(--color-court-600);
  content: "↗";
  font-size: 1rem;
}

#global > div > div:last-child > a:hover {
  background: rgba(18, 146, 232, 0.09) !important;
  color: var(--color-court-700) !important;
  box-shadow: inset 0 -2px 0 var(--color-court-500);
}

#global > div > div:last-child > a:focus-visible {
  position: relative;
  z-index: 2;
  outline: 3px solid var(--color-electric) !important;
  outline-offset: -3px;
}

@media (hover: hover) and (pointer: fine) {
  #global > div > div:nth-child(2) > article:hover {
    border-color: rgba(18, 146, 232, 0.38) !important;
    box-shadow: 0 28px 72px rgba(6, 30, 55, 0.14);
    transform: translateY(-3px);
  }

  #global > div > div:nth-child(2) > article:hover .global-project-media {
    filter: saturate(1.09) contrast(1.04);
  }
}

#global-footprint {
  position: relative;
  isolation: isolate;
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
  border-color: rgba(67, 183, 244, 0.18) !important;
  background: var(--color-navy-950) !important;
}

#global-footprint > div.pointer-events-none {
  background:
    radial-gradient(circle at 72% 26%, rgba(18, 146, 232, 0.2), transparent 31%),
    radial-gradient(circle at 22% 78%, rgba(111, 255, 158, 0.06), transparent 24%),
    linear-gradient(180deg, var(--color-navy-950), #051a30) !important;
}

#global-footprint > div:nth-of-type(2) p:first-child {
  color: var(--color-court-300) !important;
}

#global-footprint-title {
  color: var(--color-warm-white) !important;
  font-size: clamp(3.5rem, 5.6vw, 6.25rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#global-footprint > div:nth-of-type(3) {
  align-items: start;
  gap: clamp(2rem, 5vw, 5rem) !important;
  margin-top: clamp(3rem, 6vw, 5rem) !important;
}

#global-footprint > div:nth-of-type(3) > div:first-child {
  padding: 0 !important;
  border: 0 !important;
}

#global-footprint > div:nth-of-type(3) > div:first-child > div {
  display: grid;
  gap: 0.9rem;
}

#global-footprint > div:nth-of-type(3) > div:first-child article {
  padding: clamp(1.25rem, 2vw, 1.65rem) !important;
  border: 1px solid rgba(67, 183, 244, 0.18) !important;
  border-radius: var(--radius-md);
  background: rgba(8, 32, 58, 0.74);
  box-shadow: 0 14px 36px rgba(2, 12, 24, 0.18);
}

#global-footprint > div:nth-of-type(3) > div:first-child article > p:first-child {
  color: var(--color-court-300) !important;
  font-size: clamp(2.6rem, 4vw, 4.25rem) !important;
  letter-spacing: -0.035em;
}

#global-footprint > div:nth-of-type(3) > div:first-child article > p:last-child {
  color: rgba(248, 246, 240, 0.68) !important;
  letter-spacing: 0.13em !important;
}

#global-footprint > div:nth-of-type(3) > div:last-child > div {
  padding: clamp(0.75rem, 1.5vw, 1.25rem) !important;
  border-color: rgba(67, 183, 244, 0.24) !important;
  border-radius: var(--radius-xl) !important;
  background: rgba(8, 32, 58, 0.76) !important;
  box-shadow: 0 24px 68px rgba(2, 12, 24, 0.34) !important;
  backdrop-filter: blur(14px) saturate(1.1);
}

#global-footprint > div:nth-of-type(3) > div:last-child > div > img:first-child {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-lg) !important;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  filter: hue-rotate(154deg) saturate(1.25) contrast(1.06) brightness(0.9);
  box-shadow: 0 18px 48px rgba(2, 12, 24, 0.3) !important;
  transition: filter var(--transition-base) !important;
}

#global-footprint .global-shipment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}

#global-footprint .global-shipment-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(67, 183, 244, 0.18);
  border-radius: var(--radius-md);
  object-fit: cover;
  object-position: center;
  filter: saturate(0.94) contrast(1.04);
  transition: filter var(--transition-base) !important;
}

@media (hover: hover) and (pointer: fine) {
  #global-footprint > div:nth-of-type(3) > div:last-child > div:hover > img:first-child {
    filter: hue-rotate(154deg) saturate(1.4) contrast(1.08) brightness(0.96);
  }

  #global-footprint .global-shipment-grid img:hover {
    filter: saturate(1.06) contrast(1.06);
  }
}

#compliance-authority {
  position: relative;
  isolation: isolate;
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
  border-color: rgba(67, 183, 244, 0.18) !important;
  background: #061b31 !important;
}

#compliance-authority > div.pointer-events-none {
  background:
    radial-gradient(circle at 16% 18%, rgba(18, 146, 232, 0.18), transparent 30%),
    radial-gradient(circle at 84% 82%, rgba(111, 255, 158, 0.05), transparent 22%),
    linear-gradient(180deg, #061b31, var(--color-navy-950)) !important;
}

#compliance-authority > div:last-child > div:first-child > p {
  color: var(--color-court-300) !important;
}

#compliance-authority-title {
  color: var(--color-warm-white) !important;
  font-size: clamp(3.5rem, 5.6vw, 6.25rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
}

#compliance-authority > div:last-child > div:last-child {
  gap: clamp(1rem, 2.4vw, 2rem) !important;
  margin-top: clamp(3rem, 6vw, 5rem) !important;
}

#compliance-authority article {
  min-height: 22rem;
  aspect-ratio: auto !important;
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
  border-color: rgba(67, 183, 244, 0.2) !important;
  border-radius: var(--radius-lg) !important;
  background: rgba(248, 246, 240, 0.96) !important;
  color: var(--color-navy-950);
  box-shadow: 0 18px 52px rgba(2, 12, 24, 0.22);
  backdrop-filter: none !important;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base) !important;
}

#compliance-authority article > svg {
  color: var(--color-court-600) !important;
}

#compliance-authority article h3 {
  color: var(--color-navy-950) !important;
  font-size: clamp(2rem, 2.8vw, 3rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.025em;
}

#compliance-authority article p {
  color: rgba(6, 30, 55, 0.68) !important;
  font-size: 0.96rem !important;
  line-height: 1.7 !important;
}

@media (hover: hover) and (pointer: fine) {
  #compliance-authority article:hover {
    border-color: var(--color-court-400) !important;
    background: var(--color-warm-white) !important;
    box-shadow: 0 26px 68px rgba(2, 12, 24, 0.28);
    transform: translateY(-3px);
  }
}

@media (max-width: 767px) {
  #global,
  #global-footprint,
  #compliance-authority {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  #global-title,
  #global-footprint-title,
  #compliance-authority-title {
    font-size: clamp(2.8rem, 13vw, 3.7rem) !important;
  }

  #global > div > div:nth-child(2) {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    margin-top: 2.5rem !important;
  }

  #global > div > div:nth-child(2) > article {
    border-radius: var(--radius-lg);
  }

  #global .global-project-media {
    margin-bottom: 1.25rem;
  }

  #global > div > div:last-child {
    grid-template-columns: 1fr !important;
  }

  #global > div > div:last-child > a {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(6, 30, 55, 0.12) !important;
  }

  #global > div > div:last-child > a:last-child {
    border-bottom: 0 !important;
  }

  #global-footprint > div:nth-of-type(3) {
    margin-top: 2.5rem !important;
  }

  #global-footprint .global-shipment-grid {
    grid-template-columns: 1fr;
  }

  #compliance-authority article {
    min-height: 19rem;
  }
}

@media (max-width: 340px) {
  #global-footprint,
  #compliance-authority {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  #global {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #global-title,
  #global-footprint-title,
  #compliance-authority-title {
    font-size: 2.65rem !important;
  }

  #global > div > div:nth-child(2) > article > h3 {
    font-size: 2rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #global > div > div:nth-child(2) > article,
  #global .global-project-media,
  #global > div > div:last-child > a,
  #global-footprint > div:nth-of-type(3) > div:last-child > div > img,
  #global-footprint .global-shipment-grid img,
  #compliance-authority article {
    transition: none !important;
  }
}

/* Models overview page — Round 8
   Scoped by the page-specific aria-labelledby values and #comparison. */
main > section[aria-labelledby="models-hero-title"] {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: clamp(35rem, 72svh, 48rem);
  align-items: flex-end;
  padding-top: calc(var(--header-height, 5.75rem) + clamp(4rem, 9vh, 7rem)) !important;
  padding-bottom: clamp(5rem, 9vh, 7rem) !important;
  background: var(--color-navy-950) !important;
}

main > section[aria-labelledby="models-hero-title"] > div.absolute:first-child {
  background:
    radial-gradient(circle at 78% 34%, rgba(18, 146, 232, 0.24), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(111, 255, 158, 0.07), transparent 22%),
    linear-gradient(135deg, var(--color-navy-950), #08284a 56%, #04182c) !important;
}

main > section[aria-labelledby="models-hero-title"] > div.absolute:first-child::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(111, 255, 158, 0.13) 50%, transparent calc(50% + 0.5px)),
    linear-gradient(180deg, transparent 67%, rgba(67, 183, 244, 0.15) 67%, transparent calc(67% + 1px));
  mask-image: linear-gradient(to bottom, transparent 8%, #000 28%, #000 84%, transparent 100%);
}

main > section[aria-labelledby="models-hero-title"] > div.absolute:nth-child(2) {
  height: 45% !important;
  background: linear-gradient(to top, var(--color-warm-white), rgba(248, 246, 240, 0.1), transparent) !important;
  opacity: 0.1;
}

main > section[aria-labelledby="models-hero-title"] .reveal {
  max-width: 68rem !important;
}

main > section[aria-labelledby="models-hero-title"] .reveal > p:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--color-court-300) !important;
}

main > section[aria-labelledby="models-hero-title"] .reveal > p:first-child::before {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--color-electric);
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.14);
  content: "";
}

#models-hero-title {
  max-width: 66rem;
  color: var(--color-warm-white) !important;
  font-size: clamp(4.25rem, 7.5vw, 8.25rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.05em;
  text-wrap: balance;
  text-shadow: 0 3px 30px rgba(2, 12, 24, 0.36);
}

#models-hero-title + p {
  max-width: 48rem !important;
  color: rgba(248, 246, 240, 0.76) !important;
}

main > section[aria-labelledby="matrix-title"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(67, 183, 244, 0.1), transparent 24rem),
    radial-gradient(circle at 92% 82%, rgba(111, 255, 158, 0.05), transparent 22rem),
    var(--color-warm-white) !important;
  color: var(--color-navy-950);
}

main > section[aria-labelledby="matrix-title"]::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(rgba(18, 146, 232, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 146, 232, 0.035) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 32%, transparent 74%, #000);
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child {
  gap: clamp(1.5rem, 4vw, 4rem) !important;
  margin-bottom: clamp(3rem, 6vw, 5rem) !important;
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child p {
  color: var(--color-court-700) !important;
}

#matrix-title {
  max-width: 54rem;
  color: var(--color-navy-950) !important;
  font-size: clamp(3.25rem, 5.4vw, 6rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child > a {
  min-height: var(--button-height-md);
  padding: 0.75rem 1.25rem !important;
  border: 1px solid var(--color-court-600) !important;
  border-radius: var(--radius-pill);
  background: var(--color-court-600) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(18, 146, 232, 0.2);
  white-space: nowrap;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast) !important;
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child > a:hover {
  border-color: var(--color-electric) !important;
  background: var(--color-court-500) !important;
  color: var(--color-navy-950) !important;
  box-shadow: 0 16px 34px rgba(111, 255, 158, 0.18);
  transform: translateY(-2px);
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child > a:focus-visible {
  outline: 3px solid var(--color-electric) !important;
  outline-offset: 4px;
}

main > section[aria-labelledby="matrix-title"] > div > div:first-child > a:active {
  box-shadow: none;
  transform: translateY(0) scale(0.985);
}

main > section[aria-labelledby="matrix-title"] > div > div:last-child {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: clamp(1rem, 2.3vw, 2rem) !important;
}

main > section[aria-labelledby="matrix-title"] article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(6, 30, 55, 0.12) !important;
  border-radius: var(--radius-xl);
  background: rgba(255, 253, 248, 0.96) !important;
  color: var(--color-navy-950);
  box-shadow: 0 22px 62px rgba(6, 30, 55, 0.1) !important;
  backdrop-filter: none !important;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base) !important;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(1),
main > section[aria-labelledby="matrix-title"] article:nth-child(4) {
  grid-column: span 7;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(2),
main > section[aria-labelledby="matrix-title"] article:nth-child(3) {
  grid-column: span 5;
}

main > section[aria-labelledby="matrix-title"] article:first-child {
  border-color: rgba(18, 146, 232, 0.36) !important;
  box-shadow: 0 28px 76px rgba(6, 30, 55, 0.14) !important;
}

main > section[aria-labelledby="matrix-title"] article:first-child::before {
  position: absolute;
  z-index: 3;
  top: 0;
  right: clamp(1.5rem, 5vw, 5rem);
  left: clamp(1.5rem, 5vw, 5rem);
  height: 3px;
  border-radius: 0 0 var(--radius-pill) var(--radius-pill);
  background: linear-gradient(90deg, var(--color-court-700), var(--color-court-400) 68%, var(--color-electric));
  content: "";
}

main > section[aria-labelledby="matrix-title"] article > a {
  display: flex !important;
  height: 100%;
  flex-direction: column;
  color: inherit;
  outline: none !important;
}

main > section[aria-labelledby="matrix-title"] article > a:focus-visible {
  border-radius: calc(var(--radius-xl) - 2px);
  box-shadow: inset 0 0 0 3px var(--color-electric), inset 0 0 0 6px var(--color-warm-white) !important;
}

main > section[aria-labelledby="matrix-title"] article > a:active {
  transform: scale(0.995);
}

main > section[aria-labelledby="matrix-title"] article > a > div:first-child {
  position: relative;
  aspect-ratio: 16 / 10 !important;
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  overflow: hidden;
  background: var(--color-navy-950) !important;
}

main > section[aria-labelledby="matrix-title"] article > a > div:first-child::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(145deg, rgba(67, 183, 244, 0.07), transparent 38%, rgba(3, 15, 29, 0.12));
  box-shadow: inset 0 0 0 1px rgba(248, 246, 240, 0.06);
}

main > section[aria-labelledby="matrix-title"] .card-media {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.025);
  transform: none !important;
  transition: filter var(--transition-base) !important;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(1) .card-media {
  object-position: 50% 50% !important;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(2) .card-media {
  object-position: 52% 52% !important;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(3) .card-media {
  object-position: 50% 54% !important;
}

main > section[aria-labelledby="matrix-title"] article:nth-child(4) .card-media {
  object-position: 50% 50% !important;
}

main > section[aria-labelledby="matrix-title"] article > a > div:last-child {
  display: flex;
  min-height: 19rem;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
}

main > section[aria-labelledby="matrix-title"] article > a > div:last-child > p:first-child {
  display: inline-flex;
  min-height: 1.8rem;
  align-items: center;
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(18, 146, 232, 0.22);
  border-radius: var(--radius-pill);
  background: rgba(18, 146, 232, 0.08);
  color: var(--color-court-700) !important;
  letter-spacing: 0.15em !important;
}

main > section[aria-labelledby="matrix-title"] article h3 {
  color: var(--color-navy-950) !important;
  font-size: clamp(2.5rem, 3.8vw, 4.5rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

main > section[aria-labelledby="matrix-title"] article > a > div:last-child > p:nth-of-type(2) {
  color: rgba(6, 30, 55, 0.7) !important;
  font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
  line-height: 1.65 !important;
}

main > section[aria-labelledby="matrix-title"] article > a > div:last-child > span:last-child {
  min-height: var(--button-height-md);
  margin-top: auto !important;
  padding: 0.75rem 1.2rem !important;
  border: 1px solid var(--color-court-600);
  border-radius: var(--radius-pill);
  background: var(--color-court-600) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(18, 146, 232, 0.2);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast) !important;
}

main > section[aria-labelledby="matrix-title"] article:hover > a > div:last-child > span:last-child {
  border-color: var(--color-electric);
  background: var(--color-court-500) !important;
  color: var(--color-navy-950) !important;
  box-shadow: 0 14px 32px rgba(111, 255, 158, 0.16);
  transform: translateY(-2px);
}

@media (hover: hover) and (pointer: fine) {
  main > section[aria-labelledby="matrix-title"] article:hover {
    border-color: rgba(18, 146, 232, 0.42) !important;
    box-shadow: 0 30px 78px rgba(6, 30, 55, 0.15) !important;
    transform: translateY(-3px);
  }

  main > section[aria-labelledby="matrix-title"] article:hover .card-media {
    filter: saturate(1.1) contrast(1.04);
  }
}

#comparison {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(18, 146, 232, 0.17), transparent 25rem),
    radial-gradient(circle at 18% 86%, rgba(111, 255, 158, 0.045), transparent 20rem),
    var(--color-navy-950) !important;
}

#comparison > div > div:first-child > p:first-child {
  color: var(--color-court-300) !important;
}

#comparison h2 {
  max-width: 52rem;
  color: var(--color-warm-white) !important;
  font-size: clamp(3.5rem, 5.4vw, 6rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#comparison h2 + p {
  color: rgba(248, 246, 240, 0.7) !important;
}

#comparison .no-scrollbar {
  margin-top: clamp(3rem, 6vw, 5rem) !important;
  border-color: rgba(67, 183, 244, 0.22) !important;
  border-radius: var(--radius-xl);
  background: rgba(8, 32, 58, 0.74) !important;
  box-shadow: 0 24px 68px rgba(2, 12, 24, 0.34) !important;
  scrollbar-color: var(--color-court-500) rgba(248, 246, 240, 0.08);
  scrollbar-width: thin;
  backdrop-filter: blur(12px) saturate(1.1);
}

#comparison table {
  color: rgba(248, 246, 240, 0.8);
}

#comparison thead tr {
  background: rgba(18, 146, 232, 0.08) !important;
}

#comparison thead th:not(:first-child) {
  color: var(--color-court-300) !important;
}

#comparison thead th:first-child,
#comparison tbody th {
  background: #061b31 !important;
}

#comparison tbody th {
  color: var(--color-court-300) !important;
}

#comparison tbody tr {
  border-color: rgba(67, 183, 244, 0.16) !important;
  transition: background-color var(--transition-fast) !important;
}

#comparison tbody tr:hover {
  background: rgba(18, 146, 232, 0.07) !important;
}

#comparison td {
  color: rgba(248, 246, 240, 0.76) !important;
}

html[dir="rtl"] main > section[aria-labelledby="models-hero-title"] > div.absolute:first-child {
  background:
    radial-gradient(circle at 22% 34%, rgba(18, 146, 232, 0.24), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(111, 255, 158, 0.07), transparent 22%),
    linear-gradient(225deg, var(--color-navy-950), #08284a 56%, #04182c) !important;
}

@media (min-width: 640px) {
  html[dir="rtl"] main > section[aria-labelledby="matrix-title"] > div > div:first-child {
    flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  main > section[aria-labelledby="models-hero-title"] {
    min-height: max(34rem, 78svh);
    padding-top: calc(var(--header-height-mobile, 5rem) + 4rem) !important;
    padding-bottom: 4.5rem !important;
  }

  #models-hero-title {
    font-size: clamp(3rem, 14vw, 4rem) !important;
    line-height: 0.92 !important;
  }

  main > section[aria-labelledby="models-hero-title"] #models-hero-title + p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  main > section[aria-labelledby="matrix-title"],
  #comparison {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  #matrix-title,
  #comparison h2 {
    font-size: clamp(2.8rem, 13vw, 3.7rem) !important;
  }

  main > section[aria-labelledby="matrix-title"] > div > div:first-child > a {
    width: 100%;
    justify-content: center;
  }

  main > section[aria-labelledby="matrix-title"] > div > div:last-child {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  main > section[aria-labelledby="matrix-title"] article,
  main > section[aria-labelledby="matrix-title"] article:nth-child(1),
  main > section[aria-labelledby="matrix-title"] article:nth-child(2),
  main > section[aria-labelledby="matrix-title"] article:nth-child(3),
  main > section[aria-labelledby="matrix-title"] article:nth-child(4) {
    grid-column: 1 !important;
    border-radius: var(--radius-lg);
  }

  main > section[aria-labelledby="matrix-title"] article > a > div:last-child {
    min-height: 17rem;
    padding: 1.35rem !important;
  }

  main > section[aria-labelledby="matrix-title"] article h3 {
    font-size: clamp(2.4rem, 11vw, 3.2rem) !important;
  }

  #comparison .no-scrollbar {
    border-radius: var(--radius-lg);
  }
}

@media (max-width: 340px) {
  main > section[aria-labelledby="models-hero-title"],
  main > section[aria-labelledby="matrix-title"],
  #comparison {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  #models-hero-title {
    font-size: 2.85rem !important;
  }

  #matrix-title,
  #comparison h2 {
    font-size: 2.65rem !important;
  }

  main > section[aria-labelledby="matrix-title"] article h3 {
    font-size: 2.25rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main > section[aria-labelledby="matrix-title"] > div > div:first-child > a,
  main > section[aria-labelledby="matrix-title"] article,
  main > section[aria-labelledby="matrix-title"] article > a,
  main > section[aria-labelledby="matrix-title"] .card-media,
  main > section[aria-labelledby="matrix-title"] article > a > div:last-child > span:last-child,
  #comparison tbody tr {
    transition: none !important;
  }
}

/* Round 9.1 final product-page precedence layer */
body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"],
body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > div.relative {
  min-height: clamp(35rem, 70svh, 40rem) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > div.relative {
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img {
  filter: saturate(1.02) contrast(1.01) brightness(1.08) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"] {
  object-position: center 58% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"] {
  object-position: center 57% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"] {
  object-position: center 60% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"] {
  object-position: center 59% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(90deg, rgba(4, 18, 33, 0.56) 0%, rgba(4, 22, 41, 0.26) 46%, rgba(4, 22, 41, 0.04) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.28)) !important;
}

html[dir="rtl"] body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(270deg, rgba(4, 18, 33, 0.56) 0%, rgba(4, 22, 41, 0.26) 46%, rgba(4, 22, 41, 0.04) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.28)) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute + div.absolute {
  height: 7rem !important;
  background: linear-gradient(to top, rgba(7, 27, 49, 0.58), transparent) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal {
  max-width: 58rem !important;
  border-color: rgba(121, 205, 250, 0.3) !important;
  background: linear-gradient(135deg, rgba(5, 25, 45, 0.3), rgba(6, 31, 55, 0.17)) !important;
  box-shadow: 0 18px 54px rgba(2, 13, 26, 0.18) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #hero-title {
  max-width: 14ch;
  font-size: clamp(3.5rem, 5.8vw, 5.5rem) !important;
  line-height: 0.9 !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  .rfq-float {
  display: none !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  .price-cta {
  position: fixed !important;
  right: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  left: 50% !important;
  width: auto !important;
  margin: 0 !important;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translate(-50%, calc(100% + 2rem)) !important;
}

body.valo-product-page.product-hero-passed:not(.product-gallery-in-view):has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  .price-cta {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 0) !important;
}

html[dir="rtl"] body.valo-product-page #gallery {
  padding-top: 4.5rem !important;
}

@media (max-width: 767px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"],
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > div.relative {
    min-height: clamp(34rem, 78svh, 39rem) !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > div.relative {
    padding-top: 6.5rem !important;
    padding-bottom: 1.25rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal {
    padding: 1.25rem !important;
    background: linear-gradient(135deg, rgba(5, 25, 45, 0.4), rgba(6, 31, 55, 0.24)) !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    max-width: none;
    font-size: clamp(2.85rem, 12vw, 3.2rem) !important;
    line-height: 0.92 !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: center 58% !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    .price-cta {
    right: 7rem !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    transform: translateY(calc(100% + 1.5rem)) !important;
  }

  body.valo-product-page.product-hero-passed:not(.product-gallery-in-view):has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    .price-cta {
    transform: translateY(0) !important;
  }

  html[dir="rtl"] body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    .price-cta {
    right: auto !important;
    left: 7rem !important;
  }
}

body.valo-product-page.product-hero-passed:not(.product-gallery-in-view) #back-to-top {
  display: none !important;
}

@media (max-width: 340px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    max-width: 100%;
    font-size: 2.55rem !important;
  }
}

/* Product Hero refinement - Round 9.2 */
body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img {
  filter: saturate(1.04) contrast(1.01) brightness(1.1) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"] {
  object-position: 58% 58% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"] {
  object-position: 62% 56% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"] {
  object-position: 58% 52% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"] {
  object-position: 63% 55% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(90deg, rgba(4, 18, 33, 0.78) 0%, rgba(4, 22, 41, 0.5) 34%, rgba(4, 22, 41, 0.12) 61%, rgba(4, 22, 41, 0.02) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.05), rgba(4, 18, 33, 0.2)) !important;
}

html[dir="rtl"] body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(270deg, rgba(4, 18, 33, 0.78) 0%, rgba(4, 22, 41, 0.5) 34%, rgba(4, 22, 41, 0.12) 61%, rgba(4, 22, 41, 0.02) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.05), rgba(4, 18, 33, 0.2)) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] > img + div.absolute + div.absolute {
  height: 5rem !important;
  background: linear-gradient(to top, rgba(7, 27, 49, 0.56), transparent) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal {
  width: 56% !important;
  max-width: 46rem !important;
  margin-inline-end: auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"])
  main > section[aria-labelledby="hero-title"] .reveal {
  width: 55% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"])
  main > section[aria-labelledby="hero-title"] .reveal {
  width: 54% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"])
  main > section[aria-labelledby="hero-title"] .reveal {
  width: 57% !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"])
  main > section[aria-labelledby="hero-title"] .reveal {
  width: 55% !important;
}

html[dir="rtl"] body.valo-product-page main > section[aria-labelledby="hero-title"] .reveal {
  margin-inline-start: auto;
  margin-inline-end: 0;
  text-align: right;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal > .grid,
body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal > .mt-5.grid {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 1.25rem !important;
}

html[dir="rtl"] body.valo-product-page main > section[aria-labelledby="hero-title"] .reveal > .grid,
html[dir="rtl"] body.valo-product-page main > section[aria-labelledby="hero-title"] .reveal > .mt-5.grid {
  align-items: flex-end !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #hero-title {
  max-width: 11ch;
  font-size: clamp(3.4rem, 5.2vw, 5.1rem) !important;
  line-height: 0.92 !important;
  text-shadow: 0 3px 20px rgba(1, 12, 24, 0.48);
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  #hero-title + p {
  max-width: 36rem !important;
  margin-top: 1rem !important;
  line-height: 1.55 !important;
  text-shadow: 0 2px 15px rgba(1, 12, 24, 0.54);
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] .reveal > .flex {
  margin-top: 1.5rem !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] a {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] + section {
  border-top: clamp(2.5rem, 4vw, 3.5rem) solid var(--product-navy) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"])
  main > section[aria-labelledby="hero-title"] + section {
  border-top-color: var(--product-warm) !important;
}

html[dir="rtl"] body.valo-product-page #gallery {
  padding-top: 4.5rem !important;
}

html[dir="rtl"] body.valo-product-page #gallery > div > div:first-child {
  margin-top: 0 !important;
  text-align: right !important;
}

@media (max-width: 767px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"],
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > div.relative {
    min-height: clamp(32rem, 72svh, 37rem) !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > div.relative {
    padding-top: 5.75rem !important;
    padding-bottom: 1rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] > img + div.absolute {
    background:
      linear-gradient(180deg, rgba(4, 18, 33, 0.02) 0%, rgba(4, 18, 33, 0.08) 34%, rgba(4, 18, 33, 0.66) 100%),
      linear-gradient(90deg, rgba(4, 18, 33, 0.2), transparent 72%) !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal,
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"])
    main > section[aria-labelledby="hero-title"] .reveal,
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"])
    main > section[aria-labelledby="hero-title"] .reveal,
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"])
    main > section[aria-labelledby="hero-title"] .reveal,
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"])
    main > section[aria-labelledby="hero-title"] .reveal {
    width: min(90vw, 100%) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 1rem !important;
    border: 0 !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, rgba(5, 25, 45, 0.08), rgba(5, 25, 45, 0.54)) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    max-width: none;
    margin-top: 0.75rem !important;
    font-size: clamp(2.45rem, 10.8vw, 2.9rem) !important;
    line-height: 0.94 !important;
    text-wrap: balance;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title + p {
    margin-top: 0.85rem !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal > .grid,
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal > .mt-5.grid {
    gap: 0.85rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] .reveal > .flex {
    margin-top: 1rem !important;
    gap: 0.6rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] a {
    min-height: 2.75rem;
    padding: 0.7rem 1rem !important;
    font-size: 0.7rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: 58% 55% !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: 62% 55% !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: 50% 55% !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"])
    main > section[aria-labelledby="hero-title"] > img {
    object-position: 60% 54% !important;
  }

  body.valo-product-page > header img[alt="Valo Padel logo"][loading="eager"] {
    width: auto !important;
    height: 2.75rem !important;
    max-height: calc(var(--header-height-mobile, 4.875rem) - 1.25rem);
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] + section {
    border-top-width: 2rem !important;
  }
}

@media (max-width: 340px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    #hero-title {
    font-size: 2.35rem !important;
  }
}

@media (min-width: 768px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="signature-panoramic"])
    main > section[aria-labelledby="hero-title"] .reveal {
    width: 55vw !important;
    max-width: 50rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="infinite-view"])
    main > section[aria-labelledby="hero-title"] .reveal {
    width: 54vw !important;
    max-width: 50rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="heritage-classic"])
    main > section[aria-labelledby="hero-title"] .reveal {
    width: 57vw !important;
    max-width: 50rem !important;
  }

  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] > img[src*="sovereign-freestanding"])
    main > section[aria-labelledby="hero-title"] .reveal {
    width: 55vw !important;
    max-width: 50rem !important;
  }
}

/* Product section transitions - Round 9.3 */
body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] + section {
  border-top-width: 2rem !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 4.5rem !important;
  padding-bottom: 5rem !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
  > div:first-child {
  position: relative !important;
  top: auto !important;
  grid-row: 2;
  width: min(calc(100% - 4rem), 80rem);
  min-height: clamp(26rem, 38vw, 34rem) !important;
  margin: 2.5rem auto 0;
  overflow: hidden;
  border: 1px solid rgba(67, 183, 244, 0.24);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-deep);
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
  > div:nth-child(2) {
  display: contents !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
  > div:nth-child(2) > div:first-child {
  grid-row: 1;
  width: min(calc(100% - 4rem), 80rem);
  min-height: 0 !important;
  margin-inline: auto;
  padding: 0 !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
  > div:nth-child(2) > div:last-child {
  grid-row: 3;
  width: min(calc(100% - 4rem), 80rem);
  margin-inline: auto;
  padding: 3rem 0 0 !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="anatomy-title"], [aria-labelledby="zero-title"]) {
  padding-top: 4.5rem !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="anatomy-title"], [aria-labelledby="zero-title"])
  > div:last-child {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 3rem !important;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section[aria-labelledby="anatomy-title"]
  > div:last-child > div:first-child {
  position: static !important;
  max-width: 48rem;
}

body.valo-product-page
  main > section[aria-labelledby="hero-title"] + section[aria-labelledby="zero-title"]
  > div:last-child > div:first-child {
  max-width: 48rem;
}

body.valo-product-page .price-cta {
  display: none !important;
}

body.valo-product-page #back-to-top {
  display: none !important;
}

body.valo-product-page :is(a[href*="wa.me/"], .email-float) {
  transition: opacity 180ms ease, transform 220ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

@media (max-width: 767px) {
  body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
    main > section[aria-labelledby="hero-title"] + section {
    border-top-width: 1.5rem !important;
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"]) {
    padding-top: 3.5rem !important;
    padding-bottom: 4rem !important;
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
    > div:first-child {
    width: calc(100% - 2rem);
    min-height: 17rem !important;
    margin-top: 1.75rem;
    border-radius: var(--radius-md);
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
    > div:nth-child(2) > div:first-child,
  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
    > div:nth-child(2) > div:last-child {
    width: calc(100% - 2.5rem);
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="seamless-title"], [aria-labelledby="spotlight-title"])
    > div:nth-child(2) > div:last-child {
    padding-top: 2rem !important;
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="anatomy-title"], [aria-labelledby="zero-title"]) {
    padding-top: 3.5rem !important;
  }

  body.valo-product-page
    main > section[aria-labelledby="hero-title"] + section:is([aria-labelledby="anatomy-title"], [aria-labelledby="zero-title"])
    > div:last-child {
    gap: 2rem !important;
  }

  body.valo-product-page.product-contact-clearance :is(a[href*="wa.me/"], .email-float) {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 1rem)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.valo-product-page :is(a[href*="wa.me/"], .email-float) {
    transition: none !important;
  }
}

/* Engineering & Supply Chain page - Round 10 */
body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase) {
  --engineering-navy: #071b31;
  --engineering-navy-soft: #0b2948;
  --engineering-blue: #168ad4;
  --engineering-blue-bright: #43b7f4;
  --engineering-electric: #6fff9e;
  --engineering-warm: #f8f6f0;
  --engineering-ink: #08213b;
  overflow-x: clip;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] {
  min-height: clamp(39rem, 78svh, 44rem) !important;
  background: var(--engineering-navy) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] > img {
  opacity: 1 !important;
  object-position: 52% 48% !important;
  filter: saturate(1.02) contrast(1.02) brightness(1.06);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(90deg, rgba(4, 18, 33, 0.86) 0%, rgba(6, 31, 55, 0.54) 46%, rgba(7, 27, 49, 0.12) 76%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.48)) !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] > img + div.absolute {
  background:
    linear-gradient(270deg, rgba(4, 18, 33, 0.86) 0%, rgba(6, 31, 55, 0.54) 46%, rgba(7, 27, 49, 0.12) 76%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.08), rgba(4, 18, 33, 0.48)) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] > div.relative {
  min-height: clamp(39rem, 78svh, 44rem) !important;
  align-items: center !important;
  padding-top: 8rem !important;
  padding-bottom: 4rem !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #hero-title {
  max-width: 12ch;
  font-size: clamp(4rem, 5.8vw, 5.4rem) !important;
  line-height: 0.92 !important;
  text-wrap: balance;
  text-shadow: 0 4px 26px rgba(1, 12, 24, 0.5);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #hero-title + p {
  max-width: 43rem !important;
  color: rgba(255, 255, 255, 0.84) !important;
  text-shadow: 0 2px 16px rgba(1, 12, 24, 0.46);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] {
  border-top: 2rem solid var(--engineering-blue);
  background: var(--engineering-warm) !important;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] > div {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
  gap: clamp(3rem, 6vw, 6rem) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] :is(h2, h3) {
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] article {
  overflow: hidden;
  border-color: rgba(22, 138, 212, 0.2) !important;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 20px 58px rgba(5, 32, 58, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] article p:not(.text-xs) {
  color: rgba(8, 33, 59, 0.72) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="dual-hub-title"] article img {
  min-height: 19rem !important;
  aspect-ratio: 4 / 3;
  filter: saturate(0.94) contrast(1.03);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #shop-floor-showcase {
  border-top: 0 !important;
  background: var(--engineering-navy) !important;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #shop-floor-showcase > div > div:last-child {
  margin-top: 3.5rem !important;
  gap: 1.5rem !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #shop-floor-showcase article {
  border-color: rgba(67, 183, 244, 0.25) !important;
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(145deg, rgba(17, 55, 88, 0.7), rgba(7, 27, 49, 0.92)) !important;
  box-shadow: 0 22px 62px rgba(1, 12, 24, 0.28);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #shop-floor-showcase :is(img, figure, div.overflow-hidden) {
  border-radius: var(--radius-md) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #shop-floor-showcase img {
  filter: saturate(0.9) contrast(1.05) brightness(1.02);
  transition-duration: 320ms !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] {
  background: var(--engineering-warm) !important;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] :is(h2, h3) {
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] > div > div.mt-10 {
  display: grid;
  gap: 2rem;
  margin-top: 3.5rem !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
  overflow: hidden;
  border: 1px solid rgba(22, 138, 212, 0.16) !important;
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, 0.86);
  padding: clamp(2rem, 4vw, 3.5rem) !important;
  box-shadow: 0 18px 54px rgba(5, 32, 58, 0.08);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article:nth-child(even) {
  background: rgba(238, 247, 252, 0.86);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article > div:has(> p) {
  order: 1 !important;
  align-self: center;
  justify-self: start !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article > div:has(> img) {
  order: 2 !important;
  width: 100%;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 18px 44px rgba(5, 32, 58, 0.13) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article img {
  aspect-ratio: 16 / 10 !important;
  border-radius: var(--radius-lg);
  filter: saturate(0.94) contrast(1.03);
  transition-duration: 320ms !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="manufacturing-title"] article > span {
  top: 1.25rem !important;
  color: rgba(22, 138, 212, 0.16) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="compliance-title"] {
  background: var(--engineering-navy-soft) !important;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="compliance-title"] > img {
  opacity: 0.36 !important;
  filter: saturate(0.9) contrast(1.04);
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="compliance-title"] > img + div.absolute {
  background: linear-gradient(110deg, rgba(4, 18, 33, 0.96), rgba(7, 43, 74, 0.84), rgba(4, 18, 33, 0.9)) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="compliance-title"] article {
  border-color: rgba(67, 183, 244, 0.28) !important;
  border-radius: var(--radius-lg);
  background: rgba(8, 42, 72, 0.82) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #procurement-faq {
  background: var(--engineering-warm) !important;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #procurement-faq :is(h2, summary, details p) {
  color: var(--engineering-ink) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #procurement-faq :is(.border-white\/10, details) {
  border-color: rgba(8, 33, 59, 0.14) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  :is(.rfq-float, .email-float, a[href*="wa.me/"]) {
  box-shadow: 0 12px 30px rgba(2, 12, 24, 0.22) !important;
}

body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  .rfq-float {
  display: none !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main :is(h1, h2, h3, p) {
  text-align: right;
}

@media (max-width: 767px) {
  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"],
  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"] > div.relative {
    min-height: 37rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"] > img {
    object-position: 58% 50% !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"] > img + div.absolute {
    background: linear-gradient(180deg, rgba(4, 18, 33, 0.12), rgba(4, 18, 33, 0.48) 46%, rgba(4, 18, 33, 0.88)) !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"] > div.relative {
    align-items: flex-end !important;
    padding-top: 6.5rem !important;
    padding-bottom: 2.75rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    #hero-title {
    max-width: 11ch;
    font-size: clamp(2.65rem, 12vw, 3.15rem) !important;
    line-height: 0.94 !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    #hero-title + p {
    margin-top: 1.15rem !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="dual-hub-title"] {
    border-top-width: 1.5rem;
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="dual-hub-title"] > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2.25rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="dual-hub-title"] > div > div:first-child {
    position: static !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    :is(#shop-floor-showcase, main > section[aria-labelledby="manufacturing-title"], main > section[aria-labelledby="compliance-title"], #procurement-faq) {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    #shop-floor-showcase > div > div:last-child {
    margin-top: 2.5rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] > div > div.mt-10 {
    gap: 1.25rem;
    margin-top: 2.5rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] article {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.5rem !important;
    padding: 1.25rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] article > div:has(> p),
  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] article > div:has(> img) {
    grid-column: 1;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] article > span {
    top: 0.75rem !important;
    font-size: 4.5rem !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="manufacturing-title"] article img {
    aspect-ratio: 4 / 3 !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    #back-to-top {
    display: none !important;
  }

  body.engineering-contact-clearance:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    :is(.email-float, a[href*="wa.me/"]) {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 1rem)) !important;
  }
}

@media (max-width: 340px) {
  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    #hero-title {
    font-size: 2.45rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main img {
    transition: none !important;
  }
}

/* About Us page - Round 11 */
body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"]) {
  --about-navy: #071b31;
  --about-navy-soft: #0b2948;
  --about-blue: #168ad4;
  --about-blue-bright: #43b7f4;
  --about-electric: #6fff9e;
  --about-warm: #f8f6f0;
  --about-ink: #08213b;
  overflow-x: clip;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] {
  min-height: clamp(40rem, 78svh, 44rem) !important;
  align-items: center !important;
  background: var(--about-navy) !important;
  padding-top: 8rem !important;
  padding-bottom: 4rem !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] > img {
  opacity: 1 !important;
  object-position: 62% 54% !important;
  filter: saturate(1.04) contrast(1.02) brightness(1.08);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] > img + div.absolute {
  background:
    linear-gradient(90deg, rgba(4, 18, 33, 0.9) 0%, rgba(5, 29, 51, 0.62) 43%, rgba(7, 27, 49, 0.12) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.06), rgba(4, 18, 33, 0.4)) !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] > img + div.absolute {
  background:
    linear-gradient(270deg, rgba(4, 18, 33, 0.9) 0%, rgba(5, 29, 51, 0.62) 43%, rgba(7, 27, 49, 0.12) 78%),
    linear-gradient(180deg, rgba(4, 18, 33, 0.06), rgba(4, 18, 33, 0.4)) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] > div.relative {
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.34fr) !important;
  align-items: end !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  #about-hero-title {
  max-width: 13ch;
  font-size: clamp(3.8rem, 5.4vw, 5.15rem) !important;
  line-height: 0.92 !important;
  text-wrap: balance;
  text-shadow: 0 4px 26px rgba(1, 12, 24, 0.52);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  #about-hero-title + p {
  max-width: 46rem !important;
  margin-top: 1.35rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.6 !important;
  text-shadow: 0 2px 16px rgba(1, 12, 24, 0.44);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] aside {
  border: 0 !important;
  border-inline-start: 3px solid var(--about-blue-bright) !important;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: linear-gradient(120deg, rgba(7, 34, 60, 0.74), rgba(8, 46, 78, 0.4)) !important;
  padding: 1.5rem !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] aside {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] {
  border-top: 2rem solid var(--about-blue);
  background: var(--about-warm) !important;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  color: var(--about-ink) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] :is(h2, h3) {
  color: var(--about-ink) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] > div > div:last-child {
  gap: 1.5rem !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article {
  overflow: hidden;
  border-color: rgba(22, 138, 212, 0.18) !important;
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 20px 58px rgba(5, 32, 58, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article p:not(.text-xs) {
  color: rgba(8, 33, 59, 0.72) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article:nth-child(2) {
  display: flex;
  flex-direction: column;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article:nth-child(2) > div:last-child {
  order: 1;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article:nth-child(2) > div:first-child {
  order: 2;
  aspect-ratio: 16 / 9 !important;
  margin: 0 2rem 2rem;
  border-radius: var(--radius-lg);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="dual-title"] article img {
  opacity: 1 !important;
  filter: saturate(0.94) contrast(1.03);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] {
  background: var(--about-navy) !important;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] > div > div:last-child {
  margin-top: 3.5rem !important;
  gap: 1.5rem !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] article {
  display: flex;
  flex-direction: column;
  border-color: rgba(67, 183, 244, 0.24) !important;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(15, 52, 84, 0.74), rgba(7, 27, 49, 0.94)) !important;
  box-shadow: 0 22px 62px rgba(1, 12, 24, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] article > div:last-child {
  order: 1;
  min-height: 18rem;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] article > div:first-child {
  order: 2;
  aspect-ratio: 16 / 10 !important;
  margin: 0 1.25rem 1.25rem;
  border-radius: var(--radius-md);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="craft-title"] article img {
  opacity: 1 !important;
  filter: saturate(0.92) contrast(1.04);
  transition-duration: 320ms !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 34rem;
  background: var(--about-warm) !important;
  padding: 0 !important;
  color: var(--about-ink) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] > img {
  position: relative !important;
  inset: auto !important;
  grid-column: 2;
  grid-row: 1;
  height: 100% !important;
  min-height: 34rem;
  opacity: 1 !important;
  filter: saturate(0.94) contrast(1.03);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] > div.absolute {
  display: none;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] > div.relative {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: 100%;
  max-width: none !important;
  padding: clamp(4rem, 8vw, 7rem) clamp(2rem, 7vw, 7rem);
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] :is(h2, p) {
  color: var(--about-ink) !important;
}

body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  .rfq-float {
  display: none !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main :is(h1, h2, h3, p) {
  text-align: right;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] > img {
  grid-column: 1;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="commitment-title"] > div.relative {
  grid-column: 2;
}

@media (max-width: 767px) {
  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] {
    min-height: 39rem !important;
    align-items: flex-end !important;
    padding-top: 6.5rem !important;
    padding-bottom: 2.75rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] > img {
    object-position: 64% 52% !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] > img + div.absolute {
    background: linear-gradient(180deg, rgba(4, 18, 33, 0.1), rgba(4, 18, 33, 0.46) 40%, rgba(4, 18, 33, 0.9)) !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] > div.relative {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    #about-hero-title {
    max-width: 11ch;
    font-size: clamp(2.55rem, 11.5vw, 3.05rem) !important;
    line-height: 0.94 !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    #about-hero-title + p {
    margin-top: 1rem !important;
    font-size: 0.91rem !important;
    line-height: 1.5 !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] aside {
    padding: 1rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="dual-title"] {
    border-top-width: 1.5rem;
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="dual-title"] article:nth-child(2) > div:first-child {
    margin: 0 1rem 1rem;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="craft-title"] {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="craft-title"] > div > div:last-child {
    margin-top: 2.5rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="craft-title"] article > div:last-child {
    min-height: 0;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="commitment-title"] {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="commitment-title"] > div.relative,
  html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="commitment-title"] > div.relative {
    grid-column: 1;
    grid-row: 1;
    padding: 4.5rem 1.25rem;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="commitment-title"] > img,
  html[dir="rtl"] body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="commitment-title"] > img {
    grid-column: 1;
    grid-row: 2;
    height: 18rem !important;
    min-height: 18rem;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    #back-to-top {
    display: none !important;
  }

  body.about-contact-clearance:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    :is(.email-float, a[href*="wa.me/"]) {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 1rem)) !important;
  }
}

@media (max-width: 340px) {
  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    #about-hero-title {
    font-size: 2.35rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main img {
    transition: none !important;
  }
}

/* Contact page - Round 12 */
body:has(main > section[aria-labelledby="contact-hero-title"]) {
  --contact-navy: #071b31;
  --contact-navy-soft: #0b2948;
  --contact-blue: #168ad4;
  --contact-blue-bright: #43b7f4;
  --contact-electric: #6fff9e;
  --contact-warm: #f8f6f0;
  --contact-surface: #fffefa;
  --contact-ink: #08213b;
  background: var(--contact-warm);
  overflow-x: clip;
}

body:has(main > section[aria-labelledby="contact-hero-title"]) > header.fixed {
  border-bottom-color: rgba(67, 183, 244, 0.18) !important;
  background: rgba(7, 27, 49, 0.97) !important;
  box-shadow: 0 10px 30px rgba(7, 27, 49, 0.13) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] {
  min-height: auto !important;
  padding: clamp(8.5rem, 11vw, 10.5rem) clamp(1.25rem, 4vw, 3rem) clamp(4.5rem, 7vw, 6.5rem) !important;
  background: var(--contact-warm) !important;
  color: var(--contact-ink) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.absolute.inset-0 {
  background:
    radial-gradient(circle at 10% 18%, rgba(22, 138, 212, 0.13), transparent 26rem),
    radial-gradient(circle at 90% 12%, rgba(111, 255, 158, 0.08), transparent 20rem),
    linear-gradient(180deg, #fffefa 0%, var(--contact-warm) 100%) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.absolute.inset-x-0 {
  top: 5.75rem !important;
  height: 2rem !important;
  background: var(--contact-blue) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.relative {
  width: min(100%, 76rem) !important;
  min-height: 0 !important;
  grid-template-columns: minmax(22rem, 0.9fr) minmax(0, 1.1fr) !important;
  align-items: start !important;
  gap: clamp(1.5rem, 3vw, 3rem) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.relative > div:first-child {
  position: sticky;
  top: 7.5rem;
  max-width: none !important;
  padding: clamp(2rem, 4vw, 3.5rem) !important;
  border: 1px solid rgba(67, 183, 244, 0.24);
  border-radius: 1.5rem;
  background:
    linear-gradient(145deg, rgba(22, 138, 212, 0.17), transparent 42%),
    var(--contact-navy) !important;
  box-shadow: 0 26px 65px rgba(7, 27, 49, 0.18);
  color: #fff !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.relative > div:first-child > p:first-child,
body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] [data-i18n="email_label"],
body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] [data-i18n="location_label"],
body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm > div:first-child > p {
  color: var(--contact-blue-bright) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title {
  max-width: 11ch;
  font-size: clamp(3.4rem, 4.8vw, 4.4rem) !important;
  line-height: 0.94 !important;
  color: #fff !important;
  text-wrap: balance;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p {
  max-width: 38rem;
  color: rgba(236, 245, 252, 0.76) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p + div {
  gap: 0.75rem !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p + div > div {
  min-width: 0;
  padding: 1rem 1.1rem !important;
  border: 1px solid rgba(67, 183, 244, 0.2) !important;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.055);
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p + div > div a {
  overflow-wrap: anywhere;
  color: #fff !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p + div > div a:hover,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #contact-hero-title + p + div > div a:focus-visible {
  color: var(--contact-electric) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm {
  padding: clamp(1.5rem, 3.2vw, 2.75rem) !important;
  border-color: rgba(8, 33, 59, 0.14) !important;
  border-radius: 1.5rem !important;
  background: var(--contact-surface) !important;
  box-shadow: 0 28px 70px rgba(7, 27, 49, 0.14) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #form-title {
  max-width: 15ch;
  color: var(--contact-navy) !important;
  font-size: clamp(2.35rem, 3.4vw, 3.35rem) !important;
  line-height: 0.98 !important;
  text-wrap: balance;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm > div:nth-child(2) {
  gap: 1.15rem 1.25rem !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm label {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #44576a !important;
  letter-spacing: 0.12em !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm label:has(+ :required)::after {
  width: 0.42rem;
  height: 0.42rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--contact-blue);
  box-shadow: 0 0 0 3px rgba(22, 138, 212, 0.1);
  content: "";
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm :where(input, select, textarea) {
  min-height: 3.45rem;
  border-color: #cbd7df !important;
  border-radius: 0.7rem;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(7, 27, 49, 0.04);
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm textarea {
  min-height: 9rem;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm :where(input, select, textarea):focus-visible {
  border-color: var(--contact-blue) !important;
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.34), 0 0 0 1px var(--contact-blue) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm :where(input, select, textarea):user-invalid,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm :where(input, select, textarea)[aria-invalid="true"] {
  border-color: var(--color-error) !important;
  background: var(--color-error-soft) !important;
  box-shadow: 0 0 0 4px rgba(185, 56, 74, 0.11) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm :where(input, select, textarea):disabled,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm button:disabled {
  border-color: var(--color-disabled) !important;
  background: var(--color-disabled-soft) !important;
  color: #65717d !important;
  box-shadow: none !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm button[type="submit"] {
  min-height: 3.55rem;
  background: var(--contact-blue) !important;
  letter-spacing: 0.14em !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm button[type="submit"]:disabled {
  border-color: #0b6da9 !important;
  background: #1684c7 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm button[type="submit"]:hover,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm button[type="submit"]:focus-visible {
  border-color: var(--contact-electric) !important;
  background: var(--contact-navy) !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px rgba(111, 255, 158, 0.3), 0 16px 34px rgba(7, 27, 49, 0.2) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm #tip:is(.is-pending, .is-success, .is-error):not(:empty) {
  display: block !important;
  color: var(--contact-navy) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm #tip.is-pending:not(:empty) {
  border-color: rgba(22, 138, 212, 0.22);
  background: #eaf6fd;
  color: #0b6da9 !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm #tip.is-error:not(:empty) {
  border-color: rgba(185, 56, 74, 0.24);
  background: var(--color-error-soft);
  color: var(--color-error) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #privacy-policy,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq {
  padding: clamp(5rem, 8vw, 7.5rem) clamp(1.25rem, 4vw, 3rem) !important;
  border-color: rgba(8, 33, 59, 0.1) !important;
  background: var(--contact-warm) !important;
  color: var(--contact-ink) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms {
  padding: clamp(5rem, 8vw, 7.5rem) clamp(1.25rem, 4vw, 3rem) !important;
  border-color: rgba(67, 183, 244, 0.17) !important;
  background: var(--contact-navy) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  :is(#privacy-policy, #terms) > div {
  max-width: 68rem !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #privacy-policy :where(h2, h3),
body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq :where(h2, h3, summary) {
  color: var(--contact-navy) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #privacy-policy :where(p, a),
body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq :where(p) {
  color: #506274 !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  :is(#privacy-policy, #procurement-faq) > div > div:first-child > p:first-child,
body:has(main > section[aria-labelledby="contact-hero-title"])
  :is(#privacy-policy, #procurement-faq) h3 {
  color: var(--contact-blue) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #policy-content,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms > div > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #policy-content > div,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms > div > div:last-child > div {
  margin: 0 !important;
  padding: 1.5rem;
  border: 1px solid rgba(8, 33, 59, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.76);
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms > div > div:last-child > div {
  border-color: rgba(67, 183, 244, 0.16);
  background: rgba(255, 255, 255, 0.045);
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms h2,
body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms h3 {
  color: var(--contact-blue-bright) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #terms p {
  color: rgba(236, 245, 252, 0.72) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq > div > div:last-child {
  border-color: rgba(8, 33, 59, 0.12) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq details {
  border-color: rgba(8, 33, 59, 0.11) !important;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  #procurement-faq summary:focus-visible {
  border-radius: 0.45rem;
  outline: 3px solid rgba(111, 255, 158, 0.42);
  outline-offset: 5px;
}

body:has(main > section[aria-labelledby="contact-hero-title"])
  .rfq-float {
  display: none !important;
}

html[dir="rtl"] body:has(main > section[aria-labelledby="contact-hero-title"])
  main > section[aria-labelledby="contact-hero-title"] > div.relative > div:first-child,
html[dir="rtl"] body:has(main > section[aria-labelledby="contact-hero-title"])
  #contactForm,
html[dir="rtl"] body:has(main > section[aria-labelledby="contact-hero-title"])
  main :where(h1, h2, h3, p, label) {
  text-align: right;
}

@media (max-width: 1023px) {
  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] > div.relative {
    grid-template-columns: 1fr !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] > div.relative > div:first-child {
    position: relative;
    top: auto;
  }
}

@media (max-width: 640px) {
  body:has(main > section[aria-labelledby="contact-hero-title"]) {
    padding-bottom: 0 !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] {
    padding: 7.25rem 1rem 4rem !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] > div.absolute.inset-x-0 {
    top: 4.75rem !important;
    height: 1.25rem !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] > div.relative {
    gap: 1rem !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    main > section[aria-labelledby="contact-hero-title"] > div.relative > div:first-child {
    padding: 1.5rem !important;
    border-radius: 1.1rem;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contact-hero-title {
    max-width: 11ch;
    font-size: clamp(2.65rem, 13vw, 3.35rem) !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contact-hero-title + p {
    margin-top: 1.25rem !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contact-hero-title + p + div {
    margin-top: 1.5rem !important;
    grid-template-columns: 1fr !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contactForm {
    padding: 1.35rem !important;
    border-radius: 1.1rem !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #form-title {
    font-size: 2.35rem !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contactForm > div:nth-child(2) {
    grid-template-columns: 1fr !important;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #policy-content,
  body:has(main > section[aria-labelledby="contact-hero-title"])
    #terms > div > div:last-child {
    grid-template-columns: 1fr;
  }

  body:has(main > section[aria-labelledby="contact-hero-title"])
    #back-to-top {
    display: none !important;
  }

  body.contact-contact-clearance:has(main > section[aria-labelledby="contact-hero-title"])
    :is(.email-float, a[href*="wa.me/"]) {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 1rem)) !important;
  }
}

@media (max-width: 340px) {
  body:has(main > section[aria-labelledby="contact-hero-title"])
    #contact-hero-title {
    font-size: 2.45rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(main > section[aria-labelledby="contact-hero-title"])
    :where(#contactForm, #contactForm *, details, summary) {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Legal pages and cookie consent - Round 13 */
body.valo-legal-page {
  --legal-navy: #071b31;
  --legal-navy-soft: #0b2948;
  --legal-blue: #168ad4;
  --legal-blue-bright: #43b7f4;
  --legal-electric: #6fff9e;
  --legal-warm: #f8f6f0;
  --legal-surface: #fffefa;
  --legal-ink: #142b40;
  background: var(--legal-warm) !important;
  color: var(--legal-ink) !important;
  overflow-x: clip;
}

body.valo-legal-page > header.fixed {
  border-bottom-color: rgba(67, 183, 244, 0.18) !important;
  background: rgba(7, 27, 49, 0.97) !important;
  box-shadow: 0 10px 30px rgba(7, 27, 49, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.valo-legal-page main > section {
  padding: clamp(8.75rem, 11vw, 10.5rem) clamp(1.25rem, 4vw, 3rem) clamp(5rem, 8vw, 7.5rem) !important;
  background:
    radial-gradient(circle at 9% 8%, rgba(22, 138, 212, 0.1), transparent 24rem),
    var(--legal-warm) !important;
  color: var(--legal-ink) !important;
}

body.valo-legal-page main > section > div {
  display: grid;
  width: min(100%, 78rem);
  max-width: 78rem !important;
  grid-template-columns: minmax(14rem, 17rem) minmax(0, 46rem);
  justify-content: space-between;
  align-items: start;
  gap: clamp(2rem, 5vw, 5rem);
}

body.valo-legal-page main > section > div > div:first-child {
  grid-column: 1 / -1;
  padding: clamp(2rem, 5vw, 4.5rem);
  border: 1px solid rgba(67, 183, 244, 0.2);
  border-radius: 1.5rem;
  background:
    linear-gradient(135deg, rgba(22, 138, 212, 0.18), transparent 42%),
    var(--legal-navy) !important;
  box-shadow: 0 28px 70px rgba(7, 27, 49, 0.16);
  color: #fff !important;
}

body.valo-legal-page main > section > div > div:first-child > p:first-child {
  color: var(--legal-blue-bright) !important;
}

body.valo-legal-page main h1 {
  max-width: 15ch;
  color: #fff !important;
  font-size: clamp(3.5rem, 6vw, 5.5rem) !important;
  line-height: 0.94 !important;
  text-wrap: balance;
}

body.valo-legal-page main > section > div > div:first-child :where(p, div p) {
  max-width: 54rem;
  color: rgba(237, 245, 252, 0.74) !important;
}

.valo-legal-toc {
  position: sticky;
  top: 7.5rem;
  max-height: calc(100dvh - 9rem);
  overflow: auto;
  padding: 1rem;
  border: 1px solid rgba(8, 33, 59, 0.12);
  border-radius: 1rem;
  background: rgba(255, 254, 250, 0.9);
  box-shadow: 0 14px 40px rgba(7, 27, 49, 0.08);
  scrollbar-width: thin;
  scrollbar-color: rgba(22, 138, 212, 0.45) transparent;
}

.valo-legal-toc ol {
  display: grid;
  gap: 0.18rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.valo-legal-toc a {
  display: block;
  padding: 0.62rem 0.75rem;
  border-inline-start: 3px solid transparent;
  border-radius: 0.5rem;
  color: #4a6073;
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.valo-legal-toc a:hover,
.valo-legal-toc a[aria-current="true"] {
  border-inline-start-color: var(--legal-blue);
  background: rgba(22, 138, 212, 0.08);
  color: var(--legal-navy);
}

.valo-legal-toc a:focus-visible {
  outline: 3px solid rgba(111, 255, 158, 0.55);
  outline-offset: 2px;
}

body.valo-legal-page .valo-legal-content {
  grid-column: 2;
  min-width: 0;
  margin-top: 0 !important;
  color: #42586c !important;
}

body.valo-legal-page .reveal {
    opacity: 1 !important;
    transform: none !important;
}

body.valo-legal-page .valo-legal-content > :is(article, section) {
  scroll-margin-top: 8rem;
  padding: clamp(2rem, 4vw, 3rem) 0 !important;
  border-color: rgba(8, 33, 59, 0.13) !important;
}

body.valo-legal-page .valo-legal-content > :is(article, section):first-child {
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.valo-legal-page .valo-legal-content h2 {
  max-width: 24ch;
  color: var(--legal-navy) !important;
  font-size: clamp(1.8rem, 3vw, 2.35rem) !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

body.valo-legal-page .valo-legal-content h3 {
  color: var(--legal-navy-soft) !important;
  line-height: 1.25;
}

body.valo-legal-page .valo-legal-content :where(p, li, td, th) {
  color: #42586c !important;
  font-size: 1rem;
  line-height: 1.82 !important;
}

body.valo-legal-page .valo-legal-content p + p {
  margin-top: 1rem !important;
}

body.valo-legal-page .valo-legal-content :where(ul, ol) {
  display: grid;
  gap: 0.65rem;
  margin-top: 1rem;
  padding-inline-start: 1.4rem;
}

body.valo-legal-page .valo-legal-content li::marker {
  color: var(--legal-blue);
}

body.valo-legal-page .valo-legal-content a {
  color: #0878bc !important;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: rgba(8, 120, 188, 0.3);
  text-underline-offset: 0.2em;
}

body.valo-legal-page .valo-legal-content a:hover {
  color: var(--legal-navy) !important;
  text-decoration-color: var(--legal-blue);
}

body.valo-legal-page .valo-legal-content a:focus-visible {
  border-radius: 0.2rem;
  outline: 3px solid rgba(111, 255, 158, 0.55);
  outline-offset: 3px;
}

body.valo-legal-page .valo-legal-content table {
  width: 100%;
  margin-top: 1.5rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(8, 33, 59, 0.14);
  border-radius: 0.75rem;
  background: var(--legal-surface);
}

body.valo-legal-page .valo-legal-content :where(th, td) {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(8, 33, 59, 0.1);
  text-align: start;
  vertical-align: top;
}

body.valo-legal-page .valo-legal-content th {
  background: #edf6fb;
  color: var(--legal-navy) !important;
  font-weight: 750;
}

body.valo-legal-page .rfq-float {
  display: none !important;
}

body.valo-legal-page #back-to-top {
  border-color: rgba(67, 183, 244, 0.28) !important;
  background: var(--legal-navy) !important;
  color: #fff !important;
}

html[dir="rtl"] body.valo-legal-page main :where(h1, h2, h3, p, li, th, td),
html[dir="rtl"] body.valo-legal-page .valo-legal-toc {
  text-align: right;
}

#valo-cookie-banner[hidden],
.valo-cookie-preferences[hidden] {
  display: none !important;
}

#valo-cookie-banner {
  inset-inline: max(1rem, calc((100vw - 78rem) / 2)) !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  padding: 1.15rem !important;
  border: 1px solid rgba(67, 183, 244, 0.28) !important;
  border-radius: 1.15rem;
  background: rgba(7, 27, 49, 0.98) !important;
  box-shadow: 0 28px 80px rgba(1, 12, 24, 0.34) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

#valo-cookie-banner > div {
  max-width: none !important;
  gap: 1.25rem !important;
}

#valo-cookie-banner p {
  max-width: 50rem;
  color: rgba(238, 246, 252, 0.76) !important;
  font-size: 0.9rem;
  line-height: 1.65;
}

#valo-cookie-banner p a {
  color: var(--color-court-300) !important;
  text-decoration-color: rgba(67, 183, 244, 0.55) !important;
}

#valo-cookie-banner > div > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(10rem, 1fr));
  align-items: center;
  gap: 0.65rem !important;
}

#valo-cookie-banner [data-valo-cookie-choice] {
  min-height: 3rem !important;
  padding: 0.75rem 1rem !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transform: none !important;
}

#valo-cookie-banner [data-valo-cookie-choice="all"] {
  border: 1px solid var(--color-court-400) !important;
  background: var(--color-court-600) !important;
  color: #fff !important;
}

#valo-cookie-banner [data-valo-cookie-choice="essential"] {
  border: 1px solid rgba(238, 246, 252, 0.45) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

#valo-cookie-banner [data-valo-cookie-manage] {
  grid-column: 1 / -1;
  justify-self: center;
  min-height: 2.5rem;
  padding: 0.35rem 0.75rem;
  color: rgba(238, 246, 252, 0.76) !important;
  text-align: center !important;
  text-decoration-color: rgba(67, 183, 244, 0.45) !important;
}

#valo-cookie-banner :where(button, a):focus-visible,
.valo-cookie-preferences :where(button, a):focus-visible {
  outline: 3px solid rgba(111, 255, 158, 0.78) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

.valo-cookie-preferences {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(1, 12, 24, 0.7);
}

.valo-cookie-preferences__panel {
  position: relative;
  width: min(100%, 36rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid rgba(8, 33, 59, 0.14);
  border-radius: 1.25rem;
  background: var(--color-warm-white, #f8f6f0);
  box-shadow: 0 36px 100px rgba(1, 12, 24, 0.42);
  color: var(--color-navy-950, #071b31);
}

.valo-cookie-preferences__close {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid rgba(8, 33, 59, 0.16);
  border-radius: 999px;
  background: #fff;
  color: var(--color-navy-950, #071b31);
  font-size: 1.55rem;
  line-height: 1;
}

.valo-cookie-preferences__panel h2 {
  max-width: calc(100% - 3.5rem);
  margin: 0;
  color: var(--color-navy-950, #071b31);
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 650;
  line-height: 1;
}

.valo-cookie-preferences__panel p {
  margin-top: 1.25rem;
  color: #4b6073;
  font-size: 0.98rem;
  line-height: 1.72;
}

.valo-cookie-preferences__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

.valo-cookie-preferences__actions button {
  min-height: 3.25rem;
  padding: 0.75rem 1rem;
  border-radius: 999px !important;
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.valo-cookie-preferences__actions [data-valo-cookie-dialog-choice="all"] {
  border: 1px solid var(--color-court-500) !important;
  background: var(--color-court-600) !important;
  color: #fff !important;
}

.valo-cookie-preferences__actions [data-valo-cookie-dialog-choice="essential"] {
  border: 1px solid rgba(8, 33, 59, 0.32) !important;
  background: transparent !important;
  color: var(--color-navy-950, #071b31) !important;
}

body.valo-cookie-dialog-open {
  overflow: hidden !important;
}

html[dir="rtl"] .valo-cookie-preferences__panel,
html[dir="rtl"] .valo-cookie-preferences__panel :where(h2, p) {
  text-align: right;
}

@media (max-width: 767px) {
  body.valo-legal-page main > section {
    padding: 7.25rem 1rem 4.5rem !important;
  }

  body.valo-legal-page main > section > div {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  body.valo-legal-page main > section > div > div:first-child {
    padding: 1.5rem;
    border-radius: 1.1rem;
  }

  body.valo-legal-page main h1 {
    font-size: clamp(2.65rem, 13vw, 3.5rem) !important;
  }

  .valo-legal-toc {
    position: relative;
    top: auto;
    max-height: 13rem;
    padding: 0.75rem;
  }

  body.valo-legal-page .valo-legal-content {
    grid-column: 1;
  }

  body.valo-legal-page .valo-legal-content > :is(article, section) {
    padding: 2rem 0 !important;
  }

  body.valo-legal-page .valo-legal-content :where(p, li, td, th) {
    font-size: 0.98rem;
    line-height: 1.78 !important;
  }

  body.valo-legal-page :is(.email-float, a[href*="wa.me/"], .rfq-float) {
    display: none !important;
  }

  #valo-cookie-banner {
    inset-inline: 0.75rem !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    padding: 1rem !important;
    border-radius: 1rem;
  }

  #valo-cookie-banner > div,
  #valo-cookie-banner > div > div:last-child,
  .valo-cookie-preferences__actions {
    grid-template-columns: 1fr !important;
  }

  #valo-cookie-banner > div > div:last-child {
    width: 100%;
  }

  #valo-cookie-banner [data-valo-cookie-manage] {
    grid-column: 1;
  }

  .valo-cookie-preferences {
    align-items: end;
    padding: 0.75rem;
  }

  .valo-cookie-preferences__panel {
    width: 100%;
    max-height: calc(100dvh - 1.5rem);
    padding: 1.4rem;
    padding-top: 1.75rem;
    border-radius: 1.15rem;
  }

  .valo-cookie-preferences__panel h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 340px) {
  #valo-cookie-banner p {
    font-size: 0.82rem;
    line-height: 1.55;
  }

  #valo-cookie-banner [data-valo-cookie-choice] {
    min-height: 2.8rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.valo-legal-page *,
  #valo-cookie-banner *,
  .valo-cookie-preferences * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Final QA corrections - Round 14.1
   Reveal is progressive enhancement: readable content never depends on JS. */
html body .reveal,
html body .seamless-card,
html body .spotlight-card,
html body .innovation-card {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Preserve approved layouts while restoring full-strength readable text. */
main > section[aria-labelledby="models-hero-title"] :is(h1, p),
body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  main > section[aria-labelledby="about-hero-title"] :is(h1, p),
body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  main > section[aria-labelledby="hero-title"] :is(h1, p),
body.valo-product-page main > section[aria-labelledby="hero-title"] :is(h1, p) {
  opacity: 1 !important;
}

#models-hero-title + p,
body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  #about-hero-title + p,
body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #hero-title + p,
body.valo-product-page #hero-title + p {
  color: rgba(255, 255, 255, 0.94) !important;
}

body.valo-product-page:has(main > section[aria-labelledby="hero-title"] ~ section[aria-labelledby="blueprint-title"])
  main > section[aria-labelledby="hero-title"] #hero-title + p {
  color: rgba(255, 255, 255, 0.94) !important;
}

#models-hero-title,
body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
  #about-hero-title,
body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
  #hero-title,
body.valo-product-page #hero-title {
  color: #fff !important;
}

body.valo-product-page main > section[aria-labelledby="hero-title"] + section .reveal,
body.valo-product-page main > section[aria-labelledby="hero-title"] + section :is(h2, h3, p, a) {
  opacity: 1 !important;
}

/* RFQ stays suppressed; contact icons leave before the Footer or cookie UI. */
body.footer-contact-clearance > :is(.rfq-float, .email-float, a[href*="wa.me/"]),
body.global-contact-clearance > :is(.rfq-float, .email-float, a[href*="wa.me/"]),
body:has(#valo-cookie-banner:not([hidden])) > :is(.rfq-float, .email-float, a[href*="wa.me/"]) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(calc(100% + 1rem)) !important;
}

@media (max-width: 767px) {
  main > section[aria-labelledby="models-hero-title"] {
    min-height: max(31rem, 64svh) !important;
    padding-bottom: 3rem !important;
  }

  main > section[aria-labelledby="models-hero-title"] + section[aria-labelledby="matrix-title"] {
    padding-top: 3rem !important;
  }

  body:has(main > section[aria-labelledby="about-hero-title"] + section[aria-labelledby="dual-title"] + section[aria-labelledby="craft-title"])
    main > section[aria-labelledby="about-hero-title"] > img + div.absolute {
    background: linear-gradient(180deg, rgba(4, 18, 33, 0.18), rgba(4, 18, 33, 0.58) 38%, rgba(4, 18, 33, 0.94)) !important;
  }

  body:has(main > section[aria-labelledby="hero-title"] + section[aria-labelledby="dual-hub-title"] + #shop-floor-showcase)
    main > section[aria-labelledby="hero-title"] > img + div.absolute {
    background: linear-gradient(180deg, rgba(4, 18, 33, 0.18), rgba(4, 18, 33, 0.58) 44%, rgba(4, 18, 33, 0.94)) !important;
  }

  #valo-cookie-banner {
    max-height: min(28rem, calc(100dvh - 6.5rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  #valo-cookie-banner > div {
    min-height: 0;
  }

  #valo-cookie-banner p {
    max-height: 8.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .reveal,
  html body .seamless-card,
  html body .spotlight-card,
  html body .innovation-card {
    animation: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
}