.nav-current{color:var(--blue)}
.nav-current::after{right:0!important}

.catalog-hero{background:var(--soft);border-bottom:1px solid var(--line)}
.catalog-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;min-height:430px;padding-block:64px}
.catalog-hero h1{max-width:13ch;margin-bottom:0;font-size:clamp(3rem,5.2vw,6rem)}
.breadcrumbs{display:flex;gap:10px;margin-bottom:52px;color:var(--muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.breadcrumbs a:hover{color:var(--blue)}
.catalog-intro{max-width:620px;padding-bottom:7px}
.catalog-intro p{margin-bottom:30px;color:#40545f;font-size:1.04rem;line-height:1.7}

.catalog-toolbar{position:sticky;z-index:20;top:116px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(5,29,45,.05)}
.toolbar-grid{display:grid;grid-template-columns:minmax(260px,.7fr) 1.7fr auto;align-items:center;min-height:76px;gap:30px}
.catalog-search{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:11px;height:42px;padding-inline:13px;border:1px solid var(--line);background:var(--soft)}
.catalog-search svg{width:18px;fill:none;stroke:var(--blue);stroke-width:1.8}
.catalog-search input{width:100%;border:0;background:transparent;font-size:.75rem;outline:0}
.filter-group{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-block:8px;scrollbar-width:thin}
.filter-group>span{margin-right:8px;color:var(--muted);font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.filter-group button{min-height:36px;padding:8px 12px;border:1px solid transparent;background:#fff;color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.filter-group button:hover{border-color:var(--line);color:var(--blue)}
.filter-group button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}
.result-count{margin:0;color:var(--muted);font-size:.7rem;white-space:nowrap}
.result-count strong{color:var(--ink);font-size:1rem}

.catalog-section{padding-block:72px 96px}
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:4vw;align-items:start}
.catalog-aside{position:sticky;top:112px}
.catalog-aside h2{font-size:1.75rem;margin-bottom:35px}
.aside-block{padding-block:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aside-block h3{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.aside-block a{display:block;padding:8px 0;color:var(--muted);font-size:.76rem}
.aside-block a:hover{color:var(--blue)}
.aside-help{margin-top:28px;padding:22px;background:var(--soft);border-left:3px solid var(--orange)}
.aside-help>span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.aside-help strong{display:block;font-size:.88rem;margin-bottom:20px}
.aside-help .text-link{font-size:.62rem}

.catalog-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.catalog-card{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.catalog-card:hover{position:relative;z-index:2;box-shadow:0 20px 42px rgba(6,29,44,.11);transform:translateY(-2px)}
.catalog-card[hidden]{display:none}
.catalog-image{position:relative;display:block;height:245px;overflow:hidden;background:#f1f3f3}
.catalog-image img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply;transition:transform .3s ease}
.catalog-card:hover .catalog-image img{transform:scale(1.035)}
.catalog-image>span{position:absolute;left:0;bottom:0;padding:8px 11px;background:var(--navy);color:#fff;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.catalog-card-body{display:flex;flex:1;flex-direction:column;padding:22px 21px 25px}
.model-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.model-line>span{color:var(--orange-dark);font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.model-line button{min-height:30px;padding:5px 8px;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:.59rem;font-weight:700;text-transform:uppercase;cursor:pointer}
.model-line button:hover,.model-line button.is-selected{background:var(--blue);border-color:var(--blue);color:#fff}
.catalog-card h3{min-height:55px;margin-bottom:12px;font-size:1.25rem}
.catalog-card h3 a:hover{color:var(--blue)}
.catalog-card-body>p{min-height:92px;color:var(--muted);font-size:.78rem;line-height:1.6}
.catalog-card dl{margin:0 0 22px;border-top:1px solid var(--line)}
.catalog-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.61rem}
.catalog-card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.catalog-card dd{margin:0;text-align:right;font-weight:600}
.catalog-card .text-link{margin-top:auto;font-size:.63rem}
.catalog-empty{grid-column:1/-1;padding:80px 30px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-empty strong{display:block;font-size:1.25rem}.catalog-empty p{color:var(--muted)}

.compare-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;background:var(--navy);color:#fff;box-shadow:0 -12px 30px rgba(4,21,31,.25)}
.compare-bar[hidden]{display:none}
.compare-bar>div{min-height:78px;display:flex;align-items:center;gap:24px}
.compare-bar p{margin:0;font-size:.75rem}.compare-bar p strong{font-size:1.2rem;color:var(--orange)}
.compare-bar button{border:0;background:transparent;color:#afc1cc;font-size:.68rem;text-decoration:underline;cursor:pointer}
.compare-bar .button{margin-left:auto}

.catalog-cta{background:var(--blue);color:#fff;padding-block:70px}
.catalog-cta>div{display:grid;grid-template-columns:1fr .8fr auto;gap:6vw;align-items:end}
.catalog-cta .eyebrow{grid-column:1/-1;margin-bottom:-16px}
.catalog-cta h2{max-width:11ch;margin:0}
.catalog-cta p:not(.eyebrow){max-width:650px;margin:0;color:#b6cbd7}

@media(max-width:1200px){
  .catalog-results{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-grid{grid-template-columns:minmax(240px,.7fr) 1.3fr auto}.catalog-cta>div{grid-template-columns:1fr 1fr}.catalog-cta .button{grid-column:2;justify-self:start}
}

@media(max-width:900px){
  .catalog-hero-grid{grid-template-columns:1fr;min-height:0;gap:30px;padding-block:50px}.breadcrumbs{margin-bottom:38px}.catalog-hero h1{font-size:clamp(2.7rem,9vw,4.8rem)}
  .catalog-toolbar{position:relative;top:auto}.toolbar-grid{grid-template-columns:1fr auto;gap:10px;padding-block:14px}.filter-group{grid-column:1/-1;grid-row:2}.catalog-search{max-width:520px}.result-count{grid-column:2;grid-row:1}
  .catalog-layout{grid-template-columns:1fr}.catalog-aside{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.catalog-aside>.eyebrow,.catalog-aside>h2{grid-column:1/-1}.aside-help{margin-top:0}.catalog-cta>div{grid-template-columns:1fr}.catalog-cta .button{grid-column:auto}
}

@media(max-width:620px){
  .catalog-hero-grid{padding-block:40px}.catalog-hero h1{font-size:2.65rem}.catalog-intro p{font-size:.94rem}.breadcrumbs{margin-bottom:32px}
  .toolbar-grid{grid-template-columns:1fr auto}.filter-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.filter-group>span{display:none}.filter-group button{min-width:0;padding-inline:3px;font-size:.59rem;white-space:normal}.catalog-layout{padding-inline:0}.catalog-aside{padding-inline:var(--gutter);grid-template-columns:1fr}.catalog-aside>.eyebrow,.catalog-aside>h2{grid-column:auto}.aside-block{display:none}
  .catalog-results{grid-template-columns:1fr;border-left:0}.catalog-card{border-right:0}.catalog-image{height:270px}.catalog-card h3,.catalog-card-body>p{min-height:0}.catalog-card-body{padding:24px var(--gutter) 30px}.compare-bar>div{min-height:70px;gap:12px}.compare-bar .button{padding:10px 12px;font-size:.6rem}.catalog-cta{padding-block:58px}
}