:root {
  --ink:       #0d1b2a;
  --ink-mid:   #1f3148;
  --ink-soft:  #334b65;
  --rule:      #d4dae2;
  --surface:   #f5f7f9;
  --white:     #ffffff;
  --accent:    #0e6ba8;
  --accent-dk: #09507e;
  --gold:      #b8882a;
  --muted:     #6b7a8d;
  --danger:    #c0392b;
  --sans:      'DM Sans', system-ui, sans-serif;
  --serif:     'DM Serif Display', Georgia, serif;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--sans); background:var(--white); color:var(--ink); -webkit-font-smoothing:antialiased; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
button { font-family:var(--sans); cursor:pointer; }
.wrap { max-width:1260px; margin:0 auto; padding:0 24px; }

/* UTILITY BAR */
.util-bar { background:var(--ink); border-bottom:1px solid rgba(255,255,255,.07); font-size:12px; color:rgba(255,255,255,.5); }
.util-bar .wrap { display:flex; align-items:center; justify-content:space-between; height:36px; gap:16px; }
.util-bar a { color:rgba(255,255,255,.5); transition:color .15s; }
.util-bar a:hover { color:rgba(255,255,255,.9); }
.util-left { display:flex; gap:24px; }
.util-right { display:flex; gap:20px; }

/* HEADER */
.site-header { background:var(--white); border-bottom:1px solid var(--rule); position:sticky; top:0; z-index:900; }
.header-inner { display:flex; align-items:center; gap:32px; height:72px; }
.logo { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.logo-mark { width:64px; height:64px; flex-shrink:0; object-fit:contain; border-radius:4px; }
.logo-text .name { font-family:var(--serif); font-size:22px; color:var(--ink); letter-spacing:-.2px; line-height:1.1; }
.logo-text .sub { font-size:10px; font-weight:500; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); }
.header-search { flex:1; max-width:520px; display:flex; border:1px solid var(--rule); border-radius:3px; overflow:hidden; transition:border-color .2s; }
.header-search:focus-within { border-color:var(--accent); }
.header-search input { flex:1; padding:0 14px; height:40px; font-size:13.5px; font-family:var(--sans); border:none; outline:none; color:var(--ink); background:var(--white); }
.header-search input::placeholder { color:var(--muted); }
.search-btn { width:44px; background:var(--ink); border:none; display:flex; align-items:center; justify-content:center; transition:background .2s; flex-shrink:0; cursor:pointer; }
.search-btn:hover { background:var(--accent); }
.search-btn svg { width:16px; height:16px; stroke:white; fill:none; stroke-width:2; stroke-linecap:round; }
.header-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
.hbtn { display:flex; align-items:center; gap:7px; padding:0 14px; height:38px; font-size:13px; font-weight:500; border-radius:3px; border:1px solid var(--rule); background:transparent; color:var(--ink-soft); transition:all .15s; }
.hbtn:hover { border-color:var(--ink); color:var(--ink); }
.hbtn svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.hbtn-primary { background:var(--ink); color:var(--white); border-color:var(--ink); }
.hbtn-primary:hover { background:var(--accent); border-color:var(--accent); color:var(--white); }
.cart-count { background:var(--accent); color:white; font-size:10px; font-weight:700; border-radius:2px; padding:1px 5px; }

/* CUSTOMER BAR */
.customer-bar { background:var(--surface); border-bottom:1px solid var(--rule); }
.customer-bar .wrap { display:flex; align-items:center; height:42px; gap:0; }
.cbar-label { font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--muted); padding-right:20px; border-right:1px solid var(--rule); margin-right:16px; white-space:nowrap; }
.cbar-tabs { display:flex; gap:4px; }
.ctab { padding:0 18px; height:30px; font-size:12.5px; font-weight:500; border-radius:2px; border:1px solid transparent; background:transparent; color:var(--muted); transition:all .15s; cursor:pointer; }
.ctab.active { background:var(--white); border-color:var(--rule); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.06); }
.ctab.b2b.active { background:var(--ink); color:var(--white); border-color:var(--ink); }
.ctab:hover:not(.active) { color:var(--ink); background:rgba(0,0,0,.04); }
.cbar-tabs-locked .ctab { cursor:default; }
.cbar-tabs-locked .ctab:not(.active) { opacity:.35; pointer-events:none; }
.cbar-tabs-locked .ctab.active { cursor:default; }
.cbar-tabs-locked .ctab:hover:not(.active) { background:transparent; color:var(--muted); }
.ctab-lock { margin-left:6px; font-size:8px; opacity:.6; vertical-align:middle; }
.b2b-tag { display:inline-block; font-size:9px; font-weight:700; letter-spacing:.8px; background:var(--gold); color:white; padding:1px 5px; border-radius:2px; margin-left:5px; vertical-align:middle; }
.cbar-phone { margin-left:auto; font-size:13px; font-weight:600; color:var(--ink); }
.cbar-phone span { color:var(--accent); font-weight:400; font-size:12px; margin-left:6px; }

