/* JBA v16.20.530
 * 1) Homepage category rail: text-only types intentionally have no decorative icon.
 * 2) Mobile product cards: card media is a true square and the image fills it edge-to-edge.
 *    This changes only card presentation; legacy single-product gallery/source sizing from v16.20.528 remains untouched.
 */

/* Text-only homepage categories: remove the former generic icon's reserved gap. */
body .jba-v1620121-category-card.is-iconless > a{
  justify-content:center!important;
  gap:3px!important;
}
body .jba-v1620121-category-card.is-iconless strong{
  min-height:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media (max-width:767px){
  /* Unified cards used by homepage carousels, category lists and related-product rows. */
  html body article.jba-one-product-card,
  html body .jba-native-carousel article.jba-one-product-card,
  html body #content-page.jba-v1670-shop-listing article.jba-one-product-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:auto auto auto auto!important;
  }

  html body article.jba-one-product-card > a.jba-tpd-luxe__thumb,
  html body .jba-native-carousel article.jba-one-product-card > a.jba-tpd-luxe__thumb,
  html body #content-page.jba-v1670-shop-listing 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{
    position:relative!important;
    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;
    background:#f7f8fa!important;
    box-sizing:border-box!important;
  }

  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{
    position:absolute!important;
    inset:0!important;
    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-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){
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}