.ct-ticket-widget {
	display: flex;
	border: 1px solid #ccc;
	padding: 16px;
	border-radius: 12px;
	gap: 20px;
	align-items: center;
	margin-bottom: 20px;
}

.ct-ticket-widget img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 8px;
}

.ticket-quantity {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.ticket-quantity button {
	padding: 6px 12px;
	font-size: 18px;
	cursor: pointer;
}

.ticket-price-qty {
	display: flex;
	gap: 10px;
}

.ticket-price-qty.below {
	flex-direction: column !important;
}

.ticket-price-qty.right {
	flex-direction: row !important;
	align-items: center;
}

.ticket-price-qty.left {
	flex-direction: row-reverse !important;
	align-items: center;
}

.ticket-qty {
	display: flex;
	gap: .5rem;
}

.ticket-qty input[type="number"] {
	width: 100px;
	text-align: center;
	height: 40px;
}

.ticket-qty button {
	transition: all .3s ease;
	cursor: pointer;
	height: 40px;
}

.ticket-qty button:hover {
	transform: scale(1.1);
	filter: brightness(1.1);
}