.sfa-slider{--sfa-ink:#102732;--sfa-accent:#ba2534;max-width:1240px;margin:clamp(28px,5vw,64px) auto;padding:0 clamp(16px,3vw,32px);color:var(--sfa-ink)}
.sfa-slider__head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}
.sfa-slider__head h2{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.1;margin:4px 0 0}
.sfa-slider__eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--sfa-accent)}
.sfa-slider__head>a{font-weight:800;color:var(--sfa-accent);text-underline-offset:4px;white-space:nowrap}
.sfa-slider__viewport{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;border-radius:24px}
.sfa-slider__viewport::-webkit-scrollbar{display:none}
.sfa-slider__viewport:focus-visible{outline:3px solid var(--sfa-accent);outline-offset:3px}
.sfa-slider__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.sfa-slider .sfa-offer-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:490px;border-radius:24px;box-shadow:none;animation:none;transition:none}
.sfa-slider .sfa-offer-card:hover{transform:none;box-shadow:none}
.sfa-slider .sfa-offer-image{grid-column:2;grid-row:1;aspect-ratio:auto;height:100%;min-height:490px}
.sfa-slider .sfa-offer-image img{height:100%}
.sfa-slider .sfa-offer-body{grid-column:1;grid-row:1;padding:clamp(24px,4vw,52px);justify-content:center;gap:12px;min-width:0}
.sfa-slider .sfa-offer-body h3{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.08}
.sfa-slider .sfa-teaser{font-size:1.05rem;line-height:1.45}
.sfa-slider .sfa-price{font-size:clamp(1.5rem,2.6vw,2.25rem)}
.sfa-slider .sfa-legal-compact,.sfa-slider .sfa-legal-terms,.sfa-slider .sfa-creative-notice{font-size:.78rem;line-height:1.5}
.sfa-slider .sfa-button{align-self:flex-start;margin-top:6px;background:var(--sfa-accent)}
.sfa-slider .sfa-validity{text-align:left}
.sfa-slider__controls,.sfa-slider__arrows,.sfa-slider__dots{display:flex;align-items:center;gap:9px}
.sfa-slider__controls{justify-content:space-between;margin-top:16px}
.sfa-slider__dots button{width:10px;height:10px;padding:0;min-height:10px;border:0;border-radius:999px;background:#aab9be;cursor:pointer}
.sfa-slider__dots button[aria-current=true]{width:28px;background:var(--sfa-accent)}
.sfa-slider__arrows button{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid #aab9be;background:#fff;color:var(--sfa-ink);font-size:1.8rem;line-height:1;cursor:pointer}
.sfa-slider__arrows button:disabled{opacity:.35;cursor:default}
.sfa-slider button:focus-visible,.sfa-slider a:focus-visible{outline:3px solid var(--sfa-accent);outline-offset:3px}
@media(max-width:700px){.sfa-slider__head{align-items:start;flex-direction:column}.sfa-slider .sfa-offer-card{display:flex;flex-direction:column;min-height:0}.sfa-slider .sfa-offer-image{min-height:0;height:auto;aspect-ratio:16/10}.sfa-slider .sfa-offer-body{padding:22px;justify-content:start}.sfa-slider .sfa-offer-body h3{font-size:1.6rem}.sfa-slider .sfa-button{align-self:stretch}.sfa-slider__viewport{border-radius:18px}}
@media(max-width:767px){.sfa-slider .sfa-offer-card[data-offer-id="3896"] .sfa-price{font-size:clamp(28px,7.8vw,40px)!important;white-space:nowrap!important}}
@media(prefers-reduced-motion:reduce){.sfa-slider__viewport{scroll-behavior:auto}}

/* Keep the original photo and badge, with two fully legible mobile actions. */
.sfa-slider .sfa-actions{width:100%;margin-top:8px}
.sfa-slider .sfa-actions .sfa-button{background:var(--sfa-accent,#ba2534);color:#fff!important;min-width:0;white-space:normal;text-align:center}
.sfa-slider .sfa-actions .sfa-button--outline{background:#fff!important;color:var(--sfa-accent,#ba2534)!important;box-shadow:inset 0 0 0 2px var(--sfa-accent,#ba2534)}
.sfa-slider .sfa-legal-detail-link{font-size:.78rem;font-weight:800;color:var(--sfa-accent,#ba2534);text-underline-offset:3px}
.sfa-slider .sfa-offer-card{min-height:0}
.sfa-slider .sfa-offer-image{min-height:440px}
@media(max-width:700px){.sfa-slider .sfa-offer-image{min-height:0}.sfa-slider .sfa-actions .sfa-button{flex:0 0 auto;width:100%;box-sizing:border-box}.sfa-slider .sfa-offer-body{gap:11px}}

/* Compact campaign cards: the detailed equipment and terms remain on the offer page. */
.sfa-slider .sfa-offer-card--compact .sfa-offer-body{padding:clamp(20px,3vw,34px);gap:10px;justify-content:center;background:linear-gradient(155deg,#fff 0%,#fff 68%,#fff6f4 100%)}
.sfa-slider .sfa-offer-card--compact .sfa-teaser,
.sfa-slider .sfa-offer-card--compact .sfa-highlights{display:none}
.sfa-slider .sfa-offer-card--compact .sfa-badge{order:1;align-self:flex-start;padding:9px 15px;border-radius:999px;background:linear-gradient(100deg,#ab1026,#e3392e);color:#fff;font-size:clamp(17px,2vw,23px);font-weight:900;line-height:1.1;box-shadow:0 9px 18px rgba(166,20,37,.23);transform:rotate(-1deg)}
.sfa-slider .sfa-offer-card--compact h3{order:2;margin:3px 0 0;color:#132b38;font-size:clamp(29px,3vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.035em}
.sfa-slider .sfa-offer-card--compact .sfa-headline-accent{display:block;color:#b4162d}
.sfa-slider .sfa-offer-card--compact .sfa-headline-rest{display:block;color:#132b38}
.sfa-slider .sfa-offer-card--compact .sfa-price{order:3;margin:4px 0 0;padding:13px 18px;border-left:5px solid #c5172d;border-radius:0 13px 13px 0;background:#fff0ec;color:#ac1028;font-size:clamp(36px,4.3vw,56px);font-weight:900;line-height:1.03;letter-spacing:-.045em}
.sfa-slider .sfa-offer-card--compact .sfa-price::before{content:"AKTIONSPREIS · INKL. ÜBERFÜHRUNG";display:block;margin-bottom:5px;color:#842535;font-size:10px;font-weight:850;line-height:1.25;letter-spacing:.08em}
.sfa-slider .sfa-offer-card--compact .sfa-legal-compact{order:4;margin:0;color:#566058;font-size:11px;line-height:1.38}
.sfa-slider .sfa-offer-card--compact .sfa-legal-detail-link{order:5;font-size:11px}
.sfa-slider .sfa-offer-card--compact .sfa-actions{order:6;display:flex;align-items:center;gap:8px;margin-top:4px}
.sfa-slider .sfa-offer-card--compact .sfa-actions .sfa-button{flex:0 0 auto;margin:0;padding:10px 20px;min-height:44px;background:#ba1930;color:#fff!important;font-size:15px}
.sfa-slider .sfa-offer-card--compact .sfa-stock-text{font-size:12px;font-weight:800;color:var(--sfa-accent);text-decoration:underline;text-underline-offset:3px}
.sfa-slider .sfa-offer-card--compact .sfa-validity{order:7;margin:0;font-size:11px}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-badge{background:linear-gradient(100deg,#725146,#ae7454);box-shadow:0 9px 18px rgba(74,48,38,.2);font-size:15px}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] h3{color:#725146}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-price{border-color:#725146;background:#f6efeb;color:#725146}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-price::before{color:#725146}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-actions .sfa-button{background:#725146}
.sfa-slider .sfa-offer-card--compact[data-offer-id="3896"] .sfa-offer-image{background:linear-gradient(90deg,rgba(5,14,26,.34),rgba(5,14,26,.06)),url("https://www.autohaus-schueppel.de/wp-content/uploads/2026/09/mg4-urban-kampagnenhintergrund.webp") center/cover no-repeat!important}
.sfa-slider .sfa-offer-card--compact[data-offer-id="3896"] .sfa-price::before{content:"MG4 EV URBAN ACTIVE · AKTIONSPREIS INKL. ÜBERFÜHRUNG";line-height:1.35}
.sfa-slider .sfa-offer-card--compact[data-offer-id="3896"] .sfa-price{font-size:clamp(36px,4.3vw,56px)!important;white-space:normal!important}
@media(max-width:700px){
  .sfa-slider .sfa-offer-card--compact .sfa-offer-image{aspect-ratio:16/9}
  .sfa-slider .sfa-offer-card--compact .sfa-offer-body{padding:17px 20px;gap:5px}
  .sfa-slider .sfa-offer-card--compact h3{font-size:clamp(26px,8vw,34px)}
  .sfa-slider .sfa-offer-card--compact .sfa-price{font-size:clamp(34px,9vw,46px);white-space:normal!important}
  .sfa-slider .sfa-offer-card--compact .sfa-actions{flex-direction:column;align-items:stretch}
  .sfa-slider .sfa-offer-card--compact .sfa-stock-text{text-align:center;padding:4px}
  .sfa-slider .sfa-offer-card--compact .sfa-legal-detail-link{font-size:10px;line-height:1.25}
  .sfa-slider .sfa-offer-card--compact .sfa-validity{font-size:10px;line-height:1.1}
  .sfa-slider .sfa-offer-card--compact[data-offer-id="3896"] .sfa-price{font-size:clamp(34px,9vw,46px)!important}
}
/* Stable campaign hierarchy: badge, headline, subline, price, short proof. */
.sfa-slider .sfa-offer-card--compact .sfa-card-subtitle{order:3;margin:0;color:var(--sfa-accent);font-size:clamp(18px,2vw,24px);font-weight:850;line-height:1.17}
.sfa-slider .sfa-offer-card--compact .sfa-price{order:4}
.sfa-slider .sfa-offer-card--compact .sfa-card-note{order:5;margin:0;color:#626968;font-size:10px;line-height:1.3}
.sfa-slider .sfa-offer-card--compact .sfa-legal-compact{order:6}
.sfa-slider .sfa-offer-card--compact .sfa-legal-detail-link{order:7}
.sfa-slider .sfa-offer-card--compact .sfa-actions{order:8}
.sfa-slider .sfa-offer-card--compact .sfa-validity{order:9}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-card-subtitle{color:#725146}
/* The KGM saving is the primary catch on the homepage as well. */
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] h3{font-size:clamp(1.55rem,2.2vw,2.15rem)}
.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-card-subtitle{font-size:clamp(2.15rem,3.6vw,3.7rem);line-height:1.03;letter-spacing:-.045em;font-weight:950;color:#834c3b}
@media(max-width:700px){.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] h3{font-size:1.45rem}.sfa-slider .sfa-offer-card--compact[data-brand="KGM"] .sfa-card-subtitle{font-size:clamp(2rem,8vw,2.75rem)}}