/* GLOBAL PRODUCT GALLERY GAP FIX
   Purpose: prevent tall gallery images from pushing thumbnails far below the main image.
   Keep this narrow so it does not redesign existing galleries.
*/

@media screen and (min-width: 1200px) {
  .bd-gallery-wrapper .bd-main-gallery {
    align-items: flex-start !important;
  }

  .bd-gallery-wrapper .bd-gallery-item {
    flex: 0 0 100% !important;
    min-width: 100% !important;
  }

  .bd-gallery-wrapper .bd-gallery-item img {
    width: auto !important;
    max-width: 720px !important;
    height: 350px !important;
    max-height: 350px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 0.125em !important;
  }

  .bd-gallery-wrapper .bd-thumbnail-bar {
    margin-top: 0.25em !important;
  }
}