/* Shared unified site overlay for official EN and ZH pages. */

body.site-unified {
  background:
    linear-gradient(180deg, #f6f9fb 0%, #eef4f8 44%, #f7f9fb 100%);
  color: #24384d;
}

body.site-unified .eyebrow {
  color: #9a4d0c;
  font-weight: 750;
}

body.site-unified h1,
body.site-unified h2,
body.site-unified h3 {
  color: #08213a;
}

body.site-unified .lead,
body.site-unified .muted,
body.site-unified p {
  color: #30445a;
}

body.site-unified .crumbs {
  color: #385065;
}

body.site-unified .crumbs a {
  color: #173b57;
  font-weight: 650;
}

/* Shared first-screen treatment. */
body.site-unified:not(.page-home) > section.section.tight:first-of-type,
body.site-unified .catalog-head,
body.site-unified .category-hero,
body.site-unified .detail-header {
  position: relative;
  border-bottom: 0;
}

body.site-unified.page-products .catalog-head {
  background:
    linear-gradient(106deg, rgba(233,243,251,.96) 0%, rgba(210,230,244,.86) 46%, rgba(181,214,239,.68) 100%);
}

body.site-unified.page-category .category-hero {
  background:
    linear-gradient(106deg, rgba(233,243,251,.92) 0%, rgba(210,230,244,.76) 46%, rgba(181,214,239,.52) 100%),
    var(--simoa-scene-factory) center center / cover no-repeat;
}

body.site-unified.page-detail .detail-header {
  background:
    linear-gradient(100deg, rgba(234,244,252,.92) 0%, rgba(214,233,247,.78) 46%, rgba(187,218,240,.58) 100%),
    var(--simoa-scene-port) center center / cover no-repeat;
}

body.site-unified.page-resources > section.section.tight:first-of-type,
body.site-unified.page-faq > section.section.tight:first-of-type,
body.site-unified.page-quality > section.section.tight:first-of-type,
body.site-unified.page-about > section.section.tight:first-of-type,
body.site-unified.page-editorial > section.section.tight:first-of-type,
  body.site-unified.page-contact > section.section.tight:first-of-type {
  padding-top: 38px;
  padding-bottom: 44px;
  background:
    linear-gradient(104deg, rgba(235,245,252,.92) 0%, rgba(214,234,247,.78) 48%, rgba(190,220,240,.62) 100%),
    var(--simoa-scene-pipe) center center / cover no-repeat;
}

body.site-unified:not(.page-home) > section.section.tight:first-of-type h1,
body.site-unified .catalog-head h1,
body.site-unified .category-hero h1,
body.site-unified .detail-header h1 {
  color: #071c2f;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(255,255,255,.78), 0 3px 16px rgba(255,255,255,.40);
}

body.site-unified:not(.page-home) > section.section.tight:first-of-type .lead,
body.site-unified .catalog-head .lead,
body.site-unified .category-hero p,
body.site-unified .detail-header .lead {
  color: #273c52;
  font-weight: 500;
  line-height: 1.68;
  text-shadow: 0 1px 2px rgba(255,255,255,.62);
}

body.site-unified .section {
  border-top-color: rgba(29,58,83,.07);
  border-bottom-color: rgba(29,58,83,.07);
}

body.site-unified .section.alt {
  background: linear-gradient(180deg, rgba(248,251,253,.92), rgba(241,247,251,.86));
}

/* Quieter, more integrated module surfaces. */
body.site-unified .card,
body.site-unified .cat-sidebar,
body.site-unified .table-wrap,
body.site-unified .faq details,
body.site-unified .step,
body.site-unified .cert-card {
  border-color: rgba(27,57,83,.10);
  background: linear-gradient(155deg, rgba(255,255,255,.88), rgba(245,250,253,.74));
  box-shadow: 0 14px 34px rgba(17,40,60,.055);
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

body.site-unified .card.hover:hover,
body.site-unified .step:hover,
body.site-unified .cert-card:hover {
  border-color: rgba(232,119,34,.28);
  background: linear-gradient(155deg, rgba(255,255,255,.95), rgba(246,250,253,.84));
  box-shadow: 0 18px 38px rgba(17,40,60,.08);
}

body.site-unified .card-ic {
  border-color: rgba(27,57,83,.08);
  background: linear-gradient(150deg, rgba(255,255,255,.90), rgba(232,241,248,.72));
  color: #17466b;
}

body.site-unified .badge-soft,
body.site-unified .pill.info {
  background: rgba(235,243,249,.78);
  color: #17466b;
}

body.site-unified .table-wrap {
  background: rgba(255,255,255,.94);
}

body.site-unified table.spec {
  background: transparent;
}

body.site-unified table.spec thead th {
  background: #123f61;
}

body.site-unified .technical-figure-section {
  background: linear-gradient(180deg, rgba(248,251,253,.94), rgba(238,245,250,.88));
}

body.site-unified .technical-figure {
  border-color: rgba(27,57,83,.09);
  background: rgba(255,255,255,.90);
  box-shadow: 0 16px 36px rgba(17,40,60,.06);
}

body.site-unified .technical-figure img {
  background: transparent;
}

body.site-unified .ctaband {
  border-left-color: var(--accent);
  background:
    linear-gradient(104deg, rgba(8,31,56,.88) 0%, rgba(13,47,78,.78) 56%, rgba(22,64,100,.62) 100%),
    var(--simoa-scene-pipe) center center / cover no-repeat;
}

body.site-unified .ctaband h2 {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(3,14,26,.58);
}

body.site-unified .ctaband p {
  color: #e7f0f8;
  text-shadow: 0 1px 7px rgba(3,14,26,.58);
}

/* Product directory and category cards. */
body.site-unified .catalog-grid,
body.site-unified .subcat-block .grid,
body.site-unified .related-section .grid {
  gap: 12px;
  background: transparent;
  border: 0;
}

body.site-unified .cat-tile,
body.site-unified .pcard {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 7px;
  background: linear-gradient(168deg, rgba(255,255,255,.42), rgba(247,251,254,.74));
  box-shadow: 0 16px 34px rgba(17,40,60,.075);
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

body.site-unified .cat-tile:hover,
body.site-unified .pcard:hover {
  border-color: rgba(255,255,255,.70);
  background: linear-gradient(168deg, rgba(255,255,255,.54), rgba(250,253,255,.84));
  box-shadow: 0 20px 42px rgba(17,40,60,.10);
}

/* Long category lists do not need per-card blur on desktop. */
body.site-unified.page-category .pcard,
body.site-unified.page-detail .related-section .pcard {
  border-color: rgba(255,255,255,.62);
  background: linear-gradient(168deg, rgba(255,255,255,.76), rgba(249,252,254,.92));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.site-unified.page-category .pcard:hover,
body.site-unified.page-detail .related-section .pcard:hover {
  border-color: rgba(255,255,255,.78);
  background: linear-gradient(168deg, rgba(255,255,255,.84), rgba(251,253,255,.96));
}

body.site-unified .cat-tile-img,
body.site-unified .pcard-img {
  aspect-ratio: 4 / 3;
  border-bottom: 1px solid rgba(255,255,255,.44);
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.76) 0%, rgba(255,255,255,.22) 58%, rgba(226,237,246,.08) 100%);
}

body.site-unified .cat-tile-img img,
body.site-unified .pcard-img .prod-img {
  object-fit: contain;
  filter: contrast(1.02) saturate(1.04) drop-shadow(0 15px 20px rgba(17,40,60,.16));
}

body.site-unified .cat-tile-img img {
  width: 100%;
  height: 100%;
  padding: 12px;
}

/* Catalog category images are pre-composed on their own 4:3 canvas. */
body.site-unified.page-products .cat-tile-img img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: center;
}

body.site-unified .pcard-img .prod-img {
  width: 100%;
  height: 100%;
  padding: 12px;
}

body.site-unified .cat-tile-body,
body.site-unified .pcard-body {
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(250,253,255,.62));
}

