/* Разработчики
Компания РОСВЕБ 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: 'Bebas Neue';
    src: url('/local/templates/rosveb/css/fonts/rosveb-fonts/BebasNeue_Regular.ttf') format('ttf');
    font-weight: 400;
    font-display: swap;
} 

.disclaimer1 {
    font-family: 'Bebas Neue', sans-serif;
	font-size: 44px;
	color: #dde1ea;
	line-height: 120%;
}*/

:root {
	--img-arrows-anim: url('/upload/img/arrows_anim.webp'); /* Картинка с анимацией стрелок */
	--img-dash: url('/upload/img/dash.svg'); /* Картинка с 2 оранжевыми линиями */
}

.banners-big__top-text{
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	max-width: 300px;
	text-transform: uppercase;
	opacity: 1;
	letter-spacing: 1px;
}

.banners-big__text-block{
	color: #A1CBFF;
	max-width: 310px;
}

.banners-big__buttons-item a.btn-default{
	background-color: rgba(161, 203, 255, 0.1);
	color: #A1CBFF;
	padding: 10px 22px;
	border: none;
	height: 44px;
}

.banners-big__buttons-item a.btn-default:hover{
	background-color: #274366;
}

.banners-big__buttons-item a.btn-transparent{
	background-color: rgba(255, 133, 12, 0.1);
	color: #FF860C;
	padding: 10px 22px;
	border: none;
	height: 44px;
}

.banners-big__buttons-item a.btn-transparent:hover{
	background-color: transparent !important;
	box-shadow: inset 0 0 0 1px #ff850c42;
	color: #FF860C !important;
}

.banners-big--paddings {
	padding-inline: 32px;
}

/* .front_page .header .maxwidth-theme,
.index-block--fon,
.body:has(.BIG_BANNER_INDEX .index-block--fon) .header{
	background: #eef2f5;
}  */

.header-menu__dropdown-menu.maxwidth-theme .header-menu__wide-limiter{
	background: #ffffff;
}

.banners-big__side-item-link > div{
	--mi: clamp(24px, 1.333vw + 0.889rem, 29px);
	--mb: clamp(16px, 1.333vw + 0.889rem, 21px);
}

.banners-big__side-item-title{
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 140%;
	max-width: 260px;
}

/* Кружок-стрелка в правом нижнем углу боковых баннеров */
.banners-big__side-item--height-50 .banners-big__side-item-link::before,
.banners-big__side-item--height-50 .banners-big__side-item-link::after {
	content: "";
	position: absolute;
	right: 18px;
	bottom: 18px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	pointer-events: none;
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
		background-color 0.35s ease,
		box-shadow 0.45s ease;
}

.banners-big__side-item--height-50 .banners-big__side-item-link::before {
	background-color: rgba(255, 255, 255, 0.2);
}

.banners-big__side-item--height-50 .banners-big__side-item-link::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.05029 16.9498L16.2427 7.7574M8.46451 7.05029H15.9498C16.5021 7.05029 16.9498 7.49801 16.9498 8.05029V15.5356' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.banners-big__side-item--height-50:hover .banners-big__side-item-link::before {
	/* background-color: rgba(255, 255, 255, 0.35); */
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.05);
}

.banners-big__side-item--height-50:hover .banners-big__side-item-link::after {
	transform: translate(4px, -4px);
}

.header .slogan__text{
	line-height: 120%;
}

.index-block__title .index-block__arrow {
	opacity: .5;
}

.index-block__title .index-block__arrow > .svg{
	margin: -6px 0 0 0;
}

.index-block__title > a,
.index-block__title{
	font-weight: 900;
	text-transform: uppercase;
	color: #3c536f;
	font-size: 30px;
	position: relative;
	isolation: isolate;
}

.index-block__title::after {
	content: '';
	position: absolute;
	top: -27px;
	left: 29px;
	z-index: -1;
	background: #fff;
	width: 164px;
	height: 74px;
	clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-block__part--left{
	overflow: visible;
}

.BIG_BANNER_INDEX {
	position: relative;
	overflow: visible;
}

.BIG_BANNER_INDEX::after {
	content: '';
	position: absolute;
	bottom: -80px;
	right: 0rem;
	width: 13.625rem;
	height: 9.125rem;
	background-image: var(--img-arrows-anim);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: 1219px 146px;
	-webkit-animation: 20s linear infinite animArrow;
	animation: 50s linear infinite animArrow;
	pointer-events: none;
	z-index: 1;
}

@keyframes animArrow {
	from { background-position: 0 0; }
	to   { background-position: 1219px 0; }
}

.banners-big__side-items,
.banners-big__wrapper{
	z-index: 2;
	position: relative;
}

.index-block__title::before{
	position: absolute;
	content: "";
	top: -45px;
	left: 4px;
	width: 2.8rem;
	height: 2rem;
	background-image: var(--img-dash);
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0.8;
}

/* ============================================================
   Кнопка «Скачать полный прайс-лист»
   ============================================================ */
.btn-price-download {
	--price-bg: #dda749;
	--price-bg-hover: #e1a02f;
	--price-stripe: #ba8220;
	--price-stripe-hover: #be7c0a;
	--price-shadow: 202, 106, 0;

	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 24px;
	margin-bottom: 28px;
	padding: 14px 28px 15px;

	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff !important;

	background-color: var(--price-bg);
	border: none;
	border-bottom: 4px solid var(--price-stripe);
	border-radius: 4px;
	cursor: pointer;
	isolation: isolate;
	z-index: 1;
	overflow: visible;

	transition:
		transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
		background-color 0.3s ease,
		border-bottom-color 0.3s ease;
}

/* Красивая тень под кнопкой через ::after */
.btn-price-download::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 0px;
	height: 50%;
	border-radius: 14px;
	pointer-events: none;
	z-index: -1;
	box-shadow: 0 28px 22px -5px rgba(var(--price-shadow), 0.57);
	opacity: 0.85;
	transition:
		box-shadow 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
		opacity 0.4s ease;
}

