.swatch-headline {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
}

.swatch-header {
    font-size: 14px;
    color: #555;
    margin: 0 0 8px;
}

.swatch-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.swatch-footer {
    font-size: 14px;
    color: #555;
    margin: 4px 0 16px;
}

.swatch {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    transition: border-color 0.2s, opacity 0.2s;
	justify-content:space-around;
	border:1px solid #dadada;
	border-radius: 20px;
}

.swatch:hover {
    border-color: #999;
}

.swatch.selected {
    border-color: #333;
}

.swatch.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.swatch img {
    display: block;
    width: 200px;
    height: 100px;
    object-fit: cover;
    border-radius: 20px !important;
}

.swatch--text {
    min-width: 60px;
    text-align: center;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.4;
    user-select: none;
}

.swatch__label {
    display: block;
    font-size: 26px;
    line-height: 1.3;
    margin-top: 6px;
    text-align: center;
    user-select: none;
}

.swatch__price {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 2px;
    text-align: center;
    color: #666;
    user-select: none;
}

.tts-price-display {
    margin: 16px 0;
}

.tts-price-display .price {
    font-size: 1.25em;
    font-weight: 700;
}

/***** Comment this selector to display the default WooCommerce SELECT dropdowns for debugging purposes ******/

table.variations td.value select {
    display: none !important;
}

table.variations tr
{
	display:flex;
}

table.variations td
{
	background-color:inherit !important;
}

table.variations tr	th
{
	display:none;
}

table.variations tbody > tr:nth-child(2n+1) > td
{
	background-color: rgb(250, 248, 246) !important;
}

table.variations tr	td.value
{
	display: flex;
	width:100%;
	padding:30px 0;
	gap:30px;
	flex-direction: column;
	text-align:center;
	justify-content:center;
}

table.variations .swatch-container
{
	justify-content:center;
}

table.variations .swatch-headline
{
	color: rgb(18, 97, 172);
	font-size:32px;
	font-weight:600;
}

form.variations_form
{
	text-align:center;
}

.woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: column;
	gap: 25px;
	justify-content: center;
}

@media screen and (max-width:767px)
{
	.single_variation_wrap
	{
		flex-direction:column;
	}
}

.tts-variation-image {
    margin: 16px 0;
}

.tts-variation-image img {
    display: block;
    max-width: 100%;
    height: auto;
	border-radius:20px !important;
}

.woocommerce-Price-amount
{
	color: rgb(18, 97, 172);
}

.tts-reset-wrap--top
{
	background-color:#faf8f6;
}