/* Shared sheet/plate catalog theme. Fabrication controls keep their existing behavior. */
html.sheet-metal-theme {
  --ground:#fff; --panel:#fff; --panel-2:#f7f8f8; --card:#f3f4f5;
  --line:#d9dde1; --line-soft:#e6e8ea; --text:#171716; --text-2:#4d535a; --text-3:#626b75;
  --accent:#20201e; --accent-soft:#f0f1f2; --accent-ink:#20201e; --link:#303635;
  --btn-border:#a8adb3; --shadow:none; --bg:var(--ground); --surface:var(--panel);
  --border:var(--line); --border-md:#a8adb3; --muted:var(--text-2); --dim:var(--text-3);
  --accent-dim:var(--accent-soft); --accent-br:#a8adb3;
  scroll-padding-top:140px;
}
.sheet-metal-page { background-color:#fff; line-height:1.6; background-image:linear-gradient(rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(rgba(28,39,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.025) 1px,transparent 1px); background-size:160px 160px,160px 160px,32px 32px,32px 32px; }
.sheet-metal-page > .wrap { max-width:1560px; padding-inline:clamp(24px,3.6vw,64px); }
.sheet-metal-page :is(a,button,input,select,summary,[tabindex]):focus-visible { outline:2px solid #42677d; outline-offset:3px; }
.sheet-metal-page .breadcrumb { margin-bottom:32px; color:var(--text-2); }
.sheet-metal-page .breadcrumb a,.sheet-metal-page .breadcrumb .sep { color:var(--text-2); }
.sheet-metal-page .breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.sheet-metal-page .section { padding-top:56px; scroll-margin-top:24px; }
.sheet-metal-page .section-head { margin-bottom:24px; gap:18px; }
.sheet-metal-page .section-head h2 { font-size:clamp(26px,2.8vw,40px); }
.sheet-metal-page .section-head :is(.sub,p) { font-size:13px; line-height:1.7; }
.sheet-metal-page :is(.btn,.btn-solid,.btn-outline,.seg,.seg button,.toggle,.field,.thk-chip,.spec-tab,.gauge-tab,.preflight-btn,.guide-links a,.collapse-btn,.guide-drop-cta,.sticky-cta-btn,.learn-btn,.tv-pill,.tv-restore) { border-radius:0; }
.sheet-metal-page > .wrap :is(.btn,.preflight-btn,.hero-ctas .btn-solid,.hero-ctas .btn-outline) { height:auto; min-height:46px; padding:12px 18px; font-size:14px; line-height:1.5; }
.sheet-metal-page .seg button { min-height:40px; padding-inline:14px; }
.sheet-metal-page .toggle { min-height:40px; height:auto; padding:8px 12px; font-size:12px; }
.sheet-metal-page :is(.toggle[aria-pressed="true"],.seg button[aria-checked="true"],.spec-tab.on,.page-nav a.on,.tv-pill.on) { background:var(--accent); color:#fff; border-color:var(--accent); }
.sheet-metal-page .toggle[aria-pressed="true"] small,.sheet-metal-page .tv-pill.on small { color:#fff; }
.sheet-metal-page :is(.btn-primary,.hero-ctas .btn-solid,.preflight-btn,.sticky-cta-btn):hover { background:#393936; filter:none; }
.sheet-metal-page :is(.panel,.stat,.filters,.mat-card,.empty-state,.finish-card,.cta,.hero-card,.hero-photo,.page-nav,.gauge-list-wrap,.sku-head,.spec-panel,.props-grid>div,.rel-card,.video-gallery) { border-radius:0; box-shadow:none; border:1px solid var(--line); }
.sheet-metal-page :is(.chip,.cap-tag,.hbadge,.avail-badge,.table-block-title .tag) { border-radius:0; font-weight:500; }
.sheet-metal-page :is(.chip.hi,.cap-tag.hi,.hbadge.zap) { background:var(--accent-soft); color:var(--text); }
.sheet-metal-page .finish-card:hover,.sheet-metal-page .rel-card:hover { border-color:var(--border-md); }

/* Searchable catalog */
.sheet-metal-catalog .page-header { padding-top:126px; }
.sheet-metal-catalog .header-row { align-items:center; }
.sheet-metal-catalog .page-header h1 { margin:0 0 24px; }
.sm-eyebrow { margin:0 0 14px; color:var(--text-3); font-size:12px; letter-spacing:.04em; }
.sheet-metal-catalog .page-header .sm-intro { max-width:800px; margin:0; font-size:16px; line-height:1.8; }
.sm-family-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.sm-family-links a { display:inline-flex; align-items:center; gap:20px; min-height:42px; padding:9px 14px; background:#fff; border:1px solid var(--line); color:var(--text-2); text-decoration:none; font-size:13px; }
.sm-family-links a:hover { border-color:var(--border-md); color:var(--text); }
.sheet-metal-catalog .stat-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:32px 0; }
.sheet-metal-catalog .stat { padding:20px 24px; }
.sheet-metal-catalog .stat + .stat { border-left:0; }
.sheet-metal-catalog .stat-num { font-size:26px; line-height:1.3; }
.sheet-metal-catalog .stat-lbl { font-size:12px; margin-top:8px; }
.sheet-metal-catalog .filters { padding:28px; margin-bottom:36px; }
.sheet-metal-catalog .filters-top { margin-bottom:24px; }
.sm-priorities { border-block:1px solid var(--line-soft); padding-block:22px; margin-bottom:24px; }
.sm-priority-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 16px; margin-bottom:12px; }
.sm-priority-heading .f-group-lbl { margin:0; }
.sm-priority-heading > span { color:var(--text-3); font-size:12px; }
.sm-priority-options { display:flex; flex-wrap:wrap; gap:8px; }
.sm-priority-button { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; border:1px solid var(--line); border-radius:0; background:#fff; color:var(--text-2); padding:10px 14px; font:inherit; font-size:13px; cursor:pointer; }
.sm-priority-button:hover { border-color:var(--border-md); color:var(--text); }
.sm-priority-button[aria-pressed="true"] { border-color:var(--accent); background:var(--accent); color:#fff; }
.sm-priority-button small { font-size:11px; opacity:.75; font-variant-numeric:tabular-nums; }
.sm-priority-help { margin:14px 0 0; max-width:940px; color:var(--text-2); font-size:12px; line-height:1.7; }
.sheet-metal-catalog .mat-priority { margin:0; padding:12px 14px; border-left:2px solid var(--accent); background:var(--panel-2); color:var(--text-2); font-size:12px; line-height:1.7; }
.sheet-metal-catalog .mat-priority[hidden] { display:none; }
.mat-priority strong { display:block; color:var(--text); font-weight:500; margin-bottom:3px; }
.sheet-metal-catalog .filters-row { grid-template-columns:1.05fr 1.35fr minmax(180px,.8fr); gap:28px; }
.sheet-metal-catalog .field { height:46px; font-size:14px; }
.sheet-metal-catalog .field:focus { outline:2px solid #42677d; outline-offset:2px; box-shadow:none; }
.sheet-metal-catalog .f-group-lbl { margin-bottom:12px; font-weight:500; letter-spacing:.03em; }
.sheet-metal-catalog .filters-foot { margin-top:24px; padding-top:18px; }
.sheet-metal-catalog .link-btn { min-height:36px; text-underline-offset:4px; }
.sheet-metal-catalog .grid-head { flex-wrap:wrap; margin-bottom:24px; }
.sheet-metal-catalog .grid-head h2 { font-size:clamp(28px,3vw,42px); }
.sheet-metal-catalog .mat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sheet-metal-catalog .mat-card { min-width:0; cursor:default; border-width:1px; }
.sheet-metal-catalog .mat-card:hover { border-color:var(--border-md); }
.sheet-metal-catalog .mat-photo-wrap { position:relative; display:block; height:auto; aspect-ratio:2/1; border-bottom:1px solid var(--line); }
.sheet-metal-catalog .mat-card:hover .mat-photo { transform:none; }
.sm-surface-label { position:absolute; bottom:12px; left:16px; padding:4px 8px; background:#fff; border:1px solid var(--line); color:var(--text-2); font-size:11px; }
.sheet-metal-catalog .mat-body { padding:24px; gap:20px; }
.sheet-metal-catalog .mat-highlights { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; }
.sheet-metal-catalog .mat-highlight { max-width:100%; padding:4px 8px; border:1px solid var(--line); background:var(--panel-2); color:var(--text-2); font-size:11px; font-weight:500; line-height:1.5; }
.sheet-metal-catalog .mat-highlight-pick { background:var(--accent); border-color:var(--accent); color:#fff; }
.sheet-metal-catalog .mat-name { font-size:23px; margin:0 0 10px; }
.sheet-metal-catalog .mat-name a { color:inherit; text-decoration:none; }
.sheet-metal-catalog .mat-name a:hover { text-decoration:underline; text-underline-offset:4px; }
.sheet-metal-catalog .mat-meta { font-size:12px; line-height:1.8; }
.sheet-metal-catalog .mat-caps { gap:6px; margin-top:14px; }
.sheet-metal-catalog .cap-tag { padding:3px 7px; font-size:11px; }
.sheet-metal-catalog .mat-desc { display:block; overflow:visible; font-size:14px; line-height:1.8; }
.sheet-metal-catalog .mat-chips-lbl { font-weight:500; flex-wrap:wrap; margin-bottom:10px; }
.sheet-metal-catalog .thk-chip { display:inline-flex; align-items:center; min-height:34px; padding:7px 9px; border-color:var(--line); font-weight:500; }
.sheet-metal-catalog .thk-chip.dim { opacity:.45; }
.sheet-metal-catalog .mat-foot { flex-wrap:wrap; padding-top:18px; }
.sheet-metal-catalog .mat-links { width:100%; justify-content:space-between; }
.sheet-metal-catalog .mat-go { min-height:42px; display:inline-flex; align-items:center; padding:9px 12px; border:1px solid var(--border-md); color:var(--text); text-decoration:none; font-weight:500; }
.sheet-metal-catalog .mat-go:hover { background:var(--accent); color:#fff; }
.sheet-metal-catalog .mat-guide { font-weight:500; }
.sheet-metal-catalog .legend { margin:24px 0 0; gap:12px 24px; }
.sheet-metal-catalog .finish-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.sheet-metal-catalog .finish-card { padding:24px; gap:12px; }
.sheet-metal-catalog .finish-card svg { width:40px; height:40px; margin-bottom:8px; }
.sheet-metal-catalog .finish-name { font-size:21px; font-weight:500; line-height:1.3; }
.sheet-metal-catalog .finish-desc { font-size:14px; line-height:1.8; }
.sheet-metal-catalog .finish-go { margin-top:auto; padding-top:8px; font-weight:500; }
.sheet-metal-catalog .cta { margin:56px 0 72px; padding:32px; }
.sheet-metal-catalog .cta h2 { font-size:28px; margin-bottom:14px; }
.sheet-metal-catalog .cta p { font-size:14px; line-height:1.8; }

/* Individual material specification pages */
.sheet-metal-detail { --xeon-title-size:clamp(34px,3.6vw,58px); }
.sheet-metal-detail .hero { padding-top:126px; }
.sheet-metal-detail .hero-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; border:0; padding:0; background:transparent; }
.sheet-metal-detail .hero h1 { margin-bottom:20px; }
body.sheet-metal-detail[data-xeon-type] .hero-eyebrow { font-family:Inter,Arial,sans-serif !important; font-size:12px; letter-spacing:.04em; margin-bottom:16px; }
.sheet-metal-detail .hero p { font-size:16px; line-height:1.8; margin-bottom:24px; }
.sheet-metal-detail .hero-alloy { margin-bottom:18px; }
.sheet-metal-detail .hero-photo { aspect-ratio:4/3; max-width:none; }
.sheet-metal-detail .hero-badges { gap:8px; margin-bottom:24px; }
.sheet-metal-detail .hbadge { padding:5px 9px; }
.sheet-metal-detail .hero-ctas { gap:10px; }
.sheet-metal-detail .page-nav { top:80px; min-height:58px; left:auto; right:auto; margin-top:32px; padding:8px; justify-content:flex-start; backdrop-filter:none; }
.sheet-metal-detail .page-nav a { height:40px; border-radius:0; font-weight:500; }
.sheet-metal-detail .page-nav .seg button { height:40px; }
.sheet-metal-detail .gauge-layout { grid-template-columns:240px minmax(0,1fr); gap:24px; }
.sheet-metal-detail .gauge-list-wrap { top:150px; }
.sheet-metal-detail .gauge-detail { gap:24px; }
.sheet-metal-detail .gauge-tab { background:#fff; border:1px solid var(--line); min-height:62px; }
.sheet-metal-detail .gauge-tab.sel { background:var(--accent-soft); border-color:var(--accent); box-shadow:inset 3px 0 var(--accent); }
.sheet-metal-detail :is(.sku-head,.spec-panel,.props-grid>div) { padding:24px; }
.sheet-metal-detail .spec-tabs { gap:8px; padding-bottom:20px; margin-bottom:24px; }
.sheet-metal-detail .spec-cols > div { min-width:0; }
.sheet-metal-detail .spec-tab { height:40px; font-weight:500; }
.sheet-metal-detail .data-table { font-size:13px; }
.sheet-metal-detail .data-table :is(th,td) { padding-block:12px; }
.sheet-metal-detail .table-block-title { font-size:15px; margin-bottom:14px; }
.sheet-metal-detail :is(.note-row,.bd-cell,.full-table-wrap,.footnote,.no-bend-note,.guide-drop,.guide-drop-inner img,.learn-dialog,.learn-value-card,.learn-soon,.tv-svg,.tv-warn,.cr-dialog,.cr-options article,.cr-review,.cr-settings div,.cr-note,.cr-setup,.cr-field-value,.cr-photo img) { border-radius:0; }
.sheet-metal-detail .guide-links a { min-height:36px; height:auto; padding-block:6px; }
.sheet-metal-detail .props-grid,.sheet-metal-detail .rel-grid { gap:24px; }
.sheet-metal-detail .rel-card { padding:24px; }
.sheet-metal-detail .rel-name { font-size:18px; font-weight:500; }
.sheet-metal-detail #feature-chart .xfc { border:1px solid var(--line); border-radius:0; box-shadow:none; }
.sheet-metal-detail .xfc-scale img { filter:grayscale(1); }
.sheet-metal-detail .xfc-scale img[src*="blue"] { filter:grayscale(1) brightness(.55); }
.sheet-metal-detail #material-composition :is(.chem-reference-note,.chem-element,.chem-symbol,.chem-science) { border-radius:0; border-color:var(--line); }
.sheet-metal-detail #material-composition .chem-reference-note { background:#fff; border-left-color:var(--accent); }
.sheet-metal-detail #material-composition .chem-element[open] { border-color:var(--border-md); }
.sheet-metal-detail .sticky-cta { border:1px solid var(--line); border-radius:0; box-shadow:0 4px 18px rgba(28,32,36,.1); }
.sheet-metal-detail .learn-dialog,.sheet-metal-detail .cr-dialog { border:1px solid var(--border-md); }
.sheet-metal-detail .learn-close { min-width:40px; min-height:40px; border-radius:0; }

@media(max-width:1100px) {
  .sheet-metal-catalog .filters-row { grid-template-columns:1fr 1fr; }
  .sheet-metal-catalog .filters-row>div:last-child { grid-column:1/-1; max-width:480px; }
  .sheet-metal-catalog .mat-grid,.sheet-metal-catalog .finish-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sheet-metal-detail .hero-card { gap:28px; }
}
@media(max-width:1000px) {
  .sheet-metal-detail .gauge-layout { grid-template-columns:1fr; }
  .sheet-metal-detail .gauge-list-wrap { position:static; }
  .sheet-metal-detail .hero-card { grid-template-columns:1fr; }
  .sheet-metal-detail .hero-photo { aspect-ratio:16/9; }
}
@media(max-width:800px) {
  .sheet-metal-catalog .page-header,.sheet-metal-detail .hero { padding-top:108px; }
  .sheet-metal-page .section { padding-top:36px; }
  .sheet-metal-catalog .stat-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sheet-metal-catalog .stat:nth-child(3) { border-left:1px solid var(--line); }
  .sheet-metal-catalog .stat:nth-child(n+3) { border-top:0; }
  .sheet-metal-catalog .filters-row,.sheet-metal-catalog .filters-top { grid-template-columns:1fr; }
  .sheet-metal-catalog .filters-row>div:last-child { max-width:none; }
  .sheet-metal-catalog .filters-top .seg { justify-self:start; }
  .sheet-metal-detail .page-nav { top:70px; }
}
@media(max-width:600px) {
  .sheet-metal-catalog .mat-grid,.sheet-metal-catalog .finish-grid { grid-template-columns:1fr; }
  .sheet-metal-catalog .filters,.sheet-metal-catalog .mat-body,.sheet-metal-catalog .finish-card { padding:20px; }
  .sheet-metal-catalog .stat { padding:18px 14px; }
  .sheet-metal-catalog .stat-num { font-size:22px; }
  .sheet-metal-catalog .filters-foot { align-items:flex-start; flex-wrap:wrap; }
  .sheet-metal-catalog .page-header .sm-intro { font-size:15px; }
  .sheet-metal-catalog .cta { padding:24px; }
  .sheet-metal-detail { --xeon-title-size:clamp(30px,7.8vw,46px); }
  .sheet-metal-detail .hero-card { padding:0; }
  .sheet-metal-detail .hero p { font-size:15px; }
  .sheet-metal-detail :is(.sku-head,.spec-panel,.props-grid>div) { padding:18px; }
  .sheet-metal-detail .spec-cols { gap:24px; }
  .sheet-metal-detail .data-table { display:block; max-width:100%; overflow-x:auto; }
  .sheet-metal-detail .note-row { flex-wrap:wrap; }
  .sheet-metal-detail .note-val { white-space:normal; margin-left:26px; }
  .sheet-metal-detail .sticky-cta-text strong { white-space:normal; }
}
@media(prefers-reduced-motion:reduce) { html.sheet-metal-theme { scroll-behavior:auto; } .sheet-metal-page .mat-photo { transition:none; } }
@media(max-width:600px) {
  .sm-priority-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sm-priority-button { gap:8px; padding:9px 10px; text-align:left; line-height:1.5; }
}