/* 6.14.21 — gallery crop fix on set-player PDPs, and Related/Pairs photos fill the 4:3 box.
   Loaded after fix6190. */

/* 1. Main gallery: products with a set-player ([data-ssp]) were getting a 240px height cap
   from fix28y, while fix6147 sized the image to its natural height. The figure is
   overflow:hidden, so square/portrait photos were clipped at the bottom on phone.
   Let the photo determine the height (still capped at 68vh). */
@media (max-width: 1023px){
  html body.dtc-c .pdp-b-gallery .productView-image:not(#a):not(#b),
  html body.dtc-c .pdp-b-gallery .productView-img-container:not(#a):not(#b){
    height:auto!important;max-height:none!important;min-height:0!important;
    aspect-ratio:auto!important}
  html body.dtc-c .pdp-b-gallery .productView-img-container a:not(#a):not(#b){
    height:auto!important;display:block!important}
  html body.dtc-c .pdp-b-gallery img[data-main-image]:not(#a):not(#b),
  html body.dtc-c .pdp-b-gallery .productView-img-container img:not(#a):not(#b),
  html body.dtc-c .pdp-b-gallery .pdp-stack-item img:not(#a):not(#b){
    width:100%!important;height:auto!important;max-height:min(68vh,560px)!important;
    object-fit:contain!important;aspect-ratio:auto!important}
}

/* 2. Related Products + Pairs well with: 4:3 box, fill edge to edge, no white bands, no zoom. */
html body.dtc-c .pdp-suggest-block .card-figure:not(#a):not(#b){
  aspect-ratio:4/3!important;width:100%!important;height:auto!important;padding:0!important;
  overflow:hidden!important;background:#fff!important;position:relative!important}
html body.dtc-c .pdp-suggest-block .card-figure img.card-image:not(#a):not(#b),
html body.dtc-c .pdp-suggest-block .card.c6190-zoom .card-figure img.card-image:not(#a):not(#b){
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:50% 50%!important;transform:none!important;transform-origin:50% 50%}

html body.dtc-c .cbp .cbp-w:not(#a):not(#b){
  aspect-ratio:4/3!important;width:100%!important;height:auto!important;overflow:hidden!important;
  background:#fff!important}
html body.dtc-c .cbp .cbp-w img:not(#a):not(#b){
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:50% 50%!important;transform:none!important}