/* DCCC Construction Materials Master Catalogue — public UI v2 */
body.dccc-material-catalogue-v2{background:#f4f5f6;color:#111}.mcat2-current-nav{color:#e31b23!important;position:relative}.mcat2-current-nav:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background:#e31b23}.mcat2-page{background:#f4f5f6}.mcat2-eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#e31b23;text-transform:uppercase;margin:0}.mcat2-hero{position:relative;min-height:650px;background:#0a0d10;overflow:hidden;color:#fff}.mcat2-carousel,.mcat2-carousel-stage,.mcat2-slide{position:absolute;inset:0}.mcat2-slide{opacity:0;transition:opacity .7s ease}.mcat2-slide.is-active{opacity:1}.mcat2-slide canvas,.mcat2-slide img{width:100%;height:100%;display:block;object-fit:cover}.mcat2-media-loading{background:linear-gradient(90deg,#20252a,#2b3137,#20252a);background-size:200% 100%;animation:mcat2pulse 1.4s linear infinite}@keyframes mcat2pulse{to{background-position:-200% 0}}.mcat2-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.94) 0%,rgba(4,6,8,.78) 37%,rgba(4,6,8,.27) 65%,rgba(4,6,8,.12) 100%)}.mcat2-hero-copy{position:relative;z-index:3;width:min(820px,64vw);padding:34px clamp(26px,3.7vw,62px) 52px}.mcat2-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#d9dde1;margin-bottom:25px}.mcat2-breadcrumb a{color:#fff;text-decoration:none}.mcat2-hero-copy .mcat2-eyebrow{color:#fff}.mcat2-hero h1{font-size:clamp(46px,5vw,76px);line-height:.96;letter-spacing:-.045em;margin:10px 0 15px;font-weight:950}.mcat2-hero h1 em{color:#e31b23;font-style:normal}.mcat2-hero-desc{max-width:750px;font-size:17px;line-height:1.5;color:#eef0f2}.mcat2-capabilities{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.mcat2-capabilities>div{border-left:2px solid #e31b23;padding:7px 8px;display:grid;gap:2px}.mcat2-capabilities b{font-size:18px;color:#fff}.mcat2-capabilities span{font-size:10px;font-weight:900;letter-spacing:.06em}.mcat2-capabilities small{font-size:9px;color:#c7cdd2;line-height:1.2}.mcat2-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.mcat2-btn{min-height:48px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-weight:850;cursor:pointer}.mcat2-btn.primary{background:#ffd400;color:#111}.mcat2-btn.secondary{background:rgba(0,0,0,.25);border-color:#fff;color:#fff}.mcat2-hero-panel{position:absolute;z-index:4;right:3.5%;top:21%;display:grid;gap:10px;width:215px;background:rgba(9,13,16,.72);border:1px solid rgba(255,255,255,.55);padding:17px 18px;border-radius:7px;backdrop-filter:blur(5px)}.mcat2-hero-panel div{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:800}.mcat2-hero-panel span{width:20px;height:20px;border:1px solid #fff;display:grid;place-items:center;border-radius:3px}.mcat2-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:#fff;font-size:28px;cursor:pointer}.mcat2-arrow.prev{left:12px}.mcat2-arrow.next{right:12px}.mcat2-dots{position:absolute;z-index:6;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:7px}.mcat2-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45)}.mcat2-dots button.is-active{background:#ffd400}
.mcat2-category-strip{background:#fff;border-bottom:1px solid #e0e3e6;padding:11px 14px}.mcat2-category-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(175px,1fr);gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}.mcat2-category-card{scroll-snap-align:start;appearance:none;border:1px solid #dde2e6;background:#fff;border-radius:5px;padding:0;min-width:175px;overflow:hidden;text-align:left;cursor:pointer;display:grid;grid-template-columns:60px 1fr;min-height:84px}.mcat2-category-card.is-active{border-color:#e31b23;box-shadow:inset 0 0 0 1px #e31b23}.mcat2-category-media{height:100%;min-height:84px;position:relative;overflow:hidden;background:#e6e9ec}.mcat2-category-media canvas,.mcat2-category-media img{width:100%;height:100%;object-fit:cover}.mcat2-category-card>div:last-child{padding:8px 8px;display:grid;align-content:center;gap:2px}.mcat2-category-card>div span{color:#e31b23;font-size:11px;font-weight:900}.mcat2-category-card strong{font-size:11px;line-height:1.15}.mcat2-category-card small{font-size:9px;color:#6f767d}.mcat2-category-card.view-all{grid-template-columns:55px 1fr 24px;align-items:center;background:#111820;color:#fff;padding:0 10px}.mcat2-category-card.view-all>b{font-size:26px}.mcat2-category-card.view-all strong{font-size:12px}.mcat2-category-card.view-all span{font-size:22px;color:#fff}
.mcat2-workspace{padding:18px clamp(18px,2.8vw,44px) 28px;background:#f4f5f6}.mcat2-filterbar{display:grid;grid-template-columns:minmax(260px,2.2fr) repeat(5,minmax(120px,1fr)) minmax(220px,1.2fr) 90px 70px;gap:8px;background:#fff;border:1px solid #dde2e6;padding:11px;border-radius:6px;align-items:end}.mcat2-filterbar label{display:grid;gap:4px}.mcat2-filterbar label>span,.mcat2-scope>span{font-size:9px;font-weight:900;color:#59616a}.mcat2-filterbar input,.mcat2-filterbar select{min-height:38px;border:1px solid #ccd2d8;border-radius:4px;padding:0 9px;background:#fff;min-width:0}.mcat2-scope{display:grid;gap:4px}.mcat2-scope>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mcat2-scope button{min-height:38px;border:1px solid #ccd2d8;background:#fff;border-radius:4px;font-size:10px;font-weight:800;cursor:pointer}.mcat2-scope button.is-active{background:#111820;color:#fff;border-color:#111820}.mcat2-search-submit,.mcat2-reset{min-height:38px;border:0;border-radius:4px;font-weight:900;cursor:pointer}.mcat2-search-submit{background:#e31b23;color:#fff}.mcat2-reset{background:#e9edf0;color:#222}.mcat2-workspace-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 310px;gap:13px;margin-top:13px}.mcat2-category-sidebar,.mcat2-featured,.mcat2-side-panel{background:#fff;border:1px solid #dde2e6;border-radius:6px}.mcat2-category-sidebar{padding:11px;align-self:start;position:sticky;top:85px}.mcat2-category-sidebar h3{margin:0 0 10px;font-size:16px}.mcat2-mobile-category{display:none;width:100%;min-height:42px}.mcat2-side-list{max-height:470px;overflow:auto;display:grid;gap:3px}.mcat2-side-category{display:grid;grid-template-columns:28px 1fr 24px 18px;gap:6px;align-items:center;min-height:31px;border:0;background:#f4f6f7;text-align:left;padding:4px 6px;border-radius:3px;cursor:pointer}.mcat2-side-category span{background:#e0e4e7;border-radius:3px;text-align:center;font-size:9px;font-weight:900}.mcat2-side-category b{font-size:10px}.mcat2-side-category small{font-size:9px;text-align:right}.mcat2-side-category i{font-style:normal}.mcat2-side-category.is-active{background:#e31b23;color:#fff}.mcat2-side-category.is-active span{background:#fff;color:#e31b23}.mcat2-all-categories{margin-top:8px;width:100%;min-height:34px;background:#fff;border:1px solid #ccd2d7;border-radius:3px;font-size:10px;font-weight:900;cursor:pointer}.mcat2-featured{padding:12px}.mcat2-featured>header{display:flex;justify-content:space-between;gap:12px;align-items:end}.mcat2-featured h2{margin:3px 0 0;font-size:26px}.mcat2-featured>header label{font-size:9px;font-weight:800;display:grid;gap:3px}.mcat2-featured>header select{min-height:34px;border:1px solid #ccd2d8}.mcat2-results-meta{padding:9px 0;color:#626a72;font-size:10px}.mcat2-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mcat2-material-card{border:1px solid #dfe3e6;border-radius:5px;overflow:hidden;background:#fff}.mcat2-material-media{height:145px;position:relative;background:#e8ebee;overflow:hidden}.mcat2-material-media canvas,.mcat2-material-media img{width:100%;height:100%;object-fit:cover}.mcat2-material-body{padding:10px}.mcat2-material-meta{display:flex;justify-content:space-between;gap:6px;align-items:center}.mcat2-material-meta span{font-size:8px;font-weight:900;background:#f0f2f4;padding:3px 5px;border-radius:10px}.mcat2-material-meta span.ok{background:#e0f3e6;color:#19733a}.mcat2-material-meta span.none{background:#f4ecec;color:#8a5252}.mcat2-material-card h3{font-size:15px;margin:7px 0 3px}.mcat2-material-card p{font-size:9px;color:#687078;margin:0 0 7px;min-height:20px}.mcat2-material-card dl{display:grid;gap:3px;margin:0}.mcat2-material-card dl div{display:flex;justify-content:space-between;gap:8px;font-size:9px;border-bottom:1px solid #eef0f2;padding-bottom:3px}.mcat2-material-card dt{color:#737b83}.mcat2-material-card dd{margin:0;font-weight:700;text-align:right}.mcat2-material-card dd.rate{color:#e31b23}.mcat2-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.mcat2-card-actions button{min-height:33px;border:1px solid #ccd2d7;background:#fff;border-radius:3px;font-size:9px;font-weight:900;cursor:pointer}.mcat2-card-actions button:last-child{background:#ffd400;border-color:#ffd400}.mcat2-loading,.mcat2-empty{grid-column:1/-1;text-align:center;padding:30px 18px;border:1px dashed #cbd1d6;border-radius:5px;background:#fff;color:#626a72}.mcat2-empty strong{display:block;color:#111;font-size:17px;margin-bottom:5px}.mcat2-more{text-align:center;padding:12px}.mcat2-loadmore{min-height:38px;padding:0 18px;border:1px solid #cbd1d6;background:#fff;border-radius:4px;font-weight:900;cursor:pointer}.mcat2-right{display:grid;gap:12px;align-content:start}.mcat2-side-panel{padding:11px}.mcat2-side-panel>header{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #e8ebee;padding-bottom:8px}.mcat2-side-panel h3{font-size:14px;margin:0}.mcat2-side-panel a,.mcat2-side-panel header button{font-size:9px;color:#111;background:none;border:0;text-decoration:none;font-weight:900;cursor:pointer}.mcat2-panel-empty{padding:18px 4px;color:#6a7279}.mcat2-panel-empty b{font-size:11px;color:#111}.mcat2-panel-empty p{font-size:9px;line-height:1.4}.mcat2-rate-table{display:grid}.mcat2-rate-table .head,.mcat2-rate-table button{display:grid;grid-template-columns:1.5fr .7fr 1fr .9fr;gap:5px;align-items:center}.mcat2-rate-table .head{font-size:8px;font-weight:900;background:#f0f2f4;padding:6px}.mcat2-rate-table button{appearance:none;border:0;border-bottom:1px solid #eceff1;background:#fff;text-align:left;padding:7px 5px;font-size:8px;cursor:pointer}.mcat2-rate-table button b{color:#e31b23}.mcat2-standard-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding-top:8px}.mcat2-standard-list button{border:1px solid #dfe3e6;background:#fff;border-radius:4px;padding:8px 5px;display:grid;gap:2px;cursor:pointer}.mcat2-standard-list strong{font-size:10px}.mcat2-standard-list small{font-size:8px;color:#687078}
.mcat2-feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:9px clamp(18px,2.8vw,44px);background:#fff;border-top:1px solid #e0e3e6;border-bottom:1px solid #e0e3e6}.mcat2-feature-strip button{display:flex;align-items:center;gap:9px;border:1px solid #dfe3e6;background:#f9fafb;border-radius:5px;padding:10px;text-align:left;cursor:pointer}.mcat2-feature-strip button>span{width:34px;height:34px;border-radius:4px;background:#e31b23;color:#fff;display:grid;place-items:center;font-size:18px}.mcat2-feature-strip p{display:grid;gap:2px;margin:0}.mcat2-feature-strip b{font-size:10px}.mcat2-feature-strip small{font-size:8px;color:#676f77}.mcat2-specific-cta,.mcat2-global-cta{position:relative;overflow:hidden;background:#0d1115;color:#fff}.mcat2-specific-cta{height:220px}.mcat2-global-cta{height:250px}.mcat2-cta-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.8) 48%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.38) 100%)}.mcat2-specific-copy,.mcat2-global-copy{position:absolute;z-index:4;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);max-width:720px}.mcat2-specific-copy h2{font-size:34px;margin:3px 0 5px}.mcat2-specific-copy>span{display:block;color:#d6dade;max-width:650px;font-size:13px;line-height:1.45}.mcat2-specific-copy button,.mcat2-global-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:14px;background:#ffd400;color:#111;border:0;border-radius:4px;padding:12px 17px;font-weight:900;text-decoration:none;cursor:pointer}.mcat2-global-copy p{font-size:24px;font-weight:900;margin:0}.mcat2-global-copy h2{font-size:42px;color:#e31b23;margin:0 0 4px}.mcat2-global-copy span{display:block}.mcat2-footer{background:#0b0f12;color:#fff}.mcat2-footer-main{display:grid;grid-template-columns:1.45fr 1fr 1fr .8fr;gap:28px;padding:26px clamp(24px,4vw,64px)}.mcat2-footer-brand strong{font-size:20px}.mcat2-footer-brand p{color:#b9c0c7;font-size:12px;max-width:420px}.mcat2-footer section>b{display:block;margin-bottom:8px}.mcat2-footer nav{display:grid;gap:4px}.mcat2-footer a{color:#ccd2d7;text-decoration:none;font-size:10px}.mcat2-footer-tag{font-size:20px;line-height:1.35}.mcat2-footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:11px clamp(24px,4vw,64px);border-top:1px solid #242a2f;color:#aeb6bd;font-size:9px}.mcat2-footer-bottom nav{display:flex;gap:12px}
.mcat2-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}.mcat2-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.68)}.mcat2-modal>section{position:relative;z-index:2;width:min(1100px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:7px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.mcat2-modal>section>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e1e5e8;padding:15px 18px}.mcat2-modal h2{margin:0;font-size:21px}.mcat2-modal header button{border:0;background:none;font-size:27px;cursor:pointer}.mcat2-modal-body{padding:18px}.mcat2-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.mcat2-detail h3{font-size:30px;margin:3px 0 14px}.mcat2-detail dl{display:grid;gap:5px;margin:8px 0 18px}.mcat2-detail dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eceff1;padding-bottom:5px}.mcat2-detail dt{font-size:10px;color:#6d757d}.mcat2-detail dd{margin:0;text-align:right;font-size:11px;font-weight:700}.mcat2-muted{font-size:11px;color:#687078}.mcat2-sku{border:1px solid #e1e5e8;border-radius:5px;padding:11px;margin-bottom:9px}.mcat2-sku h4{margin:0 0 8px}.mcat2-detail-rates{display:grid;gap:5px}.mcat2-detail-rates>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;background:#f4f6f7;padding:8px}.mcat2-detail-rates b{color:#e31b23}.mcat2-detail-rates small{grid-column:1/-1;color:#626a72}.mcat2-detail-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e2e5e8;padding-top:14px}.mcat2-detail-actions button{min-height:39px;border:1px solid #cad0d5;background:#fff;border-radius:4px;padding:0 13px;font-weight:800;cursor:pointer}.mcat2-detail-actions button:first-child{background:#ffd400;border-color:#ffd400}.mcat2-compare,.mcat2-history{display:grid;overflow:auto}.mcat2-compare>.head,.mcat2-compare>div:not(.head),.mcat2-history>.head,.mcat2-history>div:not(.head){display:grid;gap:8px;min-width:800px;padding:8px;border-bottom:1px solid #eceff1;align-items:center}.mcat2-compare>.head,.mcat2-compare>div:not(.head){grid-template-columns:1.2fr 1fr .7fr .7fr 1.1fr 1fr .8fr}.mcat2-compare.brand>.head,.mcat2-compare.brand>div:not(.head){grid-template-columns:1fr 1fr 1.2fr 1.2fr 1fr .7fr}.mcat2-history>.head,.mcat2-history>div:not(.head){grid-template-columns:.8fr 1.1fr 1fr 1fr 1.1fr .8fr}.mcat2-compare>.head,.mcat2-history>.head{background:#111820;color:#fff;font-size:10px;font-weight:900}.mcat2-compare>div:not(.head),.mcat2-history>div:not(.head){font-size:10px}
@media(max-width:1280px){.mcat2-filterbar{grid-template-columns:2fr repeat(4,1fr)}.mcat2-filterbar .search{grid-column:span 2}.mcat2-scope{grid-column:span 2}.mcat2-workspace-grid{grid-template-columns:200px minmax(0,1fr)}.mcat2-right{grid-column:1/-1;grid-template-columns:1fr 1fr}.mcat2-material-grid{grid-template-columns:repeat(3,1fr)}.mcat2-capabilities{grid-template-columns:repeat(3,1fr)}.mcat2-feature-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.mcat2-hero{min-height:650px}.mcat2-hero-copy{width:auto;max-width:720px}.mcat2-hero-panel{display:none}.mcat2-workspace-grid{grid-template-columns:1fr}.mcat2-category-sidebar{position:static}.mcat2-side-list,.mcat2-all-categories{display:none}.mcat2-mobile-category{display:block}.mcat2-right{grid-column:auto}.mcat2-material-grid{grid-template-columns:repeat(2,1fr)}.mcat2-footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.mcat2-current-nav:after{display:none}.mcat2-hero{min-height:720px}.mcat2-hero-copy{padding:20px 17px 34px}.mcat2-breadcrumb{font-size:10px;margin-bottom:16px}.mcat2-hero h1{font-size:40px}.mcat2-hero-desc{font-size:14px}.mcat2-capabilities{grid-template-columns:1fr 1fr;gap:5px}.mcat2-capabilities>div:last-child{grid-column:1/-1}.mcat2-hero-actions{display:grid}.mcat2-btn{width:100%}.mcat2-category-strip{padding:10px}.mcat2-category-rail{grid-auto-columns:185px}.mcat2-workspace{padding:14px 10px 22px}.mcat2-filterbar{grid-template-columns:1fr 1fr}.mcat2-filterbar .search,.mcat2-scope{grid-column:1/-1}.mcat2-search-submit,.mcat2-reset{width:100%}.mcat2-material-grid{grid-template-columns:1fr}.mcat2-right{grid-template-columns:1fr}.mcat2-feature-strip{grid-template-columns:1fr 1fr;padding:9px 10px}.mcat2-specific-cta{height:280px}.mcat2-global-cta{height:300px}.mcat2-specific-copy,.mcat2-global-copy{left:17px;right:17px}.mcat2-specific-copy h2{font-size:28px}.mcat2-global-copy p{font-size:20px}.mcat2-global-copy h2{font-size:34px}.mcat2-footer-main{grid-template-columns:1fr;padding:24px 17px}.mcat2-footer-bottom{flex-direction:column;padding:11px 17px}.mcat2-footer-bottom nav{flex-wrap:wrap}.mcat2-modal{padding:7px}.mcat2-modal-body{padding:13px}.mcat2-detail{grid-template-columns:1fr}.mcat2-detail-rates>div{grid-template-columns:1fr}.mcat2-detail-rates small{grid-column:auto}.mcat2-detail-actions{display:grid}.mcat2-detail-actions button{width:100%}}