.studio22-add-to-cart {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0 0 2rem 0;
	border-bottom: 1px solid var(--e-global-color-551a419);

	.variation-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;

		.variation-btn {
			padding: 6px 12px;
			border: 0 none;
			background: #BBBBBB;
			color: #FFF;
			cursor: pointer;
			transition: 0.3s;
			border-radius: 3px;
			font-size: 14px;
			font-family: "poppins", sans-serif;
			font-weight: 400;

			&.active {
				background: black;
				color: white;
			}
		}
	}

	.quantity-control {
		display: none;
		align-items: center;
		gap: 0.5rem;
		position: relative;
		width: max-content;

		/* show .quantity-control only when .studio22-add-to-cart also has the has the class .variation-selected */
		.studio22-add-to-cart.variation-selected & {
			display: flex;
		}


		.qty-btn {
			background:transparent;
			color: #000;
			border:0 none;
			padding: 0.5rem 1rem;
			cursor: pointer;
			font-size: 1rem;
			border-radius: 5px;
			transition: 0.3s;
			width: 38px;
			height: 45px;
			position: absolute;
			right: 0;
			top: 0;

			&.minus {
				left: 0;
				border-right-width: 0;
				border-left-width: 1px;
			}
		}

		.quantity {
			width: 10rem;
			height: 45px;
			padding: 0 42px;
			text-align: center;
			border: 1px solid #ccc;
			font-size: 1rem;
			-webkit-appearance: none;
		}

		input[type="number"].quantity {
			-moz-appearance: textfield;
		}


	}

	.add-to-cart-btn {
		width: 10rem;
		padding: 0.75rem;
		background: #968C83;
		color: white;
		border: none;
		cursor: pointer;
		border-radius: 5px;
		font-size: 12px;
		font-family: "poppins", sans-serif;
		font-weight: 700;
		transition: 0.3s;
		text-transform: uppercase;

		&:hover {
			background: var(--e-global-color-primary);
		}
	}
}

/* Price display */
.variation-price {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}

/* Stock notice message */
.stock-notice {
	font-size: 14px;
	font-weight: bold;
	font-family: "poppins", sans-serif;
	margin-bottom: 10px;
}

/* In-stock message */
.stock-notice.in-stock {
	color: green;
}

/* Low-stock message */
.stock-notice.low-stock {
	color:var(--e-global-color-primary);
}

/* Backorder message */
.stock-notice.backorder {
	color:var(--e-global-color-primary);
}

/* Out-of-stock message */
.stock-notice.out-of-stock {
	color: red;
}

/* Disabled state for out-of-stock variations */
.variation-btn.out-of-stock {
	opacity: 0.5;
	cursor: not-allowed;
}