/* Иконка скачивания */
.btn-price-download__icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-price-download__icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.btn-price-download__text {
	display: inline-block;
	white-space: nowrap;
}

/* Hover: подъём, тёмный фон, усиленная тень */
.btn-price-download:hover {
	transform: translateY(-3px);
	background-color: var(--price-bg-hover);
	border-bottom-color: var(--price-stripe-hover);
	color: #fff !important;
	text-decoration: none !important;
}

.btn-price-download:hover::after {
	box-shadow: 0 32px 26px -6px rgba(var(--price-shadow), 0.65);
	opacity: 1;
}

.btn-price-download:active {
	transform: translateY(-2px);
	transition-duration: 0.15s;
}

.btn-price-download:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.btn-price-download {
		width: 100%;
		justify-content: center;
		padding: 16px 24px 18px;
		font-size: 14px;
	}
}

.CATALOG_SECTIONS .sections-list__item-products-count{
	display: none;
}

.CATALOG_SECTIONS .sections-list__name{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #3c536f;
	text-align: center;
	word-spacing: 4px;
}

.CATALOG_SECTIONS .card-image{
	background-size: contain;
}

.CATALOG_SECTIONS .grid-list--items-4-from-1200 {
	--items-count: 4;
}

.CATALOG_SECTIONS .card-image{
	mix-blend-mode: darken;
}

.CATALOG_SECTIONS .grid-list{
	gap: 32px;
}

.CATALOG_SECTIONS .grid-list .sections-list__wrapper{
	/* width: calc(20% - 16px); */
	transition: all 0.1s ease;
}

.CATALOG_SECTIONS .grid-list .sections-list__wrapper:not(:last-child):hover{
	border-radius: 10px;
	background-color: #ffffff7b;
	box-shadow: 0 0 0px 1px #ffffff;
}

.CATALOG_SECTIONS .grid-list .sections-list__wrapper:hover .card-image{
	transform: translateY(-4px);
	transition: all 0.3s ease;
}

.CATALOG_SECTIONS .card-image{
	transition: all 0.3s ease;
}

.CATALOG_SECTIONS .sections-list__item-content{
	padding: 0px 30px 22px !important;
}

.CATALOG_SECTIONS .sections-list__wrapper-static .sections-list__static-card {
	position: relative;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	z-index: 1;
	padding: 30px 10px;
	box-sizing: border-box;
}

.CATALOG_SECTIONS .sections-list__static-bg {
	position: absolute;
	top: 43%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	background-color: #ffffff;
	transform: skewX(-12deg);
	z-index: -1;
	border-radius: 4px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
	width: 69%;
	height: 63%;
	transform: translate(-50%, -50%) skewX(-20deg);
}

.CATALOG_SECTIONS .sections-list__static-dash {
	position: absolute;
	bottom: 94px;
	right: 110px;
	width: 44px;
	height: 32px;
	background-image: var(--img-dash);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.CATALOG_SECTIONS .sections-list__wrapper-static .sections-list__static-content {
	text-align: center;
	width: 100%;
}

.CATALOG_SECTIONS .sections-list__wrapper-static .sections-list__name {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #DDA749;
	text-align: center;
	word-spacing: 2px;
	margin: 26px -62px 30px 0;
}

.CATALOG_SECTIONS .sections-list__wrapper-static .sections-list__static-subtitle {
	margin-top: 20px;
	color: #8a9199;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin: 95px 32px 0 0;
}

.CATALOG_SECTIONS .sections-list__static-btn {
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 24px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	background: #294568 !important;
	border: none !important;
	border-radius: 4px;
	box-shadow: 0 4px 15px rgba(46, 67, 91, 0.3);
	transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
	position: absolute;
	left: 5px;
}

.CATALOG_SECTIONS .sections-list__static-btn:hover {
	color: #ffffff !important;
	background: #3a5472 !important;
	box-shadow: 0 6px 20px rgba(46, 67, 91, 0.4);
	transform: translateY(-2px);
}

.CATALOG_SECTIONS .sections-list__static-btn-icon {
	display: inline-flex;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
}

.CATALOG_SECTIONS .sections-list__static-btn-icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.CATALOG_SECTIONS .sections-list__static-btn-text {
	display: inline-block;
	text-align: left;
}

@media (max-width: 768px) {
	.CATALOG_SECTIONS .sections-list__static-bg {
		transform: skewX(-6deg);
		left: 10px;
		right: 10px;
	}
}

@media (max-width: 600px) {
	.CATALOG_SECTIONS .sections-list__static-btn {
		padding: 12px 18px;
		font-size: 12px;
	}
	.CATALOG_SECTIONS .sections-list__static-dash {
		right: 10px;
		bottom: -10px;
	}
}