/* Item media early-paint fallback.
   Platform keeps .vw-slider invisible until lightSlider is ready; show the first frame immediately. */
body .g24-media-slider {
  opacity: 1;
}

body .g24-media-slider:not(.lightSlider) {
  overflow: hidden;
}

body .g24-media-slider:not(.lightSlider) > .j-view-images-frame {
  display: none;
}

body .g24-media-slider:not(.lightSlider) > .j-view-images-frame:first-child {
  align-items: center;
  background: var(--light-bg-color);
  border-radius: 4px;
  display: flex;
  height: 450px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

body
  .vw-slider-cover
  .g24-media-slider:not(.lightSlider)
  > .j-view-images-frame:first-child
  > img {
  height: 100%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  width: 100%;
}

body
  .vw-slider-contain
  .g24-media-slider:not(.lightSlider)
  > .j-view-images-frame:first-child
  > img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  body .g24-media-slider:not(.lightSlider) > .j-view-images-frame:first-child {
    height: 280px;
  }
}

@media (max-width: 767px) {
  body .g24-media-slider:not(.lightSlider) > .j-view-images-frame:first-child {
    border-radius: 0;
    height: 240px;
  }
}

@media (max-width: 359px) {
  body .g24-media-slider:not(.lightSlider) > .j-view-images-frame:first-child {
    height: 220px;
  }
}

@media (max-width: 991px) {
  body
    .rp-vw-slider-box
    .lSSlideOuter
    .lSPager.lSGallery.g24-media-thumbs-scroll {
    box-sizing: border-box;
    display: flex !important;
    gap: 7px;
    justify-content: flex-start !important;
    left: 0 !important;
    margin: 10px 0 0 !important;
    max-width: 100%;
    min-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 2px !important;
    right: auto !important;
    scrollbar-width: none;
    scroll-padding-inline: 12px;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    transform: none !important;
    -webkit-transform: none !important;
    -webkit-overflow-scrolling: touch;
    width: 100% !important;
  }

  body
    .rp-vw-slider-box
    .lSSlideOuter
    .lSPager.lSGallery.g24-media-thumbs-scroll::-webkit-scrollbar {
    display: none;
  }

  body
    .rp-vw-slider-box
    .lSSlideOuter
    .lSPager.lSGallery.g24-media-thumbs-scroll
    > li {
    flex: 0 0 90px;
    float: none !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    margin-right: 0 !important;
    scroll-snap-align: start;
    width: 90px !important;
  }

  body
    .rp-vw-slider-box
    .lSSlideOuter
    .lSPager.lSGallery.g24-media-thumbs-scroll
    > li
    img {
    border-radius: 4px;
    height: 60px !important;
    object-fit: cover;
    width: 100%;
  }
}