/** Shopify CDN: Minification failed

Line 35:1 Expected "}" to go with "{"

**/
/* Ascension (Flickity) product gallery: cap desktop height WITHOUT cropping */
@media (min-width: 990px) {

  /* 1) Cap the Flickity viewer height (overrides inline height) */
  body.template-product #main-content .product-image-container .flickity-viewport{
    height: calc(100vh - 220px) !important;     /* adjust 180–280px */
    max-height: calc(100vh - 220px) !important;
  }

  /* 2) Make slides/media fill the viewer */
  body.template-product #main-content .product-images__slide,
  body.template-product #main-content .product-single__media{
    height: 100% !important;
  }

  /* 3) Turn the square “padding-bottom” frame into a real height-based box */
  body.template-product #main-content .product-single__media-image.aspect-ratio--adapt{
    height: 100% !important;
    padding-bottom: 0 !important;              /* removes the forced square */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 4) Fit the image inside (no crop, keeps ratio for square + landscape) */
body.template-product #main-content .product-single__media-image.aspect-ratio--adapt img{
  height: 100% !important;      /* use the full viewer height */
  width: 100% !important;       /* use the full viewer width */
  object-fit: contain !important; /* still no cropping */
}