:root{--metal-surface:#fff;--metal-soft:#eff2f4;--metal-edge:#d5dde3;--metal-ink:#183044;--metal-muted:#526477;--metal-accent:#8b713f;--metal-shadow:0 12px 36px #1c34470c}html[data-theme=dark]{--metal-surface:#182a3b;--metal-soft:#213548;--metal-edge:#415569;--metal-ink:#e7eff6;--metal-muted:#bccbd8;--metal-accent:#d4bd83;--metal-shadow:0 12px 36px #0002}
body{background:var(--cream)}.product,.family-photo,.configuration-picker,.detail-specs,.compact-comparison{border-color:var(--metal-edge);box-shadow:var(--metal-shadow)}.product{background:var(--metal-surface);border-radius:22px;overflow:hidden;transition:box-shadow .3s,border-color .3s,transform .3s}.product:hover{border-color:#9cabb6;box-shadow:0 18px 42px #1c344715}.product-info{padding:24px}.product-info .code{color:var(--metal-ink);font-size:22px;letter-spacing:-.6px}.product-info .code>span{border:1px solid var(--metal-edge);background:var(--metal-soft);color:var(--metal-muted);border-radius:7px;padding:4px 7px}.card-spec{border-color:var(--metal-edge);background:var(--metal-soft);padding:14px 16px;border-radius:12px}.card-spec strong{font-size:15px;color:var(--metal-ink);line-height:1.6}.card-spec>span{font-size:11px;letter-spacing:.5px;color:var(--metal-muted)}.product-application{color:var(--metal-muted);line-height:1.7}
.product-quote,.family-tabs button,.comparison-tabs button,.configuration-buttons button,.catalog-pagination button{background:linear-gradient(125deg,var(--metal-surface),var(--metal-soft) 48%,var(--metal-surface));border-color:var(--metal-edge);color:var(--metal-ink);box-shadow:inset 0 1px 0 #ffffff55;min-height:44px}.product-quote:hover{border-color:#a99772;background:linear-gradient(120deg,var(--metal-soft),var(--metal-surface));box-shadow:0 7px 18px #162f4317}.family-tabs button.active,.comparison-tabs button[aria-pressed=true],.configuration-buttons button[aria-pressed=true]{background:linear-gradient(130deg,#1c3449,#314b60);border-color:#314b60;color:#fff;box-shadow:0 6px 18px #1a35421c}.configuration-buttons button[aria-pressed=true] small{color:#d2dde7}html[data-theme=dark] .family-tabs button.active,html[data-theme=dark] .comparison-tabs button[aria-pressed=true],html[data-theme=dark] .configuration-buttons button[aria-pressed=true]{background:linear-gradient(125deg,#c4ab73,#e2d3ae);border-color:#d4bd83;color:#172a3a}html[data-theme=dark] .configuration-buttons button[aria-pressed=true] small{color:#304350}
.detail-code{color:var(--metal-ink);letter-spacing:-1px}.main-specs>div{border-color:var(--metal-edge)}.main-specs dd{color:var(--metal-ink);font-size:15px;line-height:1.65;font-weight:650}.main-specs dt{color:var(--metal-muted);font-size:12px;line-height:1.5}.configuration-note,.measurement-help{line-height:1.75}.application-tube{border-left:3px solid var(--metal-accent);background:var(--metal-soft);border-radius:0 12px 12px 0}.application-tube strong{color:var(--metal-ink)}.family-display h3,.field-heading h2{letter-spacing:-1px}.version-list{gap:6px}.version-list>div{padding:12px 0;border-color:var(--metal-edge)}.family-photo,.detail-strip{box-shadow:var(--metal-shadow)}.family-context{border-color:var(--metal-edge)}.fabrication-section .eyebrow{color:var(--metal-muted)}.fabrication-hero .eyebrow,.application-story .eyebrow{color:#dce6ee}.reference-photo{border-color:var(--metal-edge);box-shadow:0 6px 20px #1c344709}.family-view-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.family-view-controls button{font-size:14px;padding:11px 15px;min-height:44px;border-radius:12px}.family-view-controls button[aria-pressed=true]{background:linear-gradient(125deg,#c6ad7c,#e5d8bb);color:#24313a;border-color:#c6ad7c}.family-application-note{font-size:13px;line-height:1.7;color:var(--metal-muted);margin:14px 0 0}.gallery-selection-label{font-size:12px;color:var(--metal-muted);margin:0 0 12px}
@media(max-width:600px){.product-info{padding:21px}.main-specs dd{font-size:15px}.family-view-controls button{flex:1 1 auto;font-size:13px;padding:11px 12px}.family-display{gap:26px}.family-photo{padding:20px}.card-spec strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.product,.product-quote{transition:none}}
.reference-photo img{object-fit:contain;background:#fff}.family-photo img,.application-photo img{object-fit:contain}.family-context img{object-position:center}