:root{--ink:#0b1720;--paper:#f3f1eb;--mint:#47d7ac;--orange:#ff6b35;--muted:#69747a;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.catalog-header{height:82px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.catalog-header img{width:165px;display:block}.catalog-header nav{display:flex;gap:1.8rem;align-items:center;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.catalog-header .quote-link{color:var(--mint)}.catalog-hero{padding:7rem 7vw 5rem;background:var(--ink);color:#fff}.breadcrumbs{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#9cadb4;margin-bottom:2.5rem}.breadcrumbs a{color:var(--mint)}.catalog-hero h1{font:600 clamp(3rem,5.4vw,5.4rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0;max-width:900px}.catalog-hero h1 em{color:var(--mint);font-style:normal}.catalog-hero>p{font-size:1.05rem;line-height:1.75;color:#b4c1c6;max-width:680px;margin:2rem 0 0}.category-tabs{display:flex;gap:.6rem;flex-wrap:wrap;padding:1.5rem 7vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.category-tabs a{padding:.75rem 1rem;border:1px solid var(--line);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.category-tabs a.active{background:var(--orange);border-color:var(--orange);color:#fff}.products{padding:5rem 7vw 8rem}.products-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.5rem}.products-head h2{font:600 clamp(1.8rem,2.6vw,2.8rem) "Space Grotesk";letter-spacing:-.04em;margin:0}.products-head span{color:var(--muted);font-size:.85rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product-card{background:#fff;border:1px solid #e0e1dc;display:flex;flex-direction:column;min-height:100%;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0b172014}.product-image{height:280px;padding:2rem;background:#f9f9f6;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:1.6rem;display:flex;flex-direction:column;flex:1}.badge{align-self:flex-start;color:#27785f;background:#e1f8f0;padding:.45rem .6rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.product-card h3{font:600 1.35rem/1.25 "Space Grotesk";letter-spacing:-.025em;margin:1.2rem 0 .7rem}.specs{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-bottom:1.5rem}.specs span{padding-right:.6rem;border-right:1px solid var(--line)}.price{font:700 1.35rem "Space Grotesk";margin-top:auto}.price small{font:500 .72rem Manrope;color:var(--muted);display:block;margin-bottom:.25rem}.product-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:1rem}.button{min-height:48px;border:0;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 1rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.icon-button{width:48px;background:var(--ink)}.category-note{margin-top:2rem;background:#e5e3dc;padding:1.4rem 1.6rem;display:flex;justify-content:space-between;gap:2rem;align-items:center}.category-note p{margin:0;color:#526068;line-height:1.6;font-size:.9rem}.category-note a{white-space:nowrap;font-weight:800;color:var(--orange);font-size:.78rem;text-transform:uppercase}.catalog-footer{background:#071219;color:#fff;padding:3rem 7vw;display:flex;justify-content:space-between;align-items:center}.catalog-footer img{width:150px}.catalog-footer div{display:flex;gap:1.5rem;color:#a7b2b6;font-size:.8rem}@media(max-width:850px){.catalog-header nav a:not(.quote-link){display:none}.catalog-hero{padding:5rem 6vw 4rem}.category-tabs,.products{padding-left:6vw;padding-right:6vw}.product-grid{grid-template-columns:1fr 1fr}.catalog-footer{align-items:flex-start;gap:2rem}.catalog-footer div{flex-direction:column;gap:.5rem}}@media(max-width:560px){.catalog-header{padding:0 6vw}.catalog-header .quote-link{font-size:.68rem}.catalog-hero h1{font-size:2.65rem;line-height:1}.category-tabs{overflow-x:auto;flex-wrap:nowrap}.category-tabs a{white-space:nowrap}.products-head{display:block}.products-head span{display:block;margin-top:.7rem}.product-grid{grid-template-columns:1fr}.product-image{height:240px}.category-note,.catalog-footer{display:block}.category-note a{display:block;margin-top:1rem}.catalog-footer div{margin-top:1.5rem}}
.site-header{height:82px;position:fixed;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:0 4vw;color:#fff;background:rgba(7,18,25,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff26;box-shadow:0 8px 30px #0712191f}.brand img{width:165px;display:block}.main-nav{justify-self:center;display:flex;gap:2.3rem;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;height:1px;background:var(--mint);left:0;right:100%;bottom:-7px;transition:.25s}.main-nav a:hover:after,.main-nav a[aria-current="page"]:after{right:0}.header-cta{justify-self:end;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.header-cta span{color:var(--mint);margin-left:.45rem}.menu-button{display:none}.catalog-hero{padding-top:9rem}.category-tabs{top:82px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 5vw}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--ink);padding:2rem 5vw;flex-direction:column}.main-nav.open{display:flex}.header-cta{display:none}.menu-button{display:block;background:none;border:0;width:40px;height:40px}.menu-button span{display:block;width:26px;height:1px;background:#fff;margin:7px}.catalog-hero{padding-top:8rem}}@media(max-width:560px){.site-header{padding:0 6vw}}
.site-header{grid-template-columns:220px 1fr 220px}.main-nav{gap:clamp(.85rem,1.45vw,1.8rem);font-size:.72rem}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.main-nav{font-size:.77rem}}
