bmw-image-carousel{display:block;min-width:0}
bmw-image-carousel .bmw-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;overscroll-behavior-x:contain}
bmw-image-carousel .bmw-slides::-webkit-scrollbar{display:none}
bmw-image-carousel .bmw-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
bmw-image-carousel .bmw-slide img{display:block;width:100%;height:auto;object-fit:contain}
bmw-image-carousel .bmw-slide a{display:block}
bmw-image-carousel figcaption{padding:14px 0 4px}
bmw-image-carousel .bmw-carousel-navigation{display:flex;align-items:center;gap:12px}
bmw-image-carousel .bmw-carousel-navigation[hidden]{display:none}
bmw-image-carousel .bmw-segments{display:flex;gap:6px;flex:1;min-width:0}
bmw-image-carousel button{border:0;background:transparent;color:#222;cursor:pointer;min-height:44px;padding:0}
bmw-image-carousel button[data-direction]{width:44px;flex:0 0 44px}
bmw-image-carousel .bmw-segments button{flex:1;min-width:0;position:relative}
bmw-image-carousel .bmw-segments button::after{content:"";display:block;width:100%;height:4px;border-radius:999px;background:#D9DDE3}
bmw-image-carousel .bmw-segments button[aria-current="true"]::after{background:#1877D2}
bmw-image-carousel button:focus-visible,bmw-image-carousel .bmw-slides:focus-visible{outline:2px solid #1877D2;outline-offset:3px}
bmw-image-carousel button:disabled{opacity:.35;cursor:default}
.bmw-pdp--square-material bmw-image-carousel .bmw-slide img{aspect-ratio:1/1;object-fit:contain;background:#f7f7f7}
@media(max-width:749px){
bmw-image-carousel .bmw-slides{gap:12px;scroll-behavior:auto}
bmw-image-carousel .bmw-slide{flex-basis:calc((100% - 12px) / 1.15)}
bmw-image-carousel .bmw-slide:only-child{flex-basis:100%}
bmw-image-carousel .bmw-slide img,.bmw-pdp--square-material bmw-image-carousel .bmw-slide img{border-radius:10px;aspect-ratio:auto;height:auto}
bmw-image-carousel .bmw-segments{justify-content:center;flex-wrap:wrap;gap:0}
bmw-image-carousel .bmw-segments button{flex:0 0 24px;min-width:24px}
bmw-image-carousel .bmw-segments button::after{width:7px;height:7px;margin:auto;border-radius:50%}
bmw-image-carousel .bmw-carousel-navigation button[data-direction]{display:none}
bmw-image-carousel[data-mobile-carousel="false"] .bmw-slides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;overflow:visible;scroll-snap-type:none}
bmw-image-carousel[data-mobile-carousel="false"] .bmw-slide{overflow-wrap:anywhere}
bmw-image-carousel[data-mobile-carousel="false"] .bmw-carousel-navigation{display:none}
bmw-image-carousel figcaption{padding:12px 0 0}
bmw-image-carousel figcaption h3{margin:0 0 8px}
bmw-image-carousel figcaption p{margin:0}
}
@media(prefers-reduced-motion:reduce){bmw-image-carousel .bmw-slides{scroll-behavior:auto!important}}
@media(min-width:768px){
bmw-image-carousel .bmw-slides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none}
bmw-image-carousel .bmw-slide{scroll-snap-align:none;scroll-snap-stop:normal}
bmw-image-carousel .bmw-carousel-navigation{display:none}
}