div.variants.varblock {
	background-color: rgb(235, 235, 235);
	margin-bottom: 1em;
	padding: 5px;
}

div.varblock-row1 {
	display: flex;
	flex-direction: row;
	/* background-color:rgb(255, 255, 255); */
	position: relative;
}

div.varblock-img {
	display: flex;
	justify-content: center;
	position: relative;
}

div.varblock-img > img {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.varblock-stock {
	display: flex;
	margin-top: 5px;
	margin-left: .5em;
}

/* .varblock-price div.price > .primary > .value {
    font-size: 2rem;
} */

.varblock-price {
	display: flex;
	flex-direction: column;
	display: inline-block;
}

.varblock-price .before span {
	text-decoration: line-through;
	text-decoration-color: rgba(178, 34, 34, 0.8);
	text-decoration-thickness: 2px;
}

.varblock-price .price,
.varblock-price .price .primary,
.varblock-price .price .primary .value {
	display: inline-block;
}

.varblock-price-and-stock {
	width: calc(100% - 100px);
	display: flex;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.varblock-price-base {
	font-weight: bold;
	font-size: 1.75em;
	/* background-color: antiquewhite; */
	display: flex;
	justify-content: center;
}

.varblock-price-primary {
	font-weight: normal;
	font-size: 1em;
	/* background-color: antiquewhite; */
	display: flex;
	justify-content: center;
}

.varblock-name {
	margin: 9px 0 15px 0;
}

.varblock-htitle {
	font-size: 1.2rem;
	font-weight: bold;
	display: inline-block;
}

.varblock-short-desc {
	margin-bottom: 1em;
}

.varblock-desc-text {
	width: 100%;
	display: block;
	font-style: italic;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.varblock-desc-lines-show {
	-webkit-line-clamp: unset;
}

.varblock-button-small {
	padding: .2em 1em;
	margin-right: .5em;
}

/* qGallery - START */
.center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qGallery-left-button,
.qGallery-right-button {
	background-color: rgba(245, 245, 245, 0.75);
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}

.qGallery-left-button:hover,
.qGallery-right-button:hover {
	background-color: var(--main-link-color);
	fill: var(--secondary-text-color);
}

.center-flex:hover div.qGallery-left-button,
.center-flex:hover div.qGallery-right-button {
	background-color: var(--main-link-color);
	fill: var(--secondary-text-color);
	color: var(--secondary-text-color);
}

div.qGallery a.prev,
div.qGallery a.next,
div.qGallery a.prev:hover,
div.qGallery a.next:hover {
	background-color: unset;
}

/* qGallery - END */

@media screen and ( max-width: 360px) {
	.varblock-price {
		width: 100%;
	}
	
	.qGallery-left-button,
	.qGallery-right-button {
		background-color: rgba(245, 245, 245, 0.75);
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
	}
	
	.qGallery-left-button svg.icon,
	.qGallery-right-button svg.icon {
		width: 1rem;
		height: 1rem;
	}
}


.varblock-row1 > .varblock-img > div picture img {
	width: 125px;
	height: auto;
}

.varblock-row1 > .varblock-price-and-stock {
	width: 300px;
	text-align: left;
}

.varblock-row1 > .varblock-price-and-stock .productActions {
}

/* DesignPlus price */
.varblock-row1 > .varblock-price-and-stock .price .primary h1 {
	padding: 0 0 0 .6rem;
	text-align: left;
	margin-bottom: 0;
}

/* QuickStandard price */
.varblock-row1 > .varblock-price-and-stock .price .primary h1 {
	padding: 0;
	text-align: left;
	margin-bottom: 0;
}

.varblock-price .price .primary .beforeDiscount {
	display: block;
	padding: 0;
}

.varblock-finance .finance {
	margin-top: 2rem;
	padding-left: .2rem;
	border-left: 1px solid orangered;
}

.varblock-finance .finance .h3 {
	font-weight: bold;
	color: orangered;
	
}

.varblock-finance .finance p {
	font-size: small;
}

div.novariant-block {
	padding: 5px;
	background-color: #eee;
	margin-bottom: 1rem;
}

.varblock-price .price {
	padding-left: 0.6rem;
}

.varblock-price .price.discount .primary {
	text-align: left;
}

div.productActions .novariant-block div.price {
	text-align: left;
}