.product-images-sp {
  width: 100%;
}

.product-images-sp img {
  margin-bottom: 23px;
}

.product-description {
  background-color: #fbfaf6;
  padding: 10px;
  font-size: $font-size-base;
}

.payment-btn {
  color: #ffffff;
  background-color: #636262;

}
.sold_out-btn {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}
.mt-24{
  margin-top: 24px;
}

.fixed-button-add-to-card {
  position: fixed;
  bottom: 8px;
  left: 20px;
  width: calc(100vw - 40px);
  z-index: 1000;
}

#modal-contact-dark-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  animation-name: animateopacity;
  animation-duration: 0.3s;
}  
@keyframes animateopacity {
  from {background-color: rgba(0, 0, 0, 0.0)}
  to {background-color: rgba(0, 0, 0, 0.7)}
}
#contact-modal-container {
  z-index: 10001;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contact-modal {
  position: relative;
  margin: 0 auto;
  background-color: white;
  width: 100%;
  height: auto;
  box-shadow: -1px 3px 18px 0px rgba(128,128,128,1);
  animation: drop-in 0.3s cubic-bezier(0.175, 0.885,0.175, 0.885);
  transform: translate(0%, -100%);
  top: 100%;
}
#contact-modal form{
  padding: 10px !important;
}
#contact-modal form .product-form_variants__sp {
  margin-bottom: unset !important;
}

@keyframes drop-in {
  from {top: 120%;}
  to {top: 100%}
}  
.hide-modal-content {
  display: none;
}