/*Hero*/
.hero
{
	margin-bottom: calc(3 * var(--vu));
	position: relative;
	z-index: 1;
}

.main-slider
{
	overflow: hidden;
	position: relative;
}

.main-slider__picture
{
	width: 100%;
	height: 100%;
	background-color:var(--lightgray);
	position: absolute;
	z-index: -1;
}

.main-slider__picture img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main-slider__content-wrapper
{
	z-index: 2;
}

.main-slider__content
{
	grid-column: 1 / span 6;
	display: grid;
	grid-template-rows: auto min-content;
	gap: 10px;
	/*Анимация*/
	transform: translateY(30px);
	opacity: 0;
	transition:var(--transition);
	transition-delay:var(--transition-time);
}

.main-slider__logo
{
	align-self: end;
}

.main-slider__text
{
	color:var(--white);
	margin-bottom: calc(2 * var(--vu));
	font-size: 14px;
	/*text-transform: uppercase;*/
	/*font-family: var(--second-font);*/
}

.main-slider__pagination
{
	z-index: 2;
	bottom: 0px !important;
	position: absolute;
}

.main-slider__prev, .main-slider__next
{
	position: absolute;
	top: 0;
	width: 12vw;
	height: 100%;
	z-index: 2;
	-webkit-tap-highlight-color: transparent;
}

.main-slider__prev
{
	left: 0;
	cursor: url("data:image/svg+xml,%3Csvg width='16' height='31' viewBox='0 0 16 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6347 1.45196C15.6347 1.61448 15.5725 1.777 15.4487 1.9008L1.5327 15.8174L15.4487 29.7334C15.6969 29.9816 15.6969 30.3829 15.4487 30.6311C15.2005 30.8793 14.7992 30.8793 14.551 30.6311L0.186171 16.2663C-0.0620563 16.018 -0.0620563 15.6168 0.186171 15.3686L14.551 1.00375C14.7992 0.755523 15.2005 0.755523 15.4487 1.00375C15.5731 1.12691 15.6347 1.28943 15.6347 1.45196Z' fill='white'/%3E%3C/svg%3E%0A"), auto;
}

.main-slider__next
{
	right: 0;
	cursor: url("data:image/svg+xml,%3Csvg width='16' height='31' viewBox='0 0 16 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.182687 1.45196C0.182687 1.61448 0.244905 1.777 0.368701 1.9008L14.2847 15.8174L0.368702 29.7334C0.120475 29.9816 0.120475 30.3829 0.368702 30.6311C0.61693 30.8793 1.01816 30.8793 1.26638 30.6311L15.6312 16.2663C15.8794 16.018 15.8794 15.6168 15.6312 15.3686L1.26638 1.00375C1.01815 0.755523 0.616929 0.755523 0.368701 1.00375C0.24427 1.12691 0.182687 1.28943 0.182687 1.45196Z' fill='white'/%3E%3C/svg%3E%0A"), auto;
}

@media (max-width: 990px)
{
	.main-slider
	{
		/*aspect-ratio:4 / 5;*/
		height: calc(var(--viewport-height) - var(--header-height));
	}
	
	.main-slider__logo
	{
		/*margin-bottom: 16vh;*/
	}
	
	.main-slider__logo img
	{
		width:var(--slider-logo-width-xs);
	}
}

@media (min-width: 990px)
{
	.hero
	{
		margin-bottom: calc(5 * var(--vu));
	}
	
	.main-slider
	{
		height: calc(20 * var(--vu));
	}
	
	.main-slider__picture img
	{
		object-position: center;
	}
	
	.main-slider__content
	{
		grid-column: 1 / span 5;
		height: 100%;
		grid-template-rows: 1fr 1fr;
		gap: calc(1 * var(--vu));
	}
	
	.main-slider__content-wrapper
	{
		/*width: 50%;*/
		/*justify-content: flex-end;*/
	}
	
	.main-slider__logo
	{
		margin-bottom: 0 !important;
	}
	
	.main-slider__text
	{
		font-size: 21px;
	}
	
	.main-slider__pagination
	{
		bottom: calc(1 * var(--vu)) !important;
	}
}

@media (min-width: 1680px)
{
	.main-slider__prev, .main-slider__next
	{
		width: 15.6vw;
	}
}

/*Анимации*/
.swiper-slide-active .main-slider__content
{
	transform: translateY(0);
	opacity: 1;
}

/*Категории*/
.categories
{
	margin-bottom: calc(3 * var(--vu));
}

.cats-swiper__slide
{
	display: grid;
	grid-template-rows: auto calc(1* var(--vu));
	gap: var(--vu);
}

