/* Asset version: 2026.09.30-2 */

#occasions-app .vehicle-card-photo-frame {
  position: relative;
  display: block;
  overflow: hidden;
  container-type: inline-size;
}

#occasions-app .sold-photo-ribbon {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

#occasions-app .sold-photo-ribbon span {
  position: absolute;
  top: 61.5%;
  left: -5%;
  display: grid;
  width: 160%;
  height: 27%;
  place-items: center;
  overflow: hidden;
  background: #174a72;
  color: #fff;
  font-size: clamp(12px, 2.4vw, 36px);
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  white-space: nowrap;
  transform: rotate(-35deg);
  transform-origin: center;
}

@supports (font-size: 1cqw) {
  #occasions-app .sold-photo-ribbon span {
    font-size: clamp(12px, 6.8cqw, 36px);
  }
}

/* Move the larger label inward on small thumbnails so every letter stays visible. */
#occasions-app .lightbox-thumbnail .sold-photo-ribbon span {
  top: 46.5%;
  left: -20%;
}

#occasions-app .detail-gallery-stage {
  display: grid;
  place-items: center;
}

#occasions-app .detail-gallery-photo.is-sold,
#occasions-app .sold-lightbox-photo.is-sold {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  overflow: hidden;
  place-items: center;
  container-type: inline-size;
}

#occasions-app .detail-gallery-photo.is-sold .detail-gallery-main,
#occasions-app .gallery-lightbox .sold-lightbox-photo .lightbox-image {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

#occasions-app .detail-thumbnail,
#occasions-app .lightbox-thumbnail {
  position: relative;
  container-type: inline-size;
}

#occasions-app .lightbox-stage.is-zoomed .sold-lightbox-photo {
  transition: transform .2s ease;
  transform: scale(1.7);
}