/* Product Page Animations */
.product-segment-1, .product-segment-2, .mu-component-product-accordion, .mu-product-image {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
} 

/* Fade-in animation */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Fade-in from left to right */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px); 
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Animation for product image */
.mu-product-image {
  animation: fadeInLeft 1s forwards; 
}

/* Fade-in animation for other elements */
.product-segment-1 {
  animation: fadeIn .4s forwards;
  animation-delay: .4s; 
}

.product-segment-2 {
  animation: fadeIn .4s forwards;
  animation-delay: .8s;
}

.mu-component-product-accordion {
  animation: fadeIn .4s forwards;
  animation-delay: .8s;
}


/* Fall Back UI IF Product has mutliple Attribute Properties to provide default pulldowns */
.product-variant-has-multiple-properties table.variations {
  display: block;
}

.product-variant-has-multiple-properties .mu-product-variation-selector-container {
  visibility: hidden;
  height: 0;
}


/* Discount Display */

.price-display del *,
.price-display del {
  color: gray !important;
  margin-right: 2px;
  font-size: 22px;
}

.single-product del+span *, .price-display del+span {
  color: #fd6d48;
}

del.del-ppd-variation {
  margin-right: 4px;
}

div#errorContainer p:last-child {
  margin-bottom: 0!important;
}

.single-product .quantity:not(.buttons-added) {
  display: none !important;
}


/* HIDE B2B Bulk Order Table when Product is not available */
.mu_product-sales-properties-soldout table.egp-b2b-bulk-order-table,
.mu_product-sales-properties-soldout h3.bulk-order-headline,
.mu_product-sales-properties-soldout .egp-b2b-order-all-container,
.mu_product-sales-properties-backorder table.egp-b2b-bulk-order-table,
.mu_product-sales-properties-backorder h3.bulk-order-headline,
.mu_product-sales-properties-backorder .egp-b2b-order-all-container {
   display: none!important;
}

@media screen and (max-width: 600px) {
  .mu-price-wrapper {
      display: flex;
      align-items: inherit;
      flex-direction: column;
      margin-bottom: .6em;
  }

  .mu-price-wrapper .tax-info {
    margin-left: 0;
  }
}