.sps-logo-strip {
    --sps-strip-red: #d7192d;
    --sps-strip-ink: #101828;
    width: 100%;
    padding: 24px 30px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #eaedf2;
    border-bottom: 1px solid #eaedf2;
}

.sps-logo-strip--soft { background: #f7f8fa; }
.sps-logo-strip--dark { color: #fff; background: #0b1220; border-color: rgba(255,255,255,.09); }
.sps-logo-strip__inner { display: grid; width: min(1280px,100%); min-height: 120px; margin: 0 auto; grid-template-columns: minmax(210px,280px) minmax(0,1fr); align-items: center; gap: 34px; }
.sps-logo-strip__heading { display: grid; grid-template-columns: 4px minmax(0,1fr); align-items: center; gap: 15px; }
.sps-logo-strip__line { width: 4px; height: 54px; background: linear-gradient(var(--sps-strip-red),#a90e21); border-radius: 999px; }
.sps-logo-strip__title { margin: 0; color: var(--sps-strip-ink); font-size: clamp(20px,2.2vw,27px); line-height: 1.15; }
.sps-logo-strip--dark .sps-logo-strip__title { color: #fff; }
.sps-logo-strip__subtitle { margin: 6px 0 0; color: #667085; font-size: 13px; line-height: 1.4; }
.sps-logo-strip--dark .sps-logo-strip__subtitle { color: #aab4c5; }
.sps-logo-strip__controls { display: flex; grid-column: 2; margin-top: 11px; gap: 7px; }
.sps-logo-strip__control { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; color: #475467; background: transparent; border: 1px solid #dfe3e9; border-radius: 9px; cursor: pointer; }
.sps-logo-strip__control:hover { color: #fff; background: var(--sps-strip-red); border-color: var(--sps-strip-red); }
.sps-logo-strip--dark .sps-logo-strip__control { color: #d6dce5; border-color: rgba(255,255,255,.18); }
.sps-logo-strip__control svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sps-logo-strip__viewport { position: relative; min-width: 0; overflow: hidden; outline: none; mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.sps-logo-strip__track { display: flex; width: max-content; will-change: transform; }
.sps-logo-strip__group { display: flex; padding-right: 30px; align-items: center; gap: 18px; }
.sps-logo-strip__item { display: grid; flex: 0 0 var(--sps-logo-width,150px); width: var(--sps-logo-width,150px); height: 78px; padding: 13px 18px; place-items: center; background: rgba(255,255,255,.92); border: 1px solid #e8ebf0; border-radius: 15px; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sps-logo-strip--soft .sps-logo-strip__item { background: #fff; }
.sps-logo-strip--dark .sps-logo-strip__item { background: rgba(255,255,255,.96); border-color: rgba(255,255,255,.16); }
.sps-logo-strip__item:hover { border-color: rgba(215,25,45,.35); box-shadow: 0 10px 24px rgba(16,24,40,.1); transform: translateY(-2px); }
.sps-logo-strip__image { display: block; max-width: 100%; max-height: 48px; width: auto; height: auto; object-fit: contain; transition: filter .25s ease,opacity .25s ease; }
.sps-logo-strip__item:hover .sps-logo-strip__image { filter: grayscale(0); opacity: 1; }

@media (max-width: 760px) {
    .sps-logo-strip { padding: 22px 20px; }
    .sps-logo-strip__inner { min-height: 0; grid-template-columns: 1fr; gap: 19px; }
    .sps-logo-strip__heading { grid-template-columns: 4px minmax(0,1fr) auto; }
    .sps-logo-strip__controls { grid-column: 3; grid-row: 1; margin-top: 0; }
    .sps-logo-strip__viewport { margin-right: -20px; margin-left: -20px; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
    .sps-logo-strip__track { padding-left: 20px; }
    .sps-logo-strip__item { height: 70px; }
}

@media (prefers-reduced-motion: reduce) {
    .sps-logo-strip__track { will-change: auto; }
    .sps-logo-strip__item,.sps-logo-strip__image { transition: none; }
}