.partner-showcase { padding: 94px 0; background: #f3f4f4; overflow: hidden; }
.partner-heading { padding: 0 8%; margin-bottom: 38px; }.partner-heading h2 { margin: 0; font: 800 clamp(44px, 5vw, 72px)/.92 var(--cond); text-transform: uppercase; }.partner-heading h2 em { color: var(--red); font-style: normal; }
.partner-window { width: 100%; overflow: hidden; position: relative; }.partner-window::before, .partner-window::after { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; width: 13%; pointer-events: none; }.partner-window::before { left: 0; background: linear-gradient(90deg,#f3f4f4,transparent); }.partner-window::after { right: 0; background: linear-gradient(270deg,#f3f4f4,transparent); }
.partner-track { width: max-content; display: flex; gap: 22px; align-items: center; animation: partner-scroll 18s linear infinite; }.partner-window:hover .partner-track { animation-play-state: paused; }
.partner-logo { width: min(38vw, 480px); height: 176px; background: #fff; padding: 22px 35px; border: 1px solid #e1e3e4; display: grid; place-items: center; box-shadow: 0 12px 25px #1516190a; transition: transform .3s, box-shadow .3s; }.partner-logo:hover { transform: translateY(-7px); box-shadow: 0 16px 26px #15161920; }.partner-logo img { max-width: 100%; max-height: 105px; object-fit: contain; }.partner-logo.kjellberg { background: #ffbd2f; border-color: #e6a818; }
@keyframes partner-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 11px)); } }
.whatsapp-shortcut { position: fixed; z-index: 30; right: 24px; bottom: 24px; height: 53px; padding: 0 18px 0 13px; display: flex; align-items: center; gap: 9px; border-radius: 28px; background: #25d366; color: #fff; box-shadow: 0 12px 27px #0004; font: 800 11px var(--font); letter-spacing: .2px; transition: transform .25s, box-shadow .25s; }.whatsapp-shortcut:hover { transform: translateY(-4px) scale(1.03); box-shadow: 0 17px 32px #0005; }.whatsapp-shortcut span { width: 30px; height: 30px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; font: 800 19px/1 Arial; transform: rotate(-30deg); }.whatsapp-shortcut b { text-transform: uppercase; }
@media (max-width: 680px) { .partner-showcase { padding: 70px 0; }.partner-heading { padding: 0 8%; }.partner-logo { width: 76vw; height: 142px; padding: 18px 25px; }.partner-logo img { max-height: 82px; }.whatsapp-shortcut { right: 16px; bottom: 16px; height: 49px; }.whatsapp-shortcut b { display: none; } }