/* Start:/local/templates/box/components/bitrix/catalog/shop/style.css?17448827663875*/
@media (min-width: 992px) {
	.catalog-section{
		overflow: hidden;
	}
	/* .catalog-container{
		max-width: calc(1440px - 135px);
	} */

	.catalog .catalog-section__row,
	.catalog .catalog-section .catalog-item{
    	--item-margin: 44px;
	}

	.bx-section-desc-post,
	[data-pagination-num]{
		margin: 10px var(--item-margin) 0;
	}
}

.catalog-header-list {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-flow: row nowrap;
	width: 100%;
	margin-bottom: 60px;
}

.catalog-btn-filter {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}

.catalog-sort {
	font-size: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.catalog-sort a {
	color: #000;
}

.catalog-sort select {
	min-width: 220px;
}

.catalog-title h1{
	font-size: 24px;
	font-weight: 400;
	line-height: 28.8px;
	text-align: left;
	font-family: var(--font-family-rock-star);
	color: var(--tmp-green);
	margin: 0;
	text-transform: uppercase;
}

.catalog-title h1::after{
	content: ' (' attr(data-count) ')';
	color: #D8D8D8;
}

@media (max-width:992px) {
	.catalog-title h1{
		margin-bottom: 20px;
	}
	.catalog-header-list {
		flex-wrap: wrap;
	}

	.filter-tile {
		display: flex;
		justify-content: space-between;
		background: var(--btn-hover-bg-color);
		border: 1px solid var(--btn-hover-bg-color);
		border-left: 0;
		border-right: 0;
		padding: 12px 20px;
		margin: 0 -20px 10px -20px;
		width: calc(100% + 40px);

	}

	.filter-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}


}

@media (max-width:776px) {

	.catalog-sort select {
		min-width: 150px;
		font-size: 14px;
	}
}

.catalog-btn-filter svg {
	margin-right: 5px;
}

.catalog-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row nowrap;
	margin-bottom: 30px;
	margin-top: 15px;
	width: 100%;
}



/* SORT */

.catalog-sort-panel {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	line-height: 19px;
	margin-right: 10px;
	position: relative;
	margin-top: 12px;
}

.catalog-sort-panel>a {
	margin-left: 10px;
	position: relative;
	text-decoration: none;
	color: #343A40;
}

.catalog-sort-panel>a::after {
	content: '';
	position: absolute;
	right: -11px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	transform: rotate(45deg);
}

.catalog-sort-panel>a.active::after {
	transform: rotate(-135deg);
	top: 6px;
}

.hidden-sort-list-menu {
	list-style: none;
	padding: 5px 5px 5px 33px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	display: none;
	position: absolute;
	top: 22px;
	width: calc(100% + 14px);
	left: 0;
	box-sizing: border-box;
}

.hidden-sort-list-menu.active {
	display: block;
	z-index: 2;
}

.hidden-sort-list-menu li a {
	text-decoration: none;
	padding: 5px 0;
	display: block;
	position: relative;
	font-size: 14px;
	color: #343A40;
}

.hidden-sort-list-menu li a.active::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 10px;
	margin: auto;
	height: 5px;
	border-bottom: 2px solid #323232;
	border-left: 2px solid #323232;
	transform: rotate(-45deg);
}

.all_filter_click {
	display: none;
}

.catalog-wrapper--main {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 40px;
	justify-content: flex-start;
	align-items: flex-start;
}

.main-catalog-goods-panel {
	margin-bottom: 50px;
}

.catalog-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 324px);
}

.catalog-row {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
/* End */


/* Start:/local/templates/box/components/bitrix/catalog.element/us/templates/us/style.css?17442859889486*/
/* FIX slick */

.element-picture .slick-track {
    display: flex;
}

.element-picture {
    display: flex !important;
    position: relative;
}

.element-picture__item {
    position: absolute;
    left: 0;
    top: 0;
    right: var(--el-mr-nav-slider);
	overflow: hidden;
}

.slick-initialized .element-picture__item, .element-picture__item:first-child {
    position: relative;
    right: 0;
}

/* FIX slick */

.element {
    --el-mr-nav-slider: 15px;
    margin-top: 60px;
}

.element-title h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    font-family: var(--font-family-rock-star);
    color: var(--tmp-black);
    margin: 0;
    text-transform: uppercase;
}

