@charset "UTF-8";
.main-catalog {
	margin: 20px 0 0 0;
}
.main-catalog-grid {
	display: grid;
	gap: 40px 0;
	grid-template-columns: repeat(1, 1fr);
	justify-items: center;
}
.catalog-slider {
	--padding-left: 15px;
	--photo: 200px;
	overflow: visible !important;
	margin: 0 0 0 calc(var(--padding-left) * -1) !important;
	width: auto !important;
	position: relative;
}
.catalog-slider .swiper-slide {
	height: auto !important;
	display: flex;
	flex-direction: column;
	padding-left: var(--padding-left);
}
.catalog-slider .swiper-slide {
	width: 100%;
}
.catalog-slider-small {
	--padding-left: 10px;
}
.catalog-slider-small .swiper-slide {
	width: 50%;
}
.catalog-slider .swiper-slide.hide-mob .load-more {
	display: flex;
}
.catalog-slider .swiper-slide .item-mini {
	flex: 1 0 auto;
	width: 100%;
}
.catalog-slider .main-slider-arrow {
	top: calc(var(--photo) / 2);
}
.catalog-slider-prev {
	left: 0;
	margin-left: var(--padding-left);
}
.catalog-slider-next {
	right: 0;
}
.catalog-slider-pagination {
	position: static !important;
	bottom: auto !important;
	margin: 75px 0 0 0 !important;
	padding-left: var(--padding-left);
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0 10px;
}
.catalog-slider-pagination .swiper-pagination-bullet {
	flex: 1;
	width: auto !important;
	height: 3px !important;
	border-radius: 1.5px;
	opacity: 1 !important;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: 0 !important;
	background: var(--sec-default);
}
.catalog-slider-pagination .swiper-pagination-bullet-active {
	background-color: var(--sec-dark);
}
.item-mini {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	--gap: 15px;
	gap: var(--gap);
	text-align: left;
	position: relative;
	width: 100%;
	--padding: 8px;
}
.item-mini.view-series {
	--gap: 10px;
}
.item-mini > * {
	position: relative;
}
.item-mini > *:not(.photo):not(.btn):not(.cover-badges):not(.link-to-fav) {
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.item-mini .cover-badges {
	margin: var(--padding);
	pointer-events: none;
}
.item-mini .photo {
	position: relative;
	margin: 0 0 calc(15px - var(--gap)) 0;
	flex: 0 0 auto;
	width: 100%;
	border-radius: 5px;
	display: flex;
	aspect-ratio: 336/210;
	max-height: 320px;
}
.item-mini.view-series .photo {
	aspect-ratio: 316/200;
	margin-bottom: calc(30px - var(--gap));
}
.item-mini.view-series .photo .pag, .item-mini.view-series .photo .swiper-pagination {
	bottom: -15px !important;
}
.item-mini.view-item .photo img {
	object-fit: contain;
}
.item-mini.view-series .photo img {
	object-fit: cover;
}
.item-mini .photo > *:not(img) {
	flex: 1;
}
@media only screen and (min-width: 768px) {
	@media (pointer: fine) {
		.item-mini .photo.js_modalPreview:after {
			content: attr(data-button-text);
			position: absolute;
			top: 50%;
			left: 50%;
			white-space: nowrap;
			text-align: center;
			pointer-events: none;
			font: 500 12px/18px var(--fonti);
			letter-spacing: -0.01em;
			color: var(--deep-blue);
			background: rgba(228, 236, 247, 0.85);
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35);
			transform: translate3d(-50%, -50%, 0);
			padding: 11px 21px;
			backface-visibility: hidden;
			border-radius: 3px;
			backdrop-filter: blur(3px);
			-webkit-backdrop-filter: blur(3px);
			transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
			opacity: 0;
		}
		.item-mini .photo.js_modalPreview:hover:after {
			opacity: 1;
		}
	}
}
.item-mini .photo .swiper {
	border-radius: inherit;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
	height: calc(100% + 10px);
    padding-bottom: 10px;
}
.item-mini .photo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: center;
	border-radius: 5px;
	pointer-events: none;
	opacity: 0;
}
.item-mini .photo .swiper img {
	opacity: 1 !important;
	height: 100% !important;
	min-height: 100% !important;
}
.item-mini .photo .hover img {
	opacity: 1;
}
.item-mini .photo .pag, .item-mini .swiper-pagination {
	position: absolute;
	bottom: 0 !important;
	z-index: 5;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-mini .photo .pag {
	bottom: -10px !important;
}
@media (pointer:fine) {
	.item-mini .photo .pag {
		opacity: 0;
	}
	.item-mini:hover .photo .pag {
		opacity: 1;
	}
}
.item-mini .photo .pag > *, .item-mini .swiper-pagination-bullet {
	margin: 0 !important;
	flex: 1 !important;
	max-width: 36px !important;
	height: 2px !important;
	opacity: 1 !important;
	border-radius: 1px !important;
	background: var(--sec-default) !important;
}
.item-mini .photo .pag > *:only-child, .item-mini .swiper-pagination-bullet:only-child {
	display: none;
}
.item-mini .photo > *:nth-child(1).hover ~ .pag > *:nth-child(1), .item-mini .photo > *:nth-child(2).hover ~ .pag > *:nth-child(2), .item-mini .photo > *:nth-child(3).hover ~ .pag > *:nth-child(3), .item-mini .photo > *:nth-child(4).hover ~ .pag > *:nth-child(4), .item-mini .photo > *:nth-child(5).hover ~ .pag > *:nth-child(5), .item-mini .photo > *:nth-child(6).hover ~ .pag > *:nth-child(6) {
	background: var(--yellow) !important;
}
.item-mini .swiper-pagination-bullet-active {
	background: var(--yellow) !important;
}
.item-mini .colors {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: -0.01em;
	gap: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.item-mini .colors .color {
	flex: 0 0 auto;
	cursor: pointer;
	user-select: none;
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	border-radius: 50%;
	transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*background-size: calc(100% + 2px) auto;*/
}
.item-mini .colors .color.active {
	box-shadow: 0 0 0 2px var(--white), 0 0 0 3px var(--grey500);
}
.item-mini .info {
	--gap: 41px;
	font-weight: 300;
	font-size: 12px;
	line-height: 1;
	letter-spacing: -0.01em;
	flex: 0 0 auto;
	margin: 0 calc(var(--gap) * -1) 0 0;
	padding: 0;
	align-self: flex-start;
	max-width: 100%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
	color: var(--grey500);
	overflow: hidden;
	gap: 4px 0;
}
.item-mini .colors + .info {
	margin-bottom: -5px;
}
.item-mini .info .show-min {
	display: none;
}
.item-mini .info li {
	flex: 1 1 auto;
	margin: 0;
	padding: 0 0 0 var(--gap);
	position: relative;
	left: calc(var(--gap) * -1);
}
.item-mini .info li:before {
	content: '|';
	font-weight: 300;
	position: absolute;
	top: 0;
	left: 0;
	width: var(--gap);
	text-align: center;
}
.item-mini .info li:first-child:before {
	display: none;
}
.item-mini .info strong {
	font-weight: inherit;
	color: var(--grey900);
}
.item-mini .name {
	color: var(--grey900);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.714;
	letter-spacing: 0.01em;
	margin-top: auto;
	margin-bottom: auto;
	flex: 0 0 auto;
}
.item-mini .name .color-name {
	display: block;
}
.item-mini .name a {
	text-decoration: none;
	color: var(--grey900);
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
	.item-mini .name a:hover {
		color: var(--blue);
	}
}
.item-mini .sizes {
	flex: 0 0 auto;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.03em;
	color: var(--grey500);
}
.item-mini:has(.details) .sizes {
	display: none;
}
.item-mini .sizes i, .item-mini .sizes em {
	font-weight: 300;
	font: inherit;
	opacity: 0.75;
}
.item-mini .sizes strong, .item-mini .sizes .dark {
	font-weight: normal;
	color: var(--grey700);
}
.item-mini {
		--height: 96px;
		--name-height0: 48px;
		--name-height1: 48px;
}
.item-mini .details {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: var(--grey500);
	overflow: hidden;
	margin: -5px 0;
}
.item-mini .details ul, .item-mini .details li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.item-mini .details li {
	padding: 4px 0;
}
.item-mini .details li:before {
	display: none;
}
.item-mini .details ul {
	display: flex;
	flex-direction: column;
}
.item-mini .details em {
	font: inherit;
	font-weight: 300;
	opacity: 0.75;
}
.item-mini .details li.li-hide {
	order: 2;
}
@media (pointer:coarse), only screen and (max-width: 767px) {
	.item-mini .details .dark {
		color: var(--grey700);
	}
}
.item-mini .price {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 5px;
	justify-content: flex-start;
	font: 600 18px/24px var(--fontg);
	letter-spacing: 0.015em;
	color: var(--grey500);
	margin-top: auto;
}
.item-mini .price strong {
	white-space: nowrap;
	font-weight: inherit;
	color: var(--grey900);
}
.item-mini .price del {
	font-weight: normal;
	font-size: 14px;
	text-decoration: line-through;
	letter-spacing: 0.01em;
	white-space: nowrap;
}
.item-mini .price .red {
	color: var(--pink);
}
.item-mini .price .status {
	margin-right: 5px;
}
.item-mini.view-item .price {
	/*min-height: 56px;
    margin-top: -10px;*/
}
.item-mini.view-series .price {
	font-size: 16px;
	line-height: 24px;
}
.item-mini.view-series .price:not(:last-child) {
	margin-top: auto;
	margin-bottom: auto;
}
.item-mini .tags {
	flex: 0 0 auto;
	padding-right: 0 !important;
}
.item-mini .tags > * {
	font-weight: 300;
}
.item-mini .btn {
	padding: 0 !important;
}
.item-mini .btn .loader {
	display: block !important;
}
.item-mini .btn {
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
	.item-mini .btn-request {
		width: 100%;
		flex: 0 0 auto;
	}
	.item-mini .btn:not(.btn-request) {
		border-radius: 50%;
		padding: 0;
		width: 56px;
		height: 56px;
		align-self: flex-end;
		margin: -56px var(--padding) calc(var(--gap) * -1) 0;
	}
	.item-mini .price {
		min-height: 56px;
		margin-top: calc(var(--gap) * -1);
		margin-bottom: calc(var(--gap) * -1);
	}
	.item-mini .tags {
		order: 3;
	}
	.item-mini:has(.btn-request) .price {
		min-height: 0;
		margin: 0;
	}
	.item-mini .btn .pic:not(.btn-request), .item-mini .btn:not(.btn-request) span {
		display: none;
	}
}
.item-mini .link-to-fav, .item-mini .link-delete-fav {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	z-index: 5;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-mini.view-item .link-to-fav, .item-mini.view-item .link-delete-fav {
	margin: 20px -7px;
}
.item-mini.view-item .link-delete-fav svg {
	fill: var(--sec-dark);
}
.item-mini.view-series .link-to-fav, .item-mini.view-series .link-delete-fav {
	margin: 10px;
}
.item-mini.view-item .link-delete-fav {
	background: var(--white);
	border-radius: 50%;
}
.item-mini.view-series .link-delete-fav svg {
	fill: var(--white);
}
@media (pointer:fine) {
	.item-mini:not(:hover) .link-to-fav:not(.active) {
		opacity: 0;
	}
}
@media only screen and (max-width: 767px) {
	.item-mini.view-series .btn {
		display: none;
	}
	.item-mini.view-series .link-delete-fav {
		margin: 5px;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: var(--sec-dark50);
		box-shadow: 0px 4px 20px -2px rgba(50, 50, 71, 0.38);
	}
	@media (pointer:fine) {
		.item-mini.view-series .link-delete-fav:hover {
			background: rgba(201, 12, 23, 0.7);
		}
	}
	.item-mini.view-series .link-delete-fav svg {
		width: 12px;
		height: 12px;
		fill: var(--white) !important;
	}
	@media (pointer:fine) {
		.link-delete-fav:hover svg {
			fill: #BD081C !important;
		}
		.item-mini.view-series .link-delete-fav:hover svg {
			fill: var(--white) !important;
		}
	}
	.catalog-small .main-catalog-grid {
		gap: 40px 15px;
		grid-template-columns: repeat(2, 1fr);
	}
	.catalog-small .item-mini {
		--padding: 4px;
		padding-bottom: 0;
		--gap: 10px;
	}
	.catalog-small .item-mini .photo {
		border-radius: 8px;
	}
	.catalog-small .item-mini .photo img {
		border-radius: 8px;
	}
	.catalog-small .item-mini .photo .pag > * {
		width: 21px !important;
	}
	.catalog-small .item-mini.view-series .photo {
		margin-bottom: calc(15px - var(--gap));
	}
	.catalog-small .item-mini.view-series .photo .pag, .catalog-small .item-mini.view-series .swiper-pagination {
		bottom: 8px !important;
	}
	.catalog-small .item-mini .colors {
		font-size: 10px;
	}
	.catalog-small .item-mini .info {
		font-size: 11px;
		--gap: 15px;
	}
	.catalog-small .item-mini .info .show-min {
		display: inline;
	}
	.catalog-small .item-mini .info .hide-min {
		display: none;
	}
	.catalog-small .item-mini .info li:before {
		display: none;
	}
	.catalog-small .item-mini .name {
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.01em;

	}	
	.catalog-small .item-mini .sizes {
		font-size: 12px;
	}
	.catalog-small .item-mini .details {
		font-size: 11px;
		line-height: 12px;
		margin-bottom: 0;
	}
	.catalog-small .item-mini .details li {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.25em 0;
		flex-wrap: wrap;
	}
	.catalog-small .item-mini.view-series .price {
		font-size: 14px;
	}
	.catalog-small .item-mini:has(.btn-request) .tags {
		display: none;
	}
	.catalog-small .item-mini .tags {
		gap: 3px;
		flex-wrap: nowrap;
	}
	.catalog-small .item-mini .tags > * {
		font-size: 10px;
		padding: 3px 10px;
	}
	.catalog-small .item-mini .price .small {
		font-size: 13px;
	}
	.catalog-small .item-mini.view-item .price {
		justify-content: flex-start;
		text-align: left;
		min-height: 45px;
		font-size: 15px;
	}
	.catalog-small .catalog-slider-small .item-mini.view-item .price {
		min-height: 40px;
	}
	.catalog-small .item-mini.view-item:has(.btn-request) .price {
		min-height: 24px;
		margin: 0;
	}
	.catalog-small .item-mini.view-item .price > * {
		order: 2;
	}
	.catalog-small .item-mini.view-item .price del {
		order: 1;
		width: 100%;
		padding-left: 16px;
		margin-bottom: -8px;
	}
	.catalog-small .item-mini .btn:not(.btn-request) {
		width: 45px;
		height: 45px;
		margin-top: -45px;
		margin-bottom: 0;
	}
	.catalog-small .item-mini .btn-request {
		height: 40px;
		font-size: 12px;
		border-radius: 5px;
	}
	.catalog-small .item-mini.view-item .link-delete-fav {
		margin: -20px -12px;
	}
	.catalog-small .item-mini.view-item .link-to-fav {
		margin: -10px -2px;
		width: 24px;
		height: 24px;
	}
	.catalog-small .item-mini.view-item .link-to-fav:after, .catalog-small .item-mini.view-item .link-to-fav svg, .catalog-small .item-mini.view-item .link-delete-fav svg {
		width: 20px;
		height: 20px;
	}
	.catalog-small .item-mini.view-item .cover-action {
		margin: -10px 0;
	}
	.catalog-small .item-mini.view-series .cover-action {
		margin: 10px;
	}
	.catalog-small .item-mini.view-series .link-to-fav, .catalog-small .item-mini.view-series .link-delete-fav {
		margin: 10px;
		width: 24px;
		height: 24px;
	}
	.catalog-small .catalog-slider .swiper-slide {
		width: 50%;
		max-width: 162px;
	}
	.catalog-small .catalog-slider .item-mini .name {
		font-size: 12px;
		line-height: 18px;
	}
	.catalog-small .catalog-slider-small .item-mini .price {
		margin-top: -3px;
	}
	.catalog-small .catalog-slider-small .item-mini .btn:not(.btn-request) {
		width: 40px;
		height: 40px;
		margin-top: -40px;
	}
	.catalog-small .catalog-slider-small .item-mini .details {
		font-size: 11px;
	}
	.catalog-small .catalog-slider-small .item-mini .details li:not(.li-sizes) {
		display: none;
	}
	.catalog-small .catalog-slider-small .item-mini .tags {
		margin-top: 5px;
		gap: 3px;
	}
	.catalog-small .catalog-slider-small .item-mini .tags > * {
		font-size: 9px;
		padding-left: 4px;
		padding-right: 4px;
	}
	.catalog-small .catalog-slider-small .item-mini.view-item .link-to-fav {
		margin: 6px var(--padding);
	}
	/*
.catalog-small .item-mini .cover-badges > * {
            height: 24px;
            line-height: 24px;
            border-radius: 12px;
            padding: 0 10px 0 26px;
            background-size: auto 24px, 100% 100%;
            background-position: 2px 0, 0 0;
            font-size: 10px;
    }
*/
	.catalog-small .item-mini .cover-badges > * {
		height: 14px;
		line-height: 13px;
		border-radius: 7px;
		padding: 0 6px;
		background-size: auto 24px, 100% 100%;
		background-position: -100vw 0, 0 0;
		font-size: 10px;
		font-weight: bold;
		text-transform: lowercase;
		box-shadow: none;
	}
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
	.main-catalog {
		margin-top: 50px;
	}
	.main-catalog-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px 26px;
	}
	.catalog-small .main-catalog-grid {
		gap: 30px 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	.catalog-slider {
		--padding-left: 10px;
	}
	.catalog-slider .swiper-slide {
		width: 50%;
	}
	.catalog-slider-pagination {
		display: flex;
	}
	.item-mini {
		padding-bottom: 0;
		--padding: 20px;
	}
	.item-mini.view-series {
		--padding: 4px;
	}
	.item-mini:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		pointer-events: none;
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.15), 0px 25px 45px rgba(20, 37, 63, 0.08);
		opacity: 0;
	}
	.item-mini .photo {
		border-radius: 3px;
	}
	.item-mini .photo img {
		border-radius: 3px;
	}
	.item-mini .colors {
		font-size: 14px;
		gap: 10px;
	}
	.item-mini.view-item .link-to-fav, .item-mini.view-item .link-delete-fav {
		margin: 10px;
	}
	.item-mini.view-series .link-to-fav, .item-mini.view-series .link-delete-fav {
		margin: 10px;
	}
	.item-mini .tags {
		margin-top: 5px;
	}
	.item-mini .tags > * {
		font-size: 12px;
	}
	.item-mini .btn {
		position: relative;
		bottom: auto;
		right: auto;
		margin: 15px var(--padding) 0 var(--padding);
		width: auto;
		height: 50px;
		font-weight: bold;
		font-size: 16px;
		text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
		gap: 12px;
		border-radius: 4px;
		text-align: center;
		text-indent: 0;
	}
	.item-mini .btn-yellow {
		text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.65);
	}
	.item-mini.view-static .btn {
		margin: 25px 25px 0 25px;
	}
	.item-mini .btn svg {
		filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
	}
	.item-mini .btn-yellow svg {
		filter: drop-shadow(0px 0.5px 0px rgba(255, 255, 255, 0.65));
	}
	.item-mini .btn svg:not(.pic) {
		display: none;
	}
	.item-mini .btn .pic, .item-mini .btn span {
		display: block;
	}
	@media (pointer:fine) {
				.item-mini:before {
						bottom: -25px;
						margin: -5px -5px 0 -5px;
				}
				.item-mini:not(.view-static):before {
						bottom: -90px;
				}
				.item-mini:hover {
						z-index: 10;
				}
				.item-mini:hover {
						margin-bottom: calc((var(--name-height1) - var(--name-height0) * 2) * -1);
				}
				.item-mini:has(.details):hover {
						margin-bottom: calc((var(--height) - 24px + var(--name-height1) - var(--name-height0) * 2) * -1);
				}
				.item-mini .name {
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
				}
				.item-mini:hover .name {
						display: block;
				}
				.item-mini .details {
						height: 24px;
				}
				.item-mini:hover .details {
						height: var(--height);
				}
				.item-mini:has(.details):hover .details .dark {
						color: var(--grey700);
				}
				.item-mini:hover:before {
						opacity: 1;
						pointer-events: all;
				}
				.item-mini .swiper-pagination {
						opacity: 0;
						transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				}
				.item-mini:hover .swiper-pagination {
						opacity: 1;
				}
				.item-mini:not(.view-static) .btn {
						position: absolute;
						bottom: -65px;
						left: 0;
						right: 0;
						opacity: 0;
						pointer-events: none;
				}
				.item-mini:not(.view-static):hover .btn {
						opacity: 1;
						pointer-events: all;
				}
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
	.main-catalog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.catalog-small .main-catalog-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.catalog-slider .swiper-slide {
		width: 33.333333%;
	}
}
/*table-bigt end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
	.main-catalog-grid {
		gap: 55px 26px;
		grid-template-columns: repeat(3, 1fr);
	}
	.catalog-small .main-catalog-grid {
		gap: 55px 20px;
		grid-template-columns: repeat(4, 1fr);
	}
	.item-mini:before {
		margin: -10px;
	}
	.catalog-slider {
		--padding-left: 20px;
	}
	.catalog-slider .swiper-slide {
		width: 25%;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.catalog-slider .swiper-slide:not(.swiper-slide-visible) {
		opacity: 0;
		pointer-events: none;
	}
	.catalog-slider-prev {
		left: -5px;
	}
	.catalog-slider-next {
		right: -5px;
	}
	.catalog-wide .main-catalog-grid {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 0 !important;
		border-top: 1px solid var(--catalog-border);
	}
	.catalog-wide .item-mini {
		--gap: 10px;
		gap: var(--gap) 5.5%;
		display: grid;
		grid-template-columns: 15% auto 19% 320px;
		grid-template-rows: auto auto 1fr;
		padding: 40px 0;
		border-bottom: 1px solid var(--catalog-border);
		align-items: flex-start;
		margin: 0 !important;
	}
	.catalog-wide .item-mini:before {
		display: none !important;
	}
	.catalog-wide .item-mini.view-item {
		grid-template-areas:
						"ph in de pr"
						"ph na de ta"
						"ph it de bt";
	}
	.catalog-wide .item-mini.view-series {
		grid-template-areas:
						"ph in de pr"
						"ph na de ta"
						"ph it de bt";
	}
	.catalog-wide .item-mini > * {
		--padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.catalog-wide .item-mini .name {
				display: block;
		}
		.catalog-wide .item-mini .color-name {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				min-height: calc(var(--name-height0) * 2);
		}
	.catalog-wide .item-mini .photo {
		grid-area: ph;
		margin: -40px 0 !important;
		max-height: none !important;
		width: 126.666% !important;
		align-self: stretch;
	}
	.catalog-wide .item-mini.view-series .photo {
		margin: 0 !important;
	}
	.catalog-wide .item-mini .photo .pag {
		bottom: 0px !important;
	}
	.catalog-wide .item-mini.view-series .photo .pag {
		bottom: -15px !important;
	}
	.catalog-wide .item-mini .info {
		grid-area: in;
		margin-right: auto;
	}
	.catalog-wide .item-mini .name {
		grid-area: na;
	}
	.catalog-wide .item-mini .colors {
		grid-area: it;
	}
	.catalog-wide .item-mini .info-top {
		--gap: 40px;
		grid-area: it;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		overflow: hidden;
		gap: 8px 0;
		min-height: 30px;
		margin-right: calc(var(--gap) * -1);
		padding: 3px 0;
	}
	.catalog-wide .item-mini .info-top > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		padding-left: var(--gap);
		left: calc(var(--gap) * -1);
	}
	.catalog-wide .item-mini .info-top > *:before {
		content: '';
		position: absolute;
		top: 0;
		left: calc(var(--gap) / 2);
		width: 0.5px;
		height: 30px;
		background: var(--sec-dark);
		transform: translate3d(-50%, 0, 0);
	}
	.catalog-wide .item-mini .info-top .colors {
		margin: 3px 0 3px 3px;
	}
	.catalog-wide .item-mini .info-top .colors:before {
		left: calc((var(--gap) - 3px) / 2);
	}
	.catalog-wide .item-mini .sizes {
		display: block !important;
	}
	.catalog-wide .item-mini .details {
		grid-area: de;
		margin: 0 !important;
		height: auto !important;
	}
	.catalog-wide .item-mini.view-series .info.for-mini {
		grid-area: in;
	}
	.catalog-wide .item-mini.view-series .info:not(.for-mini) {
		grid-area: de;
	}
	.catalog-wide .item-mini.view-series .info:not(.for-mini) {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 0;
		font-weight: normal;
		font-size: 14px;
		line-height: 16px;
		color: var(--grey500);
		overflow: hidden;
		width: 100%;
	}
	.catalog-wide .item-mini.view-series .info:not(.for-mini) li {
		padding: 4px 0;
		left: auto;
	}
	.catalog-wide .item-mini.view-series .info:not(.for-mini) li:before {
		display: none;
	}
	.catalog-wide .item-mini .details li, .catalog-wide .item-mini.view-series .info:not(.for-mini) li {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 4px 0.25em;
		order: 0 !important;
	}
	.catalog-wide .item-mini .details li > *:last-child, .catalog-wide .item-mini.view-series .info:not(.for-mini) li > *:last-child {
		flex: 1 1 auto;
		overflow: hidden;
		text-align: right;
	}
	.catalog-wide .item-mini .details li > *:last-child:before, .catalog-wide .item-mini.view-series .info:not(.for-mini) li > *:last-child:before {
		content: '';
		display: inline-block;
		vertical-align: top;
		position: relative;
		top: 12px;
		width: 100vw;
		margin-left: -100vw;
		left: -0.25em;
		border-top: 1px dotted currentColor;
	}
	.catalog-wide .item-mini .details .dark {
		color: var(--grey700);
	}
	.catalog-wide .item-mini .price {
		grid-area: pr;
		min-height: 0 !important;
		margin-top: 0 !important;
		position: relative;
		z-index: 2;
		padding-right: 100px !important;
	}
	.catalog-wide .item-mini .tags {
		grid-area: ta;
		flex-direction: column;
		align-items: flex-end;
		gap: 3px;
		margin-top: calc(var(--gap) * -1 - 24px);
		pointer-events: none;
	}
	.catalog-wide .item-mini .btn {
		grid-area: bt;
		align-self: flex-end;
		opacity: 1 !important;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}
	.catalog-wide .item-mini:has(.link-to-fav) .btn, .catalog-wide .item-mini:has(.link-delete-fav) .btn {
		margin-left: 90px;
	}
	.catalog-wide .item-mini .btn:not(.disabled) {
		pointer-events: all !important;
	}
	.catalog-wide .item-mini .link-to-fav, .catalog-wide .item-mini .link-delete-fav {
		right: 240px;
		top: auto;
		bottom: 40px;
		margin: 0;
		width: 80px;
		height: 50px;
		opacity: 1 !important;
		pointer-events: all !important;
		border-radius: 5px;
		border: 0.5px solid rgba(141, 160, 193, 0.25);
		box-shadow: 0px 8px 12px 0px rgba(20, 37, 63, 0.02);
		box-shadow: 0px 1px 0px 0px rgba(189, 202, 221, 1);
		background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
	}
	.catalog-wide .item-mini .link-to-fav:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -0.5px;
		border-radius: inherit;
		background: linear-gradient(200.1deg, #FFDD4F 14.44%, #FFB800 90.4%);
		box-shadow: 0px -1px 0px 0px rgba(117, 31, 1, 0.25) inset;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
	}
	.catalog-wide .item-mini .link-to-fav.active:before {
		opacity: 1;
	}
	.catalog-wide .item-mini .link-to-fav:after {
		display: none !important;
	}
	.catalog-wide .item-mini .link-to-fav svg {
		width: 20px;
		height: 20px;
		fill: transparent;
		stroke: var(--sec-dark);
		stroke-width: 2px;
		transition: stroke 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	@media (pointer:fine) {
		.catalog-wide .item-mini .link-to-fav:not(.active):hover svg {
			stroke: var(--grey900);
			opacity: 1;
		}
	}
	.catalog-wide .item-mini .link-to-fav.active svg {
		stroke: var(--white);
		filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.25));
	}
	.catalog-wide .item-mini .cover-badges {
		top: 15px;
	}
	.catalog-wide .item-mini.view-series .cover-badges {
		top: 0;
		padding: 4px;
	}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
	.main-catalog-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.catalog-small .main-catalog-grid {
		grid-template-columns: repeat(5, 1fr);
	}
	.catalog-slider .swiper-slide {
		width: 20%;
	}
	.catalog-wide .item-mini .info {
		font-size: 15px;
	}
	.catalog-wide .item-mini .name {
		font-size: 18px;
	}
	.catalog-wide .item-mini .info-top {
		--gap: 70px;
	}
	.catalog-wide .item-mini .sizes {
		font-size: 16px;
	}
	.catalog-wide .item-mini .colors {
		font-size: 14px;
	}
	.catalog-wide .item-mini .colors .color {
		width: 20px;
		height: 20px;
	}
	.catalog-wide .item-mini .details {
		font-weight: 300;
	}
	.catalog-wide .item-mini.view-series .info.for-mini {
		font-size: 14px;
	}
	.catalog-wide .item-mini .details .dark {
		font-weight: normal;
	}
	.catalog-wide .item-mini .details ul, .catalog-wide .item-mini.view-series .info:not(.for-mini) {
		gap: 5px;
	}
	.catalog-wide .item-mini .price {
		font-size: 22px;
	}
	.catalog-wide .item-mini .price del {
		font-weight: 500;
	}
}
@media only screen and (min-width: 1760px) {
	.catalog-slider-small .swiper-slide {
		width: 16.666666%;
	}
}