.product {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--unit);
  align-items: start;
}
.product .product-story {
  padding: var(--unit) var(--unit) 0 var(--unit);
  margin-top: 50px;
}

.product-desc {
  align-self: start;
  position: sticky;
  top: 50px;
  padding: var(--unit) var(--unit) 0 var(--unit);
}
.product-desc .main-info {
  padding-bottom: 1em;
}

.snipcart-checkout,
.snipcart-add-item {
  display: block;
  height: 38px;
  font-size: calc(var(--unit) * 2 - 2px);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: none;
  padding: var(--unit) calc(var(--unit) * 2);
  margin-bottom: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.snipcart-checkout:hover,
.snipcart-add-item:hover {
  background-color: var(--btn-hover);
}

.snipcart-checkout {
  color: var(--primary-color);
  background-color: var(--btn-light);
  position: fixed;
  top: var(--unit);
  right: 80px;
  z-index: 10;
}

.snipcart-add-item {
  color: white;
  background-color: black;
  margin-top: 1em;
}

.snipcart {
  position: relative;
  z-index: 1000;
}

.video-autoplay video {
  width: 100%;
}

@media screen and (max-width: 45rem) {
  .product {
    display: flex;
    flex-direction: column-reverse;
  }
  .product-desc {
    position: relative;
    margin-top: 50px;
    padding: var(--unit) var(--unit) 0 var(--unit);
  }
}

/*# sourceMappingURL=product.css.map */