.element-widgets {
    display: flex;
    gap: 30px;
    align-items: center;
}

.element-widgets>button {
    line-height: 1;
    display: flex;
}

img.zoomImg{
	background-color: #fff;
}

.element-article {
    margin: 25px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #D8D8D8;
}

.element-amount {
    display: inline-flex;
    align-items: center;

    /* светло-синий */
    background: #F2F8FF;
    border-radius: 10px;

    padding: 0 8px;
    height: 20px;

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #668676;
    margin-bottom: 23px;
    gap: 2px;

}

[data-element="podarok"] {
    width: 100%;
}

.element__pictures {
    display: flex;
    flex-direction: column;
}

.element__pictures img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.element-picture {
    width: 100%;
    padding-right: var(--el-mr-nav-slider);
}

.element-picture-slider {
    /*width: 100%;
    padding: 20px 0;*/
    padding: 0 30px;
    overflow: hidden;
}

.element-picture-slider .slick-arrow {
    /*position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    width: 100%;
    height: 20px;*/
    height: 20px;
    width: 40px;
}

.element-picture-slider .slick-arrow svg {
    height: auto;
    width: 12px;
}

.element-picture-slider .slick-next {
    transform: rotate(-90deg);
    right: -5px;
}

.element-picture-slider .slick-prev {
    transform: rotate(-90deg);
    left: -5px;
}

.element-picture-slider .slick-arrow.slick-disabled{
    display: flex!important;
}

.element-picture-slider .slick-list{
    margin: 0 -1px;
}

/*.element-picture-slider .slick-next {
    top: auto;
    bottom: 0;
}

.element-picture-slider .slick-prev {
    top: 0;
    bottom: auto;
}*/

.element-picture-slider__item {
    display: flex;
    margin: 7.5px 0px;
    cursor: pointer;
    background: #fff;
    opacity: 0.31;
}

.element-picture-slider__item .picture {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.element-picture-slider__item {
    border: 1px solid transparent;
}

.element-picture-slider__item.slick-current {
    border: 1px solid var(--border-color);
    opacity: 1;
}

.element-container {
    display: flex;
    align-items: flex-start;
}

.element__pictures {
    width: 50%;
    position: sticky;
    top: 20px;
}

.element__info {
    width: 50%;
    padding: 0 0 0 15px;
    position: sticky;
    top: 20px;
}

.element__price {
    font-size: 20px;
    font-weight: 400;
    line-height: 25.64px;
    text-align: left;
    /* color: var(--tmp-green); */
    color: #3D4C44;
}

.element__price--old {
    font-size: 16px;
    line-height: 24px;
    text-decoration: line-through;
    color: #777777;
    margin-top: 5px;
}

.element__info-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    margin: 0px 0 0px;
    color: #0E1721;
}

.element__row--justify {
    display: flex;
    justify-content: space-between;
}

.element-prop {
    --el-margin: 3.5px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--el-margin) * -1);
}

.element-prop.ui-select {
    margin: 0;
    max-width: 285px;
}


.element-prop .element-prop__item {
    margin: var(--el-margin);
}

.element-props {
    margin: 16px 0;
}

.element-props__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 15.4px;
    /* color: #8EAFA4; */
    color: #000;

}

.element-props__item {
    /* margin-top: 10px; */
}

.element-props__item span:first-child {
    color: var(--tmp-black);
}

[data-element="buy-button"] {
    flex: 1;
}

.element__btns {
    margin-top: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 370px;
}

.element__prices {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
}

.element-quantity {
    width: 82px;
    height: 40px;
    border: 1px solid #668676;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.element-quantity__input {
    width: 40px;
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 20px;
}

.element .element-quantity__plus,
.element .element-quantity__minus {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tmp-green);
    font-family: var(--font-family-rock-star);
}

[data-element-discount] {
    position: relative;
    width: fit-content;
}

