/*
 * Mostrador de válvulas - Patricio Melo e Hijos.
 * Componente de catálogo para familias de producto.
 * El namespace catalog-line-* es neutral: puede reutilizarse en nuevas líneas
 * sin heredar nombres ni estilos de otra campaña o marca.
 */

    :root {
      --catalog-line-accent: #1f74c4;
      --catalog-line-accent-dark: #12558f;
      --ink: #090909;
      --panel: #151515;
      --panel-soft: #202020;
      --line: #373737;
      --text: #f7f7f7;
      --muted: #b8b8b8;
      --paper: #ffffff;
      --paper-soft: #f3f4f6;
      --cano-blue: #0f4f86;
      font-family: Arial, Helvetica, sans-serif;
    }

/* WordPress production wrapper */
.site-main .catalog-line-page,
.entry-content .catalog-line-page,
.woocommerce .catalog-line-page {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

/* Prioridad UX: elección por necesidad y contenido útil sin JavaScript. */
.catalog-line-page :focus-visible {
  outline: 3px solid #0a5ea8;
  outline-offset: 3px;
}
.catalog-line-need-section {
  background: #f4f8fc;
}
.catalog-line-need-grid,
.catalog-line-product-fallback {
  display: grid;
  gap: 16px;
}
.catalog-line-need-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.catalog-line-need-card {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 22px;
  border: 1px solid #c7d8e8;
  border-radius: 14px;
  background: #fff;
  color: #123554;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15, 79, 134, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.catalog-line-need-card strong { font-size: 1.05rem; line-height: 1.2; }
.catalog-line-need-card span { color: #52687d; font-size: .94rem; line-height: 1.45; }
.catalog-line-need-card:hover { transform: translateY(-3px); border-color: #1f74c4; box-shadow: 0 14px 28px rgba(15, 79, 134, .16); }
.catalog-line-product-fallback {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
}
.catalog-line-section--enhanced .catalog-line-product-fallback { display: none; }
@media (max-width: 1024px) {
  .catalog-line-need-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-line-product-fallback { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .catalog-line-need-grid,
  .catalog-line-product-fallback { grid-template-columns: 1fr; }
  .catalog-line-need-card { min-height: 0; padding: 18px; }
}
.site-main .catalog-line-page h1,
.site-main .catalog-line-page h2,
.site-main .catalog-line-page h3,
.site-main .catalog-line-page p {
  letter-spacing: 0;
}
.catalog-line-page .topbar {
  top: 0;
}
body.val-showroom-page .category-nav {
  display: none !important;
}
body.val-showroom-page .site-header,
body.val-showroom-page header.site-header,
body.val-showroom-page .site-header .pmi-header,
body.val-showroom-page .pmi-header {
  background: #050505 !important;
  border-bottom: 1px solid rgba(215, 25, 32, .5) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .34);
}
body.val-showroom-page .pmi-header__desktop,
body.val-showroom-page .pmi-header__mobile {
  background: transparent !important;
}
body.val-showroom-page .pmi-header__logo-img {
  display: block;
  width: auto;
  height: 38px !important;
  max-width: 210px;
  object-fit: contain;
}
body.val-showroom-page .pmi-header a,
body.val-showroom-page .pmi-header span,
body.val-showroom-page .pmi-header svg,
body.val-showroom-page .pmi-header .text-white {
  color: #f7f7f7 !important;
  stroke: currentColor;
}
body.val-showroom-page .pmi-header a:hover,
body.val-showroom-page .pmi-header a:hover span,
body.val-showroom-page .pmi-header a:hover svg,
body.val-showroom-page .pmi-header .group:hover span,
body.val-showroom-page .pmi-header .group:hover svg {
  color: var(--catalog-line-accent) !important;
}
body.val-showroom-page .pmi-header__shipping > div {
  border-color: rgba(215, 25, 32, .82) !important;
  background: rgba(215, 25, 32, .1);
}
body.val-showroom-page .pmi-search,
body.val-showroom-page .pmi-header__mobile form > div:first-child {
  background: #101010 !important;
  border: 1px solid rgba(255, 255, 255, .16);
  border-bottom: 0;
}
body.val-showroom-page .pmi-search__input {
  color: #fff !important;
  background: transparent !important;
}
body.val-showroom-page .pmi-search__input::placeholder {
  color: rgba(255, 255, 255, .66) !important;
}
body.val-showroom-page .pmi-search-form > .h-\[3px\],
body.val-showroom-page .pmi-search-form-mobile > .h-\[3px\] {
  background: var(--catalog-line-accent) !important;
}
body.val-showroom-page .pmi-search__btn {
  background: var(--catalog-line-accent) !important;
}
body.val-showroom-page .pmi-search__btn:hover {
  background: #b9151b !important;
}
body.val-showroom-page .pmi-search__btn svg {
  color: #fff !important;
}
body.val-showroom-page .pmi-search-panel {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-top: 3px solid var(--catalog-line-accent) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .28);
}
body.val-showroom-page .pmi-search-panel,
body.val-showroom-page .pmi-search-panel span,
body.val-showroom-page .pmi-search-panel a,
body.val-showroom-page .pmi-search-panel div,
body.val-showroom-page .pmi-search-panel p {
  color: #111827 !important;
}
body.val-showroom-page .pmi-search-section-label,
body.val-showroom-page .pmi-search-footer {
  background: #f6f7f9 !important;
  color: #374151 !important;
  border-color: #e5e7eb !important;
}
body.val-showroom-page .pmi-search-item {
  background: #fff !important;
  border-bottom-color: #eceff3 !important;
}
body.val-showroom-page .pmi-search-item:hover,
body.val-showroom-page .pmi-search-item--active {
  background: #f1f3f6 !important;
}
body.val-showroom-page .pmi-search-item--landing {
  background: #fff8ec !important;
}
body.val-showroom-page .pmi-search-item--landing:hover,
body.val-showroom-page .pmi-search-item--landing.pmi-search-item--active {
  background: #ffefd6 !important;
}
body.val-showroom-page .pmi-search-item__name,
body.val-showroom-page .pmi-search-highlight {
  color: #101418 !important;
}
body.val-showroom-page .pmi-search-panel .pmi-search-item__cat {
  color: #5b6470 !important;
}
body.val-showroom-page .pmi-search-panel .pmi-search-item__price,
body.val-showroom-page .pmi-search-panel .pmi-search-footer__link,
body.val-showroom-page .pmi-search-panel .pmi-search-footer__link strong {
  color: var(--catalog-line-accent) !important;
}
body.val-showroom-page .pmi-search-item__img,
body.val-showroom-page .pmi-search-item__landing-thumb {
  background: #fff !important;
  border: 1px solid #e5e7eb;
}
body.val-showroom-page .pmi-search-item__img-placeholder svg {
  color: #9ca3af !important;
}
body.val-showroom-page .cart-count {
  background: var(--catalog-line-accent) !important;
  color: #fff !important;
}
body.val-showroom-page .mobile-menu-toggle {
  color: #f7f7f7 !important;
}
@media (max-width: 1023px) {
  body.val-showroom-page .pmi-header__logo-img--mke {
    height: 30px !important;
    max-width: 168px;
  }
}
.catalog-line-page .product-card .view[href=""],
.catalog-line-page .product-card .view:not([href]) {
  opacity: .9;
}
.catalog-line-page .product-card.is-placeholder {
  border-style: dashed;
}
.catalog-line-page .product-card.is-placeholder .product-card__media {
  background: #fafafa;
}
.catalog-line-page .section--dark .product-card.is-placeholder .product-card__media {
  background: #fff;
}
.catalog-line-page .family-cta-row {
  justify-content: center;
}
.catalog-line-family-page .section:first-of-type {
  padding-top: 44px;
}
.catalog-line-family-hero {
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 42%, rgba(0,0,0,.38) 64%, rgba(215,25,32,.5) 100%),
    radial-gradient(circle at 72% 48%, rgba(215,25,32,.35), transparent 34%),
    #090909;
  padding: 36px 0 0;
}
.catalog-line-family-hero h1 {
  max-width: 520px;
  margin: 10px 0 10px;
  font-size: clamp(1.85rem, 3.05vw, 3.05rem);
  line-height: 1;
  text-transform: uppercase;
}
.catalog-line-family-hero p {
  max-width: 540px;
  color: #ddd;
  font-size: clamp(.92rem, 1.08vw, 1rem);
  line-height: 1.45;
}
.catalog-line-family-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(520px, 1.28fr);
  gap: 24px;
  align-items: stretch;
  min-height: 408px;
}
.catalog-line-family-hero-product {
  position: relative;
  display: grid;
  align-items: end;
  min-height: 100%;
  padding: 0;
  color: #fff;
}

.catalog-line-family-hero-product::before {
  content: "";
  position: absolute;
  inset: 26px -16px 0 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 36%),
    linear-gradient(120deg, rgba(215,25,32,.86), rgba(110,0,6,.92));
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  opacity: .86;
}

