.goods {
	width: 100%;
	background: #ffffff;
	position: relative;
	text-align: center;
	overflow: hidden;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	box-shadow: var(--shadow-bottom);
	margin: 10px;
	transition: box-shadow 0.2s linear;
}
.goods.catalog {
	height: 400px;
}
.goods:hover {
	box-shadow: var(--shadow-select);
}
/*-*/
.label {
	position: absolute;
	top: 5px;
	z-index: 2;
	display: flex;
	flex-direction: column; 
}
.label .artikul {
	font-size: 0.75rem;
	color: var(--text);
	margin-right: auto;
	display: flex;
	white-space: nowrap;
	background: rgba(255, 255, 255, .8);
	padding: 2px 2px 2px 0;
}
.label .artikul:before {
	content: attr(data-text);
	margin: 0 5px 0 5px;
	max-width: 0;
	overflow: hidden;
	transition: max-width 0.3s linear;
}
.goods:hover .artikul:before {
	max-width: 80px;
}
/*-*/
.goods .goods-img {
	position: relative;
	overflow: hidden;
	height: 240px;
	width: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.goods .goods-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform .2s linear;
}
.goods:hover .goods-img img {
	transform: scale(1.05);
}
/*-*/
.goods .goods-info {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-flow: column nowrap;
}
.goods .goods-info.catalog {
	height: 185px;
	transform: translateY(0);
	margin-top: -25px;	
	transition: height 0.2s linear;
}
.goods:hover .goods-info.catalog {
	height: 130px;
}
.goods:has(.btn-in-cart) .goods-info {
	min-height: 130px;
}
.goods .goods-info .goods-title {
	font-family: var(--font-Condensed);
	font-size: 1.1rem;
	line-height: 1.3;
	color: var(--text);
	text-transform: none;
	z-index: 1;
	position: relative;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	width: 100%;
}
.goods .goods-info .goods-title:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	min-height: 70px;
	background: var(--white);
	transition: inset 0.2s linear, background-color 0.2s linear;
	opacity: 0.8;
}
.goods:hover .goods-info .goods-title:before {
	inset: 0;
	background-color: var(--average);
	box-shadow: var(--shadow-bottom);
}
/*-*/
.goods-price {
	font-size: 1.2rem;
	width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	white-space: nowrap;
	color: var(--text);
	padding: 0 5px;

	@media only screen and (max-width: 639.98px) {
		font-size: 1rem;
	}
}
.price-full {
	position: relative;
	display: flex;
	gap: 5px;
	padding: 0 5px;
}
.goods-price:has(.price-stock) .price-full {
	font-size: 0.9rem;
	color: var(--button-disable);
}
.goods-price:has(.price-stock) .price-full:before {
	content: "";
	border-bottom: 2px solid var(--stock);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50%;
	transform: rotate(-8deg);
}
.price-stock {
	display: flex;
	gap: 5px;
	color: var(--stock);
	padding: 0 5px;
}
/*-*/
.availability {
	white-space: nowrap;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	gap: 5px;
}
.availability.green {
	color: green;
}
.availability.green:before {
	content: "";
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: currentColor;
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='currentColor' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/></svg>");
}
.availability.blue {
	color: blue;
}
.availability.red {
	color: #B30000;
}
.availability.blue:before,
.availability.red:before {
	content: "";
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: currentColor;
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='currentColor' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
}
/*-*/
.goods-basket {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 5px;
	gap: 10px;
}
/*-*/
.quantity-controls {
	display: flex;
	align-items: center;
	border: 1px solid var(--average);
	border-radius: var(--radius);
	box-shadow: var(--shadow-bottom);
	height: 35px;
	margin: 0;
}
.quantity-btn {
	width: 20px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
}
.quantity-btn:hover {
	background-color: var(--average);
}
.quantity-minus {
	border-radius: var(--radius) 0 0 var(--radius);
	border-right: 1px dashed var(--average);
}
.quantity-plus {
	border-radius: 0 var(--radius) var(--radius) 0;
	border-left: 1px dashed var(--average);
}
.quantity-input {
	font-size: 1rem;
	width: 25px;
	text-align: center;
	pointer-events: none;
	box-shadow: none;
	padding: 0;
	background: transparent !important;
	border: 1px solid var(--average) !important;
	border-radius: unset;
}
/*-*/
.catalog-basket .button {
	margin: 0;
}
.catalog-basket .button > span {
	font-size: 0.8rem;
}
.goods .url-parsing {
	display: none;
}
/*-*/
.goods.slide {
	height: auto;
	padding-bottom: 10px;
}
.goods.slide .goods-info {
	height: 130px;
}

/*-*/
.cat.mix-sort {
	display: flex;
	flex-flow: row wrap;
	/*margin: 20px 0;*/
}
.cat.mix-sort > div {
	width: calc(100% / 4) !important;
	display: flex;
}
/*-*/
.page-content.showsmall hr {
	/*margin: 40px 0 20px;*/
}

@media only screen and (max-width: 1439.98px) {
	.cat.mix-sort > div {
		width: calc(100% / 3) !important;
	}
}
@media only screen and (max-width: 1199.98px) {
	.cat.mix-sort > div {
		width: calc(100% / 2) !important;
	}
}
@media only screen and (max-width: 991.98px) {
	.goods {
		margin: 5px;
	}
	.cat.mix-sort > div {
		width: calc(100% / 3) !important;
	}
}
@media only screen and (max-width: 767.98px) {
	.cat.mix-sort > div {
		width: calc(100% / 2) !important;
	}
}
@media only screen and (max-width: 639.98px) {
	.cat.mix-sort > div {
		width: calc(100% / 2) !important;
	}
}
@media only screen and (max-width: 639.98px) {
	.goods.catalog {
		height: auto;
	}
	.label .artikul {
		display: none;
	}
	.label .artikul:before {
		max-width: 80px;
	}
	.goods .goods-img {
		height: 180px;
	}
	.goods:hover .goods-img img {
		transform: unset;
	}
	.goods .goods-info.catalog {
		height: 130px;
	}
	.goods .goods-info .goods-title {
		font-size: 1rem;
		padding: 0 5px;
	}
}
@media only screen and (max-width: 359.98px) {
	.slider-product .swiper-slide.swiper-slide-active .goods-info .goods-title:before {
		inset: 0;
		background-color: var(--average);
		box-shadow: var(--shadow-bottom);
	}
	.slider-product .swiper-slide.swiper-slide-active .goods {
		box-shadow: var(--shadow-select);
	}
	.cat.mix-sort > div {
		width: calc(100% / 1) !important;
	}
}