[data-element-discount]::after {
    content: attr(data-element-discount);
    position: absolute;
    background: #D3372B;
    border-radius: 3px;
    color: #fff;
    padding: 2.5px 5.5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    min-width: 40px;
    left: calc(100% + 10px);

    display: none;
}

.prop-disabled {
    display: none;
}

.buy1click {
    display: none;
}

.liked svg {
    fill: #668676 !important
}

.liked svg path {
    stroke: #668676 !important
}

#errorBuy1Click {
    color: #e20338;
    margin-top: 10px;
}

.element-tabs {
    display: flex;
    flex-direction: column;
}

.element-tab {
    padding: 13.5px 10px;
    border-top: 1px solid #D8D8D8;
}

.element-tab:last-child {
    border-bottom: 1px solid #D8D8D8;
}

.element-tab__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.element-tab__content {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    display: none;
    margin-top: 5px;
}

.element-tab.active{
    background: #F6FAF8;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    box-shadow: 0px -1px 0 #D8D8D8;
    padding: 18.5px 10px;
}

.element-tab:last-child.active{
    box-shadow: 0px 1px 0 #D8D8D8;
}

.element-tab.active .element-tab__content{
    display: block;
}

.element-tab__title::after {
    content: url(/local/templates/box/icons/arrow.svg);
    position: absolute;
    right: 0;
    transition: ease 0.3s;
}

.element-tab.active .element-tab__title::after {
    transform: rotate(180deg);
}

[data-treeprop-code="CVET"] .element__info-title{
    display: none;
}

@media (max-width: 992px) {
    .element-article, .element-amount{
        display: inline-flex;
        margin: 23px 15px 15px 0;
    }
    .element{
        margin-top: 20px;
    }
    .element-picture-slider {
        display: none !important;
    }

    .slick-slide img {
        margin: auto;
    }

    .element-picture {
        padding: 0;
    }

    .element__info {
        padding: 20px;
    }

    .slider-nav {
        display: none;
    }

    .element-container {
        flex-wrap: wrap;
    }

    .element__info{
        width: 100%;
    }

    .element__pictures{
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    .element__info, .element__pictures {
        position: static;
    }

    .element__info {
        margin: 35px -20px;
        width: calc(100% + 40px);
    }

    .element__pictures {
        flex-wrap: wrap;
    }

    .element-picture {
        width: 100%;
    }

    .element-picture-slider {
        width: 100%;
        margin: 10px 0;
        order: 0;
    }
    .element__price{
        font-size: 16px;
        font-weight: 400;
        line-height: 20.51px;
        text-align: left;
    }

    .element__price--old{
        font-size: 14px;
    }

    [data-treeprop-code="CVET"] .element__info-title {
        display: block;
    }

    .element__prices{
        margin-bottom: 1px;
    }

    .element__info-title{
        margin-bottom: 14px;
    }
}


@media (max-width: 550px) {
    .element-title h1 {
        font-size: 16px;
    }
}

@media (max-width: 350px) {
    
}


.element-delivery {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--gray);
    margin-top: 20px;
    border: 1px solid var(--link-color);
}

.element-delivery .btn-clear {
    color: var(--link-color)
}