/* NAV */
.primary-nav { background:var(--ink); }
.nav-inner { display:flex; align-items:stretch; overflow-x:auto; }
.nav-item { display:block; padding:0 17px; height:46px; line-height:46px; font-size:12.5px; font-weight:500; letter-spacing:.3px; color:rgba(255,255,255,.75); white-space:nowrap; border-right:1px solid rgba(255,255,255,.06); transition:color .15s, background .15s; }
.nav-item:hover { color:var(--white); background:rgba(255,255,255,.05); }
.nav-item.featured { color:var(--gold); }
.nav-item.featured:hover { color:#d4a040; }
.nav-cta { margin-left:auto; display:flex; align-items:center; padding:0 20px; font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:var(--white); background:var(--accent); border-left:1px solid rgba(255,255,255,.1); transition:background .15s; white-space:nowrap; flex-shrink:0; }
.nav-cta:hover { background:var(--accent-dk); }

/* HERO */
.hero { background:var(--ink); position:relative; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background:linear-gradient(105deg, rgba(13,27,42,.97) 40%, rgba(14,107,168,.18) 100%); }
.hero-bg::after { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:48px 48px; }
.hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 400px; gap:60px; align-items:center; padding:100px 24px; max-width:1260px; margin:0 auto; }
.hero-eyebrow { font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:18px; display:flex; align-items:center; gap:10px; }
.hero-eyebrow::before { content:''; display:block; width:28px; height:1px; background:var(--accent); }
.hero h1 { font-family:var(--serif); font-size:clamp(36px, 4.5vw, 58px); color:var(--white); line-height:1.08; margin-bottom:22px; letter-spacing:-.5px; }
.hero h1 em { font-style:italic; color:rgba(255,255,255,.55); }
.hero-desc { font-size:15.5px; color:rgba(255,255,255,.6); line-height:1.7; max-width:500px; margin-bottom:36px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; gap:8px; padding:0 24px; height:46px; font-size:13.5px; font-weight:600; border-radius:3px; border:none; transition:all .18s; letter-spacing:.2px; cursor:pointer; font-family:var(--sans); }
.btn svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.btn-solid { background:var(--white); color:var(--ink); }
.btn-solid:hover { background:#e8edf2; }
.btn-outline { background:transparent; color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.25); }
.btn-outline:hover { border-color:rgba(255,255,255,.6); color:white; }
.btn-accent { background:var(--accent); color:white; }
.btn-accent:hover { background:var(--accent-dk); }
.hero-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(255,255,255,.08); border-radius:4px; overflow:hidden; margin-top:52px; }
.hero-stat { background:rgba(255,255,255,.04); padding:20px; text-align:center; }
.hero-stat .n { font-family:var(--serif); font-size:28px; color:var(--white); line-height:1; }
.hero-stat .l { font-size:10.5px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.4); margin-top:5px; }
.hero-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:6px; padding:32px 28px; backdrop-filter:blur(8px); }
.hero-card h3 { font-size:16px; font-weight:600; color:white; margin-bottom:6px; }
.hero-card .sub { font-size:12.5px; color:rgba(255,255,255,.45); margin-bottom:24px; line-height:1.5; }
.hcard-field { margin-bottom:14px; }
.hcard-field label { display:block; font-size:11px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:5px; }
.hcard-field input, .hcard-field select { width:100%; padding:0 12px; height:38px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:3px; font-size:13.5px; font-family:var(--sans); color:white; outline:none; transition:border-color .15s; }
.hcard-field input:focus, .hcard-field select:focus { border-color:var(--accent); }
.hcard-field input::placeholder { color:rgba(255,255,255,.25); }
.hcard-submit { width:100%; height:44px; background:var(--accent); color:white; border:none; border-radius:3px; font-size:13.5px; font-weight:600; cursor:pointer; transition:background .15s; font-family:var(--sans); letter-spacing:.3px; }
.hcard-submit:hover { background:var(--accent-dk); }
.hcard-or { text-align:center; font-size:11.5px; color:rgba(255,255,255,.3); margin:14px 0 10px; }
.hcard-link { display:block; text-align:center; font-size:12.5px; color:rgba(255,255,255,.5); transition:color .15s; }
.hcard-link:hover { color:rgba(255,255,255,.85); }

/* PROMO BAND */
.promo-band { background:var(--accent); }
.promo-band .wrap { display:flex; align-items:stretch; height:48px; gap:0; overflow-x:auto; }
.promo-item { display:flex; align-items:center; gap:9px; font-size:12.5px; font-weight:500; color:rgba(255,255,255,.9); padding:0 28px; border-right:1px solid rgba(255,255,255,.18); white-space:nowrap; flex-shrink:0; }
.promo-item svg { width:14px; height:14px; stroke:rgba(255,255,255,.7); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }

