/*
First Lan
*/

/* Разработчики
Компания РОСВЕБ https://rosveb.ru

	— ПРОГРАММИСТ Алексей Гуляев

		Телефон +7 (982) 413-33-94
		Портфолио на Profi.ru https://ivanovo.profi.ru/profile/GulyaevAG
		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/dumasurgut

	— АНАЛИТИК Дмитрий Раевский

		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/raevskydmitry

	— ДИЗАЙНЕР Валентин Беликов

		Портфолио на Behance https://www.behance.net/artlisx
		Телеграм https://t.me/ksenfo
		ВКонтакте https://vk.com/snakejas
*/



/* Разное начало */
	@font-face {
		font-family: "buyan-bold";
		src: url("fonts/buyan-bold.ttf");
	}
	
	.shadow-no-border-hovered:hover {
		background-color: unset;
	}
	
	.detail.brands .height-100 {
		height: auto;
	}
	
	.mega-menu .header-menu__link--only-catalog{
		clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
		padding: 22px 40px !important;
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
		border: none;
		position: relative;
	}
	
	
	
	

	.mega-menu .header-menu__link--only-catalog::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%; /* Начальная позиция */
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.2); /* Полупрозрачный белый цвет */
		z-index: 1; /* Убедитесь, что слой выше фона кнопки */
		transition: left 0.4s ease-in-out; /* Плавная анимация движения */
		clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
	}

	.mega-menu .header-menu__link--only-catalog:hover::before,
	.mega-menu .header-menu__link--only-catalog:focus::before {
		left: 0; /* Перемещение псевдоэлемента для заполнения кнопки */
	}
	
	.developer__logo svg path{
		fill: revert-layer !important;
	}
	
	#developer{
		transition: all ease 0.4s;
	}
	
	.footer__developer .developer__logo{
		opacity: .5;
		transition: all ease 0.4s;
	}
	
	.footer__developer:hover .developer__logo{
		opacity: 1;
	}
	
	.footer__part-item-theme {
		display: none;
	}
	
	.catalog-viewed .catalog-viewed__item-wrap{
		height: auto;
		min-height: 200px;
	}
	
	.catalog-viewed__item.swiper-slide{
		min-height: unset !important;
	}
	
	.catalog-viewed .swiper-wrapper {
		height: auto;
	}
	
	.index-block--fon .shadow-no-border-hovered:hover{
		background: #fff;
	}
	
	.detail.brands .partner-detail{
		display: none;
	}
	
	.brands-list__image-wrapper {
		min-width: 126px;
		height: 60px;
	}
	
	
	
	#developer {
		transition: all 0.4s ease;
		text-decoration: unset;
		font-size: 16px;
	}
	
	.val-razrab {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	
	.developer__logo {
		max-height: 40px;
		max-width: 90px;
		overflow: hidden;
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	
	.developer__title {
		margin: 0 15px 0 0;
		font-size: 0.8em;
		line-height: 1.7;
	}
	
	a.developer .svg-inline-developer_logo {
		opacity: .5;
		transition: all 0.4s ease;
	}
	
	a.developer:hover .svg-inline-developer_logo {
		opacity: 1;
	}
	
	.developer__logo svg {
		max-height: 40px;
		max-width: 90px;
	}

	.developer__logo svg path {
		fill: revert-layer !important;
	}
	
	.bottom-icons-panel__content-link{
		min-width: unset;
	}
	
	.bottom-icons-panel__content {
		justify-content: space-around !important;
	}
	
	.val-kompany{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 20px;
		flex-wrap: wrap;
	}
	
	.val-kompany-text{
		flex: 0 1 40%;
	}
	
	.val-kompany-img{
		flex: 0 1 calc(60% - 20px);
	}
	
	.val-kompany-img img{
		max-width: 100%; /* Изображение масштабируется пропорционально */
		height: auto; /* Сохраняет пропорции */
	}
	
	.val-img-deliv{
		background-size: contain;
		background-position: top;
		max-width: 1000px;
	}
	
	.val-page ul:not([id*="bx_"]) > li:before,
	.blog ul:not([id*="bx_"]) > li:before,
	.services ul:not([id*="bx_"]) > li:before {
		content: "\27A4";
		color: #6d59e0;
		margin: 0 16px 0 -21px;
	}
	
	.val-page ul > li,
	.blog ul > li,
	.services ul > li {
		margin: 8px 0 0 21px;
		list-style-type: none;
		position: relative;
	}
	
	.val-page ul>li::before,
	.blog ul>li::before,
	.services ul>li::before{
		background-color: unset;
		top: 0px;
		width: 12px;
	}
	
	.back-url-icon .svg {
		bottom: -5px;
	}
	
	.contacts-v1.contacts-detail .font_13{
		font-size: 20px;
		font-family: "buyan-bold", Arial, sans-serif;
		letter-spacing: 1px;
		color: #5861aa;
	}
	
	.topic__heading #pagetitle{
		font-size: 50px;
		font-family: "buyan-bold", Arial, sans-serif;
		letter-spacing: 1px;
		color: #5861aa;
	}
	
	.val-page h3{
		font-size: 30px;
		font-family: "buyan-bold", Arial, sans-serif;
		letter-spacing: 1px;
		color: #5861aa;
	}
	
	.val-page h2{
		font-size: 40px;
		font-family: "buyan-bold", Arial, sans-serif;
		letter-spacing: 1px;
		color: #5861aa;
	}
	
	.tizers-list__item-image-wrapper {
		width: 70px;
		height: 70px;
		margin: 0 0 20px 0;
	}
	
	.contacts-detail .contacts-detail__item .mt {
		margin: 0 !important;
		padding: 20px 0 0 0 !important;
	}
	
	.contacts-detail .contacts-detail__item .font_13 {
		font-size: 20px;
		flex: 0;
	}
	
	.element-count-wrapper {
		align-self: center;
	}
	
	.header.header_simple.header_simple_1{
		box-shadow: 0 0 20px 3px #00000036;
	}
	
	.footer__main-part-menu .item-link .item.active a{
		color: #fff !important;
	}
	
	
	.btn.btn-default.btn-transparent-bg:not(:hover) {
		border: 1px solid #7760fb;
		clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	}
	
	.btn.btn-default.btn-transparent-bg:hover{
		background-color: #f8f8fc !important;
		border: 1px solid #7760fb !important;
		clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
		color: #3213e2 !important;
	}
	
	.sections-list__wrapper{
		width: 31%;
	}
	
	.orders--slider__wrap .swiper-wrapper{
		height: 200px;
	}
	
	.btn[disabled] > *, .btn.disabled > * {
		color: #fff !important;
	}
	
	.contacts-detail .contacts-detail__item:nth-child(5){
		display: none;
	}
	
	.contacts-detail .grid-list--items-3-from-992 {
		--items-count: 5;
	}
	
	.back-url-icon .svg {
		bottom: 1px;
	}
	
	.contacts-detail .mt--12 {
		--mt: 32px;
	}
/* Разное конец */



/* Первый экран начало */

	.banners-big__title{
		font-family: "buyan-bold", Arial, sans-serif;
		font-size: 44px;
		letter-spacing: 2px;
	}
	
	.COMPANY_TEXT .company-item__title .company-item__link{
		font-family: "buyan-bold", Arial, sans-serif;
		font-size: 44px;
		letter-spacing: 2px;
		line-height: 46px;
	}
	
	
	.banners-big__text-block{
		padding: 20px 40px;
		font-size: 18px;
		backdrop-filter: blur(10px);
		background: #ffffff08;
		border: 2px solid #49deff9e;
		box-shadow: 0 0 20px 0 #20c1e8;
		color: #b9d2ff;
		line-height: 150%;
		font-weight: 300;
		clip-path: polygon(18% -22%, 128% -10%, 87% 120%, -38% 120%);
	}
	
	.banners-big__buttons-item{
		clip-path: polygon(6% 0%, 120% 0%, 94% 100%, -20% 100%);
		backdrop-filter: blur(6px);
		transition: ease all 0.2s;
	}
	
	.banners-big__buttons-item a {
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
		box-shadow: 0 0 50px 0 #00efff;
		font-weight: 500;
		color: #ffffff !important;
		border: none;
		transition: ease all 0.2s;
	}
	
	.banners-big__buttons-item a:hover,
	.banners-big__buttons-item a:focus{
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
	}
	
.banners-big__buttons-item a {
    position: relative;
	background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
    box-shadow: 0 0 50px 0 #00efff;
    font-weight: 500;
    color: #ffffff;
    border: none;
    overflow: hidden;
    text-decoration: none;
    transition: color ease 0.2s; /* Плавная смена цвета текста */
}

.banners-big__buttons-item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Начальная позиция */
    width: 100%;
    height: 100%;
    background: rgba(29,233,182,0.8); /* Цвет при наведении */
    z-index: 1; /* Убедитесь, что слой выше фона кнопки */
    transition: left 0.4s ease-in-out; /* Плавная анимация движения */
	mix-blend-mode: lighten;
}

