/* @font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/Sofia Pro/SofiaPro-Regular.woff2') format('woff2'),
       url('../fonts/Sofia Pro/SofiaPro-Regular.woff') format('woff'),
       url('../fonts/Sofia Pro/SofiaPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-family: 'Cormorant';
  src: url('../fonts/Cormorant/Cormorant-SemiBold.ttf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant';
  src: url('../fonts/Cormorant/Cormorant-SemiBoldItalic.ttf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant';
  src: url('../fonts/Cormorant/Cormorant-Bold.ttf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant';
  src: url('../fonts/Cormorant/Cormorant-BoldItalic.ttf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}



:root{

	--font-family: 'Sofia Pro', sans-serif;
	--second-family: 'Cormorant', sans-serif;

    --colors-primary-light: #efeae6;
	--colors-secondary-light: #fff;
	--colors-tertiary-light: #f8f5f0;
	--colors-primary-dark: #3f4443;
	--colors-secondary-dark: #1b1f1f;
	--colors-tertiary-dark: #737c7b;
	--colors-accent: #f14a28;
	--colors-accent-2: #c9ab93;
	--colors-accent-3: #9b5a25;
	--colors-additional-1: #ced1d1;
	--colors-additional-2: #ddddd9;
	--colors-additional-3: #cbc0ba;

	--color-skeleton: #f8f5f0;
	--color-skeleton-loader: linear-gradient(90deg, #fff0, #ffffff80, #fff0);

	--color-bg-dark-opacity-primary: #3f4443e0;
	--color-bg-dark-opacity-secondary: #3f4443b3;
    
    --col-gap: 20px;
    --container-padding: 25px;
	--content-padding: 20px;
    --border-radius: 5px;
}

@media ( max-width: 1024px ){
	:root{
		--col-gap: 10px;
    	--container-padding: 10px;
   	}
}

@media ( max-width: 991px ){
   :root{
	--content-padding: 15px;
   }
}

body{
	margin: 0;
	background: var(--colors-primary-light);
	color: var(--colors-primary-dark);
	font-family: var(--font-family);
	font-weight: 400;
	overflow-x: clip !important;
}

*{
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}


/* LAYOUT */
body .container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}

@media ( min-width: 1920px ){
	body .container{
		max-width: 1600px;
	}
}
@media ( min-width: 2400px ){
	body .container{
		max-width: 1920px;
	}
}

.container:before{
	display: none;
}

.heroSection{
	padding-top: 20px;
	padding-bottom: 20px;
}
@media ( max-width: 768px ){
   .heroSection{
		padding-top: 0;
		padding-bottom: 10px;
	}
}

.pt_lg{
	padding-top: clamp(30px, 4vw, 80px);
}
.pb_lg{
	padding-bottom: clamp(30px, 4vw, 80px);
}
.pt_md{
	padding-top: clamp(20px, 4vw, 40px);
}
.pb_md{
	padding-bottom: clamp(20px, 4vw, 40px);
}
.pt_sm{
	padding-top: clamp(10px, 4vw, 20px);
}
.pb_sm{
	padding-bottom: clamp(10px, 4vw, 20px);
}

.bgLight{
	background: #F8F5F0;
}

.xHidden{
	overflow-x: hidden;
}


/* UI KIT */

