/* Fix-Hero 0.9.3: brand names, independent from form/draft state. */
.brands--overview{padding:34px 0 32px}
.brands--overview .brands-heading{display:flex;align-items:center;justify-content:center;position:relative;gap:20px;min-height:44px;margin-bottom:12px}
.brands--overview h2{max-width:none;margin:0;padding:0 108px;font-size:11px;line-height:1.6;letter-spacing:.16em;color:#617584;font-weight:700;text-align:center}
.brands--overview .brands-controls{display:flex;gap:8px;position:absolute;right:0;top:0}
.brands--overview .brands-controls[hidden]{display:none}
.brands--overview .brands-controls .circle-link{width:44px;height:44px;box-shadow:none;color:#536975}
.brands--overview [data-brand-step="-1"] .icon{transform:rotate(180deg)}
.brands--overview .circle-link:disabled{opacity:.3;cursor:default;background:#fff;box-shadow:none}
.brands--overview .logo-track{--visible-brands:6;--brand-gap:28px;display:flex;justify-content:flex-start;gap:var(--brand-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:8px 0 16px;margin:0;scrollbar-width:thin;scrollbar-color:#c9d5dc transparent}
.brands--overview .brand-item{flex:0 0 calc((100% - (var(--visible-brands) - 1)*var(--brand-gap))/var(--visible-brands));min-width:0;max-width:none;height:76px;padding:10px 5px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;filter:none;opacity:1;color:#647780}
.brands--overview .brand-item img{display:block;width:auto;max-width:100%;max-height:48px;height:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}
.brands--overview .brand-item:hover img{filter:none;opacity:1}
.brands--overview .brand-wordmark{display:block;max-width:100%;font-size:clamp(20px,1.8vw,27px);font-weight:750;line-height:1.12;letter-spacing:-.025em;white-space:nowrap;text-align:center;color:inherit}
.brands--overview .wordmark-enpal{font-size:30px;letter-spacing:-.06em;font-weight:800}
.brands--overview .wordmark-viessmann{font-size:23px;font-weight:850;letter-spacing:-.06em}
.brands--overview .wordmark-vaillant{font-size:25px;font-weight:750;letter-spacing:-.04em}
.brands--overview .wordmark-buderus{font-size:27px;font-weight:850;letter-spacing:-.04em}
.brands--overview .wordmark-bosch{font-size:28px;font-weight:900;letter-spacing:-.04em}
.brands--overview .wordmark-stiebel-eltron{white-space:normal;max-width:100px;font-size:19px;letter-spacing:.04em;font-weight:800;line-height:1.02}
.brands--overview .wordmark-wolf{font-size:29px;font-weight:900;letter-spacing:.06em}
.brands--overview .wordmark-sma{font-size:31px;font-weight:650;letter-spacing:.06em}
.brands--overview .wordmark-fronius{font-size:27px;font-weight:800;font-style:italic;letter-spacing:-.025em}
.brands--overview .wordmark-sonnen{font-size:29px;font-weight:550;letter-spacing:-.035em}
.brands--overview .wordmark-meyer-burger{font-size:22px;font-weight:700;letter-spacing:-.04em}
.brands--overview .wordmark-kaercher{font-size:25px;font-weight:900;letter-spacing:-.03em}
.brands--overview .wordmark-velux{font-size:28px;font-weight:800;letter-spacing:.015em}
.brands--overview .wordmark-schueco{font-size:27px;font-weight:650;letter-spacing:-.03em}
.brands--overview .brands-note{font-size:11px;line-height:1.65;text-align:center;color:#697d8a;margin:14px auto 0;max-width:720px}
@media(max-width:1100px){.brands--overview .logo-track{--visible-brands:4;--brand-gap:24px}}
@media(max-width:650px){.brands--overview{padding:27px 0}.brands--overview .brands-heading{justify-content:space-between;min-height:44px;margin-bottom:10px;gap:10px}.brands--overview h2{padding:0;font-size:9px;letter-spacing:.1em;text-align:left}.brands--overview .brands-controls{position:static;flex-shrink:0;gap:6px}.brands--overview .logo-track{--visible-brands:2;--brand-gap:18px;padding-bottom:12px}.brands--overview .brand-item{height:70px}.brands--overview .brands-note{font-size:10px;margin-top:12px;text-align:left}.brands--overview .wordmark-viessmann{font-size:21px}}
@media(prefers-reduced-motion:reduce){.brands--overview *{transition:none!important;scroll-behavior:auto!important}}
