/* JBA v16.20.526 — mobile product-card image ownership.
 * On phones every storefront product-card media area is a true 1:1 square and
 * the product image fills 100% of that frame. This intentionally overrides the
 * older v16.20.459 mobile `object-fit:contain` behavior that could leave visible
 * empty gutters at the left/right of cards and carousel items.
 */
@media (max-width: 767px) {
  html body article.jba-tpd-luxe__card > a.jba-tpd-luxe__thumb,
  html body article.jba-one-product-card > a.jba-tpd-luxe__thumb,
  html body .jba-dk-card .jba-dk-card__image,
  html body .jba-dk-card .img-item-slider,
  html body .jba-dk-card .jba-v1654-card-image,
  html body .jba-dk-card .jba-v1817-similar__image,
  html body #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body article.jba-tpd-luxe__card > a.jba-tpd-luxe__thumb picture,
  html body article.jba-tpd-luxe__card > a.jba-tpd-luxe__thumb .jba-optimized-picture,
  html body article.jba-one-product-card > a.jba-tpd-luxe__thumb picture,
  html body article.jba-one-product-card > a.jba-tpd-luxe__thumb .jba-optimized-picture,
  html body .jba-dk-card .jba-dk-card__image picture,
  html body .jba-dk-card .jba-dk-card__image .jba-optimized-picture,
  html body .jba-dk-card .img-item-slider picture,
  html body .jba-dk-card .img-item-slider .jba-optimized-picture,
  html body .jba-dk-card .jba-v1654-card-image picture,
  html body .jba-dk-card .jba-v1654-card-image .jba-optimized-picture,
  html body .jba-dk-card .jba-v1817-similar__image picture,
  html body .jba-dk-card .jba-v1817-similar__image .jba-optimized-picture,
  html body #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link picture,
  html body #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link .jba-optimized-picture {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body article.jba-tpd-luxe__card > a.jba-tpd-luxe__thumb img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body article.jba-one-product-card > a.jba-tpd-luxe__thumb img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body .jba-dk-card .jba-dk-card__image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body .jba-dk-card .img-item-slider img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body .jba-dk-card .jba-v1654-card-image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body .jba-dk-card .jba-v1817-similar__image img:not(.deluxe-javaherat):not(.haraj-javaherat),
  html body #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat) {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  /* Do not let older fixed-height mobile card rules clip the now-square media. */
  html body article.jba-one-product-card,
  html body .jba-native-carousel .jba-one-product-card,
  html body .jba-native-carousel .jba-dk-card.jba-v196-card {
    height: auto !important;
    max-height: none !important;
  }
}