/* Scoped to the inline Classic product gallery; modal and quick view stay native. */
#product .images-container .js-qv-mask {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}

#product .images-container .js-qv-mask > .product-images {
  display: grid !important;
  grid-template-columns: repeat(var(--tpmtg-desktop, 4), minmax(0, 1fr)) !important;
  gap: var(--tpmtg-gap, 10px) !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  left: 0 !important;
  top: 0 !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  overflow: visible !important;
  white-space: normal !important;
  list-style: none !important;
}

#product .images-container .js-qv-mask > .product-images > .thumb-container {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#product .images-container .js-qv-mask > .product-images > .thumb-container picture {
  display: block;
}

#product .images-container .js-qv-mask > .product-images > .thumb-container img.thumb {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain;
}

#product .images-container .scroll-box-arrows {
  display: none !important;
}

@media (max-width: 767.98px) {
  #product .images-container .js-qv-mask > .product-images {
    grid-template-columns: repeat(var(--tpmtg-mobile, 3), minmax(0, 1fr)) !important;
  }
}