/* Responsive layer. Breakpoints run from wide to narrow so the cascade stays predictable. */
@media (max-width:1700px){
  :root{--page-gutter:clamp(40px,5vw,100px)}
  .header__inner{gap:clamp(16px,1.6vw,27px)}.main-nav{gap:clamp(10px,.9vw,16px)}.main-nav a{font-size:13px}
  .brand{width:180px;height:42px}.brand__image{mask-size:180px 42px;-webkit-mask-size:180px 42px}.header-phone,.header-email{font-size:16px}
}
@media (min-width:1481px) and (max-width:1534px){
  :root{--page-gutter:32px}
  .site-header .header__inner{gap:14px}
  .main-nav{gap:8px}
  .main-nav .nav-catalog{width:94px;padding-inline:0;justify-content:center}
  .header-quote{padding-inline:14px}
}
@media (max-width:1480px){
  .mobile-header-actions{display:flex;margin-left:auto}.mobile-request{display:inline-flex}.menu-button{display:block;margin-left:0}.compare-badge,.compare-fab{display:none!important}
  .main-nav{position:fixed;inset:var(--header-height) 0 auto;height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px max(var(--page-gutter),env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(var(--page-gutter),env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity var(--transition-medium),transform var(--transition-medium),visibility var(--transition-medium)}
  .menu-open .main-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .main-nav a,.main-nav .nav-catalog{width:100%;height:auto;min-height:56px;justify-content:flex-start;padding:17px 18px;border-bottom:1px solid var(--color-border-soft);border-radius:0;font-size:16px}.main-nav a:not(.nav-catalog)::after{display:none}.main-nav a[aria-current="page"]:not(.nav-catalog){background:var(--color-surface-muted);font-weight:600}
  .main-nav .nav-catalog{margin-bottom:8px;border-bottom:0;border-radius:var(--radius)}.header-contact{margin-left:10px}.header-quote{display:none}
}
@media (max-width:1360px){
  :root{--page-gutter:32px}.header-phone,.header-email{font-size:16px}.finder__layout{grid-template-columns:420px 1fr}.features__layout{grid-template-columns:380px 1fr}.features h2{width:auto}.footer__layout{grid-template-columns:270px repeat(3,minmax(0,1fr)) 210px;gap:28px}
}
@media (max-width:1180px){
  :root{--page-gutter:30px;--font-h2:600 42px/1.17 var(--font-family)}.site-header{position:absolute}
  .hero{height:850px;background-position:center top}.hero__content{padding-top:130px}.hero h1{font-size:clamp(46px,6vw,60px)}
  .finder{height:auto}.finder__layout{height:auto;grid-template-columns:360px 1fr}.finder__visual{width:330px}.finder__pair{grid-template-columns:1fr}.finder-card{min-height:270px}.finder-card--search{height:auto;min-height:185px}
  .section{padding-block:64px}.product-grid,.solutions-grid,.new-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{height:500px}.solution-card{height:560px}.category-card__media,.solution-card__media{height:230px}
  .features{height:auto}.features__layout{grid-template-columns:1fr;gap:35px}.feature-card{min-height:225px}.news-section{height:auto}.request-banner{margin-top:64px;padding:60px}.request-banner__content{width:55%}.request-banner p{width:100%}.request-banner__image{width:700px;right:-110px;bottom:-60px}
  .site-footer{height:auto;padding-block:64px}.footer__layout{height:auto;grid-template-columns:repeat(3,1fr)}.footer__about{grid-row:span 2;gap:30px}
}
@media (max-width:820px){
  :root{--page-gutter:24px;--space-section:56px;--font-h2:600 40px/1.17 var(--font-family)}
  .hero{height:760px;background-position:center top}.hero__content{padding-top:125px}.hero h1{font-size:48px}.hero__lead{font-size:14px;line-height:1.4}
  .finder__layout{display:flex;flex-direction:column}.finder__intro{gap:25px}.finder__visual{display:none}.finder__options{gap:var(--space-card-mobile)}.finder__pair{grid-template-columns:1fr 1fr}.finder-card{min-height:300px}.finder-card--search{min-height:220px}
  .product-grid,.solutions-grid,.new-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{height:auto;min-height:500px}.solution-card{height:570px}.product-card{height:auto;min-height:580px}.features__grid{grid-template-columns:1fr 1fr}.feature-card{min-height:250px}
  .request-banner{height:420px;padding:48px}.request-banner__content{width:58%}.request-banner__image{width:620px;right:-150px;bottom:-50px}.request-banner__image--photo{inset:0 -26px 0 auto;width:58%;height:100%;padding:18px 0}.footer__layout{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  :root{--page-gutter:18px;--header-height:72px;--space-section:56px;--font-h2:600 34px/1.16 var(--font-family)}
  .site-header{height:var(--header-height);background:#fff;backdrop-filter:none}.header__inner{gap:10px}.brand{width:145px;height:34px}.brand__image{mask-size:145px 34px;-webkit-mask-size:145px 34px}.header-contact{display:none}.menu-button{width:44px;height:44px;padding:10px}.mobile-request{height:44px;min-height:44px;padding:0 14px;font-size:14px}
  .main-nav{padding:14px 18px calc(18px + env(safe-area-inset-bottom))}.main-nav a,.main-nav .nav-catalog{min-height:54px;padding:16px;font-size:16px}
  .hero{height:auto;min-height:0;background-size:auto 650px;background-position:center bottom}.hero::after{background:linear-gradient(180deg,#fff 8%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.22) 78%,rgba(255,255,255,0) 100%)}
  .hero__content{padding-top:108px;padding-bottom:270px;gap:18px}.hero h1{font-size:38px;line-height:1.08}.hero-title-line{display:inline}.hero-title-line+.hero-title-line::before{content:" "}.hero__lead{font-size:14px;line-height:1.42}.hero__actions{width:100%;flex-direction:column;gap:10px}.hero__actions .button{width:100%;min-height:52px;padding-inline:16px;white-space:normal;text-align:center}
  .section-layout{display:grid;grid-template-columns:1fr;align-items:start}
  .section-layout>.section-heading{display:contents}
  .section-layout>.section-heading h2{grid-column:1;grid-row:1}
  .section-layout>:is(.product-grid,.solutions-grid,.new-grid,.news-grid){grid-column:1;grid-row:2;margin-top:var(--space-block-mobile)}
  .section-layout>.section-heading .button{grid-column:1;grid-row:3;width:100%;min-height:49px;margin-top:var(--space-block-mobile)}
  .section-heading{margin-bottom:var(--space-block-mobile)}
  .finder{height:auto}.finder__layout{gap:var(--space-block-mobile)}.finder__pair{grid-template-columns:1fr}.finder-card{min-height:0;padding:24px;gap:var(--space-block-mobile);align-items:stretch}.finder-card--search{height:auto;min-height:0}.finder-card h3{font-size:21px;line-height:1.2}.finder-card p{margin-top:12px}.finder-card .button{width:100%}.search-form__row{height:auto;flex-direction:column;gap:10px}.search-form input,.search-form button{min-height:49px;width:100%}
  .product-grid,.solutions-grid,.new-grid,.news-grid{grid-template-columns:1fr;gap:var(--space-card-mobile)}.category-card{height:auto;min-height:410px}.category-card__media{height:210px}.solution-card{height:auto;min-height:520px}.solution-card__media{height:220px}.product-card{height:auto;min-height:0}
  .features__grid{grid-template-columns:1fr}.feature-card{min-height:0}.features h2 br{display:block}.request-banner{height:auto;min-height:430px;padding:30px 24px 250px;align-items:flex-start}.request-banner__content{width:100%}.request-banner__content h2{font-size:30px}.request-banner__image{width:430px;height:auto;right:-145px;bottom:-28px}.request-banner--real-product{padding-bottom:245px}.request-banner__image--photo{inset:auto -18px -4px auto;width:106%;height:235px;padding:6px 0;object-position:right bottom}.request-banner p{max-width:none}
  .site-footer{height:auto;margin-top:var(--space-section-mobile);padding:0 0 35px}.footer__layout{height:auto;grid-template-columns:minmax(0,1fr);gap:28px}.footer__layout>*{min-width:0}.footer__about{grid-row:auto;min-height:0;gap:24px}.footer__about p{width:100%;max-width:100%}.footer-column{gap:18px;padding-top:20px;border-top:1px solid var(--color-border-soft)}.button{white-space:normal;text-align:center}
  .section-heading{align-items:stretch;flex-direction:column}.section-heading>.button{width:100%;min-height:49px}
  body:not([data-page="index.html"]) .site-footer{margin-top:var(--space-section-mobile,56px)!important}
  body[data-page="compare.html"]>.wrap>section.compare-page{padding-top:18px!important}
  .compare-viewport{position:relative;max-width:100%;overflow-x:auto;contain:layout paint}
}
@media (max-width:720px){
  .section>.container:has(>.section-heading>.button),.article-related:has(>.section-heading>.button){display:flex;flex-direction:column;align-items:stretch}
  .section>.container:has(>.section-heading>.button)>.section-heading,.article-related:has(>.section-heading>.button)>.section-heading{display:contents}
  .section>.container:has(>.section-heading>.button)>.section-heading>h2,.article-related:has(>.section-heading>.button)>.section-heading>h2{order:0;margin-bottom:var(--space-block-mobile)}
  .section>.container:has(>.section-heading>.button)>.section-heading~*,.article-related:has(>.section-heading>.button)>.section-heading~*{order:1}
  .section>.container:has(>.section-heading>.button)>.section-heading>.button,.article-related:has(>.section-heading>.button)>.section-heading>.button{order:2;width:100%;min-height:49px;margin-top:var(--space-block-mobile)}
  .section>.container:has(>.section-heading>.button)>.request-banner{order:3}
}
@media (max-width:420px){
  :root{--page-gutter:16px;--font-h2:600 31px/1.16 var(--font-family)}.site-header .header__inner{gap:8px}.brand{width:132px;height:31px}.brand__image{mask-size:132px 31px;-webkit-mask-size:132px 31px}.mobile-header-actions{gap:6px}.menu-button{width:42px;height:42px}.mobile-request{height:42px;min-height:42px;padding:0 12px;font-size:13px}.hero h1{font-size:34px}.hero__content{padding-bottom:250px}.hero{background-size:auto 620px}.product-card__actions{display:grid!important;grid-template-columns:minmax(100px,.82fr) minmax(125px,1.18fr);gap:6px!important}.product-card__actions .button{min-width:0;padding-inline:8px;font-size:14px;white-space:nowrap}.request-banner__image{right:-165px}.pd-page--v1 .pd-hero{margin-inline:0}
}
@media (max-width:340px){.mobile-request{display:none}}
/* Two readable cards on medium phones; narrow phones intentionally return to one. */
@media (min-width:421px) and (max-width:720px){
  .product-grid,.solutions-grid,.new-grid,.news-grid,.about-product-grid,.catalog #list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-card{min-height:0;height:auto;padding:10px;gap:16px}.product-card__media{height:148px}.product-card__media>img{width:100%;height:100%;padding:8px;object-fit:contain}.product-card__tags{right:6px;bottom:-12px;gap:3px}.product-card__tags .tag{min-height:27px;padding:5px 7px;font-size:10px}.product-card__body{gap:10px}.product-card h3{font-size:18px;line-height:1.15}.product-card p{font-size:11px;line-height:1.35}.product-card dl{gap:7px;font-size:10px;line-height:1.3}.product-card dl div{grid-template-columns:minmax(48px,.7fr) minmax(0,1.3fr);gap:5px}
  .product-card__actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:6px!important}.product-card__actions .button{min-height:44px;padding-inline:8px;font-size:11px}.product-card__actions .compare-button{display:grid;place-items:center;width:44px;min-width:44px;padding:0;font-size:0}.product-card__actions .compare-button svg{margin:0}
  .solution-card,.card.solution-card,.solutions-page-grid .solution-card--listing{min-height:0;height:auto}.solution-card__content,.solutions-page-grid .solution-card--listing .cbody{padding:14px}.solution-card__media,.solutions-page-grid .solution-card--listing .solution-media{height:150px;min-height:150px;padding:10px}.solution-card h3,.solutions-page-grid .solution-card--listing .cart{font-size:17px!important;line-height:1.2!important}.solution-card p{font-size:11px;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){.main-nav{transition:none}}