.motorcycle-brands {
    padding: 30px 0 28px;
    background: #fff;
    color: #181818;
    border-bottom: 1px solid #e9e9e9;
}
.motorcycle-brands__heading {
    margin: 0 0 10px;
    text-align: center;
    font-family: var(--font-heading, inherit);
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
}
.motorcycle-brands__marquee {
    position: relative;
    text-align: center;
}
.motorcycle-brands__pause {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    accent-color: var(--color-primary, #f97316);
    cursor: pointer;
}
.motorcycle-brands__pause-label {
    display: inline;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #616161;
    cursor: pointer;
}
.motorcycle-brands__pause:focus-visible {
    outline: 2px solid #181818;
    outline-offset: 3px;
}
.motorcycle-brands__viewport {
    margin-top: 16px;
    overflow: hidden;
    width: 100%;
}
.motorcycle-brands__track {
    display: flex;
    width: max-content;
    animation: motorcycle-brand-scroll 40s linear infinite;
}
.motorcycle-brands__group {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 0 0 auto;
    list-style: none;
    margin: 0;
    padding: 0 32px 0 0;
}
.motorcycle-brands__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 160px;
    width: 160px;
    height: 88px;
}
.motorcycle-brands__item img {
    display: block;
    width: 160px;
    height: 88px;
    max-width: 100%;
    object-fit: contain;
}
.motorcycle-brands__viewport:hover .motorcycle-brands__track,
.motorcycle-brands__pause:checked ~ .motorcycle-brands__viewport .motorcycle-brands__track {
    animation-play-state: paused;
}
@keyframes motorcycle-brand-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@media (max-width: 640px) {
    .motorcycle-brands { padding: 24px 0; }
    .motorcycle-brands__group { gap: 22px; padding-right: 22px; }
    .motorcycle-brands__item { flex-basis: 120px; width: 120px; height: 68px; }
    .motorcycle-brands__item img { width: 120px; height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
    .motorcycle-brands__pause,
    .motorcycle-brands__pause-label { display: none; }
    .motorcycle-brands__viewport { overflow: visible; }
    .motorcycle-brands__track { display: block; width: 100%; animation: none; }
    .motorcycle-brands__group { flex-wrap: wrap; justify-content: center; padding: 0; gap: 20px; }
    .motorcycle-brands__group[aria-hidden="true"] { display: none; }
}

/* OCF_AGENT_BLOCK:brand-logo-artwork-sizes START */
/* Scale the visible artwork, accounting for whitespace in the original assets. */
.motorcycle-brands__item { overflow: hidden; }
.motorcycle-brands__item img { transform: scale(var(--brand-logo-scale, 1)); }
.motorcycle-brands__item[data-brand="gasgas"] { --brand-logo-scale: 1.27; }
.motorcycle-brands__item[data-brand="bmw"] { --brand-logo-scale: .93; }
.motorcycle-brands__item[data-brand="honda"] { --brand-logo-scale: 1.3; }
.motorcycle-brands__item[data-brand="husqvarna"] { --brand-logo-scale: 1.54; }
.motorcycle-brands__item[data-brand="kawasaki"] { --brand-logo-scale: 2.75; }
.motorcycle-brands__item[data-brand="ktm"] { --brand-logo-scale: 1.54; }
.motorcycle-brands__item[data-brand="suzuki"] { --brand-logo-scale: .95; }
.motorcycle-brands__item[data-brand="yamaha"] { --brand-logo-scale: 1; }
.motorcycle-brands__item[data-brand="victory"] { --brand-logo-scale: 1.65; }
.motorcycle-brands__item[data-brand="sherco"] { --brand-logo-scale: 1.6; }
/* OCF_AGENT_BLOCK:brand-logo-artwork-sizes END */