/* Buying routes remain unobscured. Swift navy, one neutral surface and consistent headings. */
[data-static-browse]>.home-product-department,[data-static-browse]>.range-panel{position:relative!important;top:auto!important;transform:none!important}
body:has(.hero-film) main :is(h2,h3){font-family:Manrope,Arial,sans-serif;text-transform:none;font-weight:800;letter-spacing:-.035em}
body:has(.hero-film) .home-product-routes{padding:56px 0;background:#f6f6f3;overflow:visible;border:0}
body:has(.hero-film) .home-grouped-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:0;align-items:start}
body:has(.hero-film) .home-product-department{min-height:0;align-self:start}
body:has(.hero-film) .brands-section{display:block;padding-block:32px 38px;max-width:1440px;border-block:1px solid #e1e5e1}
body:has(.hero-film) .brands-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
body:has(.hero-film) .brands-intro h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0}
.all-brands-link{font-size:13px;font-weight:750;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
body:has(.hero-film) .brand-wall{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 14px;border:0;box-shadow:none;background:transparent;margin:0}
body:has(.hero-film) .brand-wall>.brand-tile{flex:0 0 150px;width:150px;min-height:88px;height:88px;border:1px solid #e1e5e1!important;border-radius:8px;scroll-snap-align:start}
body:has(.hero-film) .brand-wall:focus-visible{outline:3px solid #001c31;outline-offset:4px}
.brand-wall .brand-rittal,.brand-menu-grid .brand-rittal{height:68px!important;max-height:68px!important;max-width:60px!important;width:auto!important}
body:has(.hero-film) .home-project-builders{padding-block:48px;background:white}
body:has(.hero-film) .ranges-section{background:#f6f6f3;padding:32px 0}
body:has(.hero-film) .range-stack{display:grid;gap:28px;width:calc(100% - 64px);max-width:1440px;margin:auto}
body:has(.hero-film) .range-stack>.range-panel{background:white;color:#001c31;border:1px solid #dce0dc;border-radius:16px;padding:40px 0;box-shadow:none}
body:has(.hero-film) .range-stack>.range-panel>.shell{width:calc(100% - 56px)}
body:has(.hero-film) .range-stack .panel-copy :is(h2,p,a){color:#001c31}
body:has(.hero-film) .range-stack .panel-copy .button{background:#001c31;color:white;border-color:#001c31}
body:has(.hero-film) .range-stack .panel-copy h2{font-size:clamp(32px,4vw,52px)}
body:has(.hero-film) .home-product-shadow{opacity:.1}
.mobile-trade-tools{display:none}
.header-phone-number{font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.3}
.header-opening-hours{display:block;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.5;color:#4e5d65;white-space:nowrap}
@media(min-width:961px){.site-header .header-phone{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-block:8px}}
.mobile-opening-hours{flex:0 0 100%;margin:0;text-align:right;font-size:11px;font-weight:600;line-height:1.5;color:#4e5d65}
.nav-department-link[role=button]{cursor:pointer}
.site-nav .product-menu-card img{display:block;min-height:78px;object-fit:contain}
/* A bounded, explicit image frame avoids zero-height contained images. */
.directory-card-image.product-image-stage{min-height:150px;height:150px}
.manufacturer-mark:has(>img[src$='/logo-rittal.svg']){height:96px}
.manufacturer-mark>img[src$='/logo-rittal.svg']{width:64px!important;left:58px!important;top:8px!important}
@media(max-width:960px){
 .site-header .mobile-trade-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-block:10px 12px;background:white}
 .mobile-trade-tools .nav-search{display:flex;width:auto;flex:1;margin:0;border:1px solid #aeb8bc;border-radius:6px;overflow:visible;position:relative}
 .mobile-trade-tools .nav-search input{font-size:16px;min-height:46px;padding:10px 12px}
 .mobile-trade-tools .nav-search button{min-width:42px;min-height:46px}
 .mobile-call{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 13px;border-radius:6px;background:#001c31;color:white;font-size:13px;font-weight:800}
 .js .site-header .site-nav[data-open]{top:100%;max-height:calc(100dvh - var(--header-height,144px) - 8px)}
 .site-nav .brand-menu-grid .brand-rittal{max-width:44px!important;height:48px!important}
}
@media(max-width:760px){
 body:has(.hero-film) .home-product-routes{padding:32px 0}
 body:has(.hero-film) .home-grouped-directory{grid-template-columns:minmax(0,1fr);gap:22px}
 body:has(.hero-film) .brands-section{padding-block:24px}
 body:has(.hero-film) .brands-intro{align-items:flex-start;gap:14px}
 body:has(.hero-film) .brands-intro h2{font-size:25px}
 body:has(.hero-film) .brand-wall>.brand-tile{flex-basis:126px;min-height:82px;height:82px}
 body:has(.hero-film) .range-stack{width:calc(100% - 32px);gap:22px}
 body:has(.hero-film) .range-stack>.range-panel{padding:28px 0;margin:0}
 body:has(.hero-film) .range-stack>.range-panel>.shell{width:calc(100% - 36px)}
 .all-brands-link{font-size:12px;white-space:normal;min-width:75px;text-align:right}
}
.nav-search{overflow:visible!important;position:relative}
.search-suggestions{position:absolute;inset:calc(100% + 8px) 0 auto;z-index:200;background:white;border:1px solid #ccd3d5;border-radius:8px;box-shadow:0 12px 30px #001c3120;max-height:min(520px,65dvh);overflow:auto;color:#001c31}
.search-suggestions[hidden]{display:none}
.search-suggestions [role=option]{display:block!important;padding:13px 16px!important;border-bottom:1px solid #e3e6e3}
.search-suggestions strong{display:block;font-size:14px;font-weight:800}
.search-suggestions [role=option]>span{display:block;font-size:12px;line-height:1.5;margin-top:3px;white-space:normal}
.search-suggestions [aria-selected=true],.search-suggestions [role=option]:hover{background:#eef0ec}
.search-all-results{display:block!important;padding:14px 16px!important;font-size:13px;font-weight:800;background:#f4f5f1}
.site-search-result{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:24px;align-items:center;border:1px solid #dce1dd;border-radius:9px;padding:20px;margin-bottom:14px;background:white}
.search-product-link{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:center;min-width:0}
.search-product-link>img{width:90px;height:100px;object-fit:contain}
.search-product-link strong{font-size:20px;font-weight:800;overflow-wrap:anywhere}
.search-product-link p{font-size:13px;line-height:1.6;margin:8px 0}
.search-product-link .search-result-arrow{font-size:12px;font-weight:750;text-decoration:underline}
.search-quick-add{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:end;gap:10px}
.search-quick-add label{font-size:11px;font-weight:700}
.search-quick-add input{width:100%;min-height:46px;padding:10px;border:1px solid #bac4c8;border-radius:5px;font:inherit;font-size:16px;margin-top:6px}
.search-quick-add .button{font-size:12px;min-height:46px;padding:12px;border-radius:5px;background:#001c31;color:white;justify-content:center}
.search-add-status{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0}
.search-add-status:empty{display:none}
.quotation-toast{position:fixed;right:24px;bottom:24px;z-index:250;max-width:min(440px,calc(100vw - 32px));padding:20px 48px 20px 22px;background:#001c31;color:white;border:1px solid #ffffff30;border-radius:9px;box-shadow:0 12px 35px #001c3130}
.quotation-toast[hidden]{display:none}
.quotation-toast p{font-size:14px;line-height:1.5;font-weight:800;margin:0 0 8px;overflow-wrap:anywhere}
.quotation-toast a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.quotation-toast button{position:absolute;right:4px;top:4px;width:40px;height:40px;color:white;font-size:24px}
.quote-count-updated{animation:quote-count-pop .3s ease}
@keyframes quote-count-pop{50%{transform:scale(1.3)}}
.quotation-line{grid-template-columns:88px minmax(0,1fr) 96px 44px}
.quotation-line>.remove-part{grid-column:4;grid-row:1;min-width:44px;min-height:44px;text-decoration:none;font-size:24px;align-self:start}
.quotation-product-image{width:88px;height:100px;object-fit:contain;mix-blend-mode:multiply}
.quotation-group h2{font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;text-transform:none}
@media(max-width:760px){
 .site-search-result{grid-template-columns:minmax(0,1fr)!important;gap:18px;padding:18px 14px}
 .search-product-link{grid-template-columns:68px minmax(0,1fr);gap:14px}
 .search-product-link>img{width:68px;height:82px}
 .search-product-link strong{font-size:18px}
 .search-quick-add{grid-template-columns:88px minmax(0,1fr)}
 .search-suggestions{left:0;right:auto;width:calc(100vw - 32px);max-height:60dvh}
 .quotation-toast{right:16px;bottom:16px}
 .contactor-trial-page .quotation-toast{bottom:160px}
 .quotation-line{grid-template-columns:66px minmax(0,1fr) 44px;gap:14px}
 .quotation-product-image{width:66px;height:82px;grid-column:1;grid-row:1/3}
 .quotation-line-copy{grid-column:2;grid-row:1}
 .quotation-line>label{grid-column:2;grid-row:2;max-width:150px}
 .quotation-line>.remove-part{grid-column:3;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.quote-count-updated{animation:none}}