/**
 * 360 Degree Product Rotation by YoFLA.com styles
 */

/**
 *  Styels for auto-aspect-ratio iframe sizing
 */
iframe.yofla_360_iframe_auto-aspect-ratio{
  width: 100%;
  height: 100%;
}

.yofla_360_sizer {
  display: grid;
  /* max-width: 500px; # value is set via inline syles */
  width: 100%;
}
.yofla_360_sizer > *
{
  grid-area: 1 / 1 / 2 / 2;
}

/**
 * On mobile screens: reduce height of the 360 view to fit viewport
 */
@media only screen and (max-width: 450px) {
  iframe.yofla_360_iframe{
    max-height: 280px;
  }
}