.kovrolin-catalog-list {
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	--gap-x: 16px;
	--gap-y: 16px;
	gap:var(--gap-y) var(--gap-x);
}

.kovrolin-catalog-list-item {
	flex: 0 0 auto;
	display:flex;
	flex-direction:column;
	padding:22px;
	gap:24px;
	align-items:stretch;
	width:calc((100% - 2 * var(--gap-x)) / 3);
	overflow:hidden;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
	border-radius: 24px;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
	transition: all .35s ease;
	position:relative;
	opacity:1;
	@media (max-width:1024px) {
		width:calc((100% - var(--gap-x)) / 2);
	}
}
.kovrolin-catalog-list.loading .kovrolin-catalog-list-item {
	opacity:.5;
}
.kovrolin-catalog-list-item .tags {
	position:absolute;
	top:35px;
	left:23px;
	--increment-y: 48px;
}
.kovrolin-catalog-list-item .tags .product-preview__sticker {
	white-space:nowrap;
}
.kovrolin-catalog-list-item .tags .product-preview__sticker--1 {
    top: var(--increment-y);
}
.kovrolin-catalog-list-item .tags .product-preview__sticker--2 {
	top: calc( 2 * var(--increment-y));
}

.kovrolin-catalog-list-item:hover {
	background: #F0F3F4;
	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.1);
}

.kovrolin-catalog-list-item .media {
	flex: 0 0 auto;
	display:flex;
	flex-direction:column;
	gap:12px;
	align-items:stretch;
	width:100%;
	overflow:hidden;
}
.kovrolin-catalog-list-item .image {
	flex: 0 0 auto;
	width:100%;
	height:213px;
	border-radius:16px;
	overflow:hidden;
	display:flex;
	position:relative;
	color:#6E6E6E;
	border:0 !important;
}
.kovrolin-catalog-list-item .image picture {
	flex: 0 0 auto;
	opacity:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
}
.kovrolin-catalog-list-item .image picture .color {
	position:absolute;
	left:10px;
	top:10px;
	display:inline-flex;
	/*
	padding:5px;
	border-radius:4px;
	background-color:rgba(0,0,0,.5);
	color:#fff;*/
	background-color:#343434;
	color:#fff;
	padding: 5px 10px;
    border-radius: 14px;	
	font-size: 16px;
	line-height:1;
}
	

.kovrolin-catalog-list-item .image picture source {
	display:none;
}
.kovrolin-catalog-list-item .image picture img {
	flex: 0 0 auto;
	width:100%;
	height:100%;
	object-fit:cover;
}

.kovrolin-catalog-list-item .image .swiper-pagination {
	position:absolute;
	left:50%;
	bottom:12px;
	transform:translateX(-50%);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 4px 8px;
	gap: 6px;
	background: rgba(0, 0, 0, 0.31);
	backdrop-filter: blur(1px);
	border-radius: 15px;
	z-index:1;
}
.kovrolin-catalog-list-item .image .swiper-pagination-bullet {
	flex: 0 0 auto;
	display:inline-flex;
	width: 6px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.8);
	transition:all .35s ease;
	margin:0;
	padding:0;
}
.kovrolin-catalog-list-item .image .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 8px;
	height: 8px;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.kovrolin-catalog-list-item .preview-slider {
	display:flex;
	gap:8px;
}
.kovrolin-catalog-list-item .preview-slider picture {
	flex: 0 0 auto;
	width:32px;
	height:32px;
	border-radius:50%;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	opacity:1;
	position:relative;
	cursor:pointer;
}

.kovrolin-catalog-list-item .preview-slider picture.swiper-slide-thumb-active:before {
	content:"";
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #F22D2E;
}

.kovrolin-catalog-list-item .preview-slider picture source {
	display:none;
}
.kovrolin-catalog-list-item .preview-slider picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}
	