.element-prop.img_props .ui-input__placeholder {
    height: 18px;
    width: 18px;
    min-width: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.wds_share{
    position: relative;
}

.wds_share_block{
    display: none;
    position: absolute;
    top: 36px;
    right: -20px;
    width: 250px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 3px 15px 0px #5B595924;
}
.wds_share_block.open{
    display: block;
}

.slick-list {min-width: 100%}
/* End */


/* Start:/local/components/custom/form.podarok/templates/.default/style.css?17337586081382*/
.ui-popup--podarok .ui-popup__container {
    display: flex;
    max-width: 943px;
    padding: 0;
    border-radius: 0;
}

.ui-popup--podarok picture {
    display: flex;
}

.ui-popup--podarok .ui-popup__image {
    width: 50%;
}

.ui-popup--podarok .ui-popup__body {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-popup--podarok .ui-popup__wrap {
    max-width: 361px;
    width: calc(100% - 30px);
}

.ui-popup--podarok .ui-popup__title {
    font-family: var(--font-family-rock-star);
    font-style: normal;
    font-weight: 300;
    font-size: clamp(22px, 3vw, 48px);
    line-height: 100%;
    text-align: center;
    margin: 0 0 35px;
    color: #668676;


}

.ui-popup--podarok .ui-popup__buttons{
    display: flex;
    justify-content: center;
}

.ui-popup--podarok .ui-popup__title i{
    font-family: var(--font-family-playfair);
}

@media (max-width: 767px) {
    .ui-popup--podarok .ui-popup__container {
        flex-direction: column;
        gap: 20px;
    }
    .ui-popup--podarok .ui-popup__image {
        width: 100%;
    }
    .ui-popup--podarok .ui-popup__body {
        width: 100%;
    }

    .ui-popup--podarok .ui-popup__wrap{
        padding-bottom: 80px;
    }
    .ui-popup--podarok .ui-popup__title {
        margin: 0 0 20px;
    }
}
/* End */


/* Start:/local/templates/box/fonts/PlayfairDisplay/stylesheet.css?15061001884923*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on September 22, 2017 5:09 PM */

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BlackItalic.eot');
	src: local('Playfair Display SC Black Italic'), local('PlayfairDisplaySC-BlackItalic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BlackItalic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BoldItalic.eot');
	src: local('Playfair Display SC Bold Italic'), local('PlayfairDisplaySC-BoldItalic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BoldItalic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Italic.eot');
	src: local('Playfair Display SC Italic'), local('PlayfairDisplaySC-Italic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Italic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.eot');
	src: local('Playfair Display-Bold Italic'), local('PlayfairDisplay-BoldItalic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Black.eot');
	src: local('Playfair Display Black'), local('PlayfairDisplay-Black'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Black.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.eot');
	src: local('Playfair Display-Black Italic'), local('PlayfairDisplay-BlackItalic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot');
	src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Bold.eot');
	src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Black.eot');
	src: local('Playfair Display SC Black'), local('PlayfairDisplaySC-Black'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Black.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Black.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Italic.eot');
	src: local('Playfair Display-Italic'), local('PlayfairDisplay-Italic'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Italic.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Bold.eot');
	src: local('Playfair Display SC Bold'), local('PlayfairDisplaySC-Bold'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Bold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Bold.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display SC';
	src: url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Regular.eot');
	src: local('Playfair Display SC Regular'), local('PlayfairDisplaySC-Regular'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Regular.woff') format('woff'),
		url('/local/templates/box/fonts/PlayfairDisplay/PlayfairDisplaySC-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* End */


/* Start:/local/templates/box/components/bitrix/catalog.section/shop-slider/style.css?17413503061675*/
/* FIX slick */

.main-section-slick .slick-track {
	display: flex;
}

.main-section-slick {
	display: flex !important;
	overflow: hidden;
	margin: 0 -10px;
	--slidesToShow: 4;
}

.main-section__item {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	
}

.main-section-slick>.main-section__item {
	width: calc(100% / var(--slidesToShow) - 20px);
	min-width: calc(100% / var(--slidesToShow) - 20px);
}

.slick-initialized .main-section__item, .main-section__item:nth-child(-n+4) {
	position: relative;
	opacity: 1;
}

@media (max-width: 1200px) {
	.main-section-slick{
		--slidesToShow: 3;
	}
}

@media (max-width: 768px) {
	.main-section-slick {
		--slidesToShow: 2;
	}
}

.main-section .slick-arrow{
	transform: none;
	top: -95px;
	border-radius: 50%;
}

.main-section .slick-prev{
	right: calc(40px + 10px);
	left: auto;
}

.main-section .slick-next{
	right: 0px;
}

/* FIX slick */

.main-section__container {
	padding: 0 0 !important;
	position: relative;
}

.main-section {
	margin: var(--margin-default) auto;
	position: relative;
	padding-bottom: 1px;
}

.main-section-slick {
	position: static;
}

.main-section__container .slick-list {
    min-width: 100%;
}

.main-section-slick .slick-list {
	/* margin: 0 -10px; */
}

.main-section__item {
	/* padding: 10px 20px 20px; */
	margin: 10px;
}

.main-section__item:hover {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}

.main-section__item-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-section .slick-dots {
	/* position: static; */
	margin-top: 20px;
	bottom: -30px;
	/* padding-bottom: 25px; */
	left: 0;
	right: 0;
}

.main-section-relative {
	position: relative;
}
/* End */


/* Start:/local/templates/box/components/bitrix/catalog.item/shop/style.css?17319152783153*/
/* FIX slick */

.catalog-item-slider .slick-track {
	width: 100%;
}

.catalog-item-slider {
	width: 100%;
}

.catalog-item-slider__item {
    position: absolute;
    left: 0;
    top: 0;
}

.slick-initialized .catalog-item-slider__item, .catalog-item-slider__item:first-child {
    position: relative;
}


/* FIX slick */

.catalog-item .catalog-item__fast{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
	.catalog-item:hover .catalog-item__fast{
		display: block;
	}
}

.catalog-item {
	background: #FFFFFF;
	border-radius: 0;
	padding: 0;
	position: relative;
}

.catalog-item__badges {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	top: 15px;
	left: 15px;
	z-index: 1;
}

.badge {
	border-radius: 3px;
	color: #fff;
	padding: 2.5px 5.5px;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	display: inline-block;
	min-width: 40px;
}

.badge+.badge {
	margin-top: 5px;
}

.badge--blue {
	background: var(--tmp-green);
}

.badge--green {
	background: #62C253;
}

.badge--red {
	background: #D3372B
}

.badge--purple {
	background: #782FEF
}

.catalog-item__picture {
	position: relative;
}

.catalog-item__picture picture {
	padding-top: 100%;
	position: relative;
	
	display: block;
}

.catalog-item__picture img {
	width: 100%;
	height: 100%;
	/* object-fit: contain; */
	object-fit: cover;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



.catalog-item__title {
    font-size: 16px;
    line-height: 21px;
    margin-top: 30px;
	font-weight: 400;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.catalog-item__prices {
	display: flex;
	align-items: baseline;
	margin-top: 12px;
}

.catalog-item__price {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: var(--tmp-black);
	margin-right: 10px;
}

.catalog-item__price--old {
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	text-decoration-line: line-through;
	color: #777777;
}

.catalog-item__buttons{
	margin-top: 10px;
}

.catalog-item__favorite {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	z-index: 1;
}

.catalog-item__colors{
	margin: 15px 0 12px;
	display: flex;
	gap: 10px;
}

.catalog-item__color{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	cursor: pointer;
	background: linear-gradient(270deg, #8E12EE -11.84%, #E1A9FF 53.29%, #DF6FFD 118.42%);
	border: 1px solid #ACB6C5
}

@media (max-width: 1200px) {
	.catalog-item__title {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.catalog-item__favorite{
		top: 10px;
		/* right: px; */
	}
	.catalog-item__buttons{
		display: none;
	}
	.catalog-item {
		padding: 0 0;
	}

	.catalog-item__title {
		font-size: 14px;
		margin-top: 20px;
	}

	.catalog-item__prices {
		flex-wrap: wrap;
		margin-top: 8px;
	}

	.catalog-item__price {
		font-size: 16px;
	}

	.catalog-item__price--old {
		font-size: 12px;
	}

	.catalog-item__colors{
		margin: 10px 0 5px;
	}
}


.liked svg {
	fill: #668676 !important;
}

.liked svg path {
	stroke: #668676 !important;
}
/* End */
/* /local/templates/box/components/bitrix/catalog/shop/style.css?17448827663875 */
/* /local/templates/box/components/bitrix/catalog.element/us/templates/us/style.css?17442859889486 */
/* /local/components/custom/form.podarok/templates/.default/style.css?17337586081382 */
/* /local/templates/box/fonts/PlayfairDisplay/stylesheet.css?15061001884923 */
/* /local/templates/box/components/bitrix/catalog.section/shop-slider/style.css?17413503061675 */
/* /local/templates/box/components/bitrix/catalog.item/shop/style.css?17319152783153 */