
/* v216 — compact continuous range thumbnail carousel */
body .range-media-gallery{
  padding-top:20px !important;
  padding-bottom:28px !important;
}

body .range-media-gallery .container{
  overflow:hidden !important;
}

body .range-media-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 0 8px !important;
  grid-auto-flow:unset !important;
  grid-auto-columns:unset !important;
  grid-template-columns:none !important;
  scroll-snap-type:x proximity !important;
  scroll-behavior:smooth !important;
}

body .range-media-card{
  flex:0 0 220px !important;
  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;
  margin:0 !important;
  padding:0 !important;
  scroll-snap-align:start !important;
}

body .range-media-card .range-media-image{
  display:block !important;
  width:220px !important;
  height:138px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
}

body .range-media-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Do not distribute a short gallery across the available width */
body .range-media-track::before,
body .range-media-track::after{
  content:none !important;
  display:none !important;
}

@media(max-width:760px){
  body .range-media-track{
    gap:10px !important;
  }
  body .range-media-card{
    flex-basis:180px !important;
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
  }
  body .range-media-card .range-media-image{
    width:180px !important;
    height:113px !important;
  }
}