.kovrolin-catalog-list-item .info {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:24px;
	align-items:stretch;
	position:relative;
}
.kovrolin-catalog-list-item .info1 {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:12px;
	align-items:stretch;
	position:relative;
}
.kovrolin-catalog-list-item .info2 {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:16px;
	align-items:stretch;
	position:relative;
}
.kovrolin-catalog-list-item .info-delimetr {
	flex: 0 0 auto;
	width:100%;
	height:0px;
	border-bottom:1px dashed #DFDFDF;
}
	
.kovrolin-catalog-list-item .item-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 110%;
	color: #343434;
	margin-bottom:16px;
}


.kovrolin-catalog-list-item .item-title a {
	color: #343434;
	text-decoration:none;
	border-bottom:1px solid transparent;
	transition:all .15s ease;
}
.kovrolin-catalog-list-item .item-title a:hover {
	color: #f25354;
	/* text-decoration:underline; */
	text-decoration:none;
	border-bottom-color:#f2535480;
}
.kovrolin-catalog-list-item .item-preview-text {
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	color: #6E6E6E;
	margin-bottom:10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index:1;
	max-height:60px;
}
.kovrolin-catalog-list-item .item-preview-text:hover  {
	-webkit-line-clamp: 999;
	overflow:visible;
	background:#F0F3F4;
}

.kovrolin-catalog-list-item .item-ttx-list {
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:12px;
}
.kovrolin-catalog-list-item .item-ttx-item {
	display:flex;
	gap:1em;
	justify-content:space-between;
	font-size: 13px;
	line-height: 120%;
}
.kovrolin-catalog-list-item .item-ttx-item .label {
	color: #5B5B5B;
}
.kovrolin-catalog-list-item .item-ttx-item .value {
	font-weight:500;
	color: #343434;
}

.kovrolin-catalog-list-item .ttx-block {
	margin-top:auto;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	order:3;
	flex: 1 1 auto;
	width:calc(100% - 256px - 8px);
	position:absolute;
	left:0;
	bottom:0;
}
.kovrolin-catalog-list-item .ttx-item {
	display:inline-flex;
	align-items:center;
	min-height:28px;
	gap:4px;
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	color: #676767;
	padding: 6px 6px 8px;
	background: #F5F5F6;
	border-radius: 4px;
}
.kovrolin-catalog-list-item .ttx-item img {
	flex: 0 0 auto;
	max-weight:16px;
	height:auto;
	width:auto;
}

.kovrolin-catalog-list-item .prices {
	display:flex;
	align-items: flex-end;
	justify-content:center;
	gap:8px;
}
.kovrolin-catalog-list-item .prices .price {
	font-weight: 500;
	font-size: 24px;
	line-height: 110%;
	color: #313131;
	white-space:nowrap;
}
.kovrolin-catalog-list-item .prices .price:has([data-price]:empty) {
	display:none;
}
.kovrolin-catalog-list-item .prices .old-price {
	font-weight: 500;
	font-size: 18px;
	line-height: 110%;
	color: #F25354;
	display:inline-flex;
	position:relative;
	white-space:nowrap;
}
.kovrolin-catalog-list-item .prices .old-price:has([data-old-price]:empty) {
	display:none;
}
.kovrolin-catalog-list-item .prices .old-price:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url("data:image/svg+xml,%3Csvg width='93' height='13' viewBox='0 0 93 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0644531 12.4958L92.0645 0.49585' stroke='%23F25354'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.kovrolin-catalog-list-item .amount-block {
	display:flex;
	align-items:stretch;
	gap:12px;
}
.kovrolin-catalog-list-item .amount-input {
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 11px 12px;
	gap: 10px;

	max-width:100%;
	height: 48px;

	background: #FFFFFF;
	border: 1px solid #BFCBCF;
	border-radius: 12px;
	align-self: flex-end;
}
.kovrolin-catalog-list-item .amount-input * {
	user-select:none;
}
.kovrolin-catalog-list-item .amount-input input[type="text"] {
	flex: 1 1 auto;
	width:calc(100% - 32px - 20px);
	border:0 !important;
	outline:0 !important;
	background-color:transparent !important;
	text-align:center;
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
	color: #343434;
	min-width:0;
}
.kovrolin-catalog-list-item .actions {
	flex: 0 0 auto;
    display: flex;
    gap: 8px;	
}
.kovrolin-catalog-list-item .actions .button {
	width:129px;
	justify-content:center;
	text-align:center;
	@media (max-width:755px) {
		height:48px;
		font-size:15px;
	}
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount]{
	position:relative;
	background-color: #25b98d;
	padding-right:60px;
	overflow:hidden;
	min-width: 168px;
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount]:disabled {
	cursor:default;
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount]:not(:disabled):hover{
	background-color: #38c79c;
}

