/* Unified color roles. Shell styling lives only in shared/shell.css. */
h1, h2, h3 { font-family: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", Arial, sans-serif; letter-spacing: -0.015em; }
h1 { line-height: 1.18; }
h2, h3 { line-height: 1.3; }
.eyebrow, .feature-card > span, .series-label .eyebrow, .capability-item .num, .quality-row .num { color: var(--apex-text-muted); letter-spacing: 0.08em; }
.catalog { 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); padding-top: 128px; }
.catalog-heading h1, .pump-category .catalog-heading h1 { font-size: clamp(52px, 5.3vw, 88px); line-height: 1.18; letter-spacing: -0.015em; }
.catalog-intro { color: var(--body); font-size: 16px; line-height: 1.8; }
.set-image, .reservoir-image, .set-item:nth-child(2) .set-image { 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-caption h2 { font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 28px; letter-spacing: 0px; }
.series-row, .enquiry, .directory-card { border-radius: 16px; }
.enquiry { 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-subtle); }
.enquiry h2, .pump-category .enquiry h2 { letter-spacing: -0.015em; line-height: 1.3; }
.sku-head { font-size: 12px; letter-spacing: 0px; }
.sku-row b, .sku-row span { font-size: 14px; }
.sku-row strong { font-size: 15px; }
.sku-head span, .sku-row > * { padding: 11px 13px; }
a:focus-visible, button:focus-visible, summary:focus-visible, .table-scroll:focus-visible { outline-color: var(--apex-focus-ring); outline-style: solid; outline-width: 2px; outline-offset: 5px; }
@media (max-width: 760px) {
.catalog { padding-top: 108px; }
.catalog-heading h1, .pump-category .catalog-heading h1 { font-size: 44px; }
.sku-table { overflow-x: auto; }
.sku-head, .sku-row { min-width: 620px; }
.catalog-intro { font-size: 15px; }
}