/*
 * Far Out Promo v100
 * Global product-page behavior: keep the product media visible while the
 * customer scrolls through the configuration and product details.
 */

@media (min-width: 901px) {
  .product,
  .product .productTop {
    overflow: visible;
  }

  .product .productTop {
    align-items: flex-start;
  }

  .product .productTop > div:first-child:not(.info) {
    position: -webkit-sticky;
    position: sticky;
    top: 24px;
    align-self: flex-start;
    min-width: 0;
    z-index: 2;
  }

  .product .productTop > .info {
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .product .productTop > div:first-child:not(.info) {
    position: static;
  }
}