.catalog-line-family-hero-product::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 8%;
  height: 44px;
  background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(0,0,0,.18));
  opacity: .55;
}

.catalog-line-family-hero-product__link {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: end;
  width: 100%;
  min-height: 100%;
  color: inherit;
}

.catalog-line-family-hero-product__media {
  min-height: 390px;
  display: grid;
  place-items: end center;
  margin: 0;
}

.catalog-line-family-hero-product__media img {
  width: min(112%, 680px);
  height: 440px;
  object-fit: contain;
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.45));
  transform: scale(1.18);
  transform-origin: center bottom;
}

.catalog-line-family-page--otros .catalog-line-family-hero-product__media {
  height: 390px;
  min-height: 390px;
  overflow: hidden;
}

.catalog-line-family-page--otros .catalog-line-family-hero-product__media img {
  width: min(122%, 740px);
  height: 470px;
  transform: scale(1.28) translateY(34px);
}
.catalog-line-family-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px) {
  .catalog-line-family-hero {
    padding-top: 32px;
  }
  .catalog-line-family-hero__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .catalog-line-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-line-family-hero-product {
    max-width: 720px;
    min-height: 330px;
  }
  .catalog-line-family-hero-product::before {
    inset: 24px 0 0 18%;
  }
  .catalog-line-family-hero-product__media {
    min-height: 330px;
  }
  .catalog-line-family-hero-product__media img {
    width: min(108%, 650px);
    height: 360px;
    transform: scale(1.12);
  }
  .catalog-line-family-page--otros .catalog-line-family-hero-product__media img {
    height: 390px;
    transform: scale(1.22) translateY(30px);
  }
  .catalog-line-family-page--otros .catalog-line-family-hero-product__media {
    height: 330px;
    min-height: 330px;
  }
}
@media (max-width: 820px) {
  .catalog-line-family-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .catalog-line-family-grid { grid-template-columns: 1fr; }
  .catalog-line-family-hero {
    padding-top: 28px;
  }
  .catalog-line-family-hero h1 {
    max-width: 390px;
    font-size: clamp(1.8rem, 9vw, 2.65rem);
  }
  .catalog-line-family-hero p {
    max-width: 390px;
    font-size: .9rem;
  }
  .catalog-line-family-hero-product {
    min-height: 238px;
  }
  .catalog-line-family-hero-product::before {
    inset: 16px -12px 0 12%;
  }
  .catalog-line-family-hero-product__media {
    min-height: 238px;
  }
  .catalog-line-family-hero-product__media img {
    width: min(112%, 430px);
    height: 288px;
    transform: scale(1.08);
  }
  .catalog-line-family-page--otros .catalog-line-family-hero-product__media img {
    height: 315px;
    transform: scale(1.16) translateY(22px);
  }
  .catalog-line-family-page--otros .catalog-line-family-hero-product__media {
    height: 250px;
    min-height: 250px;
  }
}

    * { box-sizing: border-box; }
    body {
      margin: 0;
      color: var(--text);
      background: var(--ink);
      line-height: 1.45;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button, a { -webkit-tap-highlight-color: transparent; }

    body.val-showroom-page {
      overflow-x: hidden;
    }

    .catalog-line-page {
      min-height: 100vh;
      max-width: 100%;
      overflow-x: clip;
      background:
        linear-gradient(105deg, rgba(215, 25, 32, .16), transparent 34%),
        linear-gradient(180deg, #050505 0%, #121212 42%, #f4f4f4 42%, #f4f4f4 100%);
    }

    .catalog-line-shell {
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
    }

    .topbar {
      border-bottom: 1px solid rgba(255, 255, 255, .12);
      background: rgba(5, 5, 5, .88);
      position: sticky;
      top: 0;
      z-index: 20;
      backdrop-filter: blur(12px);
    }

    .topbar__inner {
      min-height: 68px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }

    .brand-lockup {
      display: flex;
      align-items: center;
      flex: 0 0 auto;
    }

    .brand-logo {
      display: block;
      width: 118px;
      height: auto;
      max-width: 118px;
      max-height: 58px;
      object-fit: contain;
    }

body.val-showroom-page .topbar .brand-logo {
  width: 118px !important;
  max-width: 118px !important;
}
body.val-showroom-page .topbar .brand-lockup {
  width: auto !important;
  max-width: 15rem !important;
  flex: 0 1 auto;
  min-width: 0;
}

body.val-showroom-page .topbar .brand-logo {
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

    .nav-pills {
      display: flex;
      gap: 8px;
      align-items: center;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .nav-pills::-webkit-scrollbar { display: none; }

    .nav-pills a {
      white-space: nowrap;
      border: 1px solid rgba(255,255,255,.18);
      color: #fff;
      padding: 8px 12px;
      font-size: .82rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    .nav-pills a:hover,
    .nav-pills a[aria-current="page"] {
      border-color: var(--catalog-line-accent);
      background: rgba(215,25,32,.18);
      color: #fff;
    }

    .catalog-line-home-hero {
      min-height: 520px;
      display: grid;
      align-items: stretch;
      position: relative;
      overflow: hidden;
      color: #fff;
      background: #050505;
    }

    .hero-bg-carousel,
    .hero-bg-slide {
      position: absolute;
      inset: 0;
    }

    .hero-bg-carousel {
      z-index: 0;
    }

    .hero-bg-slide {
      background-image: var(--hero-bg);
      background-position: center;
      background-size: cover;
      z-index: 0;
      opacity: 0;
      transform: scale(1.02);
      transition: opacity .7s ease, transform 6s ease;
    }

    .hero-bg-slide.is-active {
      opacity: 1;
      transform: scale(1);
    }

    .catalog-line-home-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.78) 37%, rgba(0,0,0,.28) 66%, rgba(0,0,0,.62) 100%),
        linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,.08) 46%, rgba(0,0,0,.42));
    }

    .catalog-line-home-hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 92px;
      z-index: 1;
      background: linear-gradient(180deg, transparent, rgba(5,5,5,.9));
    }

    .hero__content {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 780px) 1fr;
      gap: 24px;
      align-items: center;
      min-height: 520px;
      padding: 52px 0;
    }

    .hero-copy {
      max-width: 800px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #fff;
      background: var(--catalog-line-accent);
      padding: 7px 12px;
      font-size: .78rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .08em;
      width: fit-content;
    }

    h1 {
      margin: 16px 0 14px;
      max-width: 760px;
      font-size: clamp(2.45rem, 5.8vw, 5.25rem);
      line-height: .92;
      text-transform: uppercase;
      letter-spacing: 0;
      font-weight: 950;
    }

    .catalog-line-home-hero .hero-seo-title {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      max-width: 100%;
      margin: 0 0 14px;
      padding: 8px 12px;
      background: var(--catalog-line-accent);
      color: #fff;
      font-size: .8rem;
      font-weight: 950;
      line-height: 1;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .catalog-line-home-hero .hero-campaign-title {
      max-width: 860px;
      margin: 0 0 16px;
      color: #fff;
      font-size: clamp(3.35rem, 6.6vw, 6.6rem);
      font-weight: 950;
      line-height: .9;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .catalog-line-home-hero p {
      max-width: 760px;
      color: #dedede;
      font-size: clamp(1rem, 2vw, 1.2rem);
      margin: 0 0 22px;
    }

    .hero-bg-controls {
      align-self: end;
      justify-self: end;
      display: inline-flex;
      gap: 8px;
      padding: 10px;
      background: rgba(0,0,0,.36);
      border: 1px solid rgba(255,255,255,.18);
    }

    .hero-bg-controls button {
      width: 34px;
      height: 5px;
      border: 0;
      background: rgba(255,255,255,.42);
      cursor: pointer;
    }

    .hero-bg-controls button.is-active {
      background: var(--catalog-line-accent);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .btn {
      border: 0;
      min-height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 18px;
      font-size: .9rem;
      font-weight: 900;
      text-transform: uppercase;
      cursor: pointer;
    }

    .btn--red { background: var(--catalog-line-accent); color: #fff; }
    .btn--dark { background: #fff; color: #111; }
    .btn--outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); }
    .btn:hover { filter: brightness(1.05); transform: translateY(-1px); }

    .hero-rack {
      background: rgba(12,12,12,.86);
      border: 1px solid rgba(255,255,255,.16);
      padding: 16px;
      box-shadow: 0 24px 50px rgba(0,0,0,.34);
    }

    .rack-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .rack-title h2 {
      margin: 0;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .rack-title span {
      color: var(--muted);
      font-size: .78rem;
    }

    .feature-slide {
      display: grid;
      grid-template-columns: 135px 1fr;
      gap: 16px;
      align-items: center;
      min-height: 176px;
    }

    .feature-slide img {
      width: 135px;
      height: 135px;
      object-fit: contain;
      background: #fff;
      padding: 8px;
    }

    .feature-slide h3 {
      margin: 0 0 6px;
      font-size: 1.15rem;
      text-transform: uppercase;
      line-height: 1.08;
    }

    .feature-slide p {
      margin: 0 0 12px;
      color: var(--muted);
      font-size: .92rem;
    }

    .feature-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 12px;
    }

    .tag {
      background: #2b2b2b;
      border: 1px solid #444;
      color: #f2f2f2;
      padding: 5px 8px;
      font-size: .72rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .tag--red { background: var(--catalog-line-accent); border-color: var(--catalog-line-accent); }

    .controls {
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .icon-btn {
      width: 38px;
      height: 38px;
      border: 1px solid rgba(255,255,255,.22);
      background: #1d1d1d;
      color: #fff;
      font-size: 1.2rem;
      cursor: pointer;
    }

    .icon-btn:hover { background: var(--catalog-line-accent); border-color: var(--catalog-line-accent); }

    .section {
      padding: 44px 0;
      color: #101010;
      background: var(--paper-soft);
    }

    .section--dark {
      color: var(--text);
      background: #111;
    }

    .section--family-red {
      background:
        linear-gradient(135deg, rgba(0,0,0,.22), rgba(0,0,0,0) 42%),
        var(--catalog-line-accent);
      color: #fff;
    }

    .section--family-red .section-copy {
      color: rgba(255,255,255,.86);
    }

    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 18px;
    }

    .section-title {
      margin: 0;
      font-size: clamp(1.65rem, 3.15vw, 2.65rem);
      line-height: 1.05;
      text-transform: uppercase;
      font-weight: 950;
      color: inherit;
    }

    .section-copy {
      margin: 8px 0 0;
      color: #5a5a5a;
      max-width: 720px;
    }

    .section--dark .section-copy { color: var(--muted); }

    .campaign-claims {
      display: grid;
      gap: 12px;
      margin: 18px 0 0;
    }

    .campaign-claims--home {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .campaign-claims--family {
      margin: 18px 0 18px;
      max-width: 920px;
    }

    .campaign-claim {
      background: #fff;
      border: 1px solid #dedede;
      border-top: 5px solid var(--catalog-line-accent);
      color: #111;
      padding: 16px;
    }

    .section--dark .campaign-claim,
    .campaign-claims--dark .campaign-claim {
      background: #191919;
      border-color: #333;
      color: #fff;
    }

    .campaign-claim h3 {
      color: inherit;
      font-size: clamp(1.15rem, 2vw, 1.55rem);
      font-weight: 950;
      line-height: 1.05;
      margin: 0 0 10px;
      text-transform: uppercase;
    }

    .campaign-claim p {
      color: #565656;
      font-size: .96rem;
      line-height: 1.55;
      margin: 0 0 12px;
    }

    .section--dark .campaign-claim p,
    .campaign-claims--dark .campaign-claim p {
      color: #cfcfcf;
    }

    .campaign-claim a {
      color: var(--catalog-line-accent);
      display: inline-flex;
      font-size: .82rem;
      font-weight: 900;
      text-decoration: none;
      text-transform: uppercase;
    }

    .section--dark .campaign-claim a,
    .campaign-claims--dark .campaign-claim a {
      color: #fff;
    }

    .gondola-grid {
      display: grid;
      grid-template-columns: 1.15fr repeat(2, minmax(0, .75fr));
      gap: 14px;
    }

    .gondola-card {
      min-height: 290px;
      background: #fff;
      border: 1px solid #dadada;
      color: #111;
      position: relative;
      overflow: hidden;
      display: grid;
      align-content: end;
      padding: 18px;
    }

    .gondola-card:first-child {
      grid-row: span 2;
      min-height: 594px;
      background: #111;
      color: #fff;
      border-color: #2b2b2b;
    }

    .gondola-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 92px;
      height: 10px;
      background: var(--catalog-line-accent);
      z-index: 2;
    }

    .gondola-card img {
      position: absolute;
      inset: 20px 14px auto auto;
      width: min(66%, 360px);
      height: 58%;
      object-fit: contain;
      z-index: 0;
    }

    .gondola-card:first-child img {
      width: 82%;
      height: 65%;
      inset: 42px auto auto 50%;
      transform: translateX(-50%);
    }

    .gondola-card__copy {
      position: relative;
      z-index: 1;
      max-width: 430px;
    }

    .gondola-card h3 {
      margin: 10px 0 8px;
      font-size: clamp(1.15rem, 2.3vw, 2rem);
      line-height: 1.02;
      text-transform: uppercase;
    }

    .gondola-card p {
      margin: 0 0 12px;
      color: #5c5c5c;
      max-width: 34rem;
    }

    .gondola-card:first-child p { color: #d6d6d6; }

    .gondola-card:not(:first-child) {
      align-content: stretch;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 290px;
    }

    .gondola-card:not(:first-child) img {
      align-self: flex-end;
      height: 112px;
      inset: auto;
      margin: 10px 0 12px auto;
      max-width: 230px;
      object-fit: contain;
      order: 0;
      position: relative;
      transform: none;
      width: 72%;
      z-index: 0;
    }

    .gondola-card:not(:first-child) .gondola-card__copy {
      max-width: none;
      order: 1;
      position: relative;
      z-index: 1;
    }

    .gondola-card:not(:first-child) h3 {
      font-size: clamp(1.25rem, 1.75vw, 1.72rem);
      line-height: 1.04;
      max-width: 15rem;
    }

    .gondola-card:not(:first-child) p {
      font-size: .96rem;
      line-height: 1.45;
      max-width: 17rem;
    }

    .price {
      font-weight: 950;
      font-size: 1.1rem;
      color: var(--catalog-line-accent);
    }

    .carousel-row {
      position: relative;
      margin-top: 18px;
      overflow: hidden;
      contain: paint;
      isolation: isolate;
      max-width: 100%;
      width: 100%;
    }

    .carousel {
      display: block;
      overflow: hidden;
      overscroll-behavior-x: contain;
      scroll-snap-type: none;
      scroll-behavior: smooth;
      padding: 2px 2px 12px;
      scrollbar-width: none;
      width: 100%;
    }

    .carousel::-webkit-scrollbar {
      display: none;
      height: 0;
      width: 0;
    }

    .carousel__track {
      display: flex;
      gap: 14px;
      transform: translate3d(0, 0, 0);
      transition: transform .72s cubic-bezier(.22, .61, .36, 1);
      width: max-content;
      will-change: transform;
    }

    .carousel__group {
      display: flex;
      flex: 0 0 auto;
      gap: 14px;
    }

    .product-card {
      flex: 0 0 clamp(255px, 22vw, 292px);
      color: #111;
      background: #fff;
      border: 1px solid #d9d9d9;
      min-height: 416px;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }

    .product-card[data-marquee-copy="true"] {
      pointer-events: none;
    }

    .section--dark .product-card {
      background: #191919;
      color: #fff;
      border-color: #343434;
    }

    .product-card__media {
      flex: 0 0 190px;
      height: 190px;
      background: #fff;
      display: grid;
      place-items: center;
      padding: 16px;
      border-bottom: 1px solid #e5e5e5;
      isolation: isolate;
      overflow: hidden;
      position: relative;
    }

    .product-card__media img {
      width: 100%;
      height: 160px;
      max-height: 160px;
      max-width: 100%;
      object-fit: contain;
      transform: none !important;
      transition: filter .2s ease, opacity .2s ease;
    }

    .product-card:hover .product-card__media img {
      filter: saturate(1.05) contrast(1.02);
      transform: none !important;
    }

    .product-placeholder {
      width: 100%;
      height: 160px;
      display: grid;
      place-items: center;
      background:
        linear-gradient(135deg, #fff 0%, #fff 58%, #f1f1f1 58%, #f1f1f1 100%);
      color: var(--catalog-line-accent);
      border: 2px solid #efefef;
      font-size: 2.8rem;
      font-weight: 950;
      letter-spacing: 0;
    }

    .product-card__body {
      padding: 14px;
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      z-index: 2;
    }

    .product-card .feature-meta {
      margin-top: 0;
      position: relative;
      z-index: 3;
    }

    .product-card h3 {
      margin: 0 0 8px;
      min-height: 58px;
      font-size: 1rem;
      line-height: 1.16;
      text-transform: uppercase;
    }

    .product-card p {
      margin: 0 0 12px;
      color: #626262;
      font-size: .88rem;
    }

    .section--dark .product-card p { color: #c9c9c9; }

    .product-card__footer {
      margin-top: auto;
      display: grid;
      gap: 8px;
    }

    .sku {
      color: #777;
      font-size: .75rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .catalog-note {
      display: inline-flex;
      gap: 10px;
      align-items: center;
      flex-wrap: wrap;
      color: #555;
      font-weight: 800;
      font-size: .86rem;
      text-transform: uppercase;
    }

    .section--dark .catalog-note { color: var(--muted); }

    .family-cta-row {
      display: flex;
      justify-content: center;
      margin-top: 16px;
      text-align: center;
      width: 100%;
    }

    .family-cta {
      min-height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--catalog-line-accent);
      color: #fff;
      padding: 12px 18px;
      font-size: .9rem;
      font-weight: 950;
      max-width: min(100%, 360px);
      min-width: min(100%, 260px);
      text-transform: uppercase;
      border: 1px solid var(--catalog-line-accent);
    }

    .family-cta:hover {
      background: #fff;
      border-color: #fff;
      color: var(--catalog-line-accent);
    }

    .wa {
      background: #128c4a;
      color: #fff;
      min-height: 40px;
      padding: 10px 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      text-transform: uppercase;
      font-size: .82rem;
    }

    .view {
      background: var(--catalog-line-accent);
      color: #fff;
      min-height: 40px;
      padding: 10px 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      text-transform: uppercase;
      font-size: .82rem;
    }

    .category-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .cat-card {
      background: #111;
      color: #fff;
      border: 1px solid rgba(255,255,255,.2);
      padding: 22px;
      min-height: 190px;
      display: grid;
      gap: 14px;
      align-content: space-between;
      overflow: hidden;
      position: relative;
      text-decoration: none;
    }

    .cat-card::after {
      background: linear-gradient(135deg, rgba(229,30,38,.28), transparent 52%);
      content: "";
      inset: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: opacity .22s ease;
    }

    .cat-card__icon {
      align-items: center;
      background: var(--catalog-line-accent);
      border: 1px solid rgba(255,255,255,.28);
      color: #fff;
      display: inline-flex;
      height: 48px;
      justify-content: center;
      position: relative;
      width: 48px;
      z-index: 1;
    }

    .cat-card__icon svg {
      display: block;
      fill: none;
      height: 28px;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 3;
      width: 28px;
    }

    .cat-card strong {
      display: block;
      font-size: clamp(1.05rem, 1.65vw, 1.42rem);
      position: relative;
      text-transform: uppercase;
      line-height: 1.05;
      z-index: 1;
    }

    .cat-card__count {
      color: rgba(255,255,255,.72);
      font-size: .82rem;
      position: relative;
      z-index: 1;
    }

    .cat-card__cta {
      color: #fff;
      font-size: .78rem;
      font-weight: 950;
      letter-spacing: .02em;
      position: relative;
      text-transform: uppercase;
      z-index: 1;
    }

    .cat-card:hover {
      background: #050505;
      border-color: rgba(255,255,255,.42);
      color: #fff;
      transform: translateY(-3px);
    }

    .cat-card:hover::after { opacity: 1; }
    .cat-card:hover .cat-card__icon {
      background: #fff;
      color: var(--catalog-line-accent);
    }

    .compare {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .compare-card {
      border-top: 6px solid var(--catalog-line-accent);
      background: #fff;
      padding: 16px;
      min-height: 178px;
      color: #111;
    }

    .compare-card h3 {
      margin: 0 0 10px;
      font-size: 1.15rem;
      text-transform: uppercase;
    }

    .compare-card p {
      margin: 0;
      color: #595959;
    }

    .final-cta {
      background: linear-gradient(105deg, #111 0%, #111 58%, var(--catalog-line-accent) 58%, var(--catalog-line-accent) 100%);
      color: #fff;
      padding: 34px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
    }

    .final-cta h2 {
      color: #fff;
      margin: 0 0 8px;
      font-size: clamp(1.8rem, 4vw, 3.2rem);
      line-height: 1;
      text-transform: uppercase;
    }

    .final-cta p {
      margin: 0;
      color: #ddd;
      max-width: 720px;
    }

    .final-cta--conversion {
      align-items: stretch;
    }

    .final-cta--conversion .preclose {
      color: #f3f3f3;
      font-size: 1.02rem;
      line-height: 1.55;
      margin: 0 0 14px;
    }

    .final-cta--conversion .campaign-line {
      color: #fff;
      font-size: clamp(1.25rem, 2.4vw, 2rem);
      font-weight: 950;
      line-height: 1.05;
      margin: 0 0 16px;
      text-transform: uppercase;
    }

    .final-cta--conversion h2 {
      margin-top: 0;
    }

    .trust-list {
      display: grid;
      gap: 8px 14px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      list-style: none;
      margin: 16px 0 0;
      padding: 0;
    }

    .trust-list li {
      color: #f1f1f1;
      font-size: .9rem;
      font-weight: 800;
      line-height: 1.3;
      padding-left: 18px;
      position: relative;
    }

    .trust-list li::before {
      background: var(--catalog-line-accent);
      content: "";
      height: 7px;
      left: 0;
      position: absolute;
      top: .45em;
      width: 7px;
    }

    .final-cta__actions {
      align-content: center;
      display: grid;
      gap: 10px;
      min-width: 260px;
    }

    .final-cta__actions .btn {
      width: 100%;
    }

    @media (max-width: 960px) {
      .topbar__inner { align-items: stretch; flex-direction: column; padding: 12px 0; }
      .catalog-line-home-hero,
      .hero__content { min-height: 480px; }
      .hero__content { grid-template-columns: 1fr; padding: 42px 0; }
      .catalog-line-home-hero::before {
        background:
          linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.64) 58%, rgba(0,0,0,.78)),
          linear-gradient(0deg, rgba(0,0,0,.64), rgba(0,0,0,.08) 46%, rgba(0,0,0,.4));
      }
      .hero-bg-controls { justify-self: start; }
      .gondola-grid { grid-template-columns: 1fr 1fr; }
      .gondola-card:first-child { grid-column: 1 / -1; min-height: 430px; }
      .campaign-claims--home { grid-template-columns: 1fr; }
      .category-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .compare { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .final-cta { grid-template-columns: 1fr; background: #111; }
      .final-cta__actions { min-width: 0; }
    }

    @media (max-width: 640px) {
      .catalog-line-shell { width: min(100% - 22px, 1180px); }
      .catalog-line-home-hero,
      .hero__content { min-height: 500px; }
      .hero__content { padding: 34px 0; }
      .catalog-line-home-hero .hero-seo-title {
        font-size: .68rem;
        line-height: 1.12;
      }
      .catalog-line-home-hero .hero-campaign-title {
        font-size: clamp(2.55rem, 12vw, 4rem);
        line-height: .94;
      }
      body.val-showroom-page .joinchat.joinchat--left {
        left: auto !important;
        right: 6px !important;
      }
      body.val-showroom-page .joinchat.joinchat--left .joinchat__button {
        left: auto !important;
        right: 8px !important;
      }
      .hero-bg-slide { background-position: 60% center; }
      .hero-bg-controls button { width: 28px; }
      .feature-slide { grid-template-columns: 1fr; }
      .feature-slide img { width: 100%; height: 190px; }
      .section-head { align-items: start; flex-direction: column; }
      .category-strip { grid-template-columns: 1fr; }
      .cat-card { min-height: 150px; padding: 18px; }
      .gondola-grid { grid-template-columns: 1fr; }
      .campaign-claim { padding: 14px; }
      .gondola-card, .gondola-card:first-child { min-height: 382px; }
      .gondola-card:first-child img {
        width: 86%;
        height: 58%;
        inset: 28px auto auto 50%;
        transform: translateX(-50%);
      }
      .gondola-card:not(:first-child) {
        min-height: 0;
      }
      .gondola-card:not(:first-child) img {
        height: 148px;
        margin: 12px 0 14px auto;
        max-width: 270px;
        position: relative;
        width: 78%;
      }
      .gondola-card:not(:first-child) h3,
      .gondola-card:not(:first-child) p {
        max-width: none;
      }
      .category-strip { grid-template-columns: 1fr; }
      .compare { grid-template-columns: 1fr; }
      .carousel .product-card { flex-basis: min(82vw, 310px); }
      .final-cta { padding: 24px 18px; }
      .trust-list { grid-template-columns: 1fr; }
    }

/* WordPress theme specificity guard */
.catalog-line-page .brand-lockup,
.catalog-line-page .topbar a {
  color: #fff !important;
}
.catalog-line-page .catalog-line-home-hero h1,
.catalog-line-page .catalog-line-family-hero h1,
.catalog-line-page .feature-slide h3,
.catalog-line-page .gondola-card:first-child h3 {
  color: #fff !important;
}
.catalog-line-page .catalog-line-home-hero p,
.catalog-line-page .feature-slide p,
.catalog-line-page .gondola-card:first-child p {
  color: #dedede !important;
}
.catalog-line-page .product-card h3 {
  color: inherit !important;
}
.site-main .catalog-line-page .brand-lockup,
.entry-content .catalog-line-page .brand-lockup,
.site-main .catalog-line-page .topbar a,
.entry-content .catalog-line-page .topbar a {
  color: #fff !important;
}
.site-main .catalog-line-page .catalog-line-home-hero h1,
.entry-content .catalog-line-page .catalog-line-home-hero h1,
.site-main .catalog-line-page .catalog-line-family-hero h1,
.entry-content .catalog-line-page .catalog-line-family-hero h1,
.site-main .catalog-line-page .feature-slide h3,
.entry-content .catalog-line-page .feature-slide h3,
.site-main .catalog-line-page .gondola-card:first-child h3,
.entry-content .catalog-line-page .gondola-card:first-child h3 {
  color: #fff !important;
}
.site-main .catalog-line-page .catalog-line-home-hero p,
.entry-content .catalog-line-page .catalog-line-home-hero p,
.site-main .catalog-line-page .feature-slide p,
.entry-content .catalog-line-page .feature-slide p,
.site-main .catalog-line-page .gondola-card:first-child p,
.entry-content .catalog-line-page .gondola-card:first-child p {
  color: #dedede !important;
}
.site-main .catalog-line-page .product-card,
.entry-content .catalog-line-page .product-card {
  border-radius: 0;
  box-shadow: none;
  min-height: 416px;
}
.site-main .catalog-line-page .product-card h3,
.entry-content .catalog-line-page .product-card h3 {
  color: inherit !important;
}

.catalog-line-page {
  --catalog-line-tilt-x: 0deg;
  --catalog-line-tilt-y: 0deg;
  --catalog-line-hero-x: 0px;
  --catalog-line-hero-y: 0px;
}

.catalog-line-page .btn,
.catalog-line-page .view,
.catalog-line-page .wa,
.catalog-line-page .family-cta,
.catalog-line-page .cat-card,
.catalog-line-page .gondola-card,
.catalog-line-page .product-card,
.catalog-line-page .campaign-claim,
.catalog-line-page .compare-card,
.catalog-line-page .catalog-line-family-hero-product {
  transition:
    background-color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    color .22s ease,
    filter .22s ease,
    transform .22s ease;
}

.catalog-line-page .btn,
.catalog-line-page .view,
.catalog-line-page .wa,
.catalog-line-page .family-cta {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.catalog-line-page .btn::after,
.catalog-line-page .view::after,
.catalog-line-page .wa::after,
.catalog-line-page .family-cta::after {
  background: radial-gradient(circle at var(--catalog-line-btn-x, 50%) var(--catalog-line-btn-y, 50%), rgba(255,255,255,.34), transparent 34%);
  content: "";
  inset: -1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .2s ease;
  z-index: -1;
}

.catalog-line-page .btn:hover::after,
.catalog-line-page .view:hover::after,
.catalog-line-page .wa:hover::after,
.catalog-line-page .family-cta:hover::after {
  opacity: 1;
}

.catalog-line-page .btn:hover,
.catalog-line-page .view:hover,
.catalog-line-page .wa:hover,
.catalog-line-page .family-cta:hover {
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  transform: translateY(-2px);
}

.catalog-line-page .btn--red:hover,
.catalog-line-page .view:hover {
  background: #b9151b;
  border-color: #b9151b;
}

.catalog-line-page .family-cta:hover {
  background: #fff;
  border-color: #fff;
  color: var(--catalog-line-accent);
}

.catalog-line-page .btn--dark:hover {
  background: #f2f2f2;
  color: #080808;
}

.catalog-line-page .btn--outline:hover {
  background: rgba(255,255,255,.1);
  border-color: #fff;
}

.catalog-line-page .gondola-card:hover,
.catalog-line-page .product-card:hover,
.catalog-line-page .campaign-claim:hover,
.catalog-line-page .compare-card:hover,
.catalog-line-page .cat-card:hover,
.catalog-line-page .catalog-line-family-hero-product:hover {
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.catalog-line-page .gondola-card.is-tilting,
.catalog-line-page .campaign-claim.is-tilting,
.catalog-line-page .compare-card.is-tilting,
.catalog-line-page .catalog-line-family-hero-product.is-tilting {
  transform: perspective(900px) rotateX(var(--catalog-line-tilt-x)) rotateY(var(--catalog-line-tilt-y)) translateY(-3px);
}

.catalog-line-page .hero-bg-carousel {
  transform: translate3d(var(--catalog-line-hero-x), var(--catalog-line-hero-y), 0) scale(1.025);
  transition: transform .35s ease-out;
}

.catalog-line-page .catalog-line-family-hero-product__media img {
  transform: translate3d(calc(var(--catalog-line-hero-x) * -1.1), calc(var(--catalog-line-hero-y) * -1.1), 0);
  transition: transform .35s ease-out;
}

.catalog-line-animate-ready .catalog-line-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .38s ease var(--catalog-line-delay, 0ms),
    transform .38s ease var(--catalog-line-delay, 0ms);
}

.catalog-line-animate-ready .catalog-line-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.catalog-line-animate-ready .product-card.catalog-line-reveal,
.catalog-line-animate-ready .gondola-card.catalog-line-reveal {
  transition-delay: 0ms !important;
}

.catalog-line-animate-ready .catalog-line-reveal.is-visible.gondola-card.is-tilting,
.catalog-line-animate-ready .catalog-line-reveal.is-visible.campaign-claim.is-tilting,
.catalog-line-animate-ready .catalog-line-reveal.is-visible.compare-card.is-tilting,
.catalog-line-animate-ready .catalog-line-reveal.is-visible.catalog-line-family-hero-product.is-tilting {
  transform: perspective(900px) rotateX(var(--catalog-line-tilt-x)) rotateY(var(--catalog-line-tilt-y)) translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  .catalog-line-page *,
  .catalog-line-page *::before,
  .catalog-line-page *::after {
    animation-duration: .001ms !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  .catalog-line-page .hero-bg-carousel,
  .catalog-line-page .catalog-line-family-hero-product__media img,
  .catalog-line-page .gondola-card.is-tilting,
  .catalog-line-page .campaign-claim.is-tilting,
  .catalog-line-page .compare-card.is-tilting,
  .catalog-line-page .catalog-line-family-hero-product.is-tilting {
    transform: none !important;
  }
}

/* Critical override: keep the home hero SEO title semantic, but make the campaign claim readable. */
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title {
  align-items: center !important;
  background: var(--catalog-line-accent) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: .8rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  margin: 0 0 14px !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  text-transform: uppercase !important;
  width: fit-content !important;
}

body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title {
  color: #fff !important;
  display: block !important;
  font-size: clamp(2.7rem, 4.55vw, 4.9rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: .94 !important;
  margin: 0 0 16px !important;
  max-width: 740px !important;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .78) !important;
  text-transform: uppercase !important;
}

body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > p,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > p,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > p {
  color: #f1f1f1 !important;
  max-width: 760px !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .72);
}

@media (max-width: 960px) {
  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title {
    font-size: clamp(2.65rem, 8vw, 4.35rem) !important;
    max-width: 680px !important;
  }
}

@media (max-width: 640px) {
  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title {
    font-size: .68rem !important;
    line-height: 1.12 !important;
  }

  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title {
    font-size: clamp(2.25rem, 10vw, 3.35rem) !important;
    line-height: .96 !important;
  }
}
  

/* FAQ por familia Milwaukee (contenido unico + FAQPage schema) */
.catalog-line-faq {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  max-width: 860px;
}

.catalog-line-faq__item {
  background: #fff;
  border: 1px solid #dedede;
  border-left: 4px solid var(--catalog-line-accent);
  padding: 14px 16px;
}

.catalog-line-faq__item summary {
  cursor: pointer;
  font-weight: 700;
  color: #111;
  list-style: none;
}

.catalog-line-faq__item summary::-webkit-details-marker {
  display: none;
}

.catalog-line-faq__item summary::after {
  content: '+';
  float: right;
  font-weight: 700;
  color: var(--catalog-line-accent);
}

.catalog-line-faq__item[open] summary::after {
  content: '\2212';
}

.catalog-line-faq__item p {
  color: #565656;
  font-size: .95rem;
  line-height: 1.55;
  margin: 10px 0 0;
}


/* ===== Overrides mostrador de válvulas (no van en el archivo Milwaukee) ===== */
.catalog-line-page .catalog-line-home-hero.hero--background-static{
  background: var(--hero-bg, linear-gradient(160deg,#0d2f4f,#081f37));
  background-size: cover;
  background-position: center;
}
.catalog-line-page .topbar .brand-lockup__text{
  font: 700 1.05rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
}
.catalog-line-page .topbar .brand-lockup__text strong{ color: var(--catalog-line-accent); font-weight: 800; }
body.val-showroom-page .catalog-line-page .topbar .brand-lockup__text{ color:#fff; }


/* ===== Tema claro azul para /valvulas-ecuador/ ===== */
body.val-showroom-page {
  background: #ffffff !important;
  color: #172033 !important;
}

body.val-showroom-page .site,
body.val-showroom-page .site-content,
body.val-showroom-page .content-area,
body.val-showroom-page .site-main,
body.val-showroom-page .entry-content,
body.val-showroom-page .catalog-line-page {
  background: #ffffff !important;
}

body.val-showroom-page .site-header,
body.val-showroom-page header.site-header,
body.val-showroom-page .site-header .pmi-header,
body.val-showroom-page .pmi-header {
  background: #ffffff !important;
  border-bottom: 1px solid #dbe8f6 !important;
  box-shadow: 0 10px 28px rgba(22, 62, 104, .08) !important;
}

body.val-showroom-page .pmi-header a,
body.val-showroom-page .pmi-header span,
body.val-showroom-page .pmi-header svg,
body.val-showroom-page .pmi-header .text-white {
  color: #172033 !important;
  stroke: currentColor !important;
}

body.val-showroom-page .pmi-header a:hover,
body.val-showroom-page .pmi-header a:hover span,
body.val-showroom-page .pmi-header a:hover svg,
body.val-showroom-page .pmi-header .group:hover span,
body.val-showroom-page .pmi-header .group:hover svg {
  color: #1f74c4 !important;
}

body.val-showroom-page .pmi-header__shipping > div {
  background: #eef6ff !important;
  border-color: #1f74c4 !important;
}

body.val-showroom-page .pmi-search,
body.val-showroom-page .pmi-header__mobile form > div:first-child {
  background: #ffffff !important;
  border: 1px solid #bfd7f0 !important;
  box-shadow: 0 8px 18px rgba(31, 116, 196, .1) !important;
}

body.val-showroom-page .pmi-search__input {
  color: #172033 !important;
  background: transparent !important;
}

body.val-showroom-page .pmi-search__input::placeholder {
  color: #71839a !important;
}

body.val-showroom-page .pmi-search__btn,
body.val-showroom-page .cart-count {
  background: #1f74c4 !important;
  color: #ffffff !important;
}

body.val-showroom-page .pmi-search__btn:hover {
  background: #12558f !important;
}

body.val-showroom-page .mobile-menu-toggle {
  color: #172033 !important;
}

body.val-showroom-page .catalog-line-page {
  --ink: #172033;
  --panel: #ffffff;
  --panel-soft: #eef6ff;
  --line: #c9ddf2;
  --text: #172033;
  --muted: #607086;
  --paper-soft: #f5f9ff;
  --catalog-line-accent: #1f74c4;
  --catalog-line-accent-dark: #12558f;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9ff 58%, #ffffff 100%) !important;
}

body.val-showroom-page .catalog-line-page .topbar {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid #dbe8f6 !important;
  box-shadow: 0 8px 22px rgba(22, 62, 104, .07) !important;
}

body.val-showroom-page .catalog-line-page .brand-lockup,
body.val-showroom-page .catalog-line-page .topbar a,
body.val-showroom-page .site-main .catalog-line-page .brand-lockup,
body.val-showroom-page .entry-content .catalog-line-page .brand-lockup,
body.val-showroom-page .site-main .catalog-line-page .topbar a,
body.val-showroom-page .entry-content .catalog-line-page .topbar a {
  color: #172033 !important;
}

body.val-showroom-page .catalog-line-page .topbar .brand-lockup__text {
  color: #172033 !important;
}

body.val-showroom-page .catalog-line-page .topbar .brand-lockup__text strong {
  color: #1f74c4 !important;
}

body.val-showroom-page .nav-pills a {
  background: #ffffff !important;
  border: 1px solid #bfd7f0 !important;
  color: #172033 !important;
  box-shadow: 0 4px 12px rgba(31, 116, 196, .06);
}

body.val-showroom-page .nav-pills a:hover,
body.val-showroom-page .nav-pills a[aria-current="page"] {
  background: #1f74c4 !important;
  border-color: #1f74c4 !important;
  color: #ffffff !important;
}

body.val-showroom-page .catalog-line-page .catalog-line-home-hero.hero--background-static,
body.val-showroom-page .catalog-line-home-hero {
  background:
    radial-gradient(circle at 86% 22%, rgba(31, 116, 196, .14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f1f7ff 52%, #e8f3ff 100%) !important;
  color: #172033 !important;
}

body.val-showroom-page .catalog-line-home-hero::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .9) 44%, rgba(232, 243, 255, .58) 100%) !important;
}

body.val-showroom-page .catalog-line-home-hero::after {
  background: linear-gradient(180deg, rgba(255,255,255,0), #ffffff) !important;
}

body.val-showroom-page .catalog-line-home-hero .hero-seo-title,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h1.hero-seo-title {
  background: #1f74c4 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

body.val-showroom-page .catalog-line-home-hero .hero-campaign-title,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > h2.hero-campaign-title,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero h1,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero h1 {
  color: #0f2f55 !important;
  text-shadow: none !important;
}

body.val-showroom-page .catalog-line-home-hero p,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero p,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero p,
body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > p {
  color: #36475c !important;
  text-shadow: none !important;
}

body.val-showroom-page .btn--red,
body.val-showroom-page .catalog-line-page .view,
body.val-showroom-page .catalog-line-page .family-cta {
  background: #1f74c4 !important;
  border-color: #1f74c4 !important;
  color: #ffffff !important;
}

body.val-showroom-page .btn--red:hover,
body.val-showroom-page .catalog-line-page .view:hover,
body.val-showroom-page .catalog-line-page .family-cta:hover {
  background: #12558f !important;
  border-color: #12558f !important;
  color: #ffffff !important;
}

body.val-showroom-page .btn--dark {
  background: #ffffff !important;
  border: 1px solid #bfd7f0 !important;
  color: #172033 !important;
}

body.val-showroom-page .btn--outline {
  background: transparent !important;
  border: 1px solid #1f74c4 !important;
  color: #12558f !important;
}

body.val-showroom-page .btn--outline:hover {
  background: #eef6ff !important;
  border-color: #12558f !important;
  color: #0f2f55 !important;
}

body.val-showroom-page .section,
body.val-showroom-page .section--dark {
  background: #ffffff !important;
  color: #172033 !important;
}

body.val-showroom-page .section:nth-of-type(even) {
  background: #f5f9ff !important;
}

body.val-showroom-page .section-copy,
body.val-showroom-page .section--dark .section-copy,
body.val-showroom-page .catalog-note,
body.val-showroom-page .section--dark .catalog-note {
  color: #607086 !important;
}

body.val-showroom-page .campaign-claim,
body.val-showroom-page .section--dark .campaign-claim,
body.val-showroom-page .campaign-claims--dark .campaign-claim,
body.val-showroom-page .compare-card,
body.val-showroom-page .product-card,
body.val-showroom-page .section--dark .product-card,
body.val-showroom-page .gondola-card {
  background: #ffffff !important;
  border-color: #dbe8f6 !important;
  color: #172033 !important;
  box-shadow: 0 14px 34px rgba(22, 62, 104, .08);
}

body.val-showroom-page .gondola-card:first-child {
  background: #eef6ff !important;
  border-color: #bfd7f0 !important;
  color: #0f2f55 !important;
}

body.val-showroom-page .site-main .catalog-line-page .gondola-card:first-child h3,
body.val-showroom-page .entry-content .catalog-line-page .gondola-card:first-child h3,
body.val-showroom-page .catalog-line-page .gondola-card:first-child h3 {
  color: #0f2f55 !important;
}

body.val-showroom-page .site-main .catalog-line-page .gondola-card:first-child p,
body.val-showroom-page .entry-content .catalog-line-page .gondola-card:first-child p,
body.val-showroom-page .catalog-line-page .gondola-card:first-child p,
body.val-showroom-page .campaign-claim p,
body.val-showroom-page .section--dark .campaign-claim p,
body.val-showroom-page .campaign-claims--dark .campaign-claim p,
body.val-showroom-page .product-card p,
body.val-showroom-page .section--dark .product-card p,
body.val-showroom-page .compare-card p {
  color: #607086 !important;
}

body.val-showroom-page .tag {
  background: #eef6ff !important;
  border-color: #bfd7f0 !important;
  color: #12558f !important;
}

body.val-showroom-page .tag--red {
  background: #1f74c4 !important;
  border-color: #1f74c4 !important;
  color: #ffffff !important;
}

body.val-showroom-page .cat-card {
  background: #ffffff !important;
  border-color: #dbe8f6 !important;
  color: #172033 !important;
  box-shadow: 0 14px 34px rgba(22, 62, 104, .08);
}

body.val-showroom-page .cat-card:hover {
  background: #eef6ff !important;
  border-color: #1f74c4 !important;
  color: #0f2f55 !important;
}

body.val-showroom-page .cat-card__count,
body.val-showroom-page .cat-card__cta {
  color: #607086 !important;
}

body.val-showroom-page .final-cta {
  background: linear-gradient(105deg, #0f4f86 0%, #1f74c4 100%) !important;
  color: #ffffff !important;
}

body.val-showroom-page .final-cta p,
body.val-showroom-page .trust-list li {
  color: rgba(255, 255, 255, .88) !important;
}

@media (max-width: 960px) {
  body.val-showroom-page .catalog-line-home-hero::before {
    background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(240,247,255,.86)) !important;
  }

  body.val-showroom-page .final-cta {
    background: linear-gradient(135deg, #0f4f86, #1f74c4) !important;
  }
}

body.val-showroom-page .pmi-header__logo {
  background: #0f4f86 !important;
  border-radius: 4px;
  padding: 8px 12px;
}

body.val-showroom-page .pmi-header__logo img {
  opacity: 1 !important;
}

/* Keep the global PMI header consistent with the rest of the site. */
body.val-showroom-page .site-header,
body.val-showroom-page header.site-header,
body.val-showroom-page .site-header .pmi-header,
body.val-showroom-page .pmi-header {
  background: var(--pmi-header-bg, #322f76) !important;
  background-color: var(--pmi-header-bg, #322f76) !important;
  border-bottom: 0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1) !important;
}

body.val-showroom-page .pmi-header__desktop,
body.val-showroom-page .pmi-header__mobile {
  background: transparent !important;
}

body.val-showroom-page .pmi-header a,
body.val-showroom-page .pmi-header span,
body.val-showroom-page .pmi-header svg,
body.val-showroom-page .pmi-header .text-white {
  color: #ffffff !important;
  stroke: currentColor !important;
}

body.val-showroom-page .pmi-header__logo {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body.val-showroom-page .pmi-header__shipping > div {
  background: transparent !important;
  border-color: #ffffff !important;
}

body.val-showroom-page .pmi-search,
body.val-showroom-page .pmi-header__mobile form > div:first-child {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.val-showroom-page .pmi-search__input {
  color: #111827 !important;
  background: transparent !important;
}

body.val-showroom-page .pmi-search__input::placeholder {
  color: #6b7280 !important;
}

body.val-showroom-page .pmi-search__btn,
body.val-showroom-page .cart-count {
  background: #ff9900 !important;
  color: #131921 !important;
}

body.val-showroom-page .pmi-search__btn svg {
  color: #131921 !important;
}

body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy h1,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy h1,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy h1 {
  color: #0f2f55 !important;
  -webkit-text-fill-color: #0f2f55 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

@media (max-width: 640px) {
  html,
  body.val-showroom-page {
    overflow-x: hidden !important;
  }

  body.val-showroom-page .catalog-line-page,
  body.val-showroom-page .catalog-line-home-hero,
  body.val-showroom-page .hero__content,
  body.val-showroom-page .hero-copy {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-shell {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
  }

  body.val-showroom-page .catalog-line-page .hero__content,
  body.val-showroom-page .catalog-line-page .hero-copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy h1,
  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy h1,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy h1 {
    font-size: clamp(1.95rem, 8.6vw, 2.45rem) !important;
    line-height: 1.04 !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
  }

  body.val-showroom-page .catalog-line-home-hero p,
  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero p,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero p,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > p {
    font-size: 1rem !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.val-showroom-page .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.val-showroom-page .hero-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 640px) {
  body.val-showroom-page .catalog-line-page .catalog-line-shell {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: min(1180px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero > .catalog-line-shell.hero__content {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    box-sizing: border-box !important;
    display: block !important;
    min-height: auto !important;
    padding-top: 52px !important;
    padding-bottom: 56px !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy > p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.val-showroom-page .pmi-header svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
  }

  body.val-showroom-page .pmi-header__shipping > div {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-copy h1,
  body.val-showroom-page .site-main .catalog-line-page .catalog-line-home-hero .hero-copy h1,
  body.val-showroom-page .entry-content .catalog-line-page .catalog-line-home-hero .hero-copy h1 {
    font-size: clamp(1.78rem, 8vw, 2.15rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero .hero-actions .btn,
  body.val-showroom-page .catalog-line-page .final-cta__actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.val-showroom-page .catalog-line-page .section-head {
    display: block !important;
  }

  body.val-showroom-page .catalog-line-page .section-title {
    font-size: clamp(1.65rem, 7vw, 2.05rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.val-showroom-page .catalog-line-page .section-copy {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }
}

@media (max-width: 640px) {
  body.val-showroom-page .catalog-line-page section > .catalog-line-shell,
  body.val-showroom-page .catalog-line-page .catalog-line-home-hero > .catalog-line-shell.hero__content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  body.val-showroom-page .catalog-line-page .catalog-line-home-hero {
    overflow: hidden !important;
  }

  body.val-showroom-page .catalog-line-page .hero-copy > p,
  body.val-showroom-page .catalog-line-page .section-title,
  body.val-showroom-page .catalog-line-page .section-copy {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ===== Hero de /valvulas-ecuador/ (padre): imagen de producto + topbar visible ===== */
.catalog-line-page .catalog-line-home-hero .hero__content { position: relative; }

.catalog-line-page .vx-hero-product {
  position: relative;
  align-self: stretch;
  display: grid;
  align-items: end;
  justify-items: center;
  min-height: 340px;
}
.catalog-line-page .vx-hero-product::before {
  content: "";
  position: absolute;
  inset: 18px -26px 0 22px;
  background: linear-gradient(122deg, var(--catalog-line-accent, #1f74c4) 0%, var(--catalog-line-accent-dark, #12558f) 96%);
  clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
  z-index: 0;
}
.catalog-line-page .vx-hero-product__link {
  position: relative;
  z-index: 1;
  display: block;
  align-self: end;
  line-height: 0;
}
.catalog-line-page .vx-hero-product__link img {
  display: block;
  width: min(100%, 460px);
  height: auto;
  max-height: 460px;
  object-fit: contain;
  filter: drop-shadow(0 22px 30px rgba(8, 32, 55, .32));
}
@media (max-width: 960px) {
  .catalog-line-page .vx-hero-product { display: none; }
}

/* ===== Hero de las páginas de familia: mismo fondo claro + panel azul que la principal
   (solo cambia el fondo/panel; la foto de cada familia se mantiene) ===== */
body.val-showroom-page .catalog-line-family-hero,
body.val-showroom-page .catalog-line-page .catalog-line-family-hero {
  background:
    radial-gradient(circle at 86% 24%, rgba(31, 116, 196, .14), transparent 38%),
    linear-gradient(135deg, #ffffff 0%, #f1f7ff 52%, #e8f3ff 100%) !important;
  color: #172033 !important;
}
body.val-showroom-page .catalog-line-family-hero h1,
body.val-showroom-page .site-main .catalog-line-page .catalog-line-family-hero h1,
body.val-showroom-page .entry-content .catalog-line-page .catalog-line-family-hero h1 {
  color: #0f2f55 !important;
  text-shadow: none !important;
  font-size: clamp(1.55rem, 2.55vw, 2.2rem) !important;
  line-height: 1.1 !important;
  max-width: min(560px, 100%) !important;
  overflow-wrap: break-word !important;
}
body.val-showroom-page .catalog-line-family-hero p,
body.val-showroom-page .catalog-line-page .catalog-line-family-hero p {
  color: #36475c !important;
  text-shadow: none !important;
}
body.val-showroom-page .catalog-line-family-hero .eyebrow {
  background: #1f74c4 !important;
  color: #ffffff !important;
}
body.val-showroom-page .catalog-line-family-hero-product::before,
body.val-showroom-page .catalog-line-page .catalog-line-family-hero-product::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 40%),
    linear-gradient(122deg, #1f74c4 0%, #12558f 96%) !important;
  opacity: 1 !important;
}
body.val-showroom-page .catalog-line-family-hero-product::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .22), rgba(8, 32, 55, .12)) !important;
  opacity: .4 !important;
}
body.val-showroom-page .catalog-line-family-hero-product__media img {
  filter: drop-shadow(0 22px 30px rgba(8, 32, 55, .30)) !important;
}

/* ===== Ajustes /valvulas-ecuador/ 2026-09-03 (b): botón cierre, góndola móvil, imágenes ===== */

/* (2b) Botón secundario legible sobre el fondo azul del bloque de cierre */
body.val-showroom-page .final-cta .btn--outline,
body.val-showroom-page .catalog-line-page .final-cta__actions .btn--outline {
  background: rgba(255, 255, 255, .12) !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}
body.val-showroom-page .final-cta .btn--outline:hover,
body.val-showroom-page .catalog-line-page .final-cta__actions .btn--outline:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #12558f !important;
}

/* (última foto) Imagen de producto ~30% más grande en las 4 cards de familia de la góndola */
.catalog-line-page .gondola-card:not(:first-child) {
  min-height: 328px;
}
.catalog-line-page .gondola-card:not(:first-child) img {
  height: 146px !important;
  max-width: 300px !important;
  width: 92% !important;
}
@media (max-width: 640px) {
  .catalog-line-page .gondola-card:not(:first-child) img {
    height: 190px !important;
    max-width: 340px !important;
    width: 96% !important;
  }
}

/* (2c) Card destacada de la góndola en móvil: apilar imagen arriba, texto abajo (sin solape) */
@media (max-width: 640px) {
  body.val-showroom-page .gondola-card:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-content: stretch !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    padding-top: 22px !important;
  }
  body.val-showroom-page .gondola-card:first-child img {
    position: relative !important;
    inset: auto !important;
    order: 0 !important;
    align-self: center !important;
    transform: none !important;
    width: 80% !important;
    max-width: 250px !important;
    height: auto !important;
    max-height: 205px !important;
    margin: 4px auto 16px !important;
  }
  body.val-showroom-page .gondola-card:first-child .gondola-card__copy {
    order: 1 !important;
    position: relative !important;
    max-width: none !important;
  }
}

/* Más ancho útil en escritorio para la landing y todas las familias. */
@media (min-width: 1200px) {
  body.val-showroom-page .catalog-line-page .catalog-line-shell {
    width: min(1320px, calc(100% - 64px));
    max-width: min(1320px, calc(100% - 64px));
  }
  body.val-showroom-page .catalog-line-page .section-copy,
  body.val-showroom-page .catalog-line-page .catalog-line-family-hero__copy {
    max-width: 920px;
  }
  body.val-showroom-page .catalog-line-page .campaign-claims--family {
    max-width: none;
  }
}