.kovrolin-catalog-list-item .actions .button[data-basket-amount="0"] {
	background-color: #F25354;
	padding-right:12px;
	min-width: 0px;
}
    
.kovrolin-catalog-list-item .actions .button[data-basket-amount="0"]:not(:disabled):hover{
    background-color: #FF7778;
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount][data-text-2]:after {
	content:attr(data-text-2);
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount]:before {
	content: "";
    position: absolute;
    width: 56px;
    height: 100%;
    right: 0;
    top: 0;
    transition: all .3s;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    background: #009f6f url(/local/templates/v2025/static/dist/img/btn_cart.svg) center no-repeat;
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount="0"][data-text]:after {
	content:attr(data-text);
	flex: 0 0 auto;
	display:inline
}
.kovrolin-catalog-list-item .actions .button[data-basket-amount="0"]:before {
    opacity: 0;
    visibility: hidden;
}
	
.kovrolin-catalog-list-promo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 48px;
	gap: 24px;
	isolation: isolate;

	width: 100%;
	height: 226px;

	background: #F0F3F4 url(/img/catalog_section/promo.png) left 503px center no-repeat;
	border: 1px solid #E1E1E1;
	border-radius: 30px;
	overflow:hidden;
}
.kovrolin-catalog-list-promo .title {
	font-weight: 500;
	font-size: 26px;
	line-height: 110%;
	color: #343434;
}
.kovrolin-catalog-list-promo .actions {
	display:flex;
}

.kovrolin-catalog-list-promo .actions .button {
	width:254px;
	justify-content:center;
	text-align:center;
}

@media (max-width:800px) {
	.kovrolin-catalog-list-promo {
		padding: 24px;
		gap: 16px;
		height: 144px;
		background: #F0F3F4 url(/img/catalog_section/promo-mobile.png) right center no-repeat;
	}
	.kovrolin-catalog-list-promo .title {
		font-size: 18px;
	}
	.kovrolin-catalog-list-promo .actions .button {
		width:210px;
	}
}

.kovrolin-catalog-list-pagination {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:30px;
	margin-top:8px;
	position:relative;
}

.kovrolin-catalog-list-pagination .show-more {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 17px 32px 14px;
	gap: 6px;

	height: 53px;

	background: #FFFFFF;
	border: 1px solid #DBDFE9;
	border-radius: 12px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	color: #4B5675;
	transition:all .35s ease;
}
.kovrolin-catalog-list-pagination .show-more[disabled] {
	cursor:default;
	opacity:.5;
}

.kovrolin-catalog-list-pagination .show-more:hover {
	border: 1px solid #B1BFC3;
}

.kovrolin-catalog-list-pagination .show-more:after {
	flex: 0 0 auto;
	content:"";
	width:20px;
	height:20px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4466 5.9594C17.8511 6.34992 17.8511 6.98309 17.4466 7.37361L10.5407 14.0403C10.1361 14.4308 9.48022 14.4308 9.07568 14.0403L2.55341 7.74398C2.14886 7.35346 2.14886 6.72029 2.55341 6.32977C2.95795 5.93924 3.61384 5.93924 4.01838 6.32977L9.80817 11.919L15.9816 5.9594C16.3862 5.56887 17.0421 5.56887 17.4466 5.9594Z' fill='%23676767'/%3E%3C/svg%3E%0A") center no-repeat;
}
.kovrolin-catalog-list-pagination .show-more-stat {
	font-size:14px;
}

