.mm-brand-carousel{max-width:640px;margin:18px auto 26px;padding:17px 20px 15px;border:0;border-radius:0;background:#fff;direction:rtl}
.mm-brand-carousel__head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:12px;position:relative}
.mm-brand-carousel__head h2{grid-column:2;font-size:19px;line-height:1.3;margin:0;font-weight:750;color:#111;text-align:center}
.mm-brand-carousel__clear{grid-column:3;justify-self:end;font-size:13px;color:#333;text-decoration:underline;text-underline-offset:3px}
.mm-brand-carousel__body{display:flex;align-items:center;gap:9px;min-width:0}
.mm-brand-carousel.is-static .mm-brand-carousel__body{justify-content:center}
.mm-brand-carousel.is-static .mm-brand-carousel__track{flex:0 1 auto;width:max-content;max-width:100%;margin-inline:auto}
.mm-brand-carousel__track{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-width:0;padding:3px 2px 8px}
.mm-brand-carousel__track::-webkit-scrollbar{display:none}
.mm-brand-carousel.is-static .mm-brand-carousel__track{overflow-x:hidden;scroll-snap-type:none;justify-content:center}
.mm-brand-carousel__item{display:flex;flex:0 0 94px;flex-direction:column;align-items:center;gap:5px;color:#222;text-align:center;text-decoration:none;scroll-snap-align:start;font-size:13px;line-height:1.2}
.mm-brand-carousel__circle{display:flex;width:68px;height:68px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ddd;border-radius:50%;background:#fff;padding:7px;transition:border-color .18s,box-shadow .18s}
.mm-brand-carousel__circle img{display:block;width:100%;height:100%;object-fit:contain}
.mm-brand-carousel__wordmark{font-size:11px;font-weight:800;line-height:1.05;letter-spacing:-.035em;white-space:nowrap}
.mm-brand-carousel__item:hover .mm-brand-carousel__circle,.mm-brand-carousel__item:focus-visible .mm-brand-carousel__circle,.mm-brand-carousel__item.is-active .mm-brand-carousel__circle{border-color:#111;box-shadow:0 0 0 2px #f5d500}
.mm-brand-carousel__item:focus-visible{outline:2px solid #111;outline-offset:3px;border-radius:6px}
.mm-brand-carousel__item.is-active .mm-brand-carousel__name{font-weight:800}
.mm-brand-carousel__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:5px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;cursor:pointer}
.mm-brand-carousel__arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;direction:ltr}
.mm-brand-carousel__arrow:disabled{opacity:.3;cursor:default}
.mm-brand-carousel__arrow[hidden]{display:none}
@media(max-width:600px){.mm-brand-carousel{box-sizing:border-box;width:100%;max-width:none;margin:14px auto 20px;padding:14px 11px 11px;border-radius:12px}.mm-brand-carousel__head h2{font-size:17px}.mm-brand-carousel__clear{grid-column:1/-1;grid-row:2;justify-self:center}.mm-brand-carousel__body{gap:4px;justify-content:center}.mm-brand-carousel__track{gap:5px}.mm-brand-carousel__item{flex-basis:76px;font-size:12px}.mm-brand-carousel__circle{width:60px;height:60px}.mm-brand-carousel__wordmark{font-size:10px}.mm-brand-carousel__arrow{flex-basis:26px;width:26px;height:26px;padding:4px}}
