:root{--ink:#171717;--muted:#5b5b5b;--line:#d7d7d7;--accent:#f4a600}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}header,main,footer{padding-left:max(24px,calc((100vw - 1050px)/2));padding-right:max(24px,calc((100vw - 1050px)/2))}header{background:#000;border-bottom:4px solid var(--accent);padding-top:18px;padding-bottom:18px;display:flex;gap:28px;justify-content:space-between;align-items:center}header a{color:#fff;text-decoration:none;font-weight:700}.brand{font-size:1.2rem}main{padding-top:42px;padding-bottom:60px;max-width:1200px;margin:auto}.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--ink)}h1{font-size:2.35rem;line-height:1.1;margin:0 0 10px}h2{font-size:1.25rem;margin:0 0 20px;color:var(--muted);font-weight:400}.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.83rem;color:var(--muted)}.intro{max-width:750px;color:var(--muted)}.product{max-width:820px;border:1px solid var(--line);padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.08)}dl{display:flex;gap:20px;margin:28px 0}dl div{border-top:1px solid var(--line);padding-top:10px;min-width:190px}dt{font-size:.78rem;text-transform:uppercase;font-weight:700;color:var(--muted)}dd{margin:2px 0;font-weight:700}.button{display:inline-block;background:#000;color:#fff!important;text-decoration:none;padding:11px 15px;margin-right:16px;font-weight:700}.inventory-list,.link-list{list-style:none;padding:0;margin:28px 0}.inventory-list li,.link-list li{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:15px;flex-wrap:wrap}.inventory-list a,.link-list a{color:#111;font-weight:700}.inventory-list span{color:var(--muted)}footer{background:#000;border-top:4px solid var(--accent);color:#fff;padding-top:22px;padding-bottom:22px}footer a{color:#fff}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:8px}h1{font-size:1.9rem}.product{padding:22px}dl{display:block}dl div{margin:12px 0}}
img.brand-logo{display:block;max-width:min(310px,100%);max-height:130px;object-fit:contain;object-position:left center;margin:12px 0 22px}
header nav{display:flex;gap:18px;flex-wrap:wrap}h1,h2,.inventory-list a{overflow-wrap:anywhere}.offer-kind{font-weight:700;color:#555}.specifications{margin:28px 0}.specifications h2{color:#171717;font-weight:700}.specifications table{width:100%;border-collapse:collapse;table-layout:fixed}.specifications th,.specifications td{text-align:left;vertical-align:top;border-bottom:1px solid #d7d7d7;padding:12px;overflow-wrap:anywhere}.specifications th{width:32%;background:#f5f5f5}.spec-note{font-size:.85rem;color:#555}.configuration-note{border-left:4px solid #f4a600;padding:12px 16px;background:#f8f8f8}section>h2{margin-top:28px;color:#171717;font-weight:700}


.family-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}.family-tile{display:block;background:#fff;border:1px solid #d5d5d5;border-left:4px solid #000;border-radius:0;padding:25px 22px;text-decoration:none;color:#1d1d1d;box-shadow:0 6px 18px rgba(0,0,0,.11)}.family-tile:hover,.family-tile:focus-visible{border-color:#f4a600;transform:translateY(-2px)}.family-tile h3{font-size:1.2rem;line-height:1.4;font-weight:700;overflow-wrap:anywhere;margin:0 0 6px}.family-tile p{margin:4px 0;color:#565656}.tile-image{position:relative;background:#fff;margin:0 0 15px;padding-bottom:18px}.tile-image img,.tile-image img.brand-logo{display:block;width:100%;height:75px;max-width:100%;max-height:75px;object-fit:contain;object-position:left center;margin:0}.photo-caption{display:block;font-size:.68rem;line-height:1.3;color:#565656;margin-top:5px}@media(max-width:760px){.family-tiles{grid-template-columns:1fr}}

body.catalog-listing main{max-width:1240px;padding:45px 24px 65px}body.catalog-listing .family-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-rows:224px}body.catalog-listing .family-tile{height:224px;overflow:hidden;display:flex;flex-direction:column;padding:25px 22px;border-left:4px solid #000}body.catalog-listing .tile-image{height:75px;min-height:75px;padding:0;margin:0 0 15px}body.catalog-listing .tile-image img{height:75px;max-height:75px}body.catalog-listing .photo-caption{display:none}body.catalog-listing .family-tile h3{font-size:1.2rem;line-height:1.3;margin:0 0 6px;min-height:50px}body.catalog-listing .family-tile p{margin-top:auto;font-size:.9rem}@media(max-width:760px){body.catalog-listing main{padding:26px 16px 42px}body.catalog-listing .family-tiles{grid-template-columns:1fr}}

body.catalog-listing .family-product-tiles{grid-auto-rows:auto}body.catalog-listing .family-product-tiles .family-tile{height:auto;min-height:260px;overflow:visible}body.catalog-listing .family-product-tiles .product-description{margin:4px 0 12px}body.catalog-listing .family-product-tiles .stock{margin-top:auto}

/* Buyer guidance for selected families; keep manufacturer/family tiles uniform. */
body.catalog-listing .family-tiles:has(>.has-family-summary){grid-auto-rows:auto}
body.catalog-listing .family-tiles:has(>.has-family-summary)>.family-tile{height:100%;min-height:285px}
body.catalog-listing .family-tile .family-tile-summary{margin:4px 0 12px;line-height:1.45;font-size:.92rem}
.family-details{padding:24px;margin:24px 0 32px;border:1px solid #d5d5d5;border-left:4px solid #000;background:#fafafa}
.family-details h2{font-weight:700;margin:0 0 12px;color:#171717}.family-details h3{font-size:1.08rem;margin:22px 0 8px}.family-details p{max-width:1000px;margin:8px 0 14px}
.family-table-scroll{overflow-x:auto;margin:16px 0}.family-details table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.family-details th,.family-details td{border:1px solid #d5d5d5;padding:10px;text-align:left;vertical-align:top}.family-details thead{background:#171717;color:#fff}.family-details th a{overflow-wrap:anywhere;color:#111}.family-details details{margin-top:18px}
