/* Container styling (optional) */
#tt-child-variation-container {
  margin: 20px 0;
}

/* Wrap each row of product content in a flex container */
.tt-child-products-wrap .product-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

/* Thumbnail image */
.tt-child-products-wrap .product-row img {
  width: 60px;      /* Adjust as needed */
  height: auto;
  margin-right: 15px;
}

/* Product text details */
.product-info {
  display: flex;
  flex-direction: column;
  margin-right: auto; /* Pushes the quantity input group to the right */
}

.product-name {
  font-weight: bold;
  margin-bottom: 4px;
}

/* Quantity buttons and input */
.quantity-holder{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.quantity-input {
  display: flex;
  align-items: center;
  border: 1px solid black;
  border-radius: 50px;
  margin-top: 10px;
}
.tt-child-product-qty{
 width: 50px;
  text-align: center;
  margin: 0 4px;
  background: transparent !important;
  border: none !important;
}

.tt-child-product-qty::-webkit-outer-spin-button,
.tt-child-product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.tt-child-product-qty[type=number] {
  -moz-appearance: textfield;
}
.quantity-input button {
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  background: transparent
}
.quantity-input button:hover{
	background: transparent !important;
}

.quantity-input input {
  width: 50px;
  text-align: center;
  margin: 0 5px;
  padding: 4px;
  border: 1px solid #ccc;
}

.tt-create-blend-info{
	display: flex;
  flex-wrap: wrap;
  width: 100%;
	margin: 20px 0 -60px 0;
}
.blend-info-img {
	display: inline-flex;
	line-height: 0;
	position: relative;
	max-width: 100%;
	width: 100px;
	align-content: center;
	justify-content: center;
}
.blend-info-title{
	font-weight: 800;
  font-size: 1rem;
  margin-bottom: 15px;
}
.blend-info-list{
	font-size: .8rem;
}
.blend-info-list li{
	margin-bottom: 1px;
}
.fl-button{
	font-weight: 800;
	display: inline-flex;
	align-items: center;
}
.blend-info-txt{
	font-size: 16px;
    line-height: 1.6;
}

.bi-play-icon {
	width: 20px;
	height: 20px;
	background-color: #52ab62;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
}

  .bi-play-icon::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 8px solid white;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.elevate-mix{
	padding: 0 15%;
}
.related-blends{
	margin-top: 30px;
}
.related-blends .wd-tabs-header{
	flex-wrap: wrap;
	border-bottom: none !important;
}
.wd-tabs.tabs-design-simple .tabs-name{
	border-bottom: none !important;
}
.related-blends .wd-tabs.tabs-design-simple .tabs-name{
	width: 100%;
	text-align: left;
	border-bottom: none !important;
}
.related-blends .tabs-navigation-wrapper ul li{
	border-radius: 50px;
	color: white;
	padding: 0 10px;
	background-color: #000 !important;
}
.related-blends .tabs-navigation-wrapper ul li.wd-active {
	background-color: #52ab62 !important;
}
.related-blends .tabs-navigation-wrapper ul li a{
	color: white !important;
}