.variant-container-available {
  cursor: pointer;
  background-color: #FBFAFB;
  background: none;
}

.variant-container-active {
  background-color: #f4f2f4;
  border-color: #7F8183;
}

.variant-container-disabled {
  cursor: not-allowed;
  text-decoration: line-through;
  color: #cbcbcb;
}

.variant-container-disabled:hover {
  
}

/* Hide scrollbar for Chrome, Safari and Opera */
#product-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#product-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.product-fixed {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 50%;
	bottom: 50%;
  width: 50%;
}

.product-fixed-relative {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.product-div {
  margin-top: auto; 
  margin-bottom: auto;
}

.product-div-relative {
  margin-top: auto;
}