.section.landing-variations {
	width: 100%;
	margin: auto;
	background: #ffffff;
	padding: 30px 0 50px 0;
}

.landing-variations-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.landing-variations-container {
	gap:25px;
}


.landing-variations-card {
	overflow: hidden;
	position: relative;
	z-index: 5;
	padding: 0;
	border-radius: var(--card-border-radius);
	background: #ffffff;
	width: 250px;
	-webkit-box-shadow: 0 0 10px 3px #dddddd;
	-moz-box-shadow: 0 0 10px 3px #dddddd;
	box-shadow: 0 0 10px 3px #dddddd;
}

.landing-variations-image-container {
	position: relative;
}

.landing-variations-image {
	width: 100%;
	height: auto;
	border-radius: var(--card-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


.landing-variations-content {
	color: #000000;
	padding: 8px;
	border-top:1px solid #dddddd;
}


.landing-variations-name {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.landing-variations-name-price {
	color: #000000;
	font-weight: 700;
	font-size: 20px;
}


.landing-variations-order-button,
.landing-variations-order-button:link,
.landing-variations-order-button:visited,
.landing-variations-order-button:active,
.landing-variations-order-button:target,
.landing-variations-order-button:focus {
	display: inline-block;
	cursor: pointer;
	padding: 0.5rem 0.6rem;
	font-size: calc(12px + 0.2vw);
	border: 0;
	background: var(--buttoncolor);
	font-weight: 700;
	color: var(--buttonfontcolor);
	text-decoration: none;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-transform: uppercase;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.landing-variations-order-button:hover {
	background: var(--buttoncolor-hover);
}


.landing-variations-triangle-discount {
	position: absolute;
	z-index: 4;
	width: 0;
	height: 0;
	border-top: 80px solid var(--primarycolor-accent-1);
	border-right: 80px solid transparent;
	border-top-left-radius: var(--card-border-radius);
}

.landing-variations-discount {
	color: white;
	position: relative;
	transform: rotate(-45deg);
	left: 13px;
	top: -44px;
	font-weight: 600;
	font-size: 18px;
	white-space: nowrap;
}


.landing-variations-size {
/*	font-size: 14px;*/
/*	color: #333333;*/
	font-weight: 400;
	background: #f2f2f2;
	padding: 3px 5px;
	border-radius: 3px;
	border:1px solid #eeeeee;
	cursor: default;
}

.landing-variations-sizes-available {
	font-size: 12px;
	margin-top: 10px;
}

.landing-variations-size:hover {
	background: #fefefe;
}


.landing-variations .sold-out {
	filter: grayscale(100%);
	opacity: 0.1;
	cursor: default;
}

.landing-variations-sold-out-title {
	font-size: calc(20px + 0.3vw);
	font-weight: bold;
	position: absolute;
	z-index: 99;
	background-color: var(--buttoncolor);
	width: 150%;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: white;
	font-family: monospace;
	-ms-transform: rotate(-22deg);
	-webkit-transform: rotate(-22deg);
	transform: rotate(-22deg);
	top: 100px;
	right: -30%;
	background: -moz-linear-gradient(left, rgba(209,0,57,0) 0%, rgba(209,0,57,0.8) 35%, rgba(209,0,57,1) 39%, rgba(209,0,57,1) 45%, rgba(209,0,57,1) 51%, rgba(209,0,57,1) 58%, rgba(209,0,57,1) 61%, rgba(209,0,57,0.8) 65%, rgba(209,0,57,0) 100%);
	background: -webkit-linear-gradient(left, rgba(209,0,57,0) 0%,rgba(209,0,57,0.8) 35%,rgba(209,0,57,1) 39%,rgba(209,0,57,1) 45%,rgba(209,0,57,1) 51%,rgba(209,0,57,1) 58%,rgba(209,0,57,1) 61%,rgba(209,0,57,0.8) 65%,rgba(209,0,57,0) 100%);
	background: linear-gradient(to right, rgba(209,0,57,0) 0%,rgba(209,0,57,0.8) 35%,rgba(209,0,57,1) 39%,rgba(209,0,57,1) 45%,rgba(209,0,57,1) 51%,rgba(209,0,57,1) 58%,rgba(209,0,57,1) 61%,rgba(209,0,57,0.8) 65%,rgba(209,0,57,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d10039', endColorstr='#00d10039',GradientType=1 );
}





@media (min-width: 1600px) {
	.landing-variations-wrapper {
		width: 80%;
	}
}

@media (max-width: 1000px) {
	.landing-variations-wrapper {
		width: 90%;
	}
}


@media (max-width: 600px) {
	.landing-variations-wrapper {
		width: 95%;
	}
	.landing-variations-card {
		width: 45%;
	}
	.landing-variations-container {
/*		gap:10px;*/
	}
	.landing-variations-sold-out-title {
		top: 70px;
		height: 40px;
		line-height: 40px;
	}
}

@media (max-width: 380px) {
	.landing-variations-wrapper {
		width: 95%;
	}
	.landing-variations-card {
		width: 80%;
	}

}