body.site-unified .cat-tile-body {
  padding: 16px 17px 18px;
}

body.site-unified .pcard-body {
  padding: 15px 16px 17px;
}

body.site-unified .pcard-body .pfoot {
  border-top-color: rgba(27,57,83,.10);
}

body.site-unified .cat-sidebar {
  position: sticky;
  top: 88px;
}

body.site-unified .category-nav a {
  border-bottom-color: rgba(27,57,83,.09);
}

body.site-unified .category-nav a.active,
body.site-unified .category-nav a:hover {
  color: #9a4d0c;
  border-bottom-color: rgba(232,119,34,.52);
}

body.site-unified .category-quick-nav a[aria-current="true"] {
  border-color: rgba(214, 130, 0, .58);
  background: linear-gradient(135deg, #fff8ec, #f7fbfe);
  color: #7d4006;
  box-shadow: 0 6px 16px rgba(17, 40, 60, .08);
}

body.site-unified .category-quick-nav a[aria-current="true"] span {
  color: #96652d;
}

body.site-unified .subcat-block {
  border-top-color: rgba(27,57,83,.10);
}

body.site-unified .product-filter {
  border-color: rgba(27,57,83,.10);
  background: rgba(255,255,255,.74);
  box-shadow: 0 10px 26px rgba(17,40,60,.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Mobile-only quick navigation for long category pages. */
body.site-unified .category-quick-nav--mobile {
  display: none;
}

/* Product detail: integrate the product, keep specifications readable. */
body.site-unified .detail-layout {
  padding-top: 36px;
  padding-bottom: 48px;
}

body.site-unified .detail-gallery {
  aspect-ratio: 4 / 3;
  border: 0;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,.74) 0%, rgba(255,255,255,.26) 56%, rgba(224,237,246,.05) 100%);
  box-shadow: none;
}

body.site-unified .detail-gallery img {
  object-fit: contain;
  padding: 12px;
  filter: contrast(1.03) saturate(1.05) drop-shadow(0 24px 30px rgba(17,40,60,.18));
}

body.site-unified .detail-summary .eyebrow {
  text-shadow: 0 1px 3px rgba(255,255,255,.58);
}

body.site-unified .key-spec-wall {
  gap: 1px;
  border: 1px solid rgba(255,255,255,.54);
  background: rgba(255,255,255,.48);
  box-shadow: 0 14px 32px rgba(17,40,60,.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.site-unified .key-spec-wall > div {
  min-height: 68px;
  background: linear-gradient(155deg, rgba(255,255,255,.66), rgba(247,251,254,.42));
}

body.site-unified .key-spec-wall span {
  color: #66798c;
}

body.site-unified .key-spec-wall strong {
  color: #08213a;
}

body.site-unified .detail-checks li {
  color: #2d4258;
}

body.site-unified .hint {
  color: #4a5d70;
}

body.site-unified .testing-section {
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(242,248,251,.90));
}

body.site-unified .testing-grid .card {
  background: rgba(255,255,255,.74);
}

body.site-unified .quality-list {
  border-top-color: rgba(27,57,83,.10);
}

body.site-unified .quality-list li {
  border-bottom-color: rgba(27,57,83,.10);
}

/* Resource, FAQ, quality, about, and contact pages. */
body.site-unified .section-label,
body.site-unified .industrial-heading {
  color: #08213a;
}

body.site-unified .resource-mega,
body.site-unified .faq-mega {
  border-color: rgba(23,52,77,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,253,.96));
  box-shadow: 0 24px 54px rgba(12,31,48,.16);
}

body.site-unified .faq details summary {
  color: #123c5c;
}

body.site-unified .faq details[open] summary {
  border-bottom-color: rgba(27,57,83,.09);
}

body.site-unified .contact-method,
body.site-unified .contact-side {
  border-top: 1px solid rgba(255,255,255,.58);
}

body.site-unified .contact-method:hover {
  transform: translateY(-2px);
}

body.site-unified .kv dt,
body.site-unified .kv dd {
  border-bottom-color: rgba(27,57,83,.09);
}

/* Unified dark industrial close for every preview page. */
body.site-unified .footer {
  background:
    linear-gradient(180deg, rgba(8,27,48,.86) 0%, rgba(5,19,34,.96) 100%),
    var(--simoa-scene-shipyard) center center / cover no-repeat;
}

body.site-unified .footer h5,
body.site-unified .footer a,
body.site-unified .footer p,
body.site-unified .footer .fcontact span,
body.site-unified .footer .flegal,
body.site-unified .footer .flegal a,
body.site-unified .footer .class-note {
  color: #dce7f1;
  text-shadow: 0 1px 8px rgba(3,12,22,.72);
}

body.site-unified .footer .brand-tag {
  color: #c5d4df;
}

body.site-unified .footer a:hover,
body.site-unified .footer a:focus-visible {
  color: #fff;
}

body.site-unified .footer .flegal {
  border-top-color: rgba(255,255,255,.14);
}

/* Mobile has equal priority: readable text and two product columns. */
@media (max-width: 1024px) {

  body.site-unified .cat-sidebar {
    position: static;
  }

  body.site-unified .subcat-block .grid,
  body.site-unified .related-section .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.site-unified:not(.page-home) > section.section.tight:first-of-type,
  body.site-unified .catalog-head,
  body.site-unified .category-hero,
  body.site-unified .detail-header {
    background-size: cover, cover;
    background-position: center center, center center;
  }

  body.site-unified.page-products .catalog-head {
    background:
      linear-gradient(180deg, rgba(231,242,250,.90), rgba(203,228,244,.76)),
      var(--simoa-scene-factory) center center / cover no-repeat;
  }

  body.site-unified.page-category .category-hero {
    background:
      linear-gradient(180deg, rgba(231,242,250,.90), rgba(203,228,244,.76)),
      var(--simoa-scene-factory) center center / cover no-repeat;
  }

  body.site-unified.page-detail .detail-header {
    background:
      linear-gradient(180deg, rgba(232,243,251,.90), rgba(203,229,245,.78)),
      var(--simoa-scene-port) center center / cover no-repeat;
  }

  body.site-unified.page-resources > section.section.tight:first-of-type,
  body.site-unified.page-faq > section.section.tight:first-of-type,
  body.site-unified.page-quality > section.section.tight:first-of-type,
  body.site-unified.page-about > section.section.tight:first-of-type,
  body.site-unified.page-editorial > section.section.tight:first-of-type,
  body.site-unified.page-contact > section.section.tight:first-of-type {
    background:
      linear-gradient(180deg, rgba(235,245,252,.92), rgba(207,230,244,.78)),
      var(--simoa-scene-pipe) center center / cover no-repeat;
  }

  body.site-unified .detail-layout {
    padding-top: 26px;
    padding-bottom: 34px;
  }

  body.site-unified .detail-gallery {
    position: static;
    max-width: 520px;
    margin: 0 auto;
  }

  body.site-unified .key-spec-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {



  /* Keep the integrated look while avoiding heavy blur across long lists. */
  body.site-unified .cat-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.site-unified .cat-sidebar {
    display: none;
  }

  body.site-unified .category-main {
    min-width: 0;
    max-width: 100%;
  }

  body.site-unified .card,
  body.site-unified .cat-sidebar,
  body.site-unified .table-wrap,
  body.site-unified .faq details,
  body.site-unified .step,
  body.site-unified .cert-card {
    background: linear-gradient(155deg, rgba(255,255,255,.96), rgba(247,251,253,.92));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.site-unified .cat-tile,
  body.site-unified .pcard {
    border-color: rgba(255,255,255,.62);
    background: linear-gradient(168deg, rgba(255,255,255,.82), rgba(249,252,254,.94));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.site-unified .product-filter {
    background: rgba(255,255,255,.94);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.site-unified .key-spec-wall {
    background: rgba(255,255,255,.90);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.site-unified:not(.page-home) > section.section.tight:first-of-type {
    padding-top: 28px;
    padding-bottom: 34px;
  }

  body.site-unified .catalog-grid,
  body.site-unified .subcat-block .grid,
  body.site-unified .related-section .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  body.site-unified .catalog-grid .cat-tile:first-child {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  body.site-unified .cat-tile-img,
  body.site-unified .pcard-img,
  body.site-unified .detail-gallery {
    aspect-ratio: 4 / 3;
  }

  body.site-unified .cat-tile-img img,
  body.site-unified .pcard-img .prod-img,
  body.site-unified .detail-gallery img {
    padding: 8px;
  }

  body.site-unified .cat-tile-body {
    padding: 11px 11px 13px;
  }

  body.site-unified .pcard-body {
    padding: 10px 11px 12px;
  }

  body.site-unified .pcard-body h3,
  body.site-unified .cat-tile-body h3 {
    font-size: 13.2px;
    line-height: 1.28;
  }

  body.site-unified .pcard-body .pstd {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.3;
  }

  body.site-unified .pcard-body .pspec {
    gap: 4px 9px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.35;
  }

  body.site-unified .pcard-body .pfoot {
    padding-top: 8px;
  }

  body.site-unified .pcard-body .pfoot a {
    font-size: 12.2px;
  }

  body.site-unified .cat-tile-desc {
    font-size: 12px;
    line-height: 1.45;
  }

  body.site-unified .std-chips {
    gap: 4px;
  }

  body.site-unified .std-chips span {
    padding: 3px 5px;
    font-size: 11px;
    line-height: 1.25;
  }

  body.site-unified .category-quick-nav:not(.category-quick-nav--mobile) {
    display: none;
  }

  body.site-unified .category-quick-nav--mobile {
    position: sticky;
    top: 63px;
    z-index: 30;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 7px;
    margin: 0 0 10px;
    padding: 7px;
    border: 1px solid rgba(27,57,83,.10);
    border-radius: 7px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 24px rgba(17,40,60,.08);
    scrollbar-width: thin;
  }

  body.site-unified .category-quick-nav--mobile a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border-color: rgba(27,57,83,.12);
    background: rgba(246,250,253,.96);
    color: #17466b;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
  }

  body.site-unified .category-quick-nav--mobile a span {
    color: #66798c;
    font-family: var(--mono);
    font-size: 11px;
  }

  body.site-unified .subcat-block {
    scroll-margin-top: 126px;
  }

  body.site-unified .key-spec-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.site-unified .detail-actions .btn {
    width: 100%;
  }

  body.site-unified .mobile-cta {
    right: auto;
    width: 100dvw;
    gap: 8px;
    padding: 10px;
  }

  body.site-unified .mobile-cta .btn {
    min-width: 0;
  }
}

@media (max-width: 390px) {
  body.site-unified .catalog-grid,
  body.site-unified .subcat-block .grid,
  body.site-unified .related-section .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.site-unified .pcard-body h3,
  body.site-unified .cat-tile-body h3 {
    font-size: 13px;
  }

  body.site-unified .cat-tile-desc,
  body.site-unified .pcard-body .pspec {
    font-size: 12px;
  }
}

body.site-unified .quality-cert-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

body.site-unified .quality-cert-preview {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(27,57,83,.10);
  border-radius: 6px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 26px rgba(17,40,60,.045);
}

body.site-unified .quality-cert-preview img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1.414;
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(27,57,83,.10);
  border-radius: 4px;
  background: #fff;
}

body.site-unified .quality-scope-note {
  max-width: 72ch;
  margin: 14px auto 0;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 760px) {
  body.site-unified .quality-cert-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.site-unified .quality-cert-preview {
    max-width: none;
  }
}

@media (max-width: 520px) {
  body.site-unified .quality-cert-gallery {
    grid-template-columns: 1fr;
  }
}

/* Responsive scene backgrounds: keep the integrated look with lighter payloads. */
@supports (background-image: image-set(url("../assets/img/scenes/factory-equipment-4x3.jpg") type("image/jpeg"))) {
  :root {
    --simoa-scene-factory: image-set(
      url("../assets/img/scenes/performance/factory-equipment-4x3-640.avif") type("image/avif"),
      url("../assets/img/scenes/factory-equipment-4x3.jpg") type("image/jpeg")
    );
    --simoa-scene-port: image-set(
      url("../assets/img/scenes/performance/port-cargo-ships-16x9-640.avif") type("image/avif"),
      url("../assets/img/scenes/port-cargo-ships-16x9.jpg") type("image/jpeg")
    );
    --simoa-scene-pipe: image-set(
      url("../assets/img/scenes/performance/industrial-valve-pipe-4x3-640.avif") type("image/avif"),
      url("../assets/img/scenes/industrial-valve-pipe-4x3.jpg") type("image/jpeg")
    );
    --simoa-scene-shipyard: image-set(
      url("../assets/img/scenes/hero-shipyard-640.avif") type("image/avif"),
      url("../assets/img/scenes/hero-shipyard-16x9.jpg") type("image/jpeg")
    );
    --simoa-scene-technicians: image-set(
      url("../assets/img/scenes/performance/industrial-valve-technicians-3x2-640.avif") type("image/avif"),
      url("../assets/img/scenes/industrial-valve-technicians-3x2.jpg") type("image/jpeg")
    );

    --simoa-catalog-overlay: linear-gradient(106deg, rgba(233,243,251,.96) 0%, rgba(210,230,244,.86) 46%, rgba(181,214,239,.68) 100%);
    --simoa-category-overlay: linear-gradient(106deg, rgba(233,243,251,.92) 0%, rgba(210,230,244,.76) 46%, rgba(181,214,239,.52) 100%);
    --simoa-detail-overlay: linear-gradient(100deg, rgba(234,244,252,.92) 0%, rgba(214,233,247,.78) 46%, rgba(187,218,240,.58) 100%);
    --simoa-editorial-overlay: linear-gradient(104deg, rgba(235,245,252,.92) 0%, rgba(214,234,247,.78) 48%, rgba(190,220,240,.62) 100%);
    --simoa-cta-overlay: linear-gradient(104deg, rgba(8,31,56,.88) 0%, rgba(13,47,78,.78) 56%, rgba(22,64,100,.62) 100%);
    --simoa-footer-overlay: linear-gradient(180deg, rgba(8,27,48,.86) 0%, rgba(5,19,34,.96) 100%);

    --simoa-home-hero-overlay: linear-gradient(100deg, rgba(230,242,252,.88) 0%, rgba(207,230,247,.72) 42%, rgba(178,212,240,.42) 72%, rgba(148,196,233,.12) 100%);
    --simoa-home-products-overlay: linear-gradient(180deg, rgba(239,245,250,.86) 0%, rgba(219,232,243,.72) 34%, rgba(222,234,245,.74) 68%, rgba(242,247,251,.88) 100%);
    --simoa-home-close-overlay: linear-gradient(180deg, rgba(247,251,253,.93) 0%, rgba(240,246,251,.88) 24%, rgba(199,225,243,.74) 44%, rgba(12,32,52,.9) 66%, rgba(6,19,32,.97) 100%);
  }

  @media (min-width: 701px) and (max-width: 1100px) {
    :root {
      --simoa-scene-factory: image-set(
        url("../assets/img/scenes/performance/factory-equipment-4x3-960.avif") type("image/avif"),
        url("../assets/img/scenes/factory-equipment-4x3.jpg") type("image/jpeg")
      );
      --simoa-scene-port: image-set(
        url("../assets/img/scenes/performance/port-cargo-ships-16x9-960.avif") type("image/avif"),
        url("../assets/img/scenes/port-cargo-ships-16x9.jpg") type("image/jpeg")
      );
      --simoa-scene-pipe: image-set(
        url("../assets/img/scenes/performance/industrial-valve-pipe-4x3-960.avif") type("image/avif"),
        url("../assets/img/scenes/industrial-valve-pipe-4x3.jpg") type("image/jpeg")
      );
      --simoa-scene-shipyard: image-set(
        url("../assets/img/scenes/hero-shipyard-960.avif") type("image/avif"),
        url("../assets/img/scenes/hero-shipyard-16x9.jpg") type("image/jpeg")
      );
      --simoa-scene-technicians: image-set(
        url("../assets/img/scenes/performance/industrial-valve-technicians-3x2-960.avif") type("image/avif"),
        url("../assets/img/scenes/industrial-valve-technicians-3x2.jpg") type("image/jpeg")
      );
    }
  }

  @media (min-width: 1101px) {
    :root {
      --simoa-scene-factory: image-set(
        url("../assets/img/scenes/performance/factory-equipment-4x3-1200.avif") type("image/avif"),
        url("../assets/img/scenes/factory-equipment-4x3.jpg") type("image/jpeg")
      );
      --simoa-scene-port: image-set(
        url("../assets/img/scenes/performance/port-cargo-ships-16x9-1200.avif") type("image/avif"),
        url("../assets/img/scenes/port-cargo-ships-16x9.jpg") type("image/jpeg")
      );
      --simoa-scene-pipe: image-set(
        url("../assets/img/scenes/performance/industrial-valve-pipe-4x3-1200.avif") type("image/avif"),
        url("../assets/img/scenes/industrial-valve-pipe-4x3.jpg") type("image/jpeg")
      );
      --simoa-scene-shipyard: image-set(
        url("../assets/img/scenes/hero-shipyard-1440.avif") type("image/avif"),
        url("../assets/img/scenes/hero-shipyard-16x9.jpg") type("image/jpeg")
      );
      --simoa-scene-technicians: image-set(
        url("../assets/img/scenes/performance/industrial-valve-technicians-3x2-1440.avif") type("image/avif"),
        url("../assets/img/scenes/industrial-valve-technicians-3x2.jpg") type("image/jpeg")
      );
    }
  }

  @media (max-width: 900px) {
    :root {
      --simoa-catalog-overlay: linear-gradient(180deg, rgba(231,242,250,.90), rgba(203,228,244,.76));
      --simoa-category-overlay: linear-gradient(180deg, rgba(231,242,250,.90), rgba(203,228,244,.76));
      --simoa-detail-overlay: linear-gradient(180deg, rgba(232,243,251,.90), rgba(203,229,245,.78));
      --simoa-editorial-overlay: linear-gradient(180deg, rgba(235,245,252,.92), rgba(207,230,244,.78));
      --simoa-home-hero-overlay: linear-gradient(180deg, rgba(229,242,252,.84) 0%, rgba(208,231,247,.68) 56%, rgba(232,244,252,.86) 100%);
    }
  }

  body.site-unified:not(.page-home) > section.section.tight:first-of-type {
    background-image: var(--simoa-editorial-overlay), var(--simoa-scene-pipe);
  }

  body.site-unified.page-products .catalog-head {
    background-image: var(--simoa-catalog-overlay), var(--simoa-scene-factory);
  }

  body.site-unified.page-category .category-hero {
    background-image: var(--simoa-category-overlay), var(--simoa-scene-factory);
  }

  body.site-unified.page-detail .detail-header {
    background-image: var(--simoa-detail-overlay), var(--simoa-scene-port);
  }

  body.site-unified .ctaband {
    background-image: var(--simoa-cta-overlay), var(--simoa-scene-pipe);
  }

  body.site-unified .footer {
    background-image: var(--simoa-footer-overlay), var(--simoa-scene-shipyard);
  }

  .home-hero-fullbg {
    background-image: var(--simoa-home-hero-overlay), var(--simoa-scene-port);
  }

  .home-products.product-system-fullbg {
    background-image: var(--simoa-home-products-overlay), var(--simoa-scene-factory);
  }

  .assurance-fullbg::before {
    background-image:
      linear-gradient(100deg, rgba(226,240,250,.82) 0%, rgba(205,227,244,.64) 48%, rgba(228,242,251,.78) 100%),
      var(--simoa-scene-pipe);
  }

  .home-close-scene {
    background-image: var(--simoa-home-close-overlay), var(--simoa-scene-shipyard);
  }
}