#product-variants {
	background-color: white;
	padding: 1em;
	margin-bottom: 1em;
	overflow: hidden;
}

.product-variants-header {
	text-align: center;
	font-size: 1.4em;
}

.product-variants-header .price {
	font-size: 30px;
}

.product-variants-header .nb {
	font-weight: bold;
}

a.button.product-variants {
	margin-bottom: 1em;
}

#product-variants table {
	width: 100%;
	margin: 1em 0;
}

#product-variants-table th {
	font-weight: bold;
	padding: 0.75em;
}

#product-variants-table th a {
	white-space: nowrap;
}

#product-variants-table .nowrap {
	white-space: nowrap;
}

#product-variants-table th,
#product-variants-table td {
	text-align: center;
}

#product-variants-table td .add-to-cart {
	margin-left: 1em;
	margin-top: 4px;
	margin-bottom: 4px;
}

#product-variants-table td .add-to-cart:hover {
	background-color: #4083bd;
}

#product-variants-table td.price {
	color: #294e0b;
}

#product-variants-table td.price.reduction {
	color: #000000;
	font-weight: bold;
}

#product-variants-table th.reduchead1 {
	background-color: #ffecb8;
}

#product-variants-table th.reduchead2 {
	background-color: #ffdc7b;
}

#product-variants-table th.reduchead3 {
	background-color: #ffcc3f;
}

#product-variants-table th.reduchead4 {
	background-color: #ffc21b;
}

#product-variants-table input::-webkit-outer-spin-button,
#product-variants-table input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#variants-filter {
	display: flex;
	justify-content: center;
}

#product-variants .filterVariants {
	background-color: #e8e8e8;
	border-color: #4083bd;
}

#variants-filter label {
	margin: 0 0 0 1em;
	font-size: 15px;
	padding: 0.1em 0.3em;
}

#variants-filter label:has(+ .filtering) {
	font-weight: bold;
}

#variants-filter select {
	margin: 0 1em 0 0.5em;
}

#variants-filter select {
	background-color: white;
	border: thin solid #2b6f8f;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1em;
	padding: 0.1em 0.3em;
}

#filter-reset {
	display: none;
	margin-left: 2em;
}

#filter-reset a {
	padding: 0.2em 0.5em;
}

#filter-reset a:hover {
	color: white;
}

#filter-tools {
	display: flex;
	justify-content: flex-start;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

@media screen and (max-width: 990px) {
	#product-variants {
		display: none;
	}
}