.banners-big__buttons-item a:hover::before,
.banners-big__buttons-item a:focus::before {
    left: 0; /* Перемещение псевдоэлемента для заполнения кнопки */
}

.banners-big__buttons-item a span {
    position: relative;
    z-index: 2; /* Текст поверх анимации */
    mix-blend-mode: difference; /* Позволяет текст оставаться видимым */
}

.banners-big__title::before {
	content: "Дистрибьютор и импортёр оборудования";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	color: transparent;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.6);
}


	
	.banners-big__buttons{
		margin: -11px 0 0 0;
		position: relative;
		left: 40px;
	}
	
	.logo img, .logo svg {
		max-height: 70%;
	}
	
	.line-block__item[data-ajax-load-block="HEADER_TOGGLE_BURGER_MENU"]{
		display: none;
	}
	
	.banners-big__item::before {
		background-image: linear-gradient(rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 0%) 30%) !important;
		background-color: unset  !important;
	}
	
	/*.banners-big__inner::before{
		content: "";
		background: #00000054;
		width: 100%;
		height: 55%;
		right: 45%;
		position: absolute;
		backdrop-filter: blur(10px);
	}*/
	
	.title-v1.index .header-menu__link--only-catalog{
		padding: 22px 40px !important;
		clip-path: polygon(6% 0%, 120% 0%, 94% 100%, -20% 100%);
		backdrop-filter: blur(6px);
		background: #bfd6ff12 !important;
		border: 2px solid #ffffff94;
		transition: all ease .2s;
	}
	
	.title-v1.index .header-menu__link--only-catalog:hover{
		border: 2px solid #fff;
	}
	
	.header__bottom-item .line-block--gap-24 {
		--gap: 34px;
	}
	
	.header__inner {
		border: none;
	}
	
	.banners-big__title{
		background: linear-gradient(80deg, #fff 15%, #bfd6ff12 20%, #fff 21%, #fff 60%, #fff 80%, #fff 100%);
		background-size: 200% auto;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		animation: shimmer 10s linear infinite;
		position: relative;
	}

	@keyframes shimmer {
	  to {
		background-position: -200% center;
	  }
	}
	
	body.header_opacity .banners-big__depend-padding {
		height: 100vh;
	}
	
	
	
	
	
	
	
	
	.val-ban-img{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	.val-ban-img{
		position: relative; /* Контейнер для SVG */
		width: 100%; /* Ширина контейнера */
		height: 100vh; /* Высота контейнера */
		overflow: hidden; /* Обрезка невмещающихся частей */
	}
	
	.val-ban-img img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); /* Центрирование SVG */
		width: 100%; /* Растяжение по ширине */
		height: auto; /* Сохранение пропорций */
		max-width: none; /* Убедитесь, что нет ограничения по ширине */
		max-height: none; /* Убедитесь, что нет ограничения по высоте */
	}
	
	/*.val-111,
	.val-222,
	.val-333{
		filter: drop-shadow(0 0 10px #49DEFF) drop-shadow(0 0 20px #49DEFF);
	}*/
	
	
	
	
	
	
	.val-ban-btn{
		position: absolute;
		width: max-content;
		height: max-content;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 80px;
		transform: translate(-50%, -50%);
		top: 250px;
		left: 50%;
		z-index: 5;
	}
	
	.val-ban-btn a{
		z-index: 4;
	}
	
	.val-ban-btn-1{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	.val-ban-btn-2{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: -7px 0 0 0;
	}
	
	.val-ban-btn-1 .val-1,
	.val-ban-btn-2 .val-2{
		height: 91px;
		display: flex;
		align-items: center;
		position: relative;
		z-index:3;
	}
	
	.val-ban-btn-1 .val-3,
	.val-ban-btn-2 .val-4{
		height: 69px;
		display: flex;
		align-items: center;
		position: relative;
		z-index:2;
	}
	
	.val-ban-btn-1 .val-5,
	.val-ban-btn-2 .val-6{
		height: 53px;
		display: flex;
		align-items: center;
		position: relative;
		z-index:1;
	}
	
	.header__bottom-part{
		display: none;
	}
	
	
	.val-ban-img {
		position: relative;
		overflow: hidden;
	}
	
	.val-ban-btn a,
	.val-ban-btn a img{
		transition: all ease 0.3s;
	}
	
	.val-ban-btn a:hover img{
		filter: drop-shadow(0 0 6px #49DEFF);
		transition: all ease 0.3s;
	}





	/* Чистый CSS для наведений на кнопки */

		/*.val-ban-container {
			position: relative;
			width: 100%;
			height: 100vh;
			overflow: hidden;
		}

		.val-ban-img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.val-ban-img img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: transform 0.5s ease-out;
		}


		.val-ban-container:has(.val-1:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(-20px, -20px);
		}
		.val-ban-container:has(.val-1:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(-40px, -40px);
		}
		.val-ban-container:has(.val-1:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(-60px, -60px);
		}



		.val-ban-container:has(.val-2:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(20px, -20px);
		}
		.val-ban-container:has(.val-2:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(40px, -40px);
		}
		.val-ban-container:has(.val-2:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(60px, -60px);
		}



		.val-ban-container:has(.val-3:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(20px, 0);
		}
		.val-ban-container:has(.val-3:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(40px, 0);
		}
		.val-ban-container:has(.val-3:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(60px, 0);
		}



		.val-ban-container:has(.val-4:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(-20px, 0);
		}
		.val-ban-container:has(.val-4:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(-40px, 0);
		}
		.val-ban-container:has(.val-4:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(-60px, 0);
		}



		.val-ban-container:has(.val-5:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(-20px, 20px);
		}
		.val-ban-container:has(.val-5:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(-40px, 40px);
		}
		.val-ban-container:has(.val-5:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(-60px, 60px);
		}



		.val-ban-container:has(.val-6:hover) .val-ban-img .val-111 {
			transform: translate(-50%, -50%) translate(20px, 20px);
		}
		.val-ban-container:has(.val-6:hover) .val-ban-img .val-222 {
			transform: translate(-50%, -50%) translate(40px, 40px);
		}
		.val-ban-container:has(.val-6:hover) .val-ban-img .val-333 {
			transform: translate(-50%, -50%) translate(60px, 60px);
		}*/
	/* Чистый CSS для наведений на кнопки */
	
	
	.header__inner .search{
		margin-bottom: 0;
	}
	
	.header__top-part .phones .color-dark-parent{
		display: none;
	}
	
	#headerfixed .header-menu__link--only-catalog{
		clip-path: polygon(6% 0%, 120% 0%, 94% 100%, -20% 100%);
		padding: 22px 40px !important;
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
		border: none;
	}
/* Первый экран конец */




/* Скролл начало */
	/* Для WebKit-браузеров (Chrome, Safari, новые версии Edge) */
	::-webkit-scrollbar {
	  width: 14px !important;
	  border-radius: 20px !important;
	}

	::-webkit-scrollbar-track {
	  background-color: #f1f1f1;
	}

	::-webkit-scrollbar-thumb {
	  background-color: #888;
	  border-radius: 20px;
	  border: 5px solid #f1f1f1;
	}

	::-webkit-scrollbar-thumb:hover {
	  background-color: #bbb;
	}
/* Скролл конец */



/* Карточка товара начало */
	.val-wrap-tab{
		display: flex;
		flex-direction: row;
		gap: 20px;
	}
	
	.val-tab{
		flex: 1 1 100%;
	}
	
	.authoritative-certification-icon ul{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 30px;
	}
	
	.authoritative-certification-icon ul img{
		width: 70px;
	}
	
	.authoritative-certification-icon ul li::before{
		display: none;
	}
	
	.val-wrap-tab table {
		width: auto;
		border-collapse: collapse;
		margin: 20px 0;
		font-size: 16px;
		text-align: left;
		border-radius: 8px; /* Округлённые углы */
	}
	
	

	.val-wrap-tab th, .val-wrap-tab td {
	  padding: 12px;
	  border: 1px solid #ddd;
	}

	.val-wrap-tab th {
	  background-color: #4f52b7; /* Зеленый фон для заголовков */
	  color: white; /* Белый текст */
	}

	.val-wrap-tab tbody tr:nth-child(even) {
	  background-color: #fff; /* Белый фон для чётных строк */
	}

	.val-wrap-tab tbody tr:nth-child(odd) {
	  background-color: #fbfbfb; /* Белый фон для чётных строк */
	}

	.val-wrap-tab tbody tr:hover {
	  background-color: #f8f8fc; /* Подсветка строки при наведении */
	}
	
	.val-wrap-tab {
	  width: 100%;
	  overflow-x: auto; /* Горизонтальная прокрутка при узком экране */
	}

	.val-wrap-tab {
	  min-width: 600px; /* Минимальная ширина таблицы */
	  overflow: visible;
	}
	
	.val-wrap-tab p{
		margin: 0;
	}
	
	
	
	
	
	


	.val-wrap-tab-mob th, .val-wrap-tab-mob td {
	  padding: 12px;
	  border: 1px solid #ddd;
	}

	.val-wrap-tab-mob th {
	  background-color: #4f52b7; /* Зеленый фон для заголовков */
	  color: white; /* Белый текст */
	}

	.val-wrap-tab-mob tbody tr:nth-child(even) {
	  background-color: #fff; /* Белый фон для чётных строк */
	}

	.val-wrap-tab-mob tbody tr:nth-child(odd) {
	  background-color: #fbfbfb; /* Белый фон для чётных строк */
	}

	.val-wrap-tab-mob tbody tr:hover {
	  background-color: #f8f8fc; /* Подсветка строки при наведении */
	}

.val-wrap-tab-mob {
	overflow-x: visible; /* Убираем общую прокрутку */
	width: 100%;
}

.val-wrap-tab-mob table{
	margin: 20px 0;
	font-size: 16px;
	text-align: left;
	display: block;
	max-width: 100%;
	overflow-x: auto;
	/*white-space: nowrap;*/
	border-collapse: collapse;
	border: none;
}
	

	
	.val-wrap-tab table{
		border: none;
	}

	.val-wrap-tab th:first-child,
	.val-wrap-tab-mob th:first-child{
		border-top-left-radius: 12px;
		border: none;
	}

	.val-wrap-tab th:last-child,
	.val-wrap-tab-mob th:last-child{
		border-top-right-radius: 12px; 
		border: none;
	}
	
	.val-wrap-tab-mob p{
		margin: 0;
	}

	.dropdown-menu-wrapper .dropdown-menu-inner{
		min-width: 310px;
	}
	
	/* ПК */
	.val-wrap-tab .tab-content th a{
		text-decoration: underline !important;
		color: #bdbfff;
	}
	
	.val-wrap-tab .tab-content a{
		/*pointer-events: none;  Отключает кликабельность ссылок */
		text-decoration: underline !important;
		color: #3213e2;
	}
	
	/* Мобилки */
	.val-wrap-tab-mob .tab-content th a{
		text-decoration: underline !important;
		color: #bdbfff;
	}
	
	.val-wrap-tab-mob .tab-content a{
		/*pointer-events: none;  Отключает кликабельность ссылок */
		text-decoration: underline !important;
		color: #3213e2;
	}

	.back-url-icon{
		position: relative;
	}
	
	
	
	
	
	
	.val-sidebar{
		flex: 0 0 200px;
		position: sticky; /* Делает элемент липким */
		top: 100px; /* Расстояние от верхней части экрана */
		height: 300px;
	}
	
	.val-sidebar-content{
		height: 300px;
		display: block;
	}

/* Карточка товара конец */




/* Кнопки начало */
	
	.btn.btn-default.in_cart{
		background: var(--secondary-black-dark-light-bg);
	}

	.btn.btn-default:not(.in_cart):not(.btn-transparent-bg):not(.header-menu__link--only-catalog) {
		position: relative;
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%) !important;
		color: #ffffff;
		border: none;
		overflow: hidden;
		text-decoration: none;
		transition: color ease 0.2s; /* Плавная смена цвета текста */
		clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	}

	.btn.btn-default:not(.in_cart):not(.btn-transparent-bg)::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%; /* Начальная позиция */
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.2); /* Полупрозрачный белый цвет */
		z-index: 1; /* Убедитесь, что слой выше фона кнопки */
		transition: left 0.4s ease-in-out; /* Плавная анимация движения */
		clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
	}

	.btn.btn-default:not(.in_cart):not(.btn-transparent-bg):hover::before,
	.btn.btn-default:not(.in_cart):not(.btn-transparent-bg):focus::before {
		left: 0; /* Перемещение псевдоэлемента для заполнения кнопки */
	}

