/* Unified color roles. Shell styling lives only in shared/shell.css. */
.catalog .eyebrow, .directory .eyebrow, .device-hero .eyebrow, .detail-hero .eyebrow, .product-hero .eyebrow, .section-heading .eyebrow, .section-head .eyebrow, .support-head .eyebrow, .finder-head .eyebrow, .family-head .eyebrow, .backbone-head .eyebrow { color: var(--apex-text-muted); letter-spacing: 0.08em; }
.set-image, .reservoir-image, .directory-card .product-image, .pairing-image, .hero-gallery, .hero-image, .support-card-visual, .family-visual { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--apex-surface-product); border-radius: 16px; }
.set-item, .pump-category .pump-item, .directory-card, .pairing-card, .related-grid > a { transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1); }
.set-item:hover, .pump-category .pump-item:hover, .directory-card:hover, .pairing-card:hover, .related-grid > a:hover { transform: translateY(-5px); box-shadow: var(--apex-shadow-color) 0px 18px 42px; }
.set-image:hover img, .reservoir-image:hover img, .product-image:hover img, .pairing-image:hover img, .support-card-visual:hover img, .family-visual:hover img { transform: none !important; }
.product-link span, .cross-link span, .series-jumps span, .series-inquiry span, .catalog-entry-link span, .support-contact span { display: inline-grid; width: 28px; height: 28px; place-items: center; margin-left: 7px; border: 1px solid; border-radius: 50%; font-size: 14px; line-height: 1; transition: transform 0.22s, background 0.22s, color 0.22s, border-color 0.22s; }
.product-link:hover span, .cross-link:hover span, .series-jumps a:hover span, .series-inquiry:hover span, .catalog-entry-link:hover span, .support-contact:hover span { color: var(--apex-text-inverse); border-color: var(--apex-action-primary); background: var(--apex-action-primary); transform: translate(3px, -2px); }
.table-scroll { position: relative; border-radius: 12px; scrollbar-color: var(--apex-border-control) transparent; }
.table-scroll table { font-size: 17px; }
.table-scroll th, .table-scroll td { padding: 20px 24px; }
.table-scroll:focus-visible, .spec-table:focus-within, .sku-table:focus-within { outline-color: var(--apex-focus-ring); outline-style: solid; outline-width: 2px; outline-offset: 5px; }
.spec-table { overflow-x: auto; }
.spec-table table { min-width: 580px; }
.spec-table td, .spec-table th { font-size: 16px; }
.product-center-page .catalog-item { display: block; color: inherit; text-decoration: none; }
.product-center-page .catalog-stage:hover .catalog-focus img { transform: none; }
.product-center-page .hero-copy h1 { letter-spacing: -0.015em; line-height: 1.18; }
@media (max-width: 760px) {
.table-scroll table { min-width: 620px; font-size: 15px; }
.table-scroll th, .table-scroll td { padding: 17px 18px; }
.spec-table table { min-width: 560px; }
.spec-table td, .spec-table th { font-size: 15px; }
.product-link span, .cross-link span, .series-jumps span, .series-inquiry span, .catalog-entry-link span, .support-contact span { width: 26px; height: 26px; font-size: 13px; }
.set-item:hover, .pump-category .pump-item:hover, .directory-card:hover, .pairing-card:hover, .related-grid > a:hover { transform: none; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
.set-item, .pump-category .pump-item, .directory-card, .pairing-card, .related-grid > a, .product-link span, .cross-link span, .series-jumps span, .series-inquiry span, .catalog-entry-link span, .support-contact span { transition: none !important; }
}
.product-center-page .hero { grid-template-columns: 0.95fr 1.05fr; }
.product-center-page .hero-copy h1 { max-width: 720px; font-size: clamp(52px, 4.6vw, 82px); line-height: 1.12; letter-spacing: -0.04em; }
.product-center-page .hero-actions .btn-outline { color: var(--navy); border: 1.5px solid var(--navy); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--apex-surface-default); box-shadow: var(--apex-shadow-color) 0px 4px 14px; }
.product-center-page .hero-actions .btn-outline:hover { color: var(--apex-text-inverse); background: var(--navy); }
.product-center-page .catalog-grid { opacity: 0.52; }
.product-center-page .catalog-word { opacity: 0.58; }
.product-center-page .catalog-focus { inset: 9% 4% 11%; }
.product-center-page .catalog-focus::before { width: 68%; opacity: 0.72; }
.product-center-page .catalog-focus img { width: 100%; height: 100%; padding: 0px; border-radius: 18px; object-fit: contain; mix-blend-mode: normal; pointer-events: none; transition: opacity 0.42s; }
.product-center-page .catalog-index { bottom: 3.5%; }
.product-center-page .catalog-item { width: 100%; padding: 20px 15px 8px; font: inherit; color: var(--ink); }
.product-center-page .catalog-item strong { font-size: 15px; font-weight: 500; }
.product-center-page .catalog-item:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; border-radius: 4px; }
.product-center-page .product-subnav-wrap { top: 94px; }
.product-center-page .product-subnav { grid-template-columns: repeat(5, 1fr); width: min(920px, -48px + 100vw); }
.product-center-page .series-showroom { height: min(54vh, 500px); min-height: 400px; gap: 18px; padding: 14px 0px 10px; }
.product-center-page .series-panel, .product-center-page .series-panel.active, .product-center-page .series-panel:hover { display: block; flex: 1 1 0%; transform: translateY(0px) scale(1); box-shadow: transparent 0px 0px 0px; transition: transform .52s var(--ease),box-shadow .52s var(--ease); }
.product-center-page .series-showroom:has(.series-panel:hover) .series-panel:not(:hover) { transform: scale(0.975); }
.product-center-page .series-panel:hover, .product-center-page .series-panel:focus-visible { transform: translateY(-14px); box-shadow: var(--apex-shadow-color) 0px 24px 48px; }
.product-center-page .series-panel:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.product-center-page .series-panel img, .product-center-page .series-panel:hover img, .product-center-page .series-panel.active img { transform: none; filter: none; }
.product-center-page .series-panel::after { background-image: linear-gradient(0deg, var(--apex-image-scrim), var(--apex-shadow-color) 66%, transparent); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.product-center-page .series-copy { bottom: 28px; }
.product-center-page .series-copy h3 { font-size: clamp(36px, 3.2vw, 52px); }
.product-center-page .series-copy p, .product-center-page .model-badges { opacity: 1; transform: none; }
.product-center-page .series-inquiry { display: inline-flex; align-items: center; margin-top: 18px; font-size: 14px; font-weight: 500; }
.product-center-page .family-row, .product-center-page .family-row:hover, .product-center-page .family-row.active { grid-template-columns: 72px minmax(230px, 0.78fr) minmax(190px, 0.62fr) minmax(330px, 1.08fr) 46px; gap: 24px; min-height: 146px; padding: 18px 20px; overflow: visible; background: transparent; transition: background .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease); }
.product-center-page .family-row:hover, .product-center-page .family-row:focus-visible { z-index: 1; background: var(--ice); transform: translateY(-4px); box-shadow: var(--apex-shadow-color) 0px 16px 38px; }
.product-center-page .family-row:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.product-center-page .family-visual, .product-center-page .family-row:hover .family-visual, .product-center-page .family-row.active .family-visual { height: 108px; opacity: 1; }
.product-center-page .family-visual img { transform: none !important; }
.product-center-page .family-copy h3 { font-size: clamp(30px, 2.6vw, 42px); }
.product-center-page .family-copy p { font-size: 14px; line-height: 1.55; }
.product-center-page .family-arrow, .product-center-page .support-card-arrow { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: var(--navy); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--apex-surface-default); border-width: 1px; border-style: solid; border-top-color: var(--apex-action-primary); border-right-color: var(--apex-action-primary); border-bottom-color: var(--apex-action-primary); border-left-color: var(--apex-action-primary); border-image: none; transition: color 0.25s, background 0.25s, transform 0.25s; }
.product-center-page .family-row:hover .family-arrow, .product-center-page .family-row:focus-visible .family-arrow, .product-center-page .support-card:hover .support-card-arrow, .product-center-page .support-card:focus-visible .support-card-arrow { color: var(--apex-text-inverse); background: var(--navy); transform: translateX(3px); }
.product-center-page .filter-group > span { margin-bottom: 7px; color: var(--apex-text-body); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; }
.product-center-page .choice { min-height: 39px; padding: 7px 16px; font-size: 15px; }
.product-center-page .choice:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.product-center-page .result-kicker { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; }
.product-center-page .result-code { font-size: clamp(62px, 6vw, 96px); }
.product-center-page .result-name { font-size: 24px; }
.product-center-page .result-spec span { font-size: 13px; }
.product-center-page .result-spec strong { font-size: 17px; }
.product-center-page .result-bottom .apex-product-inquiry { display: inline-flex; margin-top: 24px; color: var(--apex-text-inverse); border-top-color: var(--apex-inverse-divider); border-right-color: var(--apex-inverse-divider); border-bottom-color: var(--apex-inverse-divider); border-left-color: var(--apex-inverse-divider); }
.product-center-page .result-bottom .apex-product-inquiry:hover { color: var(--navy); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--apex-surface-default); border-top-color: var(--apex-text-inverse-muted); border-right-color: var(--apex-text-inverse-muted); border-bottom-color: var(--apex-text-inverse-muted); border-left-color: var(--apex-text-inverse-muted); }
.product-center-page .support-card { position: relative; color: inherit; transition: transform .3s var(--ease),box-shadow .3s var(--ease); }
.product-center-page .support-card:hover { transform: translateY(-7px); box-shadow: var(--apex-shadow-color) 0px 20px 44px; }
.product-center-page .support-card:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.product-center-page .support-card-visual { overflow: hidden; }
.product-center-page .support-card-visual img, .product-center-page .support-card:hover .support-card-visual img { transform: none !important; }
.product-center-page .support-card-copy { position: relative; }
.product-center-page .support-card-arrow { position: absolute; right: 26px; bottom: 26px; }
@media (max-width: 1100px) {
.product-center-page .family-row, .product-center-page .family-row:hover, .product-center-page .family-row.active { grid-template-columns: 58px minmax(185px, 0.7fr) minmax(150px, 0.55fr) minmax(290px, 1fr) 42px; gap: 16px; }
}
@media (max-width: 760px) {
.product-center-page .hero-copy h1 { font-size: 46px; line-height: 1.15; }
.product-center-page .product-subnav-wrap { top: 74px; }
.product-center-page .product-subnav { width: calc(-28px + 100vw); grid-template-columns: repeat(5, minmax(108px, 1fr)); overflow-x: auto; scrollbar-width: none; }
.product-center-page .product-subnav::-webkit-scrollbar { display: none; }
.product-center-page .series-showroom { min-height: 0px; height: auto; padding-top: 6px; }
.product-center-page .series-panel, .product-center-page .series-panel.active, .product-center-page .series-panel:hover { min-height: 510px; transform: none; box-shadow: none; }
.product-center-page .series-showroom:has(.series-panel:hover) .series-panel:not(:hover) { transform: none; }
.product-center-page .family-row, .product-center-page .family-row:hover, .product-center-page .family-row.active { grid-template-columns: 42px 1fr 42px; gap: 12px; min-height: 0px; padding: 22px 12px; transform: none; box-shadow: none; }
.product-center-page .family-visual { grid-column: 2 / 4; width: 100%; height: 150px; }
.product-center-page .family-meta { grid-column: 2 / 4; }
.product-center-page .family-arrow { grid-area: 1 / 3; align-self: center; }
.product-center-page .support-card:hover { transform: none; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
.product-center-page .series-panel, .product-center-page .family-row, .product-center-page .support-card, .product-center-page .family-arrow, .product-center-page .support-card-arrow { transition: none !important; }
}