/* Shared design tokens and the approved full-width collection hero. */
:root{--zx-orange:#db5f11;--zx-ink:#20262b;--zx-muted:#58636d;--zx-surface:#f7f8fa}
body{font-family:'Noto Sans',Arial,sans-serif;background:#fff;color:var(--zx-ink)}
h1,h2,h3,h4{font-family:'Space Grotesk',Arial,sans-serif}
.page-hero{background:var(--zx-surface);color:var(--zx-ink)}
.page-hero h1,.page-hero h1 em{color:var(--zx-ink);font-style:normal}
.button-primary,.header-cta{background:var(--zx-orange);color:#fff;border-radius:6px}
.directory-card{border:1px solid #e5e8eb;border-radius:12px;background:#fff;overflow:hidden}
.directory-image img,.product-image img{object-fit:contain}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2378b0;outline-offset:3px}
body.home .t1-hero{height:auto;min-height:0;aspect-ratio:8/5;align-items:flex-start;background:#061c2b}
body.home .t1-hero-bg{background-image:url('assets/images/industrial-collection-user-v18.png');background-size:contain;background-position:center bottom}
body.home .t1-hero-overlay{background:linear-gradient(180deg,#03132099 0%,#03132030 30%,transparent 48%)}
body.home .t1-hero-content{padding:clamp(24px,3vw,56px) 48px 0;max-width:1050px}
body.home .t1-hero h1{font-size:clamp(30px,3.25vw,54px);color:#fff;line-height:1.12;margin:0 0 14px;max-width:900px;text-shadow:0 2px 18px #00101e80}
body.home .t1-hero p{font-size:15px;line-height:1.6;color:#e0ebf2;max-width:790px;margin:0 0 18px}
body.home .t1-hero-tag{background:#12364bbb;color:#ffd4b8;margin-bottom:12px;font-size:10px}
body.home .t1-hero .t1-btn-outline{color:white;border-color:#ffffff80;background:#061c2b66}
body.home .t1-hero .t1-btn-primary,body.home .t1-hero .t1-btn-outline{padding:10px 23px;font-size:14px}
body.home .zx-scene-label{color:#d9e6ef;background:#061c2b99;padding:4px 8px;font-size:10px}
/* Grow the final row to fill its width: seven categories become four plus three. */
body.home #categories{padding-top:56px;padding-bottom:56px}
body.home #categories .t1-section-header{margin-bottom:32px}
body.home .t1-categories{display:flex;flex-wrap:wrap;gap:20px}
body.home .t1-cat-card{box-sizing:border-box;flex:1 1 calc(25% - 15px);min-width:0;padding:24px;overflow-wrap:anywhere}
body.home .t1-cat-icon{width:44px;height:44px;margin-bottom:16px}
body.home .t1-cat-card h3{margin:0 0 10px;font-size:17px}
body.home .t1-cat-card p{margin:0;font-size:14px;line-height:1.6}
@media(max-width:1024px){body.home .t1-cat-card{flex-basis:calc(50% - 10px)}}
@media(max-width:600px){body.home #categories{padding:40px 20px}body.home #categories .t1-section-header{margin-bottom:24px}body.home .t1-categories{gap:14px}body.home .t1-cat-card{flex-basis:100%;padding:20px}}
body:not(.home) footer.zx-integrated-footer{background:#242729;color:#c6ced2;border:0}
body:not(.home) footer.zx-integrated-footer p,body:not(.home) footer.zx-integrated-footer a{color:#c6ced2}
@media(max-width:1100px){body.home .t1-hero{display:block;aspect-ratio:auto;padding-bottom:62.5%}body.home .t1-hero-bg{top:auto;height:auto;aspect-ratio:8/5;background-size:contain}body.home .t1-hero-overlay{display:none}body.home .t1-hero-content{padding:36px 28px 12px;max-width:none}body.home .t1-hero h1{font-size:36px;max-width:700px}.zx-home-search{padding:24px 28px}}
@media(max-width:520px){body.home .t1-hero-content{padding:32px 20px 16px}body.home .t1-hero h1{font-size:32px}body.home .t1-hero p{font-size:14px}body.home .t1-hero-tag{font-size:9px}.zx-home-search{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}