/* Кнопки конец */




/* Главная начало */
	

	.CATALOG_SECTIONS .sections-slider__item-text {
		font-family: "buyan-bold", Arial, sans-serif;
		font-size: 21px;
		letter-spacing: 1px;
		color: #5861aa;
	}
	
	.header-menu__dropdown-menu .dropdown-menu-wrapper .dropdown-menu-inner{
		box-shadow: 0 5px 100px rgb(48 48 83 / 25%);
	}
	
	.header--narrow .header-menu__dropdown-menu--grids {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
	
	.header-menu__dropdown-menu .show-more-items-btn button{
		background: #f1effd;
		display: inline-block;
		width: auto;
		padding: 5px 10px;
		text-decoration: none;
	}
	
	h2 a{
		font-family: "buyan-bold", Arial, sans-serif;
		font-size: 40px;
		letter-spacing: 1px;
	}
	
	.sticker__item--hit, .sticker__item--khit {
		--sticker_color: #8d93c7;
	}
	
	.company-item__picture {
		background-size: contain;
		background-position: top;
		top: 7%;
		position: relative;
	}
	
	.company-item__heading{
		background: unset;
		box-shadow: unset;
	}

/* Главная конец */



/* Каталог начало */
	.toggle-panel{
		display: none;
	}
	
	.section-block .sections-list__item-image-wrapper{
		display: none;
	}

	/* Стили для спойлера */
	.sections-list {
		overflow: hidden;
		transition: max-height 0.3s ease-in-out;
	}

	/* Стили для кнопки спойлера */
	.spoiler-toggle {
		display: inline-block;
		padding: 12px 54px;
		font-size: 16px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		border: 1px solid #7760fb;
		clip-path: polygon(6% 0%, 120% 0%, 94% 100%, -20% 100%);
		z-index: 1;
		background-color: #fff;
		color: #3213e2;
		transition: color 0.3s ease, transform 0.3s ease;
	}
	
	.val-but-wrap{
		display: flex;
		justify-content: center; /* Горизонтальное выравнивание по центру */
		align-items: center;    /* Вертикальное выравнивание по центру */
		width: 100%;
		margin: 20px 0;  
	}
	
	.spoiler-toggle::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
		z-index: -1;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	.spoiler-toggle:hover::before {
		opacity: 1;
	}

	.spoiler-toggle:hover {
		background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%);
		transform: translateY(-2px);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		color: #fff;
	}

	.spoiler-toggle:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.spoiler-toggle::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 5px;
		height: 5px;
		background: rgba(255, 255, 255, 0.5);
		opacity: 0;
		border-radius: 100%;
		transform: scale(1, 1) translate(-50%);
		transform-origin: 50% 50%;
	}

	.spoiler-toggle:focus:not(:active)::after {
		animation: ripple 1s ease-out;
	}

	@keyframes ripple {
		0% {
			transform: scale(0, 0);
			opacity: 0.5;
		}
		100% {
			transform: scale(20, 20);
			opacity: 0;
		}
	}
	
	.section-block .shadow, .section-block .shadow-hovered:hover {
		box-shadow: inset 0px 0px 0px 1px var(--box_shadow);
	}
	
	.val-but-wrap .spoiler-toggle{
		display: none;
	}
	
	.top-content-block{
		display: none;
	}

