/* One row on every screen; identical halves make the loop seamless. */
.brands{display:block;position:relative;padding:0 54px;height:90px;background:#ededed;overflow:hidden;direction:ltr}
.brands-viewport{height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.brands-track{display:flex;width:max-content;height:100%;animation:brands-drift 36s linear infinite;will-change:transform}
.brands-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:55px;width:max(calc(100vw - 108px),900px);padding-inline:32px;white-space:nowrap}
.brands .brands-group>span{display:block;flex-shrink:0;font:600 13px Arial,sans-serif;letter-spacing:2.3px;color:#555961;line-height:1}
.brands .brands-group>.brand-mercedes{font:22px Georgia,serif;letter-spacing:0}.brands .brands-group>.brand-bmw{font:22px Georgia,serif;letter-spacing:1px}
.brands-toggle{position:absolute;left:12px;top:50%;translate:0 -50%;border:1px solid #cdd0d4;background:#ededed;color:#606772;width:32px;height:32px;display:grid;place-items:center;padding:6px;z-index:1}
.brands-toggle .play-symbol{display:none}.brands.is-paused .brands-track,.brands:focus-within .brands-track{animation-play-state:paused}.brands.is-paused .pause-symbol{display:none}.brands.is-paused .play-symbol{display:block}
@keyframes brands-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.button>span,.text-link>span,.car-bottom button>span,.instagram>span,.header-contact>span{display:inline-flex;align-items:center}.phone{display:flex;justify-content:flex-end;align-items:center;gap:15px}.phone .icon{width:22px;height:22px}.image-open{display:inline-flex;align-items:center;gap:5px}.image-open .icon{width:12px;height:12px}.scroll{display:inline-flex;align-items:center;gap:18px}.scroll>span{display:inline-flex;margin-left:0}.scroll .icon{width:20px;height:20px}
.personal-points span::before{content:'';display:inline-block;width:10px;height:10px;border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;margin-left:17px;margin-bottom:2px;rotate:-45deg}
@media(max-width:800px){.brands{height:78px;padding-inline:46px}.brands-group{width:900px;padding-inline:28px;gap:50px}.brands-toggle{left:8px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.brands-track{animation:none!important;transform:none}.brands-toggle{display:none}.brands-viewport{overflow:auto;mask-image:none;-webkit-mask-image:none}.brands{padding-inline:20px}.brands-group{width:max-content;gap:42px;padding-inline:10px}.brands-group[aria-hidden=true]{display:none}}