.color-side-variants {
	width:100%;
	justify-content:flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
	margin-top:10px;
}
.color-side-variants label {
	display:inline-flex;
	font-size:12px;
	padding:0 0 2px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.color-side-variants label [type="radio"] {
	display:none;
	appearance:auto !important;
}
.color-side-variants label:has([type="radio"]:checked) {
	cursor:default;
	color:#f25354;
	border-bottom:1px solid #f25354;
}

.color-side-variants .has-tooltip {
    position: relative;
}

.color-side-variants .tooltip  {
    position: absolute;
    display: block;
    right: 0;
    top: 100%;
    padding: 12px;
    width: 190px;
    background: rgba(52, 52, 52, 0.85);
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.0641667px;
    color: #fff;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: all 0.3s;
    pointer-events: none;
    font-weight: 500;
    z-index: 10;
}
.color-side-variants .tooltip:before {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    border-bottom-color: rgba(52, 52, 52, 0.85);
    right: 10%;
    bottom: 100%;
}
.color-side-variants .has-tooltip:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
button.favorites {
	flex: 0 0 auto;
	/* display: inline-flex; */
	display:none;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #FFFFFF var(--icon-favorites) center no-repeat;
	border: 1px solid #CFCFCF;
	border-radius: 16px;
}
button.favorites.active {
	background-image: var(--icon-favorites-active);
}

.kovrolin-catalog-list-to-few-items {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 24px;
	gap: 12px;

	width: 100%;
	min-height: 58px;
	background: #F0F3F4;
	border-radius: 30px;
	cursor:pointer;
}

.kovrolin-catalog-list-to-few-items:before {
	flex: 0 0 auto;
	content: "";
	width:32px;
	height:32px;
	background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.67534 22.1251C4.18645 19.6131 3.66565 16.644 4.21072 13.7753C4.75579 10.9065 6.32925 8.33537 8.63569 6.5445C10.9421 4.75364 13.823 3.86623 16.7373 4.04888C19.6517 4.23152 22.3992 5.47165 24.464 7.53646C26.5288 9.60127 27.7689 12.3488 27.9516 15.2631C28.1342 18.1775 27.2468 21.0583 25.4559 23.3647C23.6651 25.6712 21.0939 27.2446 18.2252 27.7897C15.3564 28.3348 12.3873 27.814 9.87534 26.3251V26.3251L5.72534 27.5001C5.55531 27.5498 5.37503 27.5529 5.20341 27.509C5.03178 27.4651 4.87513 27.3758 4.74986 27.2506C4.6246 27.1253 4.53534 26.9686 4.49144 26.797C4.44753 26.6254 4.45061 26.4451 4.50034 26.2751L5.67534 22.1251Z' stroke='%236E6E6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 17.25C16.6904 17.25 17.25 16.6904 17.25 16C17.25 15.3096 16.6904 14.75 16 14.75C15.3096 14.75 14.75 15.3096 14.75 16C14.75 16.6904 15.3096 17.25 16 17.25Z' fill='%236E6E6E'/%3E%3Cpath d='M22 17.25C22.6904 17.25 23.25 16.6904 23.25 16C23.25 15.3096 22.6904 14.75 22 14.75C21.3096 14.75 20.75 15.3096 20.75 16C20.75 16.6904 21.3096 17.25 22 17.25Z' fill='%236E6E6E'/%3E%3Cpath d='M10 17.25C10.6904 17.25 11.25 16.6904 11.25 16C11.25 15.3096 10.6904 14.75 10 14.75C9.30964 14.75 8.75 15.3096 8.75 16C8.75 16.6904 9.30964 17.25 10 17.25Z' fill='%236E6E6E'/%3E%3C/svg%3E%0A") center no-repeat;
}

.kovrolin-catalog-list-to-few-items-info {
	flex: 0 0 auto;
	display:inline-flex;
	flex-direction:column;
	gap:0;
}
.kovrolin-catalog-list-to-few-items-info div  {
	font-size: 13px;
	line-height: 120%;
	color: #343434;
}
.kovrolin-catalog-list-to-few-items-info div:first-child {
	font-weight: 500;
	font-size: 15px;
}

@media (max-width:1300px) {
	.kovrolin-catalog {
		gap:20px;
	}
	.kovrolin-catalog-list-item .info1-top-block {
		width: calc(100% - 170px);
	}
	.kovrolin-catalog-list-item .info2-top-block {
		width:170px;
	}
	.kovrolin-catalog-list-item .price {
		font-size: 18px;
	}
	.kovrolin-catalog-list-item .ttx-block {
		width: calc(100% - 178px);
	}
	.kovrolin-catalog-list-item .action-block .actions .button {
		width:170px;
	}
}

@media (max-width:800px) {
	.kovrolin-catalog {
		margin-top:24px;
		padding-top:0;
		padding-bottom:0;
	}
	.kovrolin-catalog-list {
		gap:12px;
	}
	.kovrolin-catalog-list-item {
		flex-direction:column;
		height:auto;
		padding:16px;
	}
	.kovrolin-catalog-list-item .image {
		flex: 0 1 auto;
		max-width:100%;
		margin-left:0;
        overflow: hidden;		
	}
	.kovrolin-catalog-list-item .action-block {
		margin-top: 16px;
	}
	.kovrolin-catalog-list-item .price {
		font-size:16px;
	}
	.kovrolin-catalog-list-item .sizes {
		font-size:11px;
	}
	.kovrolin-catalog-list-pagination {
		margin-top:4px;
	}
}
@media (max-width: 755px) { 
	.kovrolin-catalog-list-item .action-block .actions .button {
		height:48px;
		font-size:15px;
	}
}

@media (max-width:640px) {
	.kovrolin-catalog-list {
		gap:16px;
	}
	.kovrolin-catalog-list-item {
		gap:24px;
		width:100%;
		padding: 24px;
	}
	.kovrolin-catalog-list-pagination {
		justify-content:space-between;
		align-items: center;
		gap:30px;
	}
	.kovrolin-catalog-list-pagination .show-more-stat {
		position:static;
		transform:none;
	}
}

@media (max-width:480px) {
	.kovrolin-catalog-list-item {
		max-width:100%;
		
	}
	.kovrolin-catalog-list-item .info {
		flex-direction:column;
		align-items: stretch;
		max-width: 100%;
	}
	.kovrolin-catalog-list-item .info1-top-block {
		width:100%;
	}
	.kovrolin-catalog-list-item .item-preview-text {
		margin-bottom:0;
	}
	.kovrolin-catalog-list-item .item-preview-text:hover {
		padding-bottom:10px;
	}
	.kovrolin-catalog-list-item .ttx-block {
		position:static;
		order:2;
		width:100%;
		margin-top: 12px;
	}
	.kovrolin-catalog-list-item .ttx-item {
		font-size:11px;
		min-height: 26px;
		padding: 6px 8px;
	}
	.kovrolin-catalog-list-item .info2-top-block {
		width:100%;
		display:grid;
		grid-template-columns: auto 150px;
		gap:0px;
		margin-top: 16px;
	}
	.kovrolin-catalog-list-item .action-block {
		width:100%;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		gap:16px;
	}
	.kovrolin-catalog-list-item .action-block .actions {
		margin:0;
	}
	.kovrolin-catalog-list-item .price {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		text-align:left;
		margin:0 0 4px;
	}
	.kovrolin-catalog-list-item .sizes {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin:0;
	}
	.kovrolin-catalog-list-item .amount-block {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
		margin:0;
	}
	.kovrolin-catalog-list-item .amount-title {
		display:none;
	}
	.kovrolin-catalog-list-item .action-block .actions .button {
		width:153px;
	}
	.kovrolin-catalog-list-pagination {
        flex-direction: column-reverse;
        gap: 10px;
	}
	.kovrolin-catalog-list-pagination .show-more {
		width:100%;
	}
	.kovrolin-catalog-list-pagination .data-more-stat {
		text-align:center;
	}
}