/* Honor HTML hidden even when component CSS declares display:grid/flex. */
[hidden] { display: none !important; }
 :root{font-family:system-ui,-apple-system,sans-serif;color:#172033;background:#f7f8fb}*{box-sizing:border-box}body{margin:0}header{background:#101827;color:white;padding:22px max(20px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:24px;letter-spacing:1px}button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;background:#101827;color:white}button:hover:not(:disabled){opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1160px;margin:auto;padding:36px 20px}.hero h1{font-size:clamp(29px,4vw,44px);margin:0}.hero p{color:#5b6575}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}input,select,textarea{padding:12px;border:1px solid #d2d7e1;border-radius:9px;background:white;font:inherit}#search{flex:1;min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px}.product{background:white;border:1px solid #e3e6ed;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.art{height:240px;background:#f0f2f6;border-radius:10px;display:grid;place-items:center;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain}.supplier{font-size:12px;color:#6a7280}.product h3{margin:0}.product p{margin:0;color:#596477;font-size:14px}.pick{display:flex;gap:8px}.pick select{min-width:0;flex:1;width:50%}.product .add{margin-top:auto}.gallery{display:flex;gap:6px;overflow-x:auto;min-height:58px}.gallery button{padding:2px;background:white;border:1px solid #d2d7e1;min-width:54px;height:54px}.gallery button.active{border:2px solid #172033}.gallery img{width:100%;height:100%;object-fit:contain}.muted{font-size:12px;color:#697386}.cart{background:white;border:1px solid #e3e6ed;border-radius:14px;padding:20px;margin-top:30px}.cart form{display:grid;gap:10px;max-width:580px}.cart textarea{min-height:90px}#cartItems{margin:12px 0}#cartItems p{display:flex;align-items:center;justify-content:space-between;gap:10px}#cartItems button{padding:6px 10px}#status{color:#365a44}footer{text-align:center;padding:30px;color:#667085;font-size:13px}@media(max-width:600px){header{padding:18px 20px;flex-wrap:wrap}}
.product{cursor:pointer}.product:focus-visible{outline:3px solid #5267a4}.product .art{height:240px}
.product .view{margin-top:auto;text-align:center;display:block;padding:11px 16px;border-radius:9px;background:#101827;color:white}
#productDialog{border:0;border-radius:16px;max-width:min(760px,94vw);width:100%;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 18px 60px #0004}
#productDialog::backdrop{background:#111827a8}
#productDialog .close{display:block;margin-left:auto;margin-bottom:12px;background:#e9edf3;color:#172033}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.detail-layout .art{height:340px}.detail-fields{display:grid;align-content:start;gap:12px}
.detail-fields select,.detail-fields input{width:100%}
.detail-fields h2{margin:0}.detail-fields .muted{margin:0}
@media(max-width:650px){.detail-layout{grid-template-columns:1fr}#productDialog{padding:16px}}

.product label{display:grid;gap:5px;font-size:13px;color:#596477}.product label select{width:100%;color:#172033}

/* Dedicated product page; no modal/dialog is used. */
#productPage{width:100%;margin:10px 0 36px;}
#productDetails{width:100%;}
#productPage .detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;align-items:start;}
#productPage .detail-layout .art{height:460px;}
#productPage .detail-fields{padding:0;}
#productPage .gallery{flex-wrap:wrap;overflow:visible;}
#productPage .description{padding-top:24px;}
@media(max-width:760px){#productPage .detail-layout{grid-template-columns:1fr;}#productPage .detail-layout .art{height:330px;}}

.catalog-count{font-size:13px;color:#667085;margin:0 0 14px}.catalog-actions{text-align:center;margin:24px 0}.catalog-actions button{min-width:200px}

/* D33DZ BIZ browse-first homepage */
html{scroll-behavior:smooth} .site-header{display:block;padding:0;background:#121d2b}.header-inner{max-width:1220px;margin:auto;display:flex;align-items:center;gap:26px;padding:18px 24px}.logo{font-size:27px;font-weight:900;letter-spacing:.08em;color:white;text-decoration:none}.logo span{color:#b2ddcc;font-size:12px;text-transform:uppercase;margin-left:5px;letter-spacing:.1em}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{font-size:14px;color:#e5ecf1;text-decoration:none}.nav-links a:hover{text-decoration:underline}.quote-shortcut{background:#e0f3eb;color:#142e2c;border-radius:8px;padding:11px 14px;font-weight:700;text-decoration:none;white-space:nowrap;font-size:14px}.quote-shortcut span{background:#122f2b;color:white;border-radius:25px;padding:3px 8px;margin-left:8px}.wrap{max-width:1220px;padding:28px 24px 50px}.new-hero{display:grid;grid-template-columns:1.35fr .7fr;gap:20px;background:#e4efe9;border-radius:18px;overflow:hidden;min-height:330px;padding:42px 45px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#367360;font-weight:800}.new-hero h1{font-size:clamp(36px,4.6vw,59px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.new-hero h1 em{color:#267a5b;font-style:normal}.new-hero p{max-width:570px;line-height:1.7;color:#43564f}.hero-cta{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:12px 20px;text-decoration:none;font-weight:700;border-radius:9px}.cta-primary{background:#18382f;color:white}.cta-secondary{background:white;color:#17392e}.hero-art{display:grid;align-content:center;gap:12px;transform:rotate(-5deg)}.stack-card{border:1px solid #d6e3dc;box-shadow:0 10px 30px #1d51301a;background:#fff;border-radius:13px;padding:16px 24px;display:grid;gap:6px;max-width:290px}.stack-card span{color:#647a6c;font-size:12px}.stack-card b{font-size:20px;color:#173c30}.stack-card.mid{margin-left:34px;background:#184837;color:white}.stack-card.mid span,.stack-card.mid b{color:white}.stack-card.bottom{margin-left:15px}.discovery{padding:48px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:15px}.section-heading h2{font-size:29px;margin:6px 0 0;letter-spacing:-.025em}.section-heading a,.text-action{background:transparent;color:#265a49;text-decoration:none;padding:5px;font-weight:700;font-size:13px}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category-tile{display:flex;align-items:center;justify-content:flex-start;min-height:115px;background:white;border:1px solid #e1e6e2;color:#233d33;text-align:left;padding:15px;border-radius:12px;gap:12px}.category-tile:hover,.brand-tile:hover{border-color:#317d5b;background:#f4faf6}.cat-icon{font-size:29px;min-width:37px}.cat-label{font-weight:750}.tile-arrow{margin-left:auto;font-size:18px;color:#537465}.brand-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.brand-tile{background:white;border:1px solid #e1e6e2;border-radius:12px;min-height:78px;padding:14px;color:#253d32;font-weight:800;overflow-wrap:anywhere}.brand-more{padding:18px;margin-top:14px;background:#edf2ef;border-radius:11px}.brand-more label{margin-right:12px}.brand-more input{margin:8px;min-width:min(300px,60%)}.browse-products{padding-top:55px}.browse-products .filters{background:#fff;border:1px solid #e3e8e6;border-radius:12px;padding:18px;margin:0}.filters select{min-width:170px}.active-filter{color:#63726d;font-size:13px;padding:14px 0}.product h3{color:#183c30}.product .view{background:#1b4232}.cart{border-color:#c7dacc;scroll-margin-top:25px}.cart h2{color:#143d2b}.cart form button{background:#173f30}.catalog-actions button{background:#173f30}#catalogFilters,#browseCategories,#browseBrands{scroll-margin-top:20px}
@media(max-width:900px){.nav-links{gap:10px}.category-tiles{grid-template-columns:repeat(2,1fr)}.brand-tiles{grid-template-columns:repeat(3,1fr)}.new-hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:650px){.header-inner{flex-wrap:wrap;padding:14px}.nav-links{order:3;width:100%;justify-content:space-between}.new-hero{padding:32px 23px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{padding:12px;min-height:92px}.cat-icon{font-size:22px;min-width:25px}.brand-tiles{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:25px}.filters select{flex:1;min-width:120px}}

/* Brand-first navigation */
.brand-help{color:#586f67;font-size:14px;margin:-8px 0 20px}
.brand-tiles{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:14px}
.brand-tile{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:20px 14px;min-height:104px;transition:box-shadow .15s,transform .15s}
.brand-tile:hover{box-shadow:0 8px 20px #14362919;transform:translateY(-2px)}
.brand-tile:focus-visible{outline:3px solid #267a5b;outline-offset:2px}
.brand-logo-wrap{width:100%;height:64px;display:flex;align-items:center;justify-content:center}
.brand-logo{display:block;max-height:55px;max-width:100%;object-fit:contain}
.brand-wordmark{font-weight:800;font-size:clamp(13px,1.3vw,18px);line-height:1.25;color:#203c31;text-align:center;overflow-wrap:anywhere}
.brand-intro{background:#e4efe9;border-radius:18px;padding:26px 32px;margin-bottom:28px}
.brand-back{color:#246049;font-weight:700;text-decoration:none;font-size:14px}
.brand-intro-inner{display:flex;align-items:center;gap:28px;margin-top:17px}
.brand-intro h1{margin:6px 0;font-size:clamp(29px,4vw,44px)}
.brand-intro p{color:#51675f}.brand-hero-logo{width:185px;min-width:185px;height:120px;background:white;border:1px solid #dce7dd;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px}
.brand-hero-logo .brand-logo-wrap{height:85px}.brand-hero-logo .brand-logo{max-height:75px}
@media(max-width:650px){.brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-intro-inner{flex-direction:column;align-items:flex-start}.brand-hero-logo{width:100%}}