.cn-brands {
  position: relative;
  margin-top: 50px;
  padding: 0 0 30px;
  border-block: 1px solid #dedede;
  background: #f8f8f8;
}
.cn-brands__header { position: relative; margin-top: -23px; text-align: center; padding-inline: 16px; }
.cn-brands__heading { position: relative; top: -2px; color: #b02e64; font-family: var(--font-en); font-size: 38px; font-weight: 700; line-height: 1.2; }
.cn-brands__caption { margin-top: 8px; font-size: 13px; font-weight: 700; line-height: 1.6; }
.cn-brands__rows { margin-top: 30px; display: grid; gap: 30px; }
.cn-brands__row { width: 100%; overflow: hidden; }
.cn-brands__track { display: flex; width: max-content; }
.cn-brands__group { display: flex; flex: none; align-items: center; gap: 30px; width: max-content; margin: 0; padding: 0 30px 0 0; list-style: none; }
.cn-brands__item { flex: none; display: flex; align-items: center; }
.cn-brands__item a { display: block; }
.cn-brands__item a:focus-visible { outline: 2px solid #b5306d; outline-offset: -2px; }
.cn-brands__item img { display: block; height: 25px; width: auto; max-width: none; object-fit: contain; }
.cn-brands__row[data-ready] .cn-brands__track { animation: cn-brand-scroll var(--brand-duration, 80s) linear infinite; will-change: transform; }
.cn-brands__row--bottom[data-ready] .cn-brands__track { animation-direction: reverse; }
@keyframes cn-brand-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--brand-distance))); } }
@media (max-width: 767px) {
  .cn-brands { margin-top: 50px; padding-bottom: 30px; }
  .cn-brands__header { margin-top: -17px; }
  .cn-brands__heading { font-size: 28px; }
  .cn-brands__caption { font-size: 12px; margin-top: 7px; }
  .cn-brands__rows { margin-top: 32px; gap: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .cn-brands__row[data-ready] .cn-brands__track { animation: none; transform: none; will-change: auto; }
  .cn-brands__track { display: block; width: 100%; }
  .cn-brands__group { width: 100%; flex-wrap: wrap; justify-content: center; padding: 0 16px; row-gap: 20px; }
  .cn-brands__group[aria-hidden="true"], .cn-brands__item[aria-hidden="true"] { display: none; }
}