/* Keep the equipment selector in its own full-width row so its images and labels stay clear. */
.hero-controls{display:flex;align-items:center;gap:12px;max-width:var(--max);margin:0 auto;padding:14px 30px;background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:4}
.slide-dots{display:flex;flex:1;min-width:0;justify-content:center;gap:10px}
.slide-dots button{display:flex;flex:0 1 230px;align-items:center;gap:10px;width:auto;max-width:230px;min-width:0;height:auto;min-height:66px;padding:7px;background:var(--white);color:var(--blue);border:1px solid #cbd7e2;border-bottom:3px solid transparent;border-radius:0;text-align:start;transition:background .18s,border-color .18s}
.slide-dots button img{display:block;flex:0 0 52px;width:52px;height:48px;object-fit:contain;background:#f2f5f7}
.slide-dots button span{display:flex;min-width:0;flex-direction:column;gap:3px}
.slide-dots button strong{font-size:13px;line-height:1.3;white-space:nowrap}
.slide-dots button small{color:#52657a;font-size:12px;line-height:1.2;white-space:nowrap}
.slide-dots button.active{background:#edf5fc;border-color:#9fb8ce;border-bottom-color:#0089c8}
.slide-dots button:focus-visible,.slide-step:focus-visible{outline:3px solid #0089c8;outline-offset:2px}
.hero-controls .slide-step{flex:0 0 auto;min-width:68px;min-height:42px;padding:6px 8px;color:#004295;font-size:13px}
html[data-theme=dark] .hero-controls{background:#101c2b}
html[data-theme=dark] .slide-dots button{background:#172538;color:var(--ink);border-color:#354255}
html[data-theme=dark] .slide-dots button.active{background:#233a55;border-color:#52647b;border-bottom-color:#8bc2ff}
html[data-theme=dark] .slide-dots button small{color:#b7c3d2}
@media(max-width:850px){.hero-controls{padding-inline:22px}.slide-dots{justify-content:flex-start}}
@media(max-width:560px){.hero-controls{gap:6px;padding:10px 12px}.slide-dots{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;justify-content:flex-start;padding:2px 0 5px}.slide-dots button{flex:0 0 175px;min-height:60px;scroll-snap-align:start}.slide-dots button img{flex-basis:42px;width:42px;height:42px}.slide-dots button strong{font-size:12px}.slide-dots button small{font-size:11px}.hero-controls .slide-step{min-width:auto;font-size:11px;padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.slide-dots button{transition:none}}