.cats-swiper__slide-picture
{
	display: grid;
	overflow: hidden;
	/*+border-radius:var(--radius);*/
	-moz-border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-khtml-border-radius: var(--radius);
	border-radius:var(--radius);
	aspect-ratio:4 / 5;
}

.cats-swiper__slide-picture img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cats-swiper__slide-title
{
	font-family:var(--second-font);
	align-self: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 300;
	line-height: 1;
}

@media (max-width: 990px)
{
	@supports not (aspect-ratio: auto)
	{
		.cats-swiper__slide-picture
		{
			height: calc(15 * var(--vu));
		}
	}
}

@media (min-width: 990px)
{
	.categories
	{
		margin-bottom: calc(4 * var(--vu));
	}
	
	.cats-swiper__slide
	{
		width: 25%;
	}
	
	.cats-swiper__slide-picture
	{
	}
	
	.cats-swiper__pagination
	{
		margin-top: calc(1 * var(--vu));
	}
}

/*Video*/
.video
{
	margin-bottom: calc(3 * var(--vu));
	line-height: 0;
}

.video-player
{
	position: relative;
	z-index: 1;
}

.video-player__window
{
	width: 100vw;
	cursor: pointer;
	aspect-ratio:4 / 3;
	object-fit: cover;
	/*+border-radius:var(--radius);*/
	-moz-border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-khtml-border-radius: var(--radius);
	border-radius:var(--radius);
}

.video-player:after
{
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='48' stroke='white' stroke-width='4'/%3E%3Cpath d='M73.5057 50.0001L38.7947 69.8952L38.7948 30.1049L73.5057 50.0001Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: cover;
}

.video-player.play:after
{
	display: none;
}

@media (max-width: 990px)
{
	.video-element
	{
	}
}

@media (min-width: 990px)
{
	.video
	{
		margin-bottom: calc(4 * var(--vu));
	}
	
	.video-player__window
	{
		width: 100%;
		aspect-ratio:16 / 9;
	}
	
	.video-player:after
	{
		width: 100px;
		height: 100px;
	}
}

/*Продукты*/
.products
{
	padding-top: calc(3 * var(--vu));
	padding-bottom: calc(2 * var(--vu));
	margin-bottom: calc(4 * var(--vu));
}

.products .tabs__link
{
	margin-bottom: calc(1 * var(--vu));
}

.products-slider__slide-picture
{
	border: 1px solid var(--border-color);
}

@media (min-width: 990px)
{
	.products
	{
		padding-bottom: calc(1 * var(--vu));
	}
	
	.products .tabs__link
	{
		margin-bottom: calc(2 * var(--vu));
	}
	
	.bestsellers__pagination, .newproducts__pagination
	{
		margin-top: calc(1 * var(--vu));
	}
	
	.products-slider__slide
	{
		width: 25%;
	}
}

/*Блог*/
.blog .section-header
{
	grid-column: span 3;
}

.blog .see-all
{
	grid-column: -4 / -1;
	justify-self: right;
	text-decoration: underline;
	font-family:var(--second-font);
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color:var(--gray);
}

@media (min-width: 990px)
{
	.blog .section-header
	{
		grid-column: span 6;
	}
	
	.blog .see-all
	{
		grid-column: -3 / -1;
		font-size: 16px;
	}
	
	.post__slide
	{
		width: 33%;
	}
	
	.blog-swiper__pagination
	{
		padding-top: calc(2 * var(--vu));
	}
}

/*Табы*/
.tabs__links
{
	display: flex;
	gap: calc(1 * var(--gap));
	z-index: 1;
}

.tabs__links::-webkit-scrollbar
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: none;
}

.tabs__link
{
	text-decoration: none;
	line-height: 1;
	color:var(--gray);
	transition:color var(--transition-time) ease;
	position: relative;
	display: block;
}

.tabs__link:after
{
	position: absolute;
	content: '';
	width: 0%;
	height: 2px;
	left: 0;
	bottom: -8px;
	transition:color var(--transition-time) ease;
	background-color:var(--gray);
	transition:var(--transition);
}

.tabs__link.active
{
	color:var(--black);
}

.tabs__link.active:after, .tabs__link.active:hover:after
{
	background-color:var(--black);
	width: 100%;
}

.tabs__link:hover:after
{
	background-color:var(--gray);
	width: 100%;
}

.tabs__content
{
	display: none;
}

.tabs__content.active
{
	display: block;
}

@media (min-width: 990px)
{
	.tabs__links
	{
		gap: calc(2 * var(--gap));
	}
}

@supports not (aspect-ratio: auto)
{
	.tabs__link
	{
		margin-right: calc(2 * var(--gap));
	}
}