/* Каталог конец */



/* Купить в 1 клик начало */
	.ocb-wrapper button.btn{
		padding: 12px 54px;
		font-size: 16px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		border: 1px solid #7760fb;
		clip-path: polygon(6% 0%, 120% 0%, 94% 100%, -20% 100%);
		z-index: 1;
		background-color: #fff;
		color: #3213e2;
		transition: all 0.3s ease;
	}
	
	.ocb-wrapper button.btn:hover{
		background-color: #f8f8fc;
		border: 1px solid #7760fb;
	}
/* Купить в 1 клик конец */

.filter-panel [data-prop_code="category"] .bx_filter_parameters_box_title{
	background: linear-gradient(135deg, rgb(64 185 228) 10%, rgb(71 0 244) 60%) !important;
}

.filter-panel [data-prop_code="category"] .bx_filter_parameters_box_title:hover{
	background: linear-gradient(135deg, #5bcaf2 10%, #5614fd 60%) !important;
}

.filter-panel [data-prop_code="category"] .dropdown-select__title-text{
	color: #fff;
}

.filter-panel [data-prop_code="category"] .fill-dark-light use{
	fill: #fff;
}













/* 1400 Мобилки начало */
@media screen and (max-width: 1400px){
	.banners-big__text{
		width: 100%;
	}
}
/* 1400 Мобилки конец */



/* 1200 Мобилки начало */
@media screen and (max-width: 1200px){

	.val-kompany{
		flex-direction: column-reverse; /* Ставит блоки друг под другом */
		align-items: center; /* Центрирует содержимое по горизонтали */
	}

	.val-kompany-text{
		flex: 0 1 auto; /* Блоки занимают всю доступную ширину */
		width: 100%; /* Устанавливаем ширину в 100% */
	}

	.val-kompany-img{
		flex: 0 1 auto; /* Блоки занимают всю доступную ширину */
		width: 100%; /* Устанавливаем ширину в 100% */
		text-align: center; /* Для текста (по желанию) */
	}
}
/* 1200 Мобилки конец */



/* 991 Мобилки начало */
@media screen and (max-width: 991px){
	.top-content-block{
		display: block;
	}
	
	.val-ban-btn {
		top: 130px;
		column-gap: 0px;
		transform: translate(-55%, -50%);
		scale: .9;
	}
	
	.banners-big__depend-height {
		height: var(--big-banner-height) !important;
	}
	
	.banners-big__text {
		position: relative;
		bottom: 60px;
	}
	
	.val-ban-img{
		height: 80%;
	}

	.company-item__picture {
		background-size: contain;
		background-position: center;
		top: 0;
		position: absolute;
	}
	
	.company-item__picture-wrapper {
		padding-top: 70%;
	}
	
	.val-img-deliv {
		width: 100%;
	}

	.contacts-detail .grid-list--items-3-from-992 {
		--items-count: 3;
	}
}
/* 991 Мобилки конец */



/* 767 Мобилки начало */
@media screen and (max-width: 767px){
	.val-ban-img{
		display: none;
	}
	
	.val-ban-btn {
		top: 64px;
		column-gap: 0px;
		transform: translate(-71%, -50%);
		scale: 0.7;
	}
	
	.banners-big--high{
		--big-banner-height: 540px;
	}
	
	.banners-big--adaptive-1 .banners-big__text, .banners-big--adaptive-3 .banners-big__text {
		justify-content: flex-end;
	}
	
	.banners-big__text {
		bottom: 20px;
	}
	
	.banners-big__text-block.lineclamp-5{
		line-clamp: unset;
		-webkit-line-clamp: unset;
		-moz-line-clamp: unset;
		font-size: 17px;
	}
	
	.banners-big__buttons {
		left: unset;
	}

	.contacts-detail .grid-list--items-3-from-992 {
		--items-count: 2;
	}
}
/* 767 Мобилки конец */



/* 600 Мобилки начало */
@media screen and (max-width: 600px){
	.val-ban-btn{
		display: none;
	}
	
	.banners-big--adaptive-1 .banners-big__title, .banners-big--adaptive-1 .banners-big__title h1, .banners-big--adaptive-3 .banners-big__title, .banners-big--adaptive-3 .banners-big__title h1 {
		font-size: 36px;
		line-height: 40px;
		letter-spacing: 1px;
	}
	
	.banners-big--adaptive-1 .banners-big__text, .banners-big--adaptive-3 .banners-big__text {
		justify-content: flex-start;
		position: relative;
		top: 20px;
	}
	
	.banners-big--high {
		--big-banner-height: 420px;
	}

	.contacts-detail .grid-list--items-2 {
		--items-count: 1;
	}
}
/* 600 Мобилки конец */



/* 450 Мобилки начало */
@media screen and (max-width: 450px){
	.banners-big__text-block.lineclamp-5 {
		font-size: 16px;
		line-height: 22px;
		padding: 12px 19px;
	}

	.contacts-detail .grid-list--items-3-from-992 {
		--items-count: 1;
	}
	
	.topic__heading #pagetitle {
		font-size: 36px;
	}
}
/* 450 Мобилки конец */