/* btn */
.button{
	--el-height: clamp(34px, 2.5vw, 54px);
	display: inline-flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	height: var(--el-height);
	line-height: var(--el-height);
	background: var(--colors-tertiary-dark);
	color: var(--colors-secondary-light);
	border-radius: 3px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	font-size: clamp(12px, 2.5vw, 14px);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.button_light{
	background: var(--colors-secondary-light);
	color: var(--colors-primary-dark);
}
.button_small{
	--el-height: 36px;
	padding-left: 15px;
	padding-right: 15px;
}

/* btn arrow */
.buttonArrow{
	--el-size: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;	
	width: var(--el-size);
	height: var(--el-size);
	border: 1px solid var(--colors-additional-1);
	border-radius: 100%;
	font-size: 20px;
	color: var(--colors-primary-dark);
	background: transparent;
	cursor: pointer;
}
.buttonArrow:before,
.buttonArrow:before{
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.buttonArrow_light{
	color: var(--colors-secondary-light);
	background: rgba(255, 255, 255, 0.20);
	border: 1px solid var(--colors-secondary-light);
}

@media ( max-width: 768px ){
	.buttonArrow{
		--el-size: 30px;
		font-size: 14px;
	}
}


/* SECTION TITLE */
.sectionTitleCenter{
	margin: 0 0 clamp(15px, 2.5vw, 30px) 0;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: clamp(24px, 2.5vw, 32px);
	line-height: 100%;
	text-align: center;
}
.sectionTitleCenter i{
	font-weight: 700;
}


/* PAGE HEADING BACK */
.pageHeadingBack{
	--el-vertical-padding: 40px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--col-gap);
	padding-top: var(--el-vertical-padding);
	padding-bottom: var(--el-vertical-padding);
}
.pageHeadingBack__back{
	grid-column: 1 / 1;
	display: flex;
	align-items: center;
}
.pageHeadingBack__backBtn{
	text-decoration: none;
}
.pageHeadingBack__title{
	grid-column: 2 / 12;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageHeadingBack__titleText{
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: clamp(24px, 2.5vw, 36px);
	line-height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pageHeadingBack__titleText i{
	font-style: italic;
	font-weight: 700;
}

@media ( max-width: 768px ){
	.pageHeadingBack{
		--el-vertical-padding: 20px;
	}
   	.pageHeadingBack__back{
		grid-column: 1 / 3;
	}
	.pageHeadingBack__title{
		grid-column: 3 / 11;
	}
}


/* PAGE HEADING CENTER */
.pageHeadingCenter{
	padding-top: clamp(30px, 2.5vw, 60px);
	padding-bottom: clamp(20px, 2.5vw, 30px);
	text-align: center;
}
.pageHeadingCenter__title{
	font-family: var(--second-family);
	font-weight: 600;
	font-size: clamp(32px, 2.5vw, 36px);
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
.pageHeadingCenter__title i{
	font-weight: 700;
}
.pageHeadingCenter__desc{
	font-size: 16px;
	max-width: 400px;
	margin-top: clamp(16px, 2.5vw, 30px);
	margin-left: auto;
	margin-right: auto;
	text-wrap-style: balance;
}

/* SECTION TITLE RICH */
.sectionTitleRich{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--col-gap);
	margin-bottom: 30px;
	line-height: 130%;
}
.sectionTitleRich__desc{
	margin-left: auto;
	max-width: 440px;
	text-align: right;
	font-size: clamp(12px, 2.5vw, 16px);
	line-height: 120%;
}
.sectionTitleRich__desc p {
	margin: 0;
}
.sectionTitleRich__desc p + p {
	margin-top: 1em;
}
.sectionTitleRich__desc a{
	position: relative;
	text-decoration: none;
}
.sectionTitleRich__desc a:before{
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--colors-additional-1);
}

.sectionTitleRich__title{
	font-weight: 700;
	font-size: clamp(24px, 2.5vw, 36px);
	line-height: 100%;
	margin: 0;
	font-family: var(--second-family);
}

@media ( max-width: 768px ){
	.sectionTitleRich{
		display: flex;
		flex-direction: column;
		row-gap: 15px;
		margin-bottom: 15px;
	}
	.sectionTitleRich__desc{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		order: 2;
	}
	.sectionTitleRich__title{
		text-align: center;
		order: 1;
	}
}



/* SLIDER CONTROLS */
.sliderNavPrev,
.sliderNavNext{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.sliderNavPrev{
	left: var(--content-padding);
}
.sliderNavNext{
	right: var(--content-padding);
}
.sliderNavPrev.swiper-button-disabled,
.sliderNavNext.swiper-button-disabled{
	opacity: .5;
}
.sliderNavPrev.swiper-button-disabled .buttonArrow, 
.sliderNavNext.swiper-button-disabled .buttonArrow {
	cursor: auto;
}

.sliderPagination{
	position: absolute;
	bottom: 15px;	
	left: 0;
	width: 100%;
	z-index: 1;
}
.sliderPagination .swiper-pagination-bullet{
	background: var(--colors-secondary-light);
	opacity: .5;
}
.sliderPagination.swiper-pagination-horizontal{
	text-align: center;
}
.sliderPagination.swiper-pagination-horizontal .swiper-pagination-bullet{
	margin: 0 2.5px!important;
}

.sliderPagination.swiper-pagination-vertical{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sliderPagination.swiper-pagination-vertical .swiper-pagination-bullet{
	margin: 2.5px 0!important;
	flex: none;
}

.sliderPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: 1;
}
.sliderPagination_dark :is(.swiper-pagination-bullet, .swiper-pagination-bullet.swiper-pagination-bullet-active){
	background: var(--colors-primary-dark);
}

/* autoplay */
.sliderPaginationProgressAutoplay{
	--pagination-time-animation: 2s;
	--pagination-bullet-border-radius: 30px;
	position: absolute;
	bottom: 15px;
	width: 120px !important;
	z-index: 1;
}
.sliderPaginationProgressAutoplay .swiper-pagination-bullet{
	background: #ffffff80;
	opacity: 1;
	transition: width .3s, transform,.3s, background 0s !important;
	border-radius: var(--pagination-bullet-border-radius);
	overflow: hidden;
}
.sliderPaginationProgressAutoplay .swiper-pagination-bullet-active{
	width: 60px;
	border-radius: var(--pagination-bullet-border-radius);
	background: #ffffff80;
	transition: width .3s, transform,.3s, background 0s !important;
}

.sliderPaginationProgressAutoplay .swiper-pagination-bullet-active:before{
	content: '';
	width: 100%;
	height: 100%;
	border-radius: var(--pagination-bullet-border-radius);
	position: absolute;
	left: 0;
	top: 0;
	transition: 0s !important;
	background: #ffffff80;
	opacity: 1;
	background: #ffffff;
	transform-origin: left;
	will-change: transform;
	animation: slider_pagination_fill var(--pagination-time-animation) linear forwards;
}
@keyframes slider_pagination_fill{
	0%{
		transform: scaleX(0);
	}
	100%{
		transform: scaleX(1);
	}
}


/* vertical */
.sliderControlVertical{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
}
.sliderControlVertical__prev,
.sliderControlVertical__next{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 2px 0;
}
.sliderControlVertical__prev.swiper-button-disabled,
.sliderControlVertical__next.swiper-button-disabled{
	opacity: .5;
	cursor: auto;
}
.sliderControlVertical__pagination.swiper-pagination-vertical.swiper-pagination-bullets{
	position: relative;
	top: 0;
	left: 0;
	transform: translateY(0);
	width: 16px;
	height: 28px !important;
}
.sliderControlVertical__pagination .swiper-pagination-bullet{
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0 !important;
	flex: none;
	top: 28px !important;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	transition: .3s !important;
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-next-next{
	transform: translateX(-50%) scale(0);
}
.sliderControlVertical__pagination .swiper-pagination-bullet:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sliderControlVertical__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before{
	transform: scale(2.5);
}

.sliderControlVertical__pagination .swiper-pagination-bullet-active-prev{
	top: -6px !important;
	transform: translateX(-50%) scale(0);
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-main{
	top: 4px !important;
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-next{
	top: 18px !important;
	transform: translateX(-50%) scale(.8);
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-prev-prev{
	top: 28px !important;
	opacity: 0;
	transform: translateX(-50%) scale(0);
	transition: 0s !important;
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-prev:nth-last-of-type(2){
	top: 4px !important;
	transform: translateX(-50%) scale(.8);
}
.sliderControlVertical__pagination .swiper-pagination-bullet-active-main:nth-last-of-type(1){
	top: 18px !important;
}

.sliderControlVertical__pagination :is(.swiper-pagination-bullet, .swiper-pagination-bullet.swiper-pagination-bullet-active) {
    background: var(--colors-primary-dark);
}


/* BENTO */
.bento{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 1fr);
    gap: 20px var(--col-gap);
    height: 100vh;
}
.bento_banners{
	display: none;
}
.bento__box:nth-child(1){
    grid-column: 1 / 10;
    grid-row: 1 / 9;
}
.bento__box:nth-child(2){
    grid-column: 10 / 13;
    grid-row: 1 / 6;
}
.bento__box:nth-child(3){
    grid-column: 10 / 13;
    grid-row: 6 / 11;
}
.bento__box:nth-child(4){
    grid-column: 1 / 4;
    grid-row: 9 / 11;
}
.bento__box:nth-child(5){
    grid-column: 4 / 7;
    grid-row: 9 / 11;
}
.bento__box:nth-child(6){
    grid-column: 7 / 10;
    grid-row: 9 / 11;
}


/* banto banner */
.bentoBanner{
    display: flex;
    position: relative;
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bentoBanner__content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: clamp(10px, 2.5vw, 20px);
    z-index: 1;
}
.bentoBanner__title{
    font-size: clamp(10px, 2.5vw, 16px);
    line-height: 110%;
    color: var(--colors-secondary-light);
    text-transform: uppercase;
}
.bentoBanner__desc{
    margin-top: 5px;
    font-size: 14px;
    line-height: 120%;
    color: var(--colors-secondary-light);
}
.bentoBanner :is(picture, img, video){
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* bento slider */
.bentoSlider{
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.bentoSlider__media{
	width: 100%;
	height: 100%;
}
.bentoSlider__media picture{
	height: 100%;
}
.bentoSlider__media img,
.bentoSlider__videoDesktop,
.bentoSlider__videoMobile {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bentoSlider__videoMobile{
	display: none;
}
.bentoSlider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.bentoSlider__card{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.bentoSlider__content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: var(--content-padding);
	color: var(--colors-secondary-light);
}
.bentoSlider__tag{
	font-size: clamp(12px, 2.5vw, 14px);
	margin-bottom: 5px;
}
.bentoSlider__title{
	font-size: clamp(20px, 2.5vw, 24px);
	line-height: 120%;
	text-transform: uppercase;
}
.bentoSlider__action{
	margin-top: 10px;
}

@media ( max-width: 991px ){
	.bento{
		display: flex;
		flex-direction: column;
		height: auto;
		gap: 5px;
	}
	.bento__box.bento__slider{
		height: 55vh;
		min-height: 340px;
	}
	.bentoSlider__content{
		padding: 20px;
	}
	.bentoSlider :is(.sliderNavPrev, .sliderNavNext){
		display: none;
	}
	.bento_banners{
		display: flex;
		column-gap: 5px;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-left: calc(-1 * var(--container-padding));
		margin-right: calc(-1 * var(--container-padding));
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
	}
	.bento__banner{
		display: none;
   	}
	.bento_banners .bento__banner{
		display: block;
		width: calc( 30vw - 10px );
        flex: none;
		aspect-ratio: 1;
	}
	.bentoSlider__videoDesktop{
		display: none;
	}
	.bentoSlider__videoMobile{
		display: block;
	}
	.bentoBanner__desc{
		display: none;
	}
}

@media ( max-width: 600px ){
	.bento__box.bento__slider{
		width: calc(100% + var(--container-padding) * 2);
		margin-left: calc(-1 * var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
	}
	.bentoSlider{
		border-radius: 30px 30px 0 0;
	}
	.bentoSlider__card{
		border-radius: 30px 30px 0 0;
	}
}


/* TRADE OFFER */
.productSetOffer{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--col-gap);
	height: fit-content;
}

/* banner slider */
.productSetOffer__gallery{
	grid-column: span 6;
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.productSetOffer__gallery .swiper-wrapper{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.productSetOffer__info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: var(--content-padding);
	color: var(--colors-secondary-light);
	will-change: transform;
	z-index: 2;
}
.productSetOffer__title{
	font-size: 20px;
	line-height: 120%;
	text-transform: uppercase;
}
.productSetOffer__action{
	margin-top: 15px;
}
.productSetOffer__link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.productSetOffer__banner{
	position: relative;
	height: 100%;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.productSetOffer__bannerMedia{
	width: 100%;
	height: 100%;
}
.productSetOffer__bannerMedia img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* product slider */
.productSetOffer__set{
	grid-column: span 6;
	position: relative;
}
.productSetOffer__set .sliderControlVertical{
	display: none;
	top: calc( 50% - 20px );
}
.productSetOffer__products{
	height: 400px;
	overflow: hidden;
}
.productSetOffer__products .swiper-wrapper{
	list-style-type: none;
	margin: 0;
	padding: 0;
	flex-direction: row;
}

.productSetOffer__products .swiper-slide{
	width: calc( 100% / 3 - 15px );
	height: auto;
	pointer-events: auto !important;
}
.productSetOffer__set .sliderPagination{
	display: none;
}
@media ( max-width: 1024px ){
	.productSetOffer__set{
		padding-bottom: 20px;
	}
	.productSetOffer__products .swiper-wrapper{
    	flex-direction: column;
	}
   .productSetOffer__products .swiper-slide{
		width: calc( 100% / 3 - 10px );
   }
   .productSetOffer__set .sliderPagination{
		display: block;
		right: -4px;
   }
   .productSetOffer__set .sliderControlVertical{
		display: none;
   }
}

@media ( max-width: 768px ){
	.productSetOffer{
		display: flex;
		flex-direction: column;
	}
	.productSetOffer__title{
		font-size: 18px;
	}
	.productSetOffer__action{
		margin-top: 8px;
	}
}



/* PRODUCT CARD LESS */
.productCardLess__img{
	position: relative;
}
.productCardLess__imgWrapper{
	display: block;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.productCardLess__imgWrapper img{
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.productCardLess__btn{
	--el-btn-size: 40px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}


/* btn add to cart */
.productCardLessAddCart{
	width: var(--el-btn-size);
	height: var(--el-btn-size);
	background: var(--color-bg-dark-opacity-secondary);
	border-radius: 30px;
	cursor: pointer;
	transition: .25s cubic-bezier(0.22, 0.61, 0.1, 0.99);
}

.productCardLessAddCart__btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--colors-secondary-light);
}
.productCardLessAddCart__btn i{
	width: auto;
	font-size: 18px;
}
.productCardLessAddCart__btn:before{
	content: '';
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
}
.productCardLessAddCart_added{
	width: 96px;
	height: 35px;
}
.productCardLessAddCart_added .productCardLessAddCart__btn{
	display: none;
}
.productCardLessAddCart_added .productCardLessAddCart__qnty{
	display: flex;
}

.productCardLessAddCart__qnty{
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-left: 8px;
	padding-right: 8px;
}

.productCardLessAddCart__amount{
	width: 40px;
	height: 100%;
	background: transparent;
	border: none;
	text-align: center;
	color: var(--colors-secondary-light);
	font-size: 12px;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	cursor: pointer;
}
.productCardLessAddCart__amount:focus{
	outline: none;
}
.productCardLessAddCart__minus,
.productCardLessAddCart__plus{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	flex: 1;
	cursor: pointer;
}
.productCardLessAddCart__minus i,
.productCardLessAddCart__plus i{
	width: auto;
	color: var(--colors-secondary-light);
	font-size: 12px;
}
.productCardLessAddCart__minus:before,
.productCardLessAddCart__plus:before{
	content: '';
	display: block;
	width: 45px;
    height: 45px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.productCardLessAddCart__minus:before{
	left: calc(-50% - 8px);
}
.productCardLessAddCart__plus:before{
	right: calc(-50% - 8px);
	width: calc(100% + 60px - 8px);
}

.productCardLessAddCart.processing{
	cursor: auto;
}
.productCardLessAddCart.processing .productCardLessAddCart__btn,
.productCardLessAddCart.processing .productCardLessAddCart__plus,
.productCardLessAddCart.processing .productCardLessAddCart__minus,
.productCardLessAddCart.processing .productCardLessAddCart__amount{
	opacity: 0;
	pointer-events: none;
}
.productCardLessAddCart.processing:before{
	--el-size: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: var(--el-size);
	height: var(--el-size);
	border: 2px solid var(--colors-secondary-light);
	border-radius: 100%;
	border-bottom-color: rgb(255 255 255 / 0%);
    transform-origin: center;
    animation: loader_spin .8s linear infinite;
}
@keyframes loader_spin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
}

.productCardLessAddCart__plus.disabled{
	opacity: .3;
}
.productCardLessAddCart__amount.disabled{
	pointer-events: none;
}

.productCardLess__info{
	margin-top: 10px;
}
.productCardLess__title{
	font-size: 14px;
	line-height: 110%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.productCardLess__price{
	margin-top: 5px;
	font-size: 14px;
	line-height: 110%;
}
.productCardLess__price del{
	font-size: clamp(8px, 2.5vw, 12px);
	text-decoration: line-through;
	color: var(--colors-tertiary-dark);
}
.productCardLess__price ins{
	text-decoration: none;
}

@media ( hover : hover ){
   .productCardLessAddCart:hover{
		background: var(--colors-accent-2);
	}
	.productCardLessAddCart__minus:hover,
	.productCardLessAddCart__plus:hover{
		opacity: .5;
	}
}
@media ( hover : none ){
   .productCardLessAddCart:active{
		background: var(--colors-primary-dark);
	}
	.productCardLessAddCart__minus:active,
	.productCardLessAddCart__plus:active{
		opacity: .5;
	}
}

/* btn preorder */
.productCardLessPreoder{
	position: relative;
	width: var(--el-btn-size);
	height: var(--el-btn-size);
	background: var(--color-bg-dark-opacity-secondary);
	border-radius: 30px;
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 18px;
    color: var(--colors-secondary-light);
	cursor: pointer;
	transition: .25s cubic-bezier(0.22, 0.61, 0.1, 0.99);
}
.productCardLessPreoder:before{
	content: '';
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
}

@media ( hover : hover ){
	.productCardLessPreoder:hover{
		background: var(--colors-accent-2);
	}
}
@media ( hover : none ){
	.productCardLessPreoder:active{
		background: var(--colors-accent-2);
	}
}


/* status */
.productCardLess__status{
	--el-height: 24px;
	--el-text-color: var(--colors-secondary-light);
	position: absolute;
	top: 5px;
	left: 5px;
	display: flex;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	align-items: center;
	column-gap: 5px;
	width: fit-content;
	height: var(--el-height);
	line-height: var(--el-height);
	font-size: 12px;
	color: var(--el-text-color);
	background: var(--color-bg-dark-opacity-secondary);
	border-radius: 30px;
	z-index: 1;
}
.productCardLess__status:before{
	content: '';
	display: block;
	margin-bottom: 2px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: var(--el-text-color);
}

/* discount label */
.productCardLess__discountLabel{
	--el-height: 24px;
	position: absolute;
	top: 5px;
	right: 5px;
	width: fit-content;
	height: var(--el-height);
	line-height: var(--el-height);
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: var(--colors-secondary-light);
	border-radius: 100px;
	background: var(--colors-accent-2);
	z-index: 1;
}

@media ( max-width: 768px ){
	.productCardLess__info{
		margin-top: 5px;
	}
    .productCardLess__title{
		font-size: 12px;
    }
    .productCardLess__price{
		margin-top: 2px;
		font-size: 12px;
    }
	.productCardLess__status{
		--el-height: 18px;
		column-gap: 4px;
		font-size: 8px;
		padding-left: 6px;
		padding-right: 6px;
	}
	.productCardLess__status:before{
		width: 4px;
		height: 4px;
	}
	.productCardLess__btn{
		--el-btn-size: 35px;
	}
    .productCardLessAddCart_added{
		height: 30px;
    }
    .productCardLessAddCart__btn i{
		font-size: 16px;
    }
    .productCardLessAddCart__minus,
    .productCardLessAddCart__plus{
		font-size: 10px;
    }
    .productCardLessAddCart__minus:before{
		width: 50px;
		height: 50px;
    }
   .productCardLessAddCart__plus:before{
		height: 50px;
    }
    .productCardLessAddCart__minus:before{
		left: -24px;
	}
	.productCardLessAddCart__plus:before{
		right: -24px;
	}
    .productCardLessAddCart__amount{
		width: 30px;
		font-size: 10px;
    }
	.productCardLessAddCart.processing:before{
		--el-size: 16px;
	}
	.productCardLess__discountLabel{
		--el-height: 18px;
		font-size: 10px;
	}
}


/* MESSAGE PRODUCT ADDED MAX */
.messageProductMaxAdded{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position:fixed;
	top:146px;
    transform: translateX(-50%);
    left:50%;
	font-size: 16px;
	font-weight: 300;
	background:#EDF5FC;
	border:1px solid #D6E2EC;
	border-radius:4px;
	padding: 15px 8px;
	z-index: 999;
    white-space:nowrap;
}

@media (max-width: 575.98px){
	.messageProductMaxAdded{
        white-space: initial;
        width: 95%;
        max-width: 380px;
        font-size: 12px;
        top: 60px;
	}
}


/* LOGO SLIDER */
.logoSlider{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.logoSlider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.logoSlider__card{
	display: block;
	position: relative;
	background: var(--colors-secondary-light);
	border-radius: var(--border-radius);
	aspect-ratio: 2 / 1;
	overflow: hidden;
}
.logoSlider__logo{
	position: relative;
	height: 100%;
	z-index: 1;
	transition: filter .1s;
}
.logoSlider__logo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.logoSlider__cover{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: opacity .2s;
}
.logoSlider__cover img{
	display: block;
	filter: brightness(0.8);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media ( hover: hover ){
   .logoSlider__card:hover .logoSlider__cover{
		opacity: 1;
	}
	.logoSlider__card:hover .logoSlider__logo{
		filter: invert(1) contrast(2);
	}
}

@media ( max-width: 768px ){
	.logoSlider{
		overflow: visible;
	}
	.logoSlider :is(.sliderNavPrev, .sliderNavNext){
		display: none;
	}
	.logoSlider li:is(
		:nth-child(1),
		:nth-child(4),
		:nth-child(8),
		:nth-child(10),
		:nth-child(13),
		:nth-child(16)
	) .logoSlider__cover{
		opacity: 1;
	}
	.logoSlider li:is(
		:nth-child(1),
		:nth-child(4),
		:nth-child(8),
		:nth-child(10),
		:nth-child(13),
		:nth-child(16)
	) .logoSlider__logo{
		filter: invert(1) contrast(2);
	}
}


/* COLLECTION SLIDER */
.collectionSlider{
	position: relative;
	overflow: hidden;
}
.collectionSlider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.collectionSlider__card{
	text-decoration: none;
}
.collectionSlider__title{
	margin-top: 5px;
	text-decoration: none;
	color: var(--colors-primary-dark);
	font-size: 14px;
	text-align: center;
}
.collectionSlider__cover{
	aspect-ratio: 2 / 2.3;
	overflow: hidden;
}
.collectionSlider__cover :is(img, video){
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.collectionSlider__item:nth-child(6n+1) .collectionSlider__cover{
	border-radius: var(--border-radius);
}
.collectionSlider__item:nth-child(6n+2) .collectionSlider__cover{
	border-radius: 80px;
}
.collectionSlider__item:nth-child(6n+3) .collectionSlider__cover{
	clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
}
.collectionSlider__item:nth-child(6n+4) .collectionSlider__cover{
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.collectionSlider__item:nth-child(6n+5) .collectionSlider__cover{
	clip-path: inset(0px round 0% 0% 30% 30%);
}
.collectionSlider__item:nth-child(6n+6) .collectionSlider__cover{
	clip-path: inset(0px round 0% 30% 30% 0%);
}

@media ( max-width: 768px ){
	.collectionSlider{
		overflow: visible;
	}
	.collectionSlider :is(.sliderNavPrev, .sliderNavNext){
		display: none;
	}
	.collectionSlider__title{
		font-size: 12px;
	}
	.collectionSlider__item:nth-child(6n+2) .collectionSlider__cover{
		border-radius: 35px;
	}
}




/* PHOTO SLIDER */
.photoSlider{
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.photoSlider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.photoSlider__img{
	border-radius: var(--border-radius);
	overflow: hidden;
}
.photoSlider__img img{
	display: block;
	width: 100%;
}

@media ( max-width: 768px ){
	.photoSlider{
		overflow: visible;
	}
	.photoSlider :is(.sliderNavPrev, .sliderNavNext){
		display: none;
	}
}





/* PRODUCT SET OFFER SLIDER */
.productSetOfferSlider{
	position: relative;
	overflow: visible;
	clip-path: inset(-100vw -100vw -100vw 0);
}
.productSetOfferSlider__header{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--col-gap)
}
.productSetOfferSlider__title{
	grid-column: 3 / 11;
}
.productSetOfferSlider__nav{
	grid-column: 11 / 13;
	display: flex;
	justify-content: end;
	column-gap: 10px;
}
.productSetOfferSlider__prev.swiper-button-disabled .buttonArrow,
.productSetOfferSlider__next.swiper-button-disabled .buttonArrow{
	opacity: .5;
	cursor: auto;
}
.productSetOfferSlider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@media ( min-width: 769px ){
	.productSetOfferSlider__nav .sliderNavPrev .buttonArrow{
		color: var(--colors-secondary-light);
		background: rgba(255, 255, 255, 0.20);
		border: 1px solid var(--colors-secondary-light);
	}
}

@media ( max-width: 768px ){
	.productSetOfferSlider{
		display: flex;
		flex-direction: column;
	}
	.productSetOfferSlider__header{
		display: flex;
		flex-direction: column;
	}
	.productSetOfferSlider__title{
		order: 1;
	}
	.productSetOfferSlider__nav{
		order: 2;
		display: flex;
		column-gap: 10px;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
	}
	.productSetOfferSlider__nav :is(.sliderNavPrev, .sliderNavNext){
		position: static;
		transform: translateY(0);
	}
}




/* NOTIFICATION ADD TO CART */
.notificationAddedToCartWrapper{
	position: fixed;
	top: 60px;
	right: 20px;
	width: 90%;
	max-width: 350px;
	z-index: 999;
}
.notificationAddedToCart{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	column-gap: 10px;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	background: var(--color-bg-dark-opacity-primary);
	transform: translateX(calc(100% + 20px));
}
.notificationAddedToCart:not(:last-child){
	scale: .9;
	right: 25px;
	opacity: .5;
	transition: .3s;
}
.notificationAddedToCart__img{
	--el-size: 90px;
	flex-shrink: 0;
	width: var(--el-size);
	height: var(--el-size);
	border-radius: 5px;
	background: #e3e3e3;
	overflow: hidden;
}
.notificationAddedToCart__img img{
	display: block;
	width: 100%;
	height: auto;
}
.notificationAddedToCart__info{
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto;
	color: white;
	font-size: 14px;
	overflow-x: hidden;
}
.notificationAddedToCart__status{
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.notificationAddedToCart__statusIcon{
	--el-size: 26px;
	width: var(--el-size);
	height: var(--el-size);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--colors-tertiary-light);
	border-radius: 100%;
}
.notificationAddedToCart__statusIcon i{
	width: auto;
	font-size: 12px;
	color: var(--colors-primary-dark);
}
.notificationAddedToCart__name{
	margin-top: 10px;
	line-height: 110%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media ( max-width: 768px ){
	.notificationAddedToCartWrapper{
		right: unset;
        left: 50%;
        transform: translateX(-50%);
	}
	.notificationAddedToCart{
		right: 0;
		transform: translateY(calc(-100% + 20px));
	}
	.notificationAddedToCart:not(:last-child){
		right: 0;
		top: 12px;
	}
	.notificationAddedToCart__img{
		--el-size: 60px;
	}
	.notificationAddedToCart__info{
		font-size: 12px;
	}
	.notificationAddedToCart__statusIcon{
		--el-size: 22px;
	}
}


/* SET CATEGORY */
.productSetCategory__list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--col-gap);
}

.productSetCategoryCardLoader{
	position: relative;
	overflow: hidden;
	aspect-ratio: 1;
	border-radius: var(--border-radius);
	background: var(--color-skeleton);
}
.productSetCategoryCardLoader:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-skeleton-loader);
	transform: translate(-100%);
	animation: skeleton-loading 1.5s infinite;
}
@keyframes skeleton-loading{
	to {
        transform: translate(100%)
    }
}

.productSetCategoryCard{
	aspect-ratio: 1;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.productSetCategoryCard__link{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.productSetCategoryCard__title{
	position: absolute;
	top: 20px;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	text-decoration: none;
	color: var(--colors-primary-dark);
	font-family: var(--second-family);
	font-size: clamp(16px, 2.5vw, 24px);
	line-height: 100%;
	font-style: italic;
}
.productSetCategoryCard img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.productSetCategory__tabs{
	position: sticky;
    top: 120px;
	display: flex;
	width: 100%;
	max-width: fit-content;
	column-gap: 5px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff80;
	backdrop-filter: blur(4px);
	padding: 5px;
	border-radius: 300px;
	overflow: hidden;
	overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
	transition: top .2s;
	z-index: 10;
}
@media ( min-width: 769px ){
	body:has(.yadoma_scroll.yadoma_scroll_up) .productSetCategory__tabs{
		top: 150px;
	}
}
.productSetCategory__tabs::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.productSetCategory__tab{
	--el-height: 50px;
	position: relative;
	height: var(--el-height);
	line-height: var(--el-height);
	font-size: 16px;
	white-space: nowrap;
	color: var(--colors-primary-dark);
	border-radius: 300px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	cursor: pointer;
	scroll-snap-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}
.productSetCategory__tab_active{
	pointer-events: none;
}
@media ( hover : hover ){
   .productSetCategory__tab:not(.productSetCategory__tab_active):hover{
		color: var(--colors-accent-2);
   }
}

.productSetCategory__tabsGlider{
	position: absolute;
	background: #e5ddd0;
	border-radius: 300px;
	transition: .3s ease-in-out, width .1s ease-in-out;
	z-index: 0;
}

@media ( max-width: 1200px ){
	.productSetCategory__list{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media ( max-width: 768px ){
	.productSetCategory__tabs{
		top: 60px;
		column-gap: 0px;
	}
	.productSetCategory__tab{
		--el-height: 40px;
		font-size: 14px;
		padding-left: 10px;
    	padding-right: 10px;
	}
	.productSetCategory__list{
		grid-template-columns: repeat(2, 1fr);
	}
	.productSetCategoryCard__title{
		top: 10px;
	}
}



/* SET LIST */
.productSetOfferList{
	display: flex;
	flex-direction: column;
	row-gap: clamp(40px, 10vw, 100px);
}



/* BTN CLOSE FIX BOTTOM */
.btnCloseFixBottom{
	--el-size: 50px;
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--el-size);
	height: var(--el-size);
	background: #74747491;
	border-radius: 100%;
	position: fixed;
	bottom: 3dvh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	cursor: pointer;
}
.btnCloseFixBottom i{
	color: white;
	font-size: 14px;
}



/* OVERLAY */
.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #00000047;
    z-index: 98;
}


/* SEARCH INPUT */
.searchInput{
	--el-height: 48px;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: var(--el-height);
	background: var(--colors-tertiary-light);
	border-radius: 30px;
	padding: 0 10px;
}
.searchInput input{
	width: 100%;
	height: 100%;
	line-height: var(--el-height);
	background: transparent;
	border: none;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	outline: none;
}
.searchInput__submit{
	--el-size: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--el-size);
	height: var(--el-size);
	font-size: 20px;
	background: transparent;
	border-radius: 100%;
	cursor: pointer;
	transition: background .5s;
}
.searchInput__submit i{
	font-size: inherit;
}
.searchInput__submit_active{
	background: #e5ddd0;
}



/* HEADER */
.header{
	position: sticky;
	top: 0;
	background: var(--colors-primary-light);
	min-height: 0 !important;
	z-index: 99;
}
.header__mainWrapper{
	display: flex;
	align-items: center;
	column-gap: 30px;	
	padding-top: 10px;
	padding-bottom: 10px;
}

/* hamburger */
.categoryHamburger{
	display: none;
}

/* logo */
.header__logoWrapper{
	display: block;
}
.header__logoWrapper img{
	display: block;
	max-width: 140px;
	height: auto;
}

/* nav */
.header__nav{
	display: flex;
	align-items: center;
	gap: 20px 30px;
	width: 100%;
}

.headerNav{
	font-size: 14px;
	line-height: 120%;
	color: var(--colors-primary-dark);
}
.headerNav__list{
	display: flex;
	align-items: center;
	column-gap: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.headerNav__link{
	white-space: nowrap;
    font-size: 13px;
}

/* social */
.header__social{
	margin-left: auto;
}

/* tel */
.header__telLink{
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.header__telIcon{
	--el-size: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--el-size);
	height: var(--el-size);
	border-radius: 100%;
	background: var(--colors-tertiary-light);
	font-size: 14px;
	color: var(--colors-primary-dark);
	cursor: pointer;
}
.header__telIcon i{
	font-size: inherit;
	color: inherit;
}
.header__telText{
	white-space: nowrap;
	font-size: 13px;
	line-height: 120%;
}

/* controls */
.header__controls{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	background: var(--colors-tertiary-light);
    border-radius: 20px;
    padding: 0 5px;
}

.header__controlBtn{
	--el-size: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--el-size);
	height: var(--el-size);
	font-size: 22px;
	color: var(--colors-primary-dark);
	cursor: pointer;
}
.header__controlBtn i{
	font-size: inherit;
	color: inherit;
}

/* cart */
.header__cartBtn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.header__cartCounter{
	position: absolute;
	top: -3px;
	right: 5px;
	transform: translate(50%, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	min-width: 18px;
	background: var(--colors-accent-2);
	border-radius: 30px;
	padding-top: .2em;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	color: var(--colors-tertiary-light);
}
.header__cartCounter i{
	font-size: inherit;
	color: inherit;
}

@media ( max-width: 1360px ){
	.headerNav__list{
		column-gap: 15px;
	}
	.header__telText{
		display: none;
	}
}
@media ( max-width: 1200px ){
	.header__social{
		display: none;
	}
	.header__tel{
		display: none;
	}
}
@media ( max-width: 991px ){

	.header__nav{
		display: none;
	}
	.header__mainWrapper{
		display: grid;
		grid-template-columns: 1fr auto 1fr;
	}
	.header__logoWrapper img{
		max-width: 110px;
	}
	.categoryHamburger{
		--el-size: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--el-size);
		height: var(--el-size);
		background: var(--colors-tertiary-light);
		border-radius: 100%;
	}
	.categoryHamburger__open{
		display: flex;
	}
	.categoryHamburger i{
		font-size: 16px;
	}
	.categoryHamburger__close{
		display: none;
	}
	.categoryHamburger_active .categoryHamburger__open{
		display: none;
	}
	.categoryHamburger_active .categoryHamburger__close{
		display: flex;
	}
	.header__logo{
		display: flex;
		justify-content: center;
	}

}



/* HEADER CATEGORY */
.header__category{
	background: var(--colors-tertiary-light);
}

/* lvl 1 */
.categoryMenu:not(.mainCategories_loaded){
	pointer-events: none;
	position: relative;
	overflow: hidden;
}
.categoryMenu:not(.mainCategories_loaded) .categoryMenu__link{
	position: relative;
}
.categoryMenu:not(.mainCategories_loaded) .categoryMenu__link:before{
	content: '';
	display: block;
	width: calc(100% - 6px);
	left: 3px;
	top: 4px;
	height: calc(100% - 8px);
	background: #e3ddd7;
	position: absolute;
}

.categoryMenu:not(.mainCategories_loaded) .categoryMenu__link:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-skeleton-loader);
	transform: translate(-100%);
	animation: skeleton-loading 1s infinite;
	position: absolute;
}

.categoryMenu{
	position: relative;
}
.categoryMenu__list{
	display: flex;
	align-items: center;
	column-gap: 1px;
	list-style-type: none;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: calc(-1 * var(--container-padding));
	margin-right: calc(-1 * var(--container-padding));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}
.categoryMenu__list::-webkit-scrollbar {
	height: 1px;
}
.categoryMenu__link{
	display: flex;
	align-items: center;
	column-gap: 2px;
	line-height: 46px;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	padding: 0 10px;
}
.categoryMenu__icon{
	--el-size: 18px;
	display: block;
	width: var(--el-size);
	height: var(--el-size);
	object-fit: cover;
}


/* search */
.categorySubMenu__search{
	margin-bottom: 12px;
}
.categorySubMenu__search .searchInput{
	--el-height: 42px;
}
.categorySubMenu__search .searchInput__submit{
	--el-size: 30px;
	font-size: 16px;
}

/* subcategory */
.categorySubMenu{
	display: none;
	opacity: 0;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: 100%;
	max-width: 690px;
	background: var(--colors-primary-light);
	padding: 20px 20px 40px 20px;
	border-radius: 15px;
	box-shadow: 0 4px 24px #00000029;
	z-index: 99;
}
.categorySubMenu:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -25px;
	width: calc( 100% + 50px );
	height: calc( 100% + 30px );
	transform: translateY(-10px);
	z-index: -1;
}
.categorySubMenu__content{
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}
.categorySubMenu__nav{
	--el-lvl-max-height: 402px;
	/* display: grid; */
	display: none;
	grid-template-columns: repeat(8, 1fr);
	column-gap: 10px;
	height: 100%;
}
.categorySubMenu__navContainer{
	height: 100%;
	overflow: hidden;
}

/* lvl 2 */
.categoryMenuLVL2{
	grid-column: 1 / 4;
	height: 100%;
	max-height: var(--el-lvl-max-height);
	overflow: auto;
}
.categoryMenuLVL2::-webkit-scrollbar {
	width: 3px;
}
.categoryMenuLVL2::-webkit-scrollbar-track {
	background: var(--colors-tertiary-light);
}
.categoryMenuLVL2::-webkit-scrollbar-thumb {
	background: var(--colors-additional-1);
}
.categoryMenuLVL2__list{
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.categoryMenuLVL2__link{
	display: flex;
	align-items: center;
	column-gap: 5px;
	height: 30px;
	line-height: 33px;
	font-size: 16px;
}
.categoryMenuLVL2__icon{
	width: 24px;
	display: block;
}
.categoryMenuLVL2__link span{
	padding-top: 3px;
	line-height: 100%;
}

/* lvl 3 */
.categoryMenuLVL3{
	grid-column: 4 / -1;
	padding-left: 30px;
	border-left: 1px solid var(--colors-additional-3);
	height: 100%;
	max-height: var(--el-lvl-max-height);
	overflow: auto;
}
.categoryMenuLVL3::-webkit-scrollbar {
	width: 3px;
}
.categoryMenuLVL3::-webkit-scrollbar-track {
	background: var(--colors-tertiary-light);
}
.categoryMenuLVL3::-webkit-scrollbar-thumb {
	background: var(--colors-additional-1);
}
.categoryMenuLVL3__wrapper{
	display: none;
}
.categoryMenuLVL3__title{
	display: none;
}
.categoryMenuLVL3__list{
	display: flex;
	flex-direction: column;
	row-gap: 6px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.categoryMenuLVL3__link{
	display: block;
	line-height: 24px;
	font-size: 16px;
}
.categoryMenuLVL3__allLink{
	position: relative;
}
.categoryMenuLVL3__allLink:before{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: currentColor;
	opacity: .2;
	transform-origin: left;
	transition: transform .3s;
}
@media ( hover: hover ) {
	.categoryMenuLVL3__allLink:hover:before{
		transform: scaleX(0);
	}
}
.categoryMenuLVL2__item_active .categoryMenuLVL3__nav{
	display: block;
}

.mobileMenu{
	display: none;
}

@media ( max-width: 991px ){

	.header__category{
		display: none;
	}

	/* nav */
	.mobileMenu{
		display: none;
		opacity: 0;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding-top: 2px;
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
		background: var(--colors-primary-light);
		z-index: 99;
	}
	.mobileMenu__navContainer{
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	.mobileMenu__mainNav{
		display: block;
		height: 100%;
		padding-bottom: 90px;
		overflow-y: auto;
		scrollbar-width: none;
		overscroll-behavior: contain;
    	-webkit-overflow-scrolling: auto;
	}
	.mobileMenuCategory{
		--el-link-padding: 10px;
		--el-icon-width: 30px;
		--el-icon-margin-left: 10px;
		--el-line-padding-left: calc( var(--el-link-padding) + var(--el-icon-width) + var(--el-icon-margin-left) );
	}


	/* lvl 1 */
	.mobileMenuMainCategory__list{
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		background: var(--colors-secondary-light);
		border-radius: 15px;
	}
	.mobileMenuMainCategory__item{
		position: relative;
		padding-left: var(--el-link-padding);
		padding-right: var(--el-link-padding);
	}
	.mobileMenuMainCategory__item:not(:last-child):after{
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		width: calc( 100% - var(--el-link-padding) * 2 - var(--el-icon-width) - var(--el-icon-margin-left) );
		height: 1px;
		left: var(--el-line-padding-left);
		background: var(--colors-primary-light);
	}
	.mobileMenuCategory__link{
		--el-height: 50px;
		position: relative;
		display: flex;
		align-items: center;
		height: var(--el-height);
		line-height: var(--el-height);
		font-size: 16px;
		text-transform: uppercase;
	}
	.mobileMenuCategory__icon{
		flex-shrink: 0;
		width: var(--el-icon-width);
		display: block;
		flex-shrink: 0;
		margin-right: var(--el-icon-margin-left);
	}
	.mobileMenuCategory__icon>span{
		text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
	}

	.mobileMenuCategory__link_hasSubMenu:after{
		--el-size: 26px;
		content: '\e908';
		flex-shrink: 0;
		font-family: 'icomoon';
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		width: var(--el-size);
		height: var(--el-size);
		background: var(--colors-tertiary-light);
		border-radius: 100%;
	}

	/* submenu */
	.mobileSubMenuCategory{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.mobileSubMenuCategory__nav{
		display: none;
		opacity: 0;
		height: 100%;
		background: var(--colors-primary-light);
	}

	/* lvl 2 */
	.mobileMenuCategoryLVL2{
		display: flex;
    	flex-direction: column;
    	height: 100%;
		padding-top: 5px;
		opacity: 0;
		transform: translateX(8px);
	}
	.mobileMenuCategoryLVL2__title{
		display: flex;
        align-items: center;
        column-gap: 10px;
		flex-shrink: 0;
        margin-bottom: 15px;
        font-size: 16px;
		text-transform: uppercase;
	}
	.mobileMenuCategoryLVL2__title>span{
		text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
	}
	.mobileMenuCategoryLVL2__title:before{
		--el-size: 26px;
		content: '\e906';
		font-family: 'icomoon';
		flex-shrink: 0;
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--el-size);
		height: var(--el-size);
		background: var(--colors-tertiary-light);
		border-radius: 100%;
	}
	.mobileMenuCategoryLVL2__content{
		overflow-y: auto;
		scrollbar-width: none;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 90px;
	}
	.mobileMenuCategoryLVL2__list{
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		background: var(--colors-secondary-light);
		border-radius: 15px;
	}
	.mobileMenuCategoryLVL2__item{
		position: relative;
		padding-left: var(--el-link-padding);
		padding-right: var(--el-link-padding);
	}
	.mobileMenuCategoryLVL2__item:not(:last-child):after{
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		width: calc( 100% - var(--el-link-padding) * 2 - var(--el-icon-width) - var(--el-icon-margin-left) );
		height: 1px;
		left: var(--el-line-padding-left);
		background: var(--colors-primary-light);
	}
	.mobileMenuCategoryLVL2__link{
		--el-height: 50px;
		position: relative;
		display: flex;
		align-items: center;
		height: var(--el-height);
		line-height: var(--el-height);
		font-size: 16px;
	}
	.mobileMenuCategoryLVL2__icon{
		flex-shrink: 0;
		width: var(--el-icon-width);
		display: block;
		flex-shrink: 0;
		margin-right: var(--el-icon-margin-left);
	}
	.mobileMenuCategoryLVL2__link>span{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.mobileMenuCategoryLVL2__link_hasSubMenu:after{
		--el-size: 26px;
        content: '\e908';
        flex-shrink: 0;
        font-family: 'icomoon';
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        width: var(--el-size);
        height: var(--el-size);
        background: var(--colors-tertiary-light);
        border-radius: 100%;
	}

	/* lvl 3 */
	.mobileMenuCategoryLVL3{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 5px;
		background: var(--colors-primary-light);
		opacity: 0;
	}
	.mobileMenuCategoryLVL3__nav{
		display: none;
		flex-direction: column;
		height: 100%;
		opacity: 0;
		transform: translateX(8px);
	}
	.mobileMenuCategoryLVL3__title{
		display: flex;
		align-items: center;
		column-gap: 10px;
		flex-shrink: 0;
		margin-bottom: 15px;
		font-size: 16px;
		text-transform: uppercase;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.mobileMenuCategoryLVL3__title>span{
		text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
	}
	.mobileMenuCategoryLVL3__title:before{
		--el-size: 26px;
		content: '\e906';
		font-family: 'icomoon';
		flex-shrink: 0;
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--el-size);
		height: var(--el-size);
		background: var(--colors-tertiary-light);
		border-radius: 100%;
	}
	.mobileMenuCategoryLVL3__content{
		overflow-y: auto;
		scrollbar-width: none;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 90px;
	}
	.mobileMenuCategoryLVL3__list{
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		background: var(--colors-secondary-light);
		border-radius: 15px;
	}
	.mobileMenuCategoryLVL3__item{
		position: relative;
		padding-left: var(--el-link-padding);
		padding-right: var(--el-link-padding);
	}
	.mobileMenuCategoryLVL3__item:not(:last-child):after{
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		width: calc( 100% - var(--el-link-padding) * 2 );
		height: 1px;
		background: var(--colors-primary-light);
	}
	.mobileMenuCategoryLVL3__link{
		--el-height: 50px;
		position: relative;
		display: flex;
		align-items: center;
		height: var(--el-height);
		line-height: var(--el-height);
		font-size: 16px;
	}
	.mobileMenuCategoryLVL3__link>span{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}


	/* ADDITIONAL */
	.mobileMenu__additional{
		margin-top: 10px;
	}
	.mobileAdditionalMenu__list{
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		background: var(--colors-secondary-light);
        border-radius: 15px;
	}
	.mobileAdditionalMenu__item{
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
	}
	.mobileAdditionalMenu__item:not(:last-child):after{
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		width: calc( 100% - 20px );
		height: 1px;
		background: var(--colors-primary-light);
	}
	.mobileAdditionalMenu__link{
		--el-height: 50px;
		position: relative;
		display: flex;
		align-items: center;
		height: var(--el-height);
		line-height: var(--el-height);
		font-size: 16px;
		text-transform: uppercase;
	}


	/* general menu */
	.mobileGeneralMenu{
		margin-top: 30px;
		padding-top: 10px;
		border-top: 1px solid #E5DDD0;
	}
	.mobileGeneralMenu__list{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.mobileGeneralMenu__link{
		--el-height: 35px;
		display: block;
		height: var(--el-height);
		line-height: var(--el-height);
		font-size: 18px;
	}

	/* contacts */
	.mobileMenu__contacts{
		display: flex;
		flex-direction: column;
		row-gap: 25px;
		margin-top: 30px;
	}
	.mobileMenu__tel{
		display: flex;
		align-items: center;
		column-gap: 5px;
		font-size: 16px;
	}
	.mobileMenu__telIcon{
		--el-size: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--el-size);
		height: var(--el-size);
		border-radius: 100%;
		background: var(--colors-tertiary-light);
		font-size: 14px;
		color: var(--colors-primary-dark);
	}
	.mobileMenu__telText{
		display: block;
		font-size: 18px;
		font-weight: 600;
	}
	.mobileMenu__social .socialLinks__list{
		column-gap: 10px;
	}
	.mobileMenu__social .socialBtn{
		--el-size: 45px;
		font-size: 18px;
	}
	.mobileMenu__social .socialBtn__asterisk svg{
		width: 8px;
		height: 8px;
	}
	
}


/* SEARCH */
.header__search{
	display: none;
	opacity: 0;
	position: absolute;
	width: 100%;
	padding: 20px 0;
	background: var(--colors-primary-light);
	z-index: 99;
}


/* SOCIAL ICONS */
.socialLinks__list{
	display: flex;
	align-items: center;
	column-gap: 6px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* SOCIAL BTN */
.socialBtn{
	--el-size: 26px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--el-size);
	height: var(--el-size);
	border-radius: 100%;
	background: var(--colors-tertiary-light);
	font-size: 14px;
	color: var(--colors-primary-dark);
	cursor: pointer;
}
.socialBtn i{
	font-size: inherit;
	color: inherit;
}
.socialBtn__asterisk{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
}
.socialBtn__tabooMessage{
	display: none;
	opacity: 0;
	position: absolute;
    top: calc(100% + 5px);
	left: 0;
	padding: 5px;
	border-radius: 5px;
	font-size: 10px;
	line-height: 110%;
	width: 160px;
	background: #ffffff9f;
	-webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
	transition-behavior: allow-discrete;
	transition: .2s;
	z-index: 9;
}
.socialLinks__tabooMessage{
	display: none;
}
@media ( hover: hover ){
	.socialBtn_taboo:hover .socialBtn__tabooMessage{
		display: block;
		opacity: 1;
		@starting-style{
			opacity: 0;
		}
	}
}

@media ( max-width: 991px ){
	.socialLinks__tabooMessage{
		display: block;
		margin-top: 10px;
		max-width: 250px;
	}
	.socialBtnTabooMessage{
		font-size: 10px;
		line-height: 110%;
	}
}




/* ANNOUNCEMENT BAR */
.announcementBar{
	--el-announcement-height: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	width: 100%;
	height: var(--el-announcement-height);
	background: var(--colors-primary-dark);
	color: var(--colors-secondary-light);
	z-index: 99;
}
.announcementBar__slider{
	width: 100%;
	max-width: 320px;
	height: 100%;
	overflow: hidden;
}
.announcementBar__slider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.announcementBar .swiper-slide{
	opacity: 0;
	transform: scale(.8);
	transition: opacity .3s, transform .6s;
	will-change: transform;
}
.announcementBar .swiper-slide.swiper-slide-active{
	opacity: 1;
	transform: scale(1);
	transition: opacity .3s, transform 0s;
}
.announcementBar__link{
	display: block;
	width: 100%;
	height: var(--el-announcement-height);
	line-height: var(--el-announcement-height);
	padding-top: .1em;
	text-align: center;
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.announcementBar__link:hover{
	color: inherit;
}
.announcementBar__text{
	position: relative;
}
.announcementBar__link[href]:not([href=""]) .announcementBar__text:after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform-origin: left;
	will-change: transform;
	transition: transform .3s;
}
@media ( hover: hover ){
	.announcementBar__link:hover .announcementBar__text:after{
		transform: scaleX(0);
	}
}
.announcementBar__link[href=""]{
	pointer-events: none;
}
.announcementBar__prev,
.announcementBar__next{
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--el-announcement-height);
	height: 100%;
	outline: none;
	cursor: pointer;
}
.swiper-container-initialized .announcementBar__prev,
.swiper-container-initialized .announcementBar__next{
	display: flex;
}
.announcementBar__prev i,
.announcementBar__next i{
	font-size: 20px;
	color: var(--colors-secondary-light);
}
.announcementBar__prev.swiper-button-lock,
.announcementBar__next.swiper-button-lock{
	display: none;
}

@media ( max-width: 991px ){
	.announcementBar{
		--el-announcement-height: 35px;
	}
	.announcementBar__link{
		font-size: 12px;
	}
}




/* MODAL WINDOW */
.modalWindow{
	position: fixed;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 600;
}
.modalWindow_loading:after{
	--el-size: 40px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: var(--el-size);
	height: var(--el-size);
	border: 2px solid var(--colors-secondary-light);
	border-radius: 100%;
	border-bottom-color: rgb(255 255 255 / 0%);
    transform-origin: center;
    animation: loader_spin .8s linear infinite;
}
.modalWindow__window{
	position: absolute;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
	max-height: 100%;
	background: var(--colors-primary-light);
	border-radius: 10px;
	overflow: hidden;
}
.modalWindow__close{
	--el-size: 15px;
	width: var(--el-size);
	height: var(--el-size);
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.modalWindow__close i {
    font-size: 20px;
}
.modalWindow__close:before{
	--el-size: 50px;
	content: '';
	position: absolute;
	width: var(--el-size);
	height: var(--el-size);
	top: -15px;
	right: -15px;
}


/* MODAL GIFT INFO */
.modalInfoGift{
	width: 100vw;
	max-width: 920px;
	padding-top: 45px;
	padding-bottom: 40px;
	padding-left: 50px;
	padding-right: 70px;
}
.modalInfoGift__header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px;
}
.modalInfoGift__title{
	display: flex;
	align-items: center;
	column-gap: 5px;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 100%;
	color: var(--colors-primary-dark);
}
.modalInfoGift__title img{
	display: block;
	width: 26px;
	height: auto;
	flex-shrink: 0;
}
.modalInfoGift__date{
	white-space: nowrap;
    flex-shrink: 0;
	border: 1px solid var(--colors-tertiary-dark);
	border-radius: 30px;
	padding: 5px 15px;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	color: var(--colors-primary-dark);
}
.modalInfoGift__info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.modalInfoGift__desc{
	font-size: 18px;
	line-height: 120%;
}
.modalInfoGift__desc br{
	display: none;
}
.modalInfoGift__btn{
	--el-height: 46px;
	height: var(--el-height);
	line-height: var(--el-height);
	padding: 0 20px;
	border-radius: 3px;
	font-size: 16px;
	text-decoration: none;
	background: var(--colors-accent-2);
	color: var(--colors-secondary-light);
	cursor: pointer;
}
.modalInfoGift__btn:hover{
	color: var(--colors-secondary-light);
}
.modalInfoGift__graphic{
	position: relative;
	display: flex;
	align-items: center;
	height: 140px;
	margin-right: 60px;
}
.modalInfoGift__line{
	width: 100%;
	height: 5px;
	background: var(--colors-accent-2);
	border-radius: 30px;
}
.modalInfoGift__points{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.modalInfoGift__point{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modalInfoGift__dote{
	--el-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--el-size);
	height: var(--el-size);
	background: var(--colors-secondary-light);
	border-radius: 100%;
}
.modalInfoGift__dote:before{
	--el-size: 10px;
	content: '';
	display: block;
	width: var(--el-size);
	height: var(--el-size);
	background: var(--colors-primary-dark);
	border-radius: 100%;
}
.modalInfoGift__sum{
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -100%);
	white-space: nowrap;
	border-radius: 30px;
	padding: 5px 10px;
	background: var(--colors-secondary-light);
	font-size: 14px;
	font-weight: 600;
	color: var(--colors-primary-dark);
}
.modalInfoGift__product{
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 100%);
	width: max-content;
    max-width: 150px;
	font-weight: 700;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
}
.modalInfoGift__footnote{
	max-width: 350px;
	margin-top: 50px;
	font-size: 12px;
	line-height: 110%;
	color: var(--colors-tertiary-dark);
}
@media ( max-width: 980px ){
	.modalInfoGift{
		max-width: 768px;
		padding-right: 50px;
	}
}
@media ( max-width: 768px ){
	.modalWindow__window:has(.modalInfoGift){
		border-radius: 0;
	}
	.modalInfoGift{
		height: 100vh;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 75px;
		border-radius: 0;
	}
	.modalInfoGift__info{
		flex-direction: column;
    	align-items: flex-start;
		row-gap: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.modalInfoGift__desc br{
		display: inline;
	}
	.modalInfoGift__graphic{
		margin-right: 45px;
	}
	.modalInfoGift__sum {
		font-size: 11px;
		padding: 4px 8px;
	}
	.modalInfoGift__product{
		font-size: 12px;
		line-height: 120%;
	}
	.modalInfoGift__title{
		font-size: 26px;
	}
	.modalInfoGift__date{
		font-size: 16px;
	}
	.modalInfoGift__footnote{
		margin-top: 30px;
	}
}