*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0e0e0e;--near-black:#141414;
  --gray-dark:#555;--gray-mid:#888;--gray-light:#bbb;
  --border:#e0ddd8;--bg-page:#fff;--bg-light:#f7f6f3;
  --accent:#c8a96e;--font:'Montserrat',sans-serif;
}
body{font-family:var(--font);background:var(--bg-page);color:var(--black);font-weight:300;font-size:13px}

/* ── HEADER ── */
.sel-header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:52px;background:var(--black)}
.sel-logo{font-size:13px;font-weight:200;letter-spacing:.28em;color:#fff;text-transform:uppercase;text-decoration:none}
.sel-logo span{color:var(--accent)}
.sel-back{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:lowercase;color:rgba(255,255,255,0.4);text-decoration:none;transition:color .2s}
.sel-back:hover{color:rgba(255,255,255,0.8)}
.sel-back svg{width:12px;height:12px;stroke:currentColor;fill:none}

/* ── TOP ── */
.sel-top{padding:20px 32px 0}
.sel-title{font-size:20px;font-weight:600;letter-spacing:.02em;margin-bottom:14px}
.sel-title span{font-weight:200;color:var(--gray-mid);margin-left:5px}
.sel-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:10px}
.sel-search svg{width:14px;height:14px;stroke:var(--gray-mid);fill:none;flex-shrink:0}
.sel-search input{flex:1;border:none;outline:none;font-family:var(--font);font-size:11px;font-weight:300;letter-spacing:.06em;color:var(--black);background:transparent}
.sel-search input::placeholder{color:var(--gray-light)}

/* ── BREADCRUMB ── */
.breadcrumb{padding:8px 32px;font-size:10px;font-weight:300;letter-spacing:.09em;color:var(--gray-mid);border-bottom:0.5px solid var(--border)}
.breadcrumb a{color:var(--gray-mid);text-decoration:none}
.breadcrumb a:hover{color:var(--black)}
.breadcrumb span{color:var(--black);font-weight:400}

/* ── PRODUCT HEADER BLOCK ── */
.product-header{display:grid;grid-template-columns:260px 1fr auto;gap:0;padding:24px 32px;border-bottom:1px solid var(--border);align-items:start}

/* left: name + code + summary */
.ph-left{}
.ph-line1{font-size:26px;font-weight:600;letter-spacing:.02em;line-height:1}
.ph-line2{font-size:26px;font-weight:200;letter-spacing:.04em;line-height:1;margin-bottom:8px}
.ph-code{font-size:9px;letter-spacing:.14em;font-weight:400;color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-family:'Courier New',monospace}
.ph-variant-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:lowercase;color:var(--black);margin-bottom:4px}
.ph-variant-dim{font-size:11px;font-weight:300;color:var(--gray-dark);margin-bottom:10px}
.ph-summary{font-size:10px;font-weight:300;color:var(--gray-dark);line-height:2;letter-spacing:.04em}
.ph-summary strong{font-weight:500;color:var(--black)}

/* middle: description */
.ph-mid{padding:0 36px;border-left:0.5px solid var(--border);border-right:0.5px solid var(--border)}
.ph-desc{font-size:10px;font-weight:300;color:var(--gray-dark);line-height:1.9;max-width:460px}

/* right: badges */
.ph-badges{display:flex;gap:14px;align-items:flex-start;padding-left:28px}
.mbadge{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:52px}
.mbadge svg{width:26px;height:26px;stroke:var(--gray-mid);fill:none;stroke-width:1}
.mbadge span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-mid);text-align:center;line-height:1.3;max-width:52px}

/* ── IMAGES ROW ── */
.images-section{padding:24px 32px 8px;border-bottom:1px solid var(--border)}
.images-row{display:grid;grid-template-columns:200px 1fr 1fr 1fr;gap:16px;align-items:start}

.img-main{display:flex;align-items:center;justify-content:center;padding:8px 0}
.img-main img{max-width:180px;max-height:200px;object-fit:contain}

.img-lifestyle{overflow:hidden;border:0.5px solid var(--border)}
.img-lifestyle img{width:100%;height:100%;object-fit:cover;display:block}

/* polar diagram */
.img-polar{background:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:16px;min-height:160px}

/* installation drawing */
.img-install{background:var(--bg-light);border:0.5px solid var(--border);padding:12px;display:flex;align-items:center;justify-content:center;min-height:160px}

/* dimension strip below images */
.dim-strip{display:grid;grid-template-columns:200px 1fr;gap:16px;margin-top:16px;padding-bottom:8px;align-items:center}
.dim-label{font-size:10px;font-weight:400;letter-spacing:.06em;color:var(--black)}
.dim-sub{font-size:9px;font-weight:300;color:var(--gray-mid);margin-top:2px}

/* ── DOWNLOADS ── */
.downloads-section{padding:18px 32px;border-bottom:1px solid var(--border)}
.downloads-label{font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--black);margin-bottom:14px}
.downloads-row{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.dl-link{
  display:flex;align-items:center;gap:6px;
  font-size:10px;font-weight:300;letter-spacing:.07em;
  color:var(--black);text-decoration:none;padding:6px 20px 6px 0;
  border-right:0.5px solid var(--border);margin-right:20px;
  transition:color .2s;white-space:nowrap;
}
.dl-link:last-child{border-right:none;margin-right:0}
.dl-link:hover{color:var(--accent)}
.dl-link.disabled{color:var(--gray-light);pointer-events:none}
.dl-link svg{width:13px;height:13px;stroke:currentColor;fill:none;flex-shrink:0}
.ce-badge{font-size:9px;font-weight:700;border:1px solid currentColor;padding:1px 3px;letter-spacing:.02em;line-height:1}

/* ── SPECS LAYOUT ── */
.specs-outer{padding:0 32px 40px}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.spec-section{padding:28px 40px 24px 0;border-bottom:0.5px solid var(--border)}
.spec-section:nth-child(even){padding:28px 0 24px 40px;border-left:0.5px solid var(--border)}
.spec-section:nth-child(3),.spec-section:nth-child(4){border-bottom:none}

.spec-section-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--black);margin-bottom:16px;text-transform:none}

.spec-row{display:flex;padding:7px 0;border-bottom:0.5px solid var(--border)}
.spec-row:last-child{border-bottom:none}
.spec-key{width:200px;font-size:11px;font-weight:300;color:var(--gray-dark);flex-shrink:0;letter-spacing:.03em}
.spec-val{font-size:11px;font-weight:400;color:var(--black);display:flex;align-items:center;gap:6px;letter-spacing:.03em}
.spec-val.bold{font-weight:600}

/* color swatch inline */
.spec-swatch{width:12px;height:12px;display:inline-block;border:0.5px solid rgba(0,0,0,0.15);flex-shrink:0}
.sw-white{background:#f5f5f5}
.sw-black{background:#1a1a1a}
.sw-bronze{background:#6b4c30}
.sw-trimless{background:repeating-linear-gradient(45deg,#ddd,#ddd 2px,#fff 2px,#fff 5px)}
.sw-2700{background:#ffbe5e}
.sw-3000{background:#ffd080}
.sw-3500{background:#ffe5a0}
.sw-4000{background:#fff3cc}

/* beam icon */
.beam-sym{display:inline-flex;align-items:flex-end;gap:0}
.beam-sym span{display:inline-block;background:var(--accent);width:2px;border-radius:1px}

/* ── FOOTER ── */