/* Original client logo artwork, restored without altering the image. */
.ala-client-brands { padding-block: clamp(64px,7vw,104px); background: #00202d; color: #fff; border-top: 1px solid rgba(117,150,166,.25); }
.ala-client-brands-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 56px; }
.ala-client-brands-label { font: 700 13px/1.5 var(--ala-font-heading); letter-spacing: .12em; color: #adc3cd; margin: 0 0 20px; }
.ala-client-brands h2 { color: #fff; margin: 0; }
.ala-client-brands-link { display: inline-flex; align-items: center; gap: 24px; flex-shrink: 0; color: #fff; font-size: 16px; line-height: 1.5; font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid #7596a6; text-decoration: none; }
.ala-client-brands-link:hover { color: #adc3cd; }
.ala-client-brands-scroll { overflow-x: auto; padding-bottom: 20px; scrollbar-width: thin; scrollbar-color: #7596a6 #00202d; }
.ala-client-brands-scroll img { display: block; width: 100%; min-width: 1000px; height: auto; }

/* Сетка логотипов из раздела «Клиенты»: колонок столько, сколько помещается (до восьми-девяти),
   поэтому и три логотипа, и тридцать выглядят ровно. На телефоне всегда по три. */
.ala-client-logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: clamp(28px,3vw,48px) clamp(16px,2vw,32px); align-items: center; }
.ala-client-logo { display: flex; align-items: center; justify-content: center; min-width: 0; }
/* Логотипы приходят разной формы: ограничиваем и высоту, и ширину, иначе широкий знак
   выглядит втрое крупнее квадратного. */
.ala-client-logo img { display: block; width: auto; max-width: min(100%, 190px); height: auto; max-height: 46px; object-fit: contain; }
.ala-client-logo img.is-white { filter: brightness(0) invert(1); }
.ala-client-logo a { display: flex; align-items: center; justify-content: center; max-width: 100%; opacity: .85; transition: opacity .2s ease; }
.ala-client-logo a:hover { opacity: 1; }
@media (max-width: 767px) { .ala-client-logos { grid-template-columns: repeat(3, 1fr); } .ala-client-logo img { max-height: 40px; } }
.ala-client-brands :is(a, [tabindex]):focus-visible { outline: 3px solid #7596a6; outline-offset: 5px; }
@media (max-width: 767px) { .ala-client-brands-heading { flex-direction: column; align-items: flex-start; margin-bottom: 36px; } }