/* ═══ FELGEN-AUSWAHL (T7 rim selector) ═══ */
.rims-section{padding-bottom:clamp(40px,6vh,72px)}
.rims-section .section-header{margin-bottom:clamp(20px,3vh,36px)}
.rims-section .section-sub{margin:0 auto}

/* the stage carries the soft studio backdrop; the white photo is multiplied onto it */
.rims-stage{position:relative;border-radius:28px;overflow:hidden;padding:clamp(4px,1vw,16px) 0 clamp(8px,2vw,28px);
  background:linear-gradient(180deg,#fff 0%,#fbfaf8 52%,#efece6 100%)}
.rims-frame{position:relative;aspect-ratio:2400/1111;max-width:1320px;margin:0 auto;
  background:#fff;mix-blend-mode:multiply}
.rims-view,.rims-view img{position:absolute;inset:0;width:100%;height:100%}
.rims-view img{object-fit:contain;display:block}
.rims-view{opacity:0;transition:opacity .5s ease}
.rims-view.is-active,.rims-view.is-leaving{opacity:1}
.rims-view.is-active{z-index:2}
.rims-view.is-leaving{z-index:1}

.rims-picker{display:flex;justify-content:center;gap:clamp(12px,1.6vw,20px);margin-top:clamp(20px,3vh,32px)}
.rims-thumb{width:72px;height:72px;border-radius:50%;padding:5px;background:#fff;
  box-shadow:0 0 0 1px var(--border);transition:box-shadow .25s,transform .25s}
.rims-thumb img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.rims-thumb:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--muted-2)}
.rims-thumb[aria-pressed="true"]{box-shadow:0 0 0 2px var(--txt)}
.rims-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* reserve the tallest caption so the button doesn't jump when switching */
.rims-caption{margin:18px auto 0;text-align:center;min-height:3.2em;max-width:520px}
.rims-name{display:block;font-size:clamp(1rem,1.3vw,1.15rem);font-weight:600;color:var(--txt);letter-spacing:-.2px}
.rims-note{display:block;margin-top:4px;font-size:.86rem;font-weight:400;color:var(--muted)}
.rims-cta{display:flex;justify-content:center;margin-top:clamp(16px,2.4vh,24px)}

@media(max-width:768px){
  /* full-bleed like a car configurator: the front of the van fills the width */
  .rims-stage{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}
  .rims-frame{aspect-ratio:1200/974;max-width:none}
  .rims-thumb{width:58px;height:58px;padding:4px}
  .rims-picker{gap:12px}
  .rims-caption{min-height:4.6em}
}
@media(max-width:420px){
  .rims-caption{min-height:6em}
}
@media(max-width:360px){
  .rims-thumb{width:52px;height:52px}
  .rims-picker{gap:9px}
}
@media(prefers-reduced-motion:reduce){
  .rims-view,.rims-thumb{transition:none}
}