/* JBA v16.20.528 — fixed media migration boundary.
 * Legacy products: registered before 1405/05/05 (2026-07-27) retain their
 * historical/original proportions and are not forced into the newer square crop.
 * Modern products: v16.20.526 square/full-bleed mobile rules stay active.
 */
@media (max-width: 767px) {
  html body article.jba-one-product-card.jba-media-legacy > a.jba-tpd-luxe__thumb,
  html body article.jba-dk-card.jba-media-legacy .jba-dk-card__image,
  html body article.jba-dk-card.jba-media-legacy .img-item-slider,
  html body article.jba-dk-card.jba-media-legacy .jba-v1654-card-image,
  html body article.jba-dk-card.jba-media-legacy .jba-v1817-similar__image,
  html body #content-page.jba-v1670-shop-listing article.jba-media-legacy .jba-v1670-product-image-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body article.jba-media-legacy > a.jba-tpd-luxe__thumb picture,
  html body article.jba-media-legacy > a.jba-tpd-luxe__thumb .jba-optimized-picture,
  html body article.jba-dk-card.jba-media-legacy .jba-dk-card__image picture,
  html body article.jba-dk-card.jba-media-legacy .jba-dk-card__image .jba-optimized-picture,
  html body article.jba-dk-card.jba-media-legacy .img-item-slider picture,
  html body article.jba-dk-card.jba-media-legacy .img-item-slider .jba-optimized-picture,
  html body #content-page.jba-v1670-shop-listing article.jba-media-legacy .jba-v1670-product-image-link picture,
  html body #content-page.jba-v1670-shop-listing article.jba-media-legacy .jba-v1670-product-image-link .jba-optimized-picture {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body article.jba-media-legacy > a.jba-tpd-luxe__thumb img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body article.jba-dk-card.jba-media-legacy .jba-dk-card__image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body article.jba-dk-card.jba-media-legacy .img-item-slider img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body article.jba-dk-card.jba-media-legacy .jba-v1654-card-image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body article.jba-dk-card.jba-media-legacy .jba-v1817-similar__image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body #content-page.jba-v1670-shop-listing article.jba-media-legacy .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
  }
}

/* Single-product gallery: old products keep the source aspect/size instead of
 * being stretched into the newer full-frame preview. */
html body .slider-for.jba-media-legacy .slick-list #jbaProductPrimaryPreview {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  object-fit: contain !important;
  object-position: center center !important;
}
html body .slider-for.jba-media-legacy .jba-product-gallery-item img.zoom-image {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}