/* MB-V16.1 — Full original 16-brand strip. Scoped to the homepage widget. */
.mb16-brands{width:min(1320px,calc(100% - 32px));max-width:1320px;margin-inline:auto;padding:54px 0 48px}
.mb16-brands-heading{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 20px;width:100%}
.mb16-brands-heading h2{margin:0;white-space:nowrap;color:#122744;font-size:17px;font-weight:850;line-height:1.6}
.mb16-brands-heading h2 span{color:#0f766e}
.mb16-brands-line{height:1px;background:#e5eaf0;flex:1 1 100px}
.mb16-brands-carousel{display:flex;align-items:center;gap:8px;min-width:0;width:100%}
.mb16-arrow{appearance:none;border:0;background:transparent;color:#aebbc9;display:grid;place-items:center;width:26px;height:48px;padding:0;cursor:pointer;flex:none;transition:color .2s}
.mb16-arrow span{font:normal 30px/1 Arial,sans-serif}
.mb16-arrow:not(:disabled):hover{color:#0f766e}
.mb16-arrow:disabled{opacity:.35;cursor:default}
.mb16-brand-track{display:flex;direction:rtl;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;min-width:0;flex:1;padding:9px 3px 11px;align-items:center}
.mb16-brand-track::-webkit-scrollbar{display:none}
.mb16-brand{display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 60px)/7);height:108px;min-width:0;scroll-snap-align:start;text-decoration:none;transition:transform .2s;overflow:visible}
.mb16-brand-logo{display:block!important;width:100%!important;max-width:188px!important;height:96px!important;max-height:96px!important;object-fit:contain!important;filter:grayscale(1);transform:scale(1.12);transition:transform .2s,filter .2s;margin:auto!important}
.mb16-brand:not(.mb16-brand-empty):hover{transform:translateY(-2px)}
.mb16-brand:not(.mb16-brand-empty):hover .mb16-brand-logo{filter:grayscale(0);transform:scale(1.18)}
.mb16-brand-empty{cursor:default}
@media(max-width:1000px){.mb16-brand{flex-basis:calc((100% - 40px)/5);height:100px}.mb16-brand-logo{height:86px!important;max-height:86px!important}}
@media(max-width:650px){.mb16-brands{width:calc(100% - 24px);padding:34px 0}.mb16-brands-heading{gap:12px}.mb16-brand{flex-basis:calc((100% - 10px)/2);height:91px}.mb16-brand-logo{height:77px!important;max-height:77px!important}.mb16-arrow{width:20px}.mb16-brand-track{gap:10px}}
@media(prefers-reduced-motion:reduce){.mb16-brand-track{scroll-behavior:auto}.mb16-brand,.mb16-brand-logo{transition:none}}

/* MB-V16.2 — arrows point OUTWARD: right at the right edge, left at left edge. */
.mb16-brands .mb16-brands-carousel{direction:rtl;display:flex;align-items:center;gap:10px}
.mb16-brands .mb16-prev{order:0}
.mb16-brands .mb16-brand-track{order:1}
.mb16-brands .mb16-next{order:2}
.mb16-brands .mb16-arrow{
  direction:ltr;flex:0 0 32px;width:32px;height:48px;
  appearance:none;padding:0;border:0;background:transparent;
  color:#b9c5d1;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:color .15s ease;
}
.mb16-brands .mb16-arrow>span{display:none!important}
.mb16-brands .mb16-arrow::before{
  content:"";display:block;width:11px;height:11px;
  border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;
  transform-origin:center center;
}
.mb16-brands .mb16-prev::before{transform:rotate(45deg)}
.mb16-brands .mb16-next::before{transform:rotate(-135deg)}
.mb16-brands .mb16-arrow:not(:disabled):hover{color:#0f766e}
.mb16-brands .mb16-arrow:focus-visible{outline:2px solid #0f766e;outline-offset:2px;border-radius:5px}
.mb16-brands .mb16-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:650px){.mb16-brands .mb16-arrow{flex-basis:23px;width:23px}}