/* PARTNER */
.partner-band { background:var(--surface); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.partner-inner { display:flex; align-items:center; gap:32px; padding:28px 24px; max-width:1260px; margin:0 auto; flex-wrap:wrap; }
.partner-label { font-size:10.5px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; color:var(--muted); white-space:nowrap; padding-right:32px; border-right:1px solid var(--rule); flex-shrink:0; }
.partner-logo { display:flex; align-items:center; gap:10px; padding:10px 24px; border:1px solid var(--rule); border-radius:4px; background:white; transition:border-color .15s, box-shadow .15s; }
.partner-logo:hover { border-color:var(--accent); box-shadow:0 2px 10px rgba(14,107,168,.08); }
.partner-logo svg { width:28px; height:28px; stroke:var(--ink-soft); fill:none; stroke-width:1.5; stroke-linecap:round; }
.partner-logo .pname { font-size:13px; font-weight:700; color:var(--ink); }
.partner-logo .psub { font-size:10px; color:var(--muted); }

/* SECTIONS */
.section { padding:72px 0; }
.section-sm { padding:52px 0; }
.section-alt { background:var(--surface); }
.section-dark { background:var(--ink); }
.sec-head { margin-bottom:44px; }
.sec-eyebrow { font-size:10.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.sec-title { font-family:var(--serif); font-size:clamp(26px, 3vw, 36px); color:var(--ink); line-height:1.15; letter-spacing:-.3px; }
.sec-title-light { color:var(--white); }
.sec-sub { font-size:14.5px; color:var(--muted); line-height:1.65; margin-top:10px; max-width:540px; }
.sec-sub-light { color:rgba(255,255,255,.5); }
.sec-head-row { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.link-arrow { font-size:12.5px; font-weight:600; color:var(--accent); white-space:nowrap; display:flex; align-items:center; gap:5px; transition:gap .15s; }
.link-arrow:hover { gap:8px; }

/* CATEGORIES */
.cat-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; }
.cat-card { background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:24px 16px 20px; text-align:center; transition:all .18s; cursor:pointer; display:block; }
.cat-card:hover { border-color:var(--accent); box-shadow:0 4px 20px rgba(14,107,168,.1); transform:translateY(-2px); }
.cat-icon { width:48px; height:48px; margin:0 auto 12px; background:var(--surface); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.cat-icon svg { width:22px; height:22px; stroke:var(--ink-soft); fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.cat-card:hover .cat-icon { background:rgba(14,107,168,.08); }
.cat-card:hover .cat-icon svg { stroke:var(--accent); }
.cat-name { font-size:13px; font-weight:600; color:var(--ink); margin-bottom:3px; }
.cat-meta { font-size:11px; color:var(--muted); }

/* PRODUCTS */
.prod-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; }
.prod-card { background:var(--white); border:1px solid var(--rule); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; transition:all .18s; }
.prod-card:hover { border-color:#b0bec8; box-shadow:0 4px 20px rgba(0,0,0,.07); }
.prod-thumb { height:150px; background:var(--surface); display:flex; align-items:center; justify-content:center; position:relative; border-bottom:1px solid var(--rule); }
.prod-thumb svg { width:52px; height:52px; stroke:#b0bdc8; fill:none; stroke-width:1; stroke-linecap:round; stroke-linejoin:round; }
.prod-tag { position:absolute; top:10px; left:10px; font-size:9.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; padding:3px 7px; border-radius:2px; }
.tag-sale { background:var(--danger); color:white; }
.tag-new  { background:var(--accent); color:white; }
.prod-body { padding:14px; flex:1; display:flex; flex-direction:column; }
.prod-sku { font-size:10px; color:var(--muted); letter-spacing:.5px; margin-bottom:4px; font-weight:500; }
.prod-name { font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.35; margin-bottom:5px; flex:1; }
.prod-spec { font-size:11.5px; color:var(--muted); margin-bottom:12px; line-height:1.4; }
.prod-foot { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--rule); }
.prod-price { font-family:var(--serif); font-size:19px; color:var(--ink); }
.prod-unit { font-family:var(--sans); font-size:11px; color:var(--muted); font-weight:400; margin-left:2px; }
.add-btn { padding:0 14px; height:32px; background:var(--ink); color:white; border:none; border-radius:3px; font-size:12px; font-weight:600; letter-spacing:.3px; transition:background .15s; font-family:var(--sans); cursor:pointer; }
.add-btn:hover { background:var(--accent); }

/* VALUE PROPS */
.props-grid { display:grid; grid-template-columns:repeat(4, 1fr); border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.prop-item { padding:32px 24px; border-right:1px solid var(--rule); }
.prop-item:last-child { border-right:none; }
.prop-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:rgba(14,107,168,.07); border-radius:50%; margin-bottom:14px; }
.prop-icon svg { width:18px; height:18px; stroke:var(--accent); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.prop-title { font-size:14px; font-weight:700; color:var(--ink); margin-bottom:6px; }
.prop-desc { font-size:12.5px; color:var(--muted); line-height:1.55; }

/* B2B */
.b2b-split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.b2b-feats { margin:24px 0 32px; }
.b2b-feat { display:flex; align-items:flex-start; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.b2b-feat:last-child { border-bottom:none; }
.feat-dot { width:6px; height:6px; background:var(--accent); border-radius:50%; margin-top:7px; flex-shrink:0; }
.feat-text { font-size:13.5px; color:rgba(255,255,255,.65); line-height:1.5; }
.feat-text strong { color:rgba(255,255,255,.9); display:block; font-size:14px; margin-bottom:1px; }
.b2b-form-wrap { background:var(--white); border-radius:6px; overflow:hidden; }
.b2b-form-head { background:var(--ink-mid); padding:22px 28px; }
.b2b-form-head h3 { font-size:15px; font-weight:700; color:white; margin-bottom:3px; }
.b2b-form-head p { font-size:12px; color:rgba(255,255,255,.5); }
.b2b-form-body { padding:28px; }
.fgroup { margin-bottom:14px; }
.fgroup label { display:block; font-size:11.5px; font-weight:600; color:var(--ink-soft); margin-bottom:5px; letter-spacing:.3px; }
.fgroup input, .fgroup select { width:100%; height:38px; padding:0 12px; border:1px solid var(--rule); border-radius:3px; font-size:13.5px; font-family:var(--sans); color:var(--ink); outline:none; transition:border-color .15s; background:var(--white); }
.fgroup input:focus, .fgroup select:focus { border-color:var(--accent); }
.fgroup input::placeholder { color:#aab4bf; }
.frow { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.fsubmit { width:100%; height:44px; background:var(--accent); color:white; border:none; border-radius:3px; font-size:14px; font-weight:600; cursor:pointer; font-family:var(--sans); transition:background .15s; margin-top:4px; letter-spacing:.2px; }
.fsubmit:hover { background:var(--accent-dk); }

/* FOOTER */
.site-footer { background:var(--ink); color:rgba(255,255,255,.55); }
.footer-main { display:grid; grid-template-columns:280px 1fr 1fr 1fr 1fr; gap:48px; padding:64px 24px 48px; max-width:1260px; margin:0 auto; }
.footer-logo-wrap { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.footer-logo { width:64px; height:64px; object-fit:contain; border-radius:4px; flex-shrink:0; }
.footer-brand .wordmark { font-family:var(--serif); font-size:20px; color:white; }
.footer-brand p { font-size:13px; line-height:1.65; margin-bottom:16px; }
.footer-socials { display:flex; gap:8px; }
.fsoc { width:34px; height:34px; border:1px solid rgba(255,255,255,.12); border-radius:3px; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.4); font-size:12px; font-weight:600; transition:all .15s; }
.fsoc:hover { border-color:rgba(255,255,255,.4); color:white; }
.footer-col h4 { font-size:11px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:rgba(255,255,255,.75); margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.07); }
.footer-col ul li { margin-bottom:9px; }
.footer-col ul li a { font-size:13px; color:rgba(255,255,255,.45); transition:color .15s; }
.footer-col ul li a:hover { color:rgba(255,255,255,.9); }
.footer-bottom { max-width:1260px; margin:0 auto; padding:16px 24px; border-top:1px solid rgba(255,255,255,.07); display:flex; justify-content:space-between; align-items:center; font-size:11.5px; }
.footer-legal { display:flex; gap:20px; }
.footer-legal a { color:rgba(255,255,255,.35); transition:color .15s; }
.footer-legal a:hover { color:rgba(255,255,255,.7); }

/* MODAL */
.modal-backdrop { position:fixed; inset:0; background:rgba(13,27,42,.7); backdrop-filter:blur(3px); z-index:1000; display:none; align-items:center; justify-content:center; }
.modal-backdrop.open { display:flex; }
.modal { background:white; border-radius:6px; width:440px; max-width:95vw; max-height:92vh; overflow-y:auto; box-shadow:0 24px 80px rgba(0,0,0,.3); }
.modal-head { background:var(--ink); padding:20px 24px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:1; }
.modal-head h3 { font-size:15px; font-weight:700; color:white; }
.modal-close { background:none; border:none; color:rgba(255,255,255,.5); font-size:20px; line-height:1; cursor:pointer; padding:2px 4px; transition:color .15s; }
.modal-close:hover { color:white; }
.modal-tabs { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule); }
.mtab { padding:13px; font-size:13px; font-weight:600; color:var(--muted); border:none; background:none; border-bottom:2px solid transparent; cursor:pointer; font-family:var(--sans); transition:all .15s; }
.mtab.active { color:var(--ink); border-bottom-color:var(--accent); }
.modal-body { padding:24px; }
.modal-info { background:#eef5fb; border:1px solid #c2d8eb; border-radius:3px; padding:10px 14px; font-size:12.5px; color:var(--accent-dk); margin-bottom:16px; line-height:1.5; }

/* Account type picker — modal registration */
.modal-acct-picker { margin-bottom:18px; }
.modal-acct-picker-label { font-size:12px; color:var(--muted); margin-bottom:10px; }
.modal-acct-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.modal-acct-opt { background:#f7f7f5; border:2px solid var(--rule); border-radius:5px; padding:14px 12px; cursor:pointer; text-align:left; transition:border-color .15s,background .15s; display:flex; flex-direction:column; gap:4px; }
.modal-acct-opt:hover { border-color:var(--accent); background:#fdf9f0; }
.modal-acct-opt-title { font-size:13.5px; font-weight:700; color:var(--ink); }
.modal-acct-opt-desc { font-size:11.5px; color:var(--muted); line-height:1.4; }
.modal-acct-confirmed { display:flex; align-items:center; justify-content:space-between; background:#f0f4ff; border:1px solid #c5d0e8; border-radius:4px; padding:10px 14px; margin-bottom:16px; }
.modal-acct-confirmed-badge { font-size:13px; font-weight:700; color:#1a3060; }
.modal-acct-change { background:none; border:none; font-size:12px; color:var(--muted); cursor:pointer; text-decoration:underline; padding:0; }
.modal-acct-change:hover { color:var(--ink); }

/* Account type lock — quote page */
.quote-acct-locked { background:#f7f7f5; border:1px solid var(--rule); border-radius:4px; padding:14px 16px; display:flex; align-items:center; gap:14px; }
.quote-acct-locked-badge { background:var(--ink); color:#fff; font-size:11.5px; font-weight:700; padding:4px 12px; border-radius:20px; letter-spacing:.05em; white-space:nowrap; }
.quote-acct-locked p { font-size:12.5px; color:var(--muted); margin:0; line-height:1.5; }
input[disabled] { background:#f5f5f3 !important; color:var(--muted) !important; cursor:not-allowed; }

/* BoM & Drawings upload */
.nav-item-accent { color:var(--accent) !important; font-weight:700; }
.bom-hint { font-size:12.5px; color:var(--muted); margin:-8px 0 16px; }
.bom-field { margin-bottom:20px; }
.bom-field-label { display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:8px; }
.bom-drop { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; padding:26px 20px; border:1.5px dashed var(--rule); border-radius:6px; background:var(--surface); cursor:pointer; transition:border-color .15s, background .15s; }
.bom-drop:hover, .bom-drop.drag { border-color:var(--accent); background:#fff; }
.bom-drop-icon { width:26px; height:26px; color:var(--muted); }
.bom-drop-text { font-size:13.5px; color:var(--ink); }
.bom-drop-text strong { color:var(--accent); }
.bom-drop-hint { font-size:12px; color:var(--muted); }
.bom-file-list { list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }
.bom-file-list li { display:flex; align-items:center; gap:10px; background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:8px 12px; font-size:13px; }
.bom-file-name { flex:1; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bom-file-size { color:var(--muted); font-size:12px; white-space:nowrap; }
.bom-file-remove { background:none; border:none; color:var(--muted); cursor:pointer; font-size:13px; padding:2px 4px; line-height:1; transition:color .15s; }
.bom-file-remove:hover { color:#c0392b; }

/* RESPONSIVE */
@media (max-width:1024px) {
  .cat-grid { grid-template-columns:repeat(4, 1fr); }
  .prod-grid { grid-template-columns:repeat(3, 1fr); }
  .footer-main { grid-template-columns:1fr 1fr 1fr; gap:32px; }
  .hero-inner { grid-template-columns:1fr; padding:64px 24px; }
  .hero-card { display:none; }
  .b2b-split { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:768px) {
  .util-bar .wrap { display:none; }
  .header-inner { gap:12px; height:64px; }
  .header-search { display:none; }
  .logo-text .sub { display:none; }
  .cat-grid { grid-template-columns:repeat(3, 1fr); }
  .prod-grid { grid-template-columns:repeat(2, 1fr); }
  .props-grid { grid-template-columns:1fr 1fr; }
  .prop-item:nth-child(2) { border-right:none; }
  .prop-item:nth-child(1), .prop-item:nth-child(2) { border-bottom:1px solid var(--rule); }
  .test-grid { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:1fr 1fr; padding:40px 24px 32px; }
  .footer-brand { grid-column:1 / -1; }
  .footer-bottom { flex-direction:column; gap:10px; text-align:center; }
  .hero h1 { font-size:34px; }
  .cbar-phone { display:none; }
}
@media (max-width:480px) {
  .cat-grid { grid-template-columns:repeat(2, 1fr); }
  .prod-grid { grid-template-columns:1fr 1fr; }
  .props-grid { grid-template-columns:1fr; }
  .prop-item { border-right:none; border-bottom:1px solid var(--rule); }
  .hero-actions { flex-direction:column; }
  .btn { width:100%; justify-content:center; }
  .hbtn span { display:none; }
  .hbtn { padding:0 10px; }
  .footer-legal { flex-direction:column; gap:8px; align-items:center; }
}

/* ── SHARED PAGE ELEMENTS ─────────────────────────────────────────────────── */
.page-head { display:flex; align-items:baseline; gap:14px; margin:36px 0 28px; }
.page-head h1 { font-family:var(--serif); font-size:clamp(24px,3vw,34px); color:var(--ink); }
.page-head-sub { font-size:14px; color:var(--muted); }
.page-breadcrumb { font-size:12.5px; color:var(--muted); padding:14px 0 0; display:flex; gap:8px; align-items:center; }
.page-breadcrumb a { color:var(--accent); }
.page-breadcrumb span { color:var(--muted); }

.form-error { background:#fef2f2; border:1px solid #fca5a5; color:#b91c1c; border-radius:3px; padding:10px 14px; font-size:13px; margin-bottom:12px; }

.empty-page { display:flex; align-items:center; justify-content:center; min-height:50vh; }
.empty-page-inner { text-align:center; max-width:400px; padding:48px 24px; }
.empty-icon { width:56px; height:56px; stroke:var(--muted); fill:none; stroke-width:1.5; margin:0 auto 20px; display:block; }
.empty-page-inner h2 { font-family:var(--serif); font-size:26px; color:var(--ink); margin-bottom:10px; }
.empty-page-inner p { font-size:14px; color:var(--muted); margin-bottom:24px; line-height:1.6; }

/* ── CATEGORY PAGE ─────────────────────────────────────────────────────────── */
.cat-page { padding-bottom:72px; }
.cat-breadcrumb { background:var(--surface); border-bottom:1px solid var(--rule); }
.cat-breadcrumb .wrap { display:flex; gap:8px; align-items:center; height:38px; font-size:12.5px; color:var(--muted); }
.cat-breadcrumb a { color:var(--accent); }
.cat-page-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:32px 0 24px; flex-wrap:wrap; }
.cat-page-title { font-family:var(--serif); font-size:clamp(26px,3.5vw,38px); color:var(--ink); }
.cat-page-sub { font-size:13.5px; color:var(--muted); margin-top:4px; }

.cat-search { position:relative; display:flex; align-items:center; margin-bottom:14px; background:var(--white); border:1px solid var(--rule); border-radius:4px; transition:border-color .2s; }
.cat-search:focus-within { border-color:var(--accent); }
.cat-search-icon { width:18px; height:18px; margin-left:14px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; flex-shrink:0; }
.cat-search input { flex:1; padding:0 12px; height:46px; font-size:14px; font-family:var(--sans); border:none; outline:none; color:var(--ink); background:transparent; }
.cat-search input::placeholder { color:var(--muted); }
.cat-search-clear { width:40px; height:46px; background:none; border:none; color:var(--muted); font-size:14px; cursor:pointer; flex-shrink:0; transition:color .15s; }
.cat-search-clear:hover { color:var(--ink); }
.cat-empty-link { background:none; border:none; padding:0; color:var(--accent); font:inherit; cursor:pointer; text-decoration:underline; }

.cat-filters { display:flex; align-items:center; gap:24px; margin-bottom:28px; padding:16px 20px; background:var(--surface); border:1px solid var(--rule); border-radius:4px; flex-wrap:wrap; }
.filter-group { display:flex; align-items:center; gap:10px; flex:1; flex-wrap:wrap; }
.filter-label { font-size:11.5px; font-weight:600; color:var(--ink-soft); white-space:nowrap; }
.filter-pills { display:flex; gap:6px; flex-wrap:wrap; }
.filter-pill { padding:4px 12px; border-radius:2px; border:1px solid var(--rule); background:var(--white); font-size:12px; font-weight:500; color:var(--muted); cursor:pointer; transition:all .15s; }
.filter-pill.active { background:var(--ink); color:var(--white); border-color:var(--ink); }
.filter-pill:hover:not(.active) { border-color:var(--ink); color:var(--ink); }
.filter-sort { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--muted); white-space:nowrap; }
.filter-sort select { height:32px; padding:0 10px; border:1px solid var(--rule); border-radius:3px; font-size:12.5px; font-family:var(--sans); color:var(--ink); background:var(--white); outline:none; }
.cat-empty { padding:48px; text-align:center; color:var(--muted); font-size:14px; }

/* Large product cards (category page) */
.prod-grid-lg { display:flex; flex-direction:column; gap:14px; }
.prod-card-lg { background:var(--white); border:1px solid var(--rule); border-radius:4px; display:flex; transition:box-shadow .18s, border-color .18s; }
.prod-card-lg:hover { border-color:#b0bec8; box-shadow:0 4px 20px rgba(0,0,0,.07); }
.prod-card-lg-left { width:140px; flex-shrink:0; background:var(--surface); border-right:1px solid var(--rule); border-radius:4px 0 0 4px; display:flex; align-items:center; justify-content:center; padding:20px; position:relative; }
.prod-card-lg-left svg { width:64px; height:64px; stroke:#b0bdc8; fill:none; stroke-width:1; stroke-linecap:round; stroke-linejoin:round; }
.prod-card-lg-body { flex:1; padding:20px 24px; display:flex; flex-direction:column; gap:6px; }
.prod-card-lg-name { font-size:16px; font-weight:700; color:var(--ink); line-height:1.3; }
.prod-card-lg-spec { font-size:12.5px; color:var(--muted); }
.prod-card-lg-desc { font-size:13px; color:var(--ink-soft); line-height:1.55; margin:4px 0; }
.prod-card-lg-meta { display:flex; flex-direction:column; gap:4px; margin:6px 0; }
.prod-meta-row { font-size:12px; color:var(--muted); }
.prod-meta-label { font-weight:600; color:var(--ink-soft); margin-right:6px; }
.prod-card-lg-foot { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:14px; border-top:1px solid var(--rule); flex-wrap:wrap; gap:12px; }
.prod-price-block { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.prod-price-lg { font-family:var(--serif); font-size:24px; color:var(--ink); }
.prod-unit-lg { font-size:13px; color:var(--muted); }
.stock-badge { font-size:11px; font-weight:600; letter-spacing:.3px; }
.stock-in { color:#16a34a; }
.stock-out { color:var(--muted); }
.prod-card-lg-actions { display:flex; gap:8px; align-items:center; }
.add-btn-lg { padding:0 20px; height:38px; background:var(--ink); color:white; border:none; border-radius:3px; font-size:13px; font-weight:600; letter-spacing:.3px; transition:background .15s; cursor:pointer; white-space:nowrap; }
.add-btn-lg:hover { background:var(--accent); }
.add-btn-lg.added { background:#16a34a; }
.add-btn.added { background:#16a34a; }
.quote-btn-sm { display:inline-flex; align-items:center; height:38px; padding:0 16px; border:1px solid var(--rule); border-radius:3px; font-size:12.5px; font-weight:500; color:var(--ink-soft); background:var(--white); transition:all .15s; white-space:nowrap; }
.quote-btn-sm:hover { border-color:var(--accent); color:var(--accent); }

/* ── CART PAGE ──────────────────────────────────────────────────────────────── */
.cart-page { padding:0 0 72px; }
.cart-layout { display:grid; grid-template-columns:1fr 320px; gap:32px; align-items:start; }
.cart-items { background:var(--white); border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.cart-items-head { display:grid; grid-template-columns:1fr 100px 120px 100px 32px; gap:12px; padding:12px 20px; background:var(--surface); border-bottom:1px solid var(--rule); font-size:11.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--muted); }
.cart-row { display:grid; grid-template-columns:1fr 100px 120px 100px 32px; gap:12px; padding:18px 20px; border-bottom:1px solid var(--rule); align-items:center; }
.cart-row:last-of-type { border-bottom:none; }
.cart-row-name { font-size:14px; font-weight:600; color:var(--ink); margin-bottom:3px; }
.cart-row-sku { font-size:11px; color:var(--muted); letter-spacing:.5px; }
.cart-row-spec { font-size:11.5px; color:var(--muted); margin-top:2px; }
.cart-row-price { font-size:14px; color:var(--ink); }
.cart-unit { font-size:11px; color:var(--muted); margin-left:2px; }
.cart-row-qty { display:flex; align-items:center; gap:4px; }
.qty-btn { width:28px; height:28px; background:var(--surface); border:1px solid var(--rule); border-radius:3px; font-size:14px; font-weight:600; color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .15s; }
.qty-btn:hover { border-color:var(--ink); }
.qty-input { width:44px; height:28px; text-align:center; border:1px solid var(--rule); border-radius:3px; font-size:13px; font-family:var(--sans); color:var(--ink); -moz-appearance:textfield; }
.qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance:none; }
.cart-row-total { font-family:var(--serif); font-size:16px; color:var(--ink); }
.cart-remove { width:28px; height:28px; background:none; border:1px solid transparent; border-radius:3px; color:var(--muted); font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .15s; }
.cart-remove:hover { border-color:var(--danger); color:var(--danger); }
.cart-items-foot { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-top:1px solid var(--rule); }
.clear-cart { font-size:12.5px; color:var(--muted); background:none; border:none; cursor:pointer; transition:color .15s; }
.clear-cart:hover { color:var(--danger); }
.continue-shopping { font-size:12.5px; color:var(--accent); font-weight:500; }
.cart-summary { background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:24px; position:sticky; top:130px; }
.cart-summary h3 { font-size:15px; font-weight:700; color:var(--ink); margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid var(--rule); }
.summary-row { display:flex; justify-content:space-between; font-size:14px; color:var(--ink-soft); margin-bottom:10px; }
.summary-total { font-weight:700; font-size:16px; color:var(--ink); margin-top:4px; }
.summary-divider { height:1px; background:var(--rule); margin:12px 0; }
.summary-note { font-size:11.5px; color:var(--accent); margin:-4px 0 10px; }
.free-badge { color:#16a34a; font-weight:700; font-size:12px; }
.checkout-btn { width:100%; height:48px; background:var(--accent); color:white; border:none; border-radius:3px; font-size:14.5px; font-weight:700; cursor:pointer; transition:background .15s; margin-top:16px; font-family:var(--sans); letter-spacing:.3px; }
.checkout-btn:hover { background:var(--accent-dk); }
.summary-secure { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--muted); margin-top:12px; justify-content:center; }
.summary-secure svg { width:12px; height:12px; stroke:var(--muted); fill:none; stroke-width:2; }
.quote-link-cart { display:block; text-align:center; font-size:12.5px; color:var(--accent); margin-top:14px; }

/* ── CHECKOUT PAGE ──────────────────────────────────────────────────────────── */
.checkout-page { padding:0 0 72px; }
.checkout-layout { display:grid; grid-template-columns:1fr 340px; gap:32px; align-items:start; }
.checkout-form { display:flex; flex-direction:column; gap:0; }
.checkout-section { background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:28px; margin-bottom:16px; }
.checkout-section-title { font-size:15px; font-weight:700; color:var(--ink); margin-bottom:20px; }
.fgroup-check { display:flex; align-items:center; }
.check-label { display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--ink); cursor:pointer; }
.check-label input[type="checkbox"] { width:16px; height:16px; accent-color:var(--accent); cursor:pointer; }
.checkout-type-badge { display:inline-block; background:var(--accent); color:var(--ink); font-size:11px; font-weight:700; padding:3px 12px; border-radius:20px; letter-spacing:.05em; margin-left:12px; vertical-align:middle; }
.checkout-type-badge-company { background:var(--ink); color:#fff; }
.company-banking-note { background:#fff8e6; border:1px solid #e8d99a; border-radius:3px; padding:10px 14px; font-size:12.5px; color:#5a4a00; margin-bottom:16px; line-height:1.5; }

/* Payment terms selector */
.terms-selector { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.terms-opt { border:2px solid var(--rule); border-radius:5px; padding:14px 12px; cursor:pointer; background:#f7f7f5; text-align:left; display:flex; flex-direction:column; gap:4px; transition:border-color .15s,background .15s; }
.terms-opt:hover { border-color:var(--accent); }
.terms-opt.active { border-color:var(--ink); background:var(--ink); }
.terms-opt-label { font-size:16px; font-weight:800; color:var(--ink); }
.terms-opt.active .terms-opt-label { color:#fff; }
.terms-opt-due { font-size:11.5px; font-weight:600; color:var(--accent); }
.terms-opt.active .terms-opt-due { color:#c8a84b; }
.terms-opt-desc { font-size:11px; color:var(--muted); line-height:1.4; }
.terms-opt.active .terms-opt-desc { color:rgba(255,255,255,.6); }
.terms-summary { background:#f0f4ff; border:1px solid #c5d0e8; border-radius:4px; padding:12px 16px; font-size:13px; color:#1a3060; }
.checkout-submit-btn { width:100%; height:52px; background:var(--accent); color:white; border:none; border-radius:3px; font-size:15px; font-weight:700; cursor:pointer; transition:background .15s; font-family:var(--sans); }
.checkout-submit-btn:hover:not(:disabled) { background:var(--accent-dk); }
.checkout-submit-btn:disabled { opacity:.6; cursor:not-allowed; }

/* Step indicator */
.checkout-steps { display:flex; align-items:center; margin-bottom:28px; }
.checkout-step { display:flex; align-items:center; gap:8px; }
.cstep-num { width:28px; height:28px; border-radius:50%; background:var(--rule); color:var(--muted); font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.cstep-label { font-size:13px; color:var(--muted); font-weight:500; transition:color .2s; }
.checkout-step.active .cstep-num { background:var(--ink); color:#fff; }
.checkout-step.active .cstep-label { color:var(--ink); font-weight:700; }
.cstep-line { flex:1; height:1px; background:var(--rule); margin:0 16px; }

/* Shipping summary on step 2 */
.checkout-ship-summary { display:flex; align-items:center; gap:12px; background:#f7f7f5; border:1px solid var(--rule); border-radius:4px; padding:12px 16px; }
.checkout-ship-summary-label { font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.checkout-ship-summary-val { font-size:13px; color:var(--ink); flex:1; }
.checkout-back-link { background:none; border:none; font-size:12px; color:var(--accent); cursor:pointer; white-space:nowrap; padding:0; text-decoration:underline; }
.checkout-back-link:hover { color:var(--accent-dk); }

/* Success page order summary */
.success-demo-notice { background:#fff3cd; border:1px solid #ffc107; border-radius:4px; padding:10px 16px; font-size:13px; color:#664d03; margin:0 0 20px; }
.success-order-summary { background:#f7f7f5; border:1px solid var(--rule); border-radius:4px; padding:16px 20px; margin:20px 0; text-align:left; width:100%; }
.success-order-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:12px; }
.success-order-row { display:flex; justify-content:space-between; font-size:13.5px; color:var(--ink); margin-bottom:8px; }
.success-order-divider { border:none; border-top:1px solid var(--rule); margin:10px 0; }
.success-ship-info { font-size:13px; color:var(--ink); line-height:1.7; margin-bottom:16px; text-align:left; width:100%; background:#f7f7f5; border-radius:4px; padding:12px 16px; }
.success-ship-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:6px; }
.success-spinner { width:36px; height:36px; border:3px solid var(--rule); border-top-color:var(--accent); border-radius:50%; animation:spin .8s linear infinite; margin:0 auto 16px; }
@keyframes spin { to { transform:rotate(360deg); } }
.checkout-summary { background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:24px; position:sticky; top:130px; }
.checkout-summary h3 { font-size:15px; font-weight:700; color:var(--ink); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--rule); }
.checkout-items-list { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.checkout-item-row { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.checkout-item-name { font-size:13px; font-weight:600; color:var(--ink); display:block; }
.checkout-item-sku { font-size:11px; color:var(--muted); display:block; }
.checkout-item-price { font-size:14px; color:var(--ink); white-space:nowrap; }
.checkout-summary-totals { border-top:1px solid var(--rule); padding-top:14px; }

/* ── SUCCESS PAGE ────────────────────────────────────────────────────────────── */
.success-page { display:flex; align-items:center; justify-content:center; min-height:60vh; padding:48px 24px; }
.success-inner { text-align:center; max-width:520px; }
.success-icon { width:64px; height:64px; background:var(--accent); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 24px; }
.success-inner h1 { font-family:var(--serif); font-size:32px; color:var(--ink); margin-bottom:12px; }
.success-inner > p { font-size:15px; color:var(--muted); margin-bottom:28px; line-height:1.6; }
.success-details { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:24px; margin-bottom:28px; text-align:left; }
.success-detail-label { font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:12px; }
.success-details ul { display:flex; flex-direction:column; gap:8px; }
.success-details li { font-size:13.5px; color:var(--ink-soft); padding-left:16px; position:relative; }
.success-details li::before { content:'→'; position:absolute; left:0; color:var(--accent); }
.success-actions { display:flex; gap:12px; justify-content:center; margin-bottom:20px; flex-wrap:wrap; }
.success-contact { font-size:13px; color:var(--muted); }
.demo-notice { background:#fef3c7; border:1px solid #fbbf24; border-radius:3px; padding:10px 14px; font-size:12.5px; color:#92400e; margin-bottom:20px; text-align:left; }
.demo-notice code { background:rgba(0,0,0,.08); padding:1px 4px; border-radius:2px; }

/* ── QUOTE PAGE ──────────────────────────────────────────────────────────────── */
.quote-page { padding:0 0 72px; }
.quote-layout { display:grid; grid-template-columns:1fr 280px; gap:40px; align-items:start; margin-top:8px; }
.quote-form-wrap { background:var(--white); border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.quote-form-head { background:var(--ink); padding:28px 32px; }
.quote-form-head h1 { font-family:var(--serif); font-size:26px; color:white; margin-bottom:8px; }
.quote-form-head p { font-size:13.5px; color:rgba(255,255,255,.55); line-height:1.5; }
.quote-form { padding:32px; display:flex; flex-direction:column; gap:0; }
.quote-section { margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid var(--rule); }
.quote-section:last-of-type { border-bottom:none; }
.quote-section-title { font-size:14px; font-weight:700; color:var(--ink); letter-spacing:.3px; margin-bottom:16px; text-transform:uppercase; font-size:11px; letter-spacing:1.2px; color:var(--muted); }
.fgroup textarea { width:100%; padding:10px 12px; border:1px solid var(--rule); border-radius:3px; font-size:13.5px; font-family:var(--sans); color:var(--ink); outline:none; transition:border-color .15s; resize:vertical; background:var(--white); }
.fgroup textarea:focus { border-color:var(--accent); }
.quote-footer-note { font-size:12px; color:var(--muted); margin-top:10px; line-height:1.5; text-align:center; }
.quote-prefill-notice { background:#eef2ff; border-left:3px solid #c8a84b; padding:10px 14px; border-radius:0 4px 4px 0; font-size:13px; color:#2a3a5a; margin-bottom:16px; }
.quote-sidebar { display:flex; flex-direction:column; gap:16px; position:sticky; top:130px; }
.quote-sidebar-card { background:var(--ink); border-radius:4px; padding:24px; }
.quote-sidebar-card h4 { font-size:13px; font-weight:700; color:white; margin-bottom:14px; letter-spacing:.3px; }
.quote-sidebar-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
.quote-sidebar-list li { display:flex; gap:10px; font-size:13px; color:rgba(255,255,255,.7); }
.quote-sidebar-list li span { color:var(--accent); font-weight:700; flex-shrink:0; }
.quote-sidebar-contact { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:20px; }
.quote-sidebar-contact h4 { font-size:13px; font-weight:700; color:var(--ink); margin-bottom:8px; }
.quote-sidebar-contact p { font-size:13.5px; color:var(--ink-soft); }

/* ── ACCOUNT PAGE ──────────────────────────────────────────────────────────── */
.account-page { padding:0 0 72px; }
.account-layout { display:grid; grid-template-columns:240px 1fr; gap:32px; margin-top:36px; }
.account-sidebar { display:flex; flex-direction:column; gap:16px; }
.account-user-card { background:var(--ink); border-radius:4px; padding:20px; display:flex; align-items:center; gap:14px; }
.account-avatar { width:44px; height:44px; background:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:white; flex-shrink:0; letter-spacing:.5px; }
.account-name { font-size:14px; font-weight:700; color:white; }
.account-email { font-size:12px; color:rgba(255,255,255,.5); margin-top:2px; word-break:break-all; }
.account-b2b-badge { display:inline-block; font-size:9px; font-weight:700; letter-spacing:.8px; background:var(--gold); color:white; padding:2px 6px; border-radius:2px; margin-top:5px; }
.account-nav { background:var(--white); border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.account-nav-item { display:block; width:100%; text-align:left; padding:12px 16px; font-size:13.5px; font-weight:500; color:var(--ink-soft); border:none; background:none; cursor:pointer; border-bottom:1px solid var(--rule); transition:all .15s; }
.account-nav-item:last-child { border-bottom:none; }
.account-nav-item:hover { background:var(--surface); color:var(--ink); }
.account-nav-item.active { background:rgba(14,107,168,.06); color:var(--accent); font-weight:600; border-left:3px solid var(--accent); }
.account-logout { color:var(--danger) !important; }
.account-content { background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:32px; min-height:400px; }
.account-section-title { font-family:var(--serif); font-size:22px; color:var(--ink); margin-bottom:24px; }
.account-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-bottom:28px; }
.account-stat { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:18px; text-align:center; }
.account-stat-n { display:block; font-family:var(--serif); font-size:28px; color:var(--ink); }
.account-stat-l { display:block; font-size:11.5px; color:var(--muted); margin-top:4px; }
.account-quick-links { margin-top:24px; padding-top:24px; border-top:1px solid var(--rule); }
.account-quick-links h4 { font-size:13px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; margin-bottom:14px; }
.account-empty { text-align:center; padding:40px; color:var(--muted); font-size:14px; }

/* Active order overview widget */
.account-active-order { display:flex; align-items:center; gap:14px; padding:14px 18px; background:var(--surface); border:1px solid var(--rule); border-radius:4px; margin-bottom:24px; }
.account-active-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--muted); }
.account-active-id { font-size:13px; font-weight:600; color:var(--ink); margin-top:2px; }

/* Order status badge */
.order-status-badge { font-size:11.5px; font-weight:600; padding:4px 10px; border-radius:20px; white-space:nowrap; }

/* Order cards */
.orders-list { display:flex; flex-direction:column; gap:14px; }
.order-card { border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.order-card-head { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:var(--surface); border-bottom:1px solid var(--rule); }
.order-card-id { font-size:12px; font-weight:700; color:var(--ink); letter-spacing:.3px; }
.order-card-date { font-size:12px; color:var(--muted); margin-top:3px; }
.order-card-body { padding:16px 18px; }
.order-card-item { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-soft); padding:5px 0; }
.order-item-name { flex:1; }
.order-item-qty { color:var(--muted); }
.order-item-price { font-weight:600; color:var(--ink); min-width:64px; text-align:right; }
.order-card-divider { border-top:1px solid var(--rule); margin:10px 0; }
.order-card-total { display:flex; justify-content:space-between; font-size:14px; font-weight:700; color:var(--ink); }
.order-card-shipping { padding:10px 18px; font-size:12px; color:var(--muted); border-top:1px solid var(--rule); background:var(--surface); }

/* Footer link buttons (mimic anchor style) */
.footer-link-btn { background:none; border:none; padding:0; font-size:inherit; font-family:inherit; color:rgba(255,255,255,.55); cursor:pointer; transition:color .15s; }
.footer-link-btn:hover { color:rgba(255,255,255,.9); }

/* ── INFO PAGES (About, Certs, Contact, FAQs) ────────────────────────────── */
.info-page { padding-bottom: 80px; }
.info-hero { background:var(--ink); color:var(--white); padding:64px 0 56px; }
.info-eyebrow { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:14px; }
.info-title { font-family:var(--serif); font-size:clamp(28px,4vw,44px); line-height:1.15; color:var(--white); margin-bottom:16px; }
.info-subtitle { font-size:16px; color:rgba(255,255,255,.65); max-width:580px; line-height:1.65; }
.info-section { padding:56px 0; border-bottom:1px solid var(--rule); }
.info-section:last-child { border-bottom:none; }
.info-section h2 { font-family:var(--serif); font-size:28px; color:var(--ink); margin-bottom:24px; }
.info-section p { font-size:15px; color:var(--ink-soft); line-height:1.7; margin-bottom:14px; }
.info-two-col { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.info-stat-block { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.info-stat { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:20px; text-align:center; }
.info-stat span { display:block; font-family:var(--serif); font-size:30px; color:var(--ink); }
.info-stat label { display:block; font-size:11.5px; color:var(--muted); margin-top:4px; }
.info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.info-card { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:22px 24px; }
.info-card-code { font-size:10.5px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--accent); margin-bottom:8px; }
.info-card h3 { font-size:15px; font-weight:700; color:var(--ink); margin-bottom:8px; }
.info-card p { font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0; }
.timeline { display:flex; flex-direction:column; gap:0; }
.timeline-item { display:grid; grid-template-columns:72px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--rule); }
.timeline-item:last-child { border-bottom:none; }
.timeline-year { font-family:var(--serif); font-size:17px; color:var(--accent); font-weight:700; padding-top:2px; }
.timeline-text { font-size:14.5px; color:var(--ink-soft); line-height:1.65; }
.info-cta-row { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.info-cta-row h2 { margin-bottom:8px; }
.info-cta-btns { display:flex; gap:12px; flex-shrink:0; }
.info-aside { background:var(--surface); border:1px solid var(--rule); border-radius:4px; padding:24px; }
.info-aside h3 { font-size:16px; font-weight:700; color:var(--ink); margin-bottom:10px; }
.cert-standards-list { display:flex; flex-direction:column; gap:8px; }
.cert-standards-list li { display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--ink-soft); }
.cert-check { color:var(--accent); font-weight:700; flex-shrink:0; }

/* Contact page */
.contact-layout { display:grid; grid-template-columns:280px 1fr; gap:56px; padding:56px 0; }
.contact-info-col { display:flex; flex-direction:column; gap:28px; }
.contact-info-block h3 { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin-bottom:6px; }
.contact-info-block p { font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0; }
.contact-form h2 { font-family:var(--serif); font-size:24px; color:var(--ink); margin-bottom:24px; }
.contact-sent { text-align:center; padding:48px 0; }
.contact-sent-icon { width:56px; height:56px; background:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:white; margin:0 auto 20px; }
.contact-sent h2 { font-family:var(--serif); font-size:26px; color:var(--ink); margin-bottom:10px; }
.contact-sent p { font-size:15px; color:var(--muted); }

/* FAQ page */
.faq-section h2 { font-family:var(--serif); font-size:22px; color:var(--ink); margin-bottom:18px; }
.faq-list { display:flex; flex-direction:column; border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.faq-item { border-bottom:1px solid var(--rule); }
.faq-item:last-child { border-bottom:none; }
.faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; background:var(--white); border:none; text-align:left; font-size:14.5px; font-weight:600; color:var(--ink); cursor:pointer; transition:background .15s; }
.faq-q:hover { background:var(--surface); }
.faq-item.open .faq-q { background:var(--surface); color:var(--accent); }
.faq-chevron { font-size:20px; font-weight:400; flex-shrink:0; color:var(--muted); }
.faq-a { padding:0 20px 18px; font-size:14px; color:var(--ink-soft); line-height:1.7; }

/* Quote cards */
.quotes-list { display:flex; flex-direction:column; gap:14px; }
.quote-card { border:1px solid var(--rule); border-radius:4px; overflow:hidden; }
.quote-card-head { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:var(--surface); border-bottom:1px solid var(--rule); }
.quote-card-id { font-size:11px; font-weight:700; color:var(--muted); letter-spacing:.5px; }
.quote-card-date { font-size:12.5px; color:var(--muted); margin-top:2px; }
.quote-status-badge { font-size:12px; font-weight:600; padding:4px 10px; border-radius:20px; }
.status-pending { background:#fef3c7; color:#92400e; }
.status-responded { background:#dcfce7; color:#15803d; }
.quote-card-body { padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.quote-card-field { font-size:13px; color:var(--ink-soft); }
.quote-response { margin-top:10px; padding:12px 14px; background:#eef5fb; border:1px solid #c2d8eb; border-radius:3px; font-size:13px; color:var(--ink-soft); line-height:1.55; }
.settings-card { max-width:480px; }

/* ── LEGAL PAGES ─────────────────────────────────────────────────────────────── */
.legal-body { max-width:760px; padding:56px 0 80px; }
.legal-body h2 { font-family:var(--serif); font-size:20px; font-weight:400; color:var(--ink); margin:40px 0 10px; padding-top:8px; border-top:1px solid var(--rule); }
.legal-body h2:first-of-type { margin-top:0; border-top:none; }
.legal-body h3 { font-size:14px; font-weight:700; color:var(--ink); margin:20px 0 6px; }
.legal-body p { font-size:14.5px; color:var(--ink-soft); line-height:1.75; margin-bottom:14px; }
.legal-body ul { padding-left:20px; margin-bottom:14px; }
.legal-body ul li { font-size:14.5px; color:var(--ink-soft); line-height:1.75; margin-bottom:6px; }
.legal-body a { color:var(--accent); text-decoration:underline; }
.legal-body a:hover { opacity:.8; }
.legal-body code { font-size:12.5px; background:var(--surface); border:1px solid var(--rule); padding:1px 5px; border-radius:3px; }
.legal-notice { background:#fef9ec; border:1px solid #f0d070; border-radius:4px; padding:14px 18px; font-size:13.5px; color:#7a5c00; line-height:1.65; margin-bottom:36px; }

/* ── SEARCH PAGE ─────────────────────────────────────────────────────────────── */
.search-page { padding:0 0 72px; }
.search-hint, .search-no-results { text-align:center; padding:48px; color:var(--muted); font-size:14px; line-height:1.7; }

/* ── RESPONSIVE ADDITIONS ────────────────────────────────────────────────────── */
@media (max-width:1024px) {
  .cart-layout, .checkout-layout { grid-template-columns:1fr; }
  .checkout-summary { position:static; }
  .cart-summary { position:static; }
  .quote-layout { grid-template-columns:1fr; }
  .quote-sidebar { position:static; }
  .account-layout { grid-template-columns:1fr; }
  .prod-card-lg { flex-direction:column; }
  .prod-card-lg-left { width:100%; height:140px; border-right:none; border-bottom:1px solid var(--rule); border-radius:4px 4px 0 0; }
}
@media (max-width:768px) {
  .cart-items-head { display:none; }
  .cart-row { grid-template-columns:1fr auto; gap:8px; }
  .cart-row-price, .cart-row-total { display:none; }
  .account-stats { grid-template-columns:1fr 1fr; }
  .cat-page-head { flex-direction:column; align-items:flex-start; }
  .info-two-col { grid-template-columns:1fr; gap:32px; }
  .contact-layout { grid-template-columns:1fr; gap:32px; }
  .info-cta-row { flex-direction:column; align-items:flex-start; }
}
@media (max-width:480px) {
  .success-actions { flex-direction:column; }
  .account-stats { grid-template-columns:1fr; }
}