/*
Theme Name: Hello Child
Template: hello-elementor
*/


/* 300 — Light */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-light.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* 400 — Regular */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-regular.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* 500 — Medium */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-medium.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* 500 — Medium Italic */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-mediumitalic.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-mediumitalic.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* 600 — SemiBold */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-semibold.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* 700 — Bold */
@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-bold.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gilroy";
	src:url("/wp-content/uploads/2025/09/gilroy-extrabold.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-extrabold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gilroy";
	src: url("/wp-content/uploads/2025/09/gilroy-black.woff2") format("woff2"),
		url("/wp-content/uploads/2025/09/gilroy-black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, li, a {
	font-family: "Gilroy", Sans-serif;
}

/* Базовые секции */
.page-header .entry-title,
.site-header .header-inner,
.site-header:not(.dynamic-header),
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
body:not([class*=elementor-page-]) .site-main {
	max-width: none !important;  /* было: 1140px и т.п. */
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;   /* убираем боковые поля, если не нужны */
	padding-right: 0 !important;
	box-sizing: border-box;
}
:root {
	font-synthesis-weight: none;
	font-synthesis-style: auto;
	--wp--style--global--content-size: 100% !important;
	--wp--style--global--wide-size: 100% !important;
	--text-6px:  clamp(6px,  0.42vw,  8px);
	--text-8px:  clamp(8px,  0.56vw, 11px);
	--text-10px: clamp(10px, 0.69vw, 13px);
	--text-12px: clamp(12px, 0.83vw, 16px);
	--text-14px:  clamp(14px,  0.97vw,  19px);
	--text-16px:  clamp(16px,  1.11vw,  21px);
	--text-18px:  clamp(18px,  1.25vw,  24px);
	--text-20px:  clamp(20px,  1.39vw,  27px);
	--text-22px:  clamp(22px,  1.53vw,  29px);
	--text-24px:  clamp(24px,  1.67vw,  32px);
	--text-26px:  clamp(26px,  1.81vw,  35px);
	--text-28px:  clamp(28px,  1.94vw,  37px);
	--text-30px:  clamp(30px,  2.08vw,  40px);
	--text-32px:  clamp(32px,  2.22vw,  43px);
	--text-34px:  clamp(34px,  2.36vw,  45px);
	--text-36px:  clamp(36px,  2.50vw,  48px);
	--text-38px:  clamp(38px,  2.64vw,  51px);
	--text-40px:  clamp(40px,  2.78vw,  53px);
	--text-42px:  clamp(42px,  2.92vw,  56px);
	--text-44px:  clamp(44px,  3.06vw,  59px);
	--text-46px:  clamp(46px,  3.19vw,  61px);
	--text-48px:  clamp(48px,  3.33vw,  64px);
	--text-50px:  clamp(50px,  3.47vw,  67px);
	--text-52px:  clamp(52px,  3.61vw,  69px);
	--text-54px:  clamp(54px,  3.75vw,  72px);
	--text-56px:  clamp(56px,  3.89vw,  75px);
	--text-58px:  clamp(58px,  4.03vw,  77px);
	--text-60px:  clamp(60px,  4.17vw,  80px);
	--text-62px:  clamp(62px,  4.31vw,  83px);
	--text-64px:  clamp(64px,  4.44vw,  85px);
	--text-66px:  clamp(66px,  4.58vw,  88px);
	--text-68px:  clamp(68px,  4.72vw,  91px);
	--text-70px:  clamp(70px,  4.86vw,  93px);
	--text-72px:  clamp(72px,  5.00vw,  96px);
	--text-74px:  clamp(74px,  5.14vw,  99px);
	--text-76px:  clamp(76px,  5.28vw, 101px);
	--text-78px:  clamp(78px,  5.42vw, 104px);
	--text-80px:  clamp(80px,  5.56vw, 107px);
	--text-82px:  clamp(82px,  5.69vw, 109px);
	--text-84px:  clamp(84px,  5.83vw, 112px);
	--text-86px:  clamp(86px,  5.97vw, 115px);
	--text-88px:  clamp(88px,  6.11vw, 117px);
	--text-90px:  clamp(90px,  6.25vw, 120px);
	--text-92px:  clamp(92px,  6.39vw, 123px);
	--text-94px:  clamp(94px,  6.53vw, 125px);
	--text-96px:  clamp(96px,  6.67vw, 128px);
	--text-98px:  clamp(98px,  6.81vw, 131px);
	--text-100px: clamp(100px, 6.94vw, 133px);
	--text-102px: clamp(102px, 7.08vw, 136px);
	--text-104px: clamp(104px, 7.22vw, 139px);
	--text-106px: clamp(106px, 7.36vw, 141px);
	--text-108px: clamp(108px, 7.50vw, 144px);
	--text-110px: clamp(110px, 7.64vw, 147px);
	--text-112px: clamp(112px, 7.78vw, 149px);
	--text-114px: clamp(114px, 7.92vw, 152px);
	--text-116px: clamp(116px, 8.06vw, 155px);
	--text-118px: clamp(118px, 8.19vw, 157px);
	--text-120px: clamp(120px, 8.33vw, 160px);
	--text-122px: clamp(122px, 8.47vw, 163px);
	--text-124px: clamp(124px, 8.61vw, 165px);
	--text-126px: clamp(126px, 8.75vw, 168px);
	--text-128px: clamp(128px, 8.89vw, 171px);
	--text-130px: clamp(130px, 9.03vw, 173px);
	--text-132px: clamp(132px, 9.17vw, 176px);
	--text-134px: clamp(134px, 9.31vw, 179px);
	--text-136px: clamp(136px, 9.44vw, 181px);
	--text-138px: clamp(138px, 9.58vw, 184px);
	--text-140px: clamp(140px, 9.72vw, 187px);
	--text-142px: clamp(142px, 9.86vw, 189px);
	--text-144px: clamp(144px, 10.00vw, 192px);
	--text-146px: clamp(146px, 10.14vw, 195px);
	--text-148px: clamp(148px, 10.28vw, 197px);
	--text-150px: clamp(150px, 10.42vw, 200px);
	--text-152px: clamp(152px, 10.56vw, 203px);
	--text-154px: clamp(154px, 10.69vw, 205px);
	--text-156px: clamp(156px, 10.83vw, 208px);
	--text-158px: clamp(158px, 10.97vw, 211px);
	--text-160px: clamp(160px, 11.11vw, 213px);

	--space-2px: clamp(2px, 0.14vw, 3px);
	--space-4px: clamp(4px, 0.28vw, 5px);
	--space-6px: clamp(6px, 0.42vw, 8px);
	--space-8px: clamp(8px, 0.56vw, 11px);
	--space-12px: clamp(12px, 0.83vw, 16px);
	--space-14px: clamp(14px, 0.97vw, 19px);
	--space-16px: clamp(16px, 1.11vw, 21px);
	--space-18px: clamp(18px, 1.25vw, 24px);
	--space-22px: clamp(22px, 1.53vw, 29px);
	--space-24px: clamp(24px, 1.67vw, 32px);
	--space-25px: clamp(25px, 1.74vw, 33px);
	--space-36px: clamp(36px, 2.50vw, 48px);
	--space-48px: clamp(48px, 3.33vw, 64px);

	--space-10px:  clamp(10px, 0.69vw, 13px);
	--space-20px:  clamp(20px, 1.39vw, 27px);
	--space-30px:  clamp(30px, 2.08vw, 40px);
	--space-40px:  clamp(40px, 2.78vw, 53px);
	--space-50px:  clamp(50px, 3.47vw, 67px);
	--space-60px:  clamp(60px, 4.17vw, 80px);
	--space-70px:  clamp(70px, 4.86vw, 93px);

	--space-72px: clamp(72px, 5.00vw, 96px);

	--space-80px:  clamp(80px, 5.56vw, 107px);
	--space-90px:  clamp(90px, 6.25vw, 120px);
	--space-100px: clamp(100px, 6.94vw, 133px);
	--space-110px: clamp(110px, 7.64vw, 147px);
	--space-120px: clamp(120px, 8.33vw, 160px);
	--space-130px: clamp(130px, 9.03vw, 173px);
	--space-140px: clamp(140px, 9.72vw, 187px);
	--space-150px: clamp(150px, 10.42vw, 200px);
	--space-160px: clamp(160px, 11.11vw, 213px);
	--space-170px: clamp(170px, 11.81vw, 227px);
	--space-180px: clamp(180px, 12.50vw, 240px);
	--space-190px: clamp(190px, 13.19vw, 253px);
	--space-200px: clamp(200px, 13.89vw, 267px);

	--space-204px: clamp(204px, 14.17vw, 272px);

	--space-210px: clamp(210px, 14.58vw, 280px);
	--space-220px: clamp(220px, 15.28vw, 293px);
	--space-230px: clamp(230px, 15.97vw, 307px);
	--space-240px: clamp(240px, 16.67vw, 320px);
	--space-250px: clamp(250px, 17.36vw, 333px);
	--space-260px: clamp(260px, 18.06vw, 347px);
	--space-270px: clamp(270px, 18.75vw, 360px);
	--space-280px: clamp(280px, 19.44vw, 373px);

	--space-284px: clamp(284px, 19.72vw, 379px);

	--space-290px: clamp(290px, 20.14vw, 387px);
	--space-300px: clamp(300px, 20.83vw, 400px);
	--space-310px: clamp(310px, 21.53vw, 413px);
	--space-320px: clamp(320px, 22.22vw, 427px);
	--space-330px: clamp(330px, 22.92vw, 440px);
	--space-340px: clamp(340px, 23.61vw, 453px);
	--space-350px: clamp(350px, 24.31vw, 467px);
	--space-360px: clamp(360px, 25.00vw, 480px);
	--space-370px: clamp(370px, 25.69vw, 493px);
	--space-380px: clamp(380px, 26.39vw, 507px);
	--space-390px: clamp(390px, 27.08vw, 520px);
	--space-400px: clamp(400px, 27.78vw, 533px);
	--space-410px: clamp(410px, 28.47vw, 547px);
	--space-420px: clamp(420px, 29.17vw, 560px);
	--space-430px: clamp(430px, 29.86vw, 573px);
	--space-440px: clamp(440px, 30.56vw, 587px);
	--space-450px: clamp(450px, 31.25vw, 600px);
	--space-460px: clamp(460px, 31.94vw, 613px);
	--space-470px: clamp(470px, 32.64vw, 627px);
	--space-480px: clamp(480px, 33.33vw, 640px);
	--space-490px: clamp(490px, 34.03vw, 653px);
	--space-500px: clamp(500px, 34.72vw, 667px);

	--space-600px: clamp(600px, 41.67vw, 800px);

	--space-650px: clamp(650px, 45.14vw, 867px);


	--space--120px: clamp(-120px, -8.33vw, -160px);
	--space--100px: clamp(-100px, -6.94vw, -133px);
}
.intro-page-header h1 {
	font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-weight: 800 !important;
	line-height: 1.2em;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: -0.02em !important;
	margin-left: 0 !important;
	white-space: nowrap;
	margin-top: 0 !important;
}

.intro-page-header h1 {
	color: #ffffff !important;
} 
h1.main-page-header {
	color: #0E0F14;
}
.intro-page-header h1, 
h1.main-page-header {
	font-size: clamp(110px, 7.11vw, 192px) !important;
	color: #0E0F14;
}

/* 1440px–∞: ваш исходный диапазон и ограничение сверху на 213px */
@media (min-width: 1440px) {
	.intro-page-header h1, 
	h1.main-page-header {
/* 		font-size: clamp(160px, 11.11vw, 213px) !important; */
		font-size: clamp(110px, 7.11vw, 192px) !important;
	}
}

/* <1440px: плавное пропорциональное уменьшение до 320px */
@media (max-width: 1439.98px) {
	.intro-page-header h1, 
	h1.main-page-header {
		/* Линейная интерполяция: 320px → ~28px, 1440px → 160px */
		font-size: clamp(28px, calc(-9.7143px + 17vw), 160px) !important;
		max-width: 98vw !important;         /* можно занять до 98% ширины экрана */
/* 		margin-top: 0 !important; */
	}
}

/* Дополнительно, чтобы на планшетах точно помещалось в строках */
@media (max-width: 1024px) {
	.intro-page-header h1, 
	h1.main-page-header {
		width: 98% !important;        /* не шире экрана, комфортные переносы */
	} 
	h1.main-page-header {       /* не шире экрана, комфортные переносы */
		margin-left: 0 !important;
		padding-left: 3vw !important;
		padding-bottom: 8vh !important;
	}
}


@media (max-width: 768px) {
	h1.main-page-header {
		padding-bottom: 8vh !important;
	}
}
@media (max-width: 480px) {
	.intro-page-header h1, 
	h1.main-page-header { 
	}
	h1.main-page-header {
		padding-bottom: 8vh !important;
	}
}

/* По желанию: очень маленькие экраны (например, 320px) */
@media (max-width: 360px) {
	.intro-page-header h1, 
	h1.main-page-header {
		letter-spacing: -0.015em !important; /* чуть уплотнить трекинг */
	}
}

.section-inner.home-contacts {
	display: flex;
	align-items: end; 
	padding-bottom: var(--space-90px);
	min-height: 100svh;
}

div.home-contacts {
	padding-top: var(--space-60px);
	padding-right: var(--space-40px);
	padding-bottom: var(--space-60px);
	padding-left: var(--space-40px); 
}

div.contacts-details { 
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: .5vw; 
	width: 33svw !important;
	margin: 0;
}

p.contact-line:first-child {
	margin-bottom: var(--space-40px);
}

p.contact-line span, p.contact-line a, .contacts-details ul.social a{
	color: #000 !important;
}

ul.sub-menu {
}


html, body, ul, ol {
	font-family: "Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
h1, .h1 { 
	font-weight: 800;
	font-size: var(--text-160px);
}  /* Bold */
h2, .h2, .catalog-title {
	font-family: "Gilroy" !important;
	font-size: var(--text-36px) !important;
	font-weight: 800; 
	line-height: 1em;
	color: #0E0F14;
}  
p{
	font-weight: 500; 
	font-size: 20px;
	padding-bottom: 20px !important;
}

body {
	font-weight: 500; 
	font-size: 20px;
}
.button-strong {
	font-weight: 600;
	display: block;
}

.header-normal-case {
	text-transform:none !important;
}

/* ОБЩИЕ СТИЛИ */
.display-none {
	display: none;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #ffffff;
	opacity: 1;
	transition: opacity 0.3s ease;
	line-height: 100%;
}
p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	opacity: .7;
}
span a {
}

/*
.pin-spacer:nth-child(5 of .pin-spacer),
.pin-spacer:nth-child(6 of .pin-spacer) {
height: 90svh !important;
}
*/
.white {
	color: #ffffff;
}
.red {
	color: #9F001E;
}
/* 1. Убираем строчные отступы у ссылки и изображения */
.logo a {
	display: inline-block;     /* или block, если хочешь полную ширину */
	line-height: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.nowrap {
	white-space: nowrap;
}
.display-flex {
	display: flex !important;
}
/* 2. Убираем отступы у картинки */
.logo {
	display: block;
	max-width: 100%;
	height: auto;
}
.custom-link a {
	display: inline-block;     /* или block, если хочешь полную ширину */
	line-height: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.custom-link .elementor-icon {
	display: block;
	max-width: 100%;
	height: auto;
}
.cover-bg, section.mc-hero, section.section-contacts {
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-origin: padding-box;
	background-clip: border-box;
	width: 100%;
}
section.mc-hero {
	background-image: url(/wp-content/uploads/2025/12/frame-48.png);
}
section.section-contacts {
	background-image: url(/wp-content/uploads/2025/12/aviar-r67-1.png);
}
.nobg {
	background: none !important;
}

/* ФОРМА */
.form-styled .elementor-field-group button {
	margin-top: var(--space-30px);
}
.form-styled {
	margin-top: var(--space-20px);
}

/* ГЛАВНОЕ НАВИАГЦИОННОЕ МЕНЮ */
/* контейнер (если он есть) */
/* сам список как нумерованный через CSS-счётчики */
.nav-list{
	counter-reset: item;
	list-style: none;
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
	gap: clamp(16px, 3.2vh, 40px);
}

/* строка списка — сетка: колонка под номер + текст */
.menu-in-popup .nav-list > li{
	display: grid;
	grid-template-columns: 1ch 1rem 1fr;  /* 01, 02… | зазор | текст */
	align-items: center;
}

/* номер с ведущим нулём */
.menu-in-popup .nav-list > li::before{
	margin: -38px 0 0 0;
	counter-increment: item;
	content: counter(item, decimal-leading-zero);

	grid-column: 1;
	font: 600 14px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: .08em;
	color: #c21b2e;    /* цвет номера */
	opacity: .9;
}


.menu-in-popup .nav-list a{
	grid-column: 3;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: clamp(28px, 6vw, 50px);
	font-family: "Gilroy";
	font-weight: 700 !important;
	line-height: 1.03;
	letter-spacing: .01em;
	transition: transform .15s ease, opacity .15s ease;
}
.menu-in-popup .nav-list a:hover{ transform: translateX(2px); }
.menu-in-popup .nav-list a:focus-visible{
	outline: 2px dashed #c21b2e;
	outline-offset: 4px;
}
.menu-in-popup .nav-list a[aria-current="page"]{ opacity: .95; 
}



/* СТИЛИ ДЛЯ SELECT */





/* МОДАЛЬНОЕ МЕНЮ */
#elementor-popup-modal-306 .dialog-close-button
{
	border-left: 1px solid #ffffff !important;
	border-bottom: 1px solid #ffffff !important;
	padding: 30px;
}

/* СЛАЙДЕР НА ГЛАВНОЙ */

/* КАТАЛОГ НА ГЛАВНОЙ */
/* Секция-лента: переопределяем inline Elementor */
.section-catalog {
	max-width: 100% !important;
	height: 100svh !important;      /* учитывает моб. UI-полосы */
	max-height: 100svh !important;

	display: flex !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;

	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;

	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;

	/* опционально скрыть скроллбар */
	scrollbar-width: none;                 /* Firefox */
}
.section-catalog::-webkit-scrollbar { display: none; }

/* Каждый слайд = полный экран контейнера */
.section-catalog > .catalog-item {
	padding: 0 !important;
	flex: 0 0 100% !important;
	min-width: 100% !important;
	height: 100svh !important;
	scroll-snap-align: start;
	scroll-snap-stop: always;

	/* страховка против внезапных внутренних авто-ширин */
	box-sizing: border-box;
}

/* НОВОСТИ */
.news-grid .elementor-loop-container.elementor-grid > .e-loop-item:nth-child(3n + 3){
	margin-top: var(--space-160px);
}

/* ПАГИНАЦИЯ */
.news-grid .elementor-pagination{
	/* легко настраиваемые переменные */
	--pg-size: 72px;           /* сторона квадрата */
	--pg-gap: 32px;            /* расстояние между кнопками */
	--pg-radius: 0;          /* скругление */
	--pg-border: 1px;          /* толщина рамки */
	--pg-color: #ffffff;       /* цвет текста/стрелок у обычных кнопок */
	--pg-active-bg: #ffffff;   /* фон активной кнопки */
	--pg-active-color: #0f1114;/* цвет текста/стрелок у активной */

	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--pg-gap);
	flex-wrap: wrap;
	line-height: 1;
}

/* базовый вид кнопок (и цифр, и стрелок) */
.news-grid .elementor-pagination .page-numbers{
	display: grid;
	place-items: center;
	min-width: var(--pg-size);
	height: var(--pg-size);
	padding: 0;
	border: var(--pg-border) solid rgba(255,255,255,.7);
	border-radius: var(--pg-radius);
	color: var(--pg-color);
	text-decoration: none;
	font-weight: 800;
	font-size: clamp(14px, 1.1vw, 18px);
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

/* активная страница */
.news-grid .elementor-pagination .page-numbers.current{
	background: var(--pg-active-bg);
	border-color: var(--pg-active-bg);
	color: var(--pg-active-color);
	pointer-events: none;
}

/* hover/focus для ссылок */
.news-grid .elementor-pagination a.page-numbers:hover,
.news-grid .elementor-pagination a.page-numbers:focus-visible{
	background: var(--pg-active-bg);
	border-color: var(--pg-active-bg);
	color: var(--pg-active-color);
	outline: none;
}

/* стрелки — тот же квадрат; перекрашиваем stroke у svg в currentColor */
.news-grid .elementor-pagination .page-numbers.prev,
.news-grid .elementor-pagination .page-numbers.next{
	padding: 0;
	border-left: 0;
	border-right: 0;
}
.news-grid .elementor-pagination .page-numbers svg{
	width: 24px; height: 22px; display: block;
}
.news-grid .elementor-pagination .page-numbers svg path{
	stroke: currentColor !important; /* перекрываем inline stroke="white" */
}
/* контейнер растягиваем и центрируем цифры */
.news-grid .elementor-pagination{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;   /* цифры по центру */
	align-items: center;
}

/* стрелки у краёв */
.news-grid .elementor-pagination .page-numbers.prev,
.news-grid .elementor-pagination .page-numbers.next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);  /* вертикальный центр */
}

.elementor-pagination .page-numbers.prev{ left: 0; }   /* влево */
.elementor-pagination .page-numbers.next{ right: 0; }  /* вправо */

/* многоточие от WP: без рамки, просто текст */
.news-grid .elementor-pagination .page-numbers.dots{
	min-width: auto;
	height: auto;
	border: 0;
	padding: 0 6px;
	font-weight: 700;
	color: var(--pg-color);
}

/* скрытый текст доступности от Elementor */
.news-grid .elementor-pagination .elementor-screen-only{
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	width: 1px; height: 1px; overflow: hidden; white-space: nowrap;
}

/* ОДИНОЧНАЯ НОВОСТЬ */
.date, .tags {
	margin-right: 0 !important;
	display: inline-flex !important;
}
.elementor-798 .elementor-element.elementor-element-baf0a07 .elementor-heading-title, .elementor-798 .elementor-element.elementor-element-06090ec.e-con {
	display:flex; gap:12px; 
}
.elementor-798 .elementor-element.elementor-element-baf0a07 .elementor-heading-title a, .elementor-798 .elementor-element.elementor-element-06090ec.e-con a, .elementor-798 .elementor-element.elementor-element-b99f5ef .elementor-heading-title {
	flex: 0 0 auto;   /* не растягивать */
	width: auto;      /* на всякий случай */
	display: inline-flex; align-items:center;
}

/* КАРУСЕЛЬ ДРУГОЕ */
/* ===== Панель навигации ===== */


/* Слайдер в записи */
.car-slider {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	background: #000;
}

.car-slider__slides {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Каждый слайд */
.car-slider__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
}

.car-slider__slide.is-active {
	opacity: 1;
	pointer-events: auto;
	position: relative;
}

/* Картинка */
.car-slider__slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* Чёрная плашка с текстом внизу */
.car-slider__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 16px;
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	font-size: 14px;
	line-height: 1.4;
}

/* Стрелки */
.car-slider__arrow {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	border: 1px solid #ffffff;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	font-size: 18px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.car-slider__arrow--prev {
	right: 60px; /* чтобы стрелки были рядышком */
}

.car-slider__arrow:hover {
	background: #ffffff;
	color: #000000;
	border-color: #ffffff;
}

/* Адаптивность: подпись чуть меньше на мобилках */
@media (max-width: 767px) {
	.car-slider__caption {
		font-size: 12px;
		padding: 8px 10px;
	}

	.car-slider__arrow {
		width: 30px;
		height: 30px;
		font-size: 16px;
		bottom: 10px;
		right: 10px;
	}

	.car-slider__arrow--prev {
		right: 48px;
	}
}


/* (опционально) неактивные стрелки Swiper */
.other-carousel .e-loop-nav-btn.swiper-button-disabled{
	opacity:.4;
	pointer-events:none;
}

/* КНОПКА НАЗАД */
/* Базовая кнопка назад */
.wp-back-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:70px;
	border-radius:0;               /* скругление на скрине ~0*/
	/* background:#242424;               тёмный фон */
	color:#ffffff;                     /* белая стрелка */
	text-decoration:none;
	transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;
	margin: auto 0;
}

.wp-back-btn:hover{ transform:translateX(-10px); color: #ffffff;  }
.wp-back-btn:active{ transform:translateX(-1px) scale(.98); }
.wp-back-btn:focus{ outline:none; } /* синее focus ring */

.wp-back-btn__icon{ display:block; width:24px; height:22px; }

.mc-header .overlay {
	--display: flex;
	--min-height: 80px;
	--gap: 0vw 0vw;
	--row-gap: 0vw;
	--column-gap: 0vw;
	--padding-top: 0vw;
	--padding-bottom: 0vw;
	--padding-left: 0vw;
	--padding-right: 0vw;
}

.mc-section-90svh {
	min-height: 90svh;
}
section.mc-hero {    
	display: flex;
	min-height: 100svh;
	justify-content: space-between;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
/* Контейнер: колонка + высота экрана */
.mc-inner-container{
	display: flex;
	flex-direction: column;
	width: 100% !important;
	min-height: 100svh;
}

/* Убрать лишние отступы гутенберга, чтобы не мешали позиционированию */
.mc-inner-container > *:first-child{ margin-top: 0; }
.mc-inner-container > *:last-child{  margin-bottom: 0; }
.wp-block-shortcode{ margin: 0; } /* на всякий случай */

div.hero-header {
	display: block;
}
h3.hero-header { 
	width: var(--space-500px);
	font-family: "Gilroy";
	font-size: var(--text-32px) !important;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1em !important;
	color: #0E0F14;
}
/* Строка с заголовком и кнопкой */
.mc-hero-sub{
	margin-top: auto;
	display: flex;
	align-items: center;          /* выравнивание по вертикали */
	justify-content: space-between;/* h3 слева, кнопка справа */
	gap:0;
	padding: 0 3vw 4vw 3vw; 
}

/* Заголовок — не даём внешних отступов мешать выравниванию */
h3.hero-header, .mc-hero-sub .hero-header{
	margin: 0;
	padding: 0;
	flex: 1 auto; 
	gap: 0 !important;             /* занимает доступное место, может переноситься */
}


/* КНОПКИ */
.button-with-arrow-white a, .button-with-arrow-black a, .button-with-arrow-red a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	position: relative;
	min-width: var(--space-284px);
	max-width: max-content;
	max-height: var(--space-76px);
	z-index: 2;
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-16px);
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;    
	padding-top: var(--space-24px);
	padding-right: var(--space-60px);
	padding-bottom: var(--space-22px);
	padding-left: var(--space-20px); 
	transition: all ease .3s;
}

.button-with-arrow-white a {
	color: #0E0F14;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0 0 24px 0;
}
.button-with-arrow-white a:hover {
	color: #ffffff;
	background: #0E0F14;
	border: 1px solid #0E0F14;
}
.button-with-arrow-black a {
	color: #ffffff;
	background: #0E0F14;
	border: 1px solid  #0E0F14;
	border-radius: 0 0 24px 0;
}
.button-with-arrow-black a:hover {
	color: #ffffff;
	background: #9F001E;
	border: 1px solid #9F001E;
}
.button-with-arrow-red a {
	color: #ffffff;
	background: #9F001E;
	border: 1px solid #9F001E;
	border-radius: 0 0 24px 0;
}
.button-with-arrow-red a:hover {
	color: #ffffff;
	background: #0E0F14;
	border: 1px solid #0E0F14;
	border-radius: 0 0 24px 0;
}

.button-with-arrow-white a::after, .button-with-arrow-black a::after, .button-with-arrow-red a::after, .elementor-button[type="submit"]::after, .button-with-arrow-red button::after {
	content: '';
	width: 24px;
	height: 22px;background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.button-with-arrow-white a::after, .button-with-arrow-black a::after, .button-with-arrow-red a::after, .elementor-button[type="submit"]::after, .button-with-arrow-red button::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0115 1.48274L22 11M22 11L13.0115 20.5173M22 11H0.0280762' stroke='white' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.button-black a, .button-with-arrow-red button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: #0E0F14;
	border: 1px solid #0E0F14;
	transition: all .3s ease;
	width: var(--space-204px);
	height: var(--space-80px);
	max-width: 100%;
	padding: 0 var(--space-20px);
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-16px);
	font-weight: 600;
	text-transform: uppercase;
	color: #fff !important;
	border-radius: 0 0 24px 0;
	text-decoration: none;
}
.button-black a:hover{
	background: #9F001E;
	border-color: #9F001E;
	color: #fff !important;
}
.button-black a > span{ line-height: 1; }

.button-white a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background:  #ffffff;
	border: 1px solid #ffffff;
	transition: all .3s ease;
	width: var(--space-204px);
	height: var(--space-80px);
	max-width: 100%;
	padding: 0 var(--space-20px);
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-16px);
	font-weight: 600;
	text-transform: uppercase;
	color: #0E0F14;
	border-radius: 0 0 24px 0;
	text-decoration: none;
}
.button-white a:hover{
	background: #9F001E;
	border-color: #9F001E;
	color: #fff !important;
}
.button-white a > span{ line-height: 1; }

div.hamburger-menu-button {
	display: none;
}

/* Кнопка — фиксированной ширины, не сжимается */
.mc-hero-sub .button-with-arrow.red-button{
	flex: 0 0 auto;               /* не сжимать */
}

/* Опционально: стили ссылки-кнопки (минимальные) */
.mc-hero-sub .button-with-arrow.red-button a{
	display: inline-flex;
	align-items: center;
	padding-top: var(--space-10px);
	padding-right: var(--space-16px);
	padding-bottom: var(--space-10px);
	padding-left: var(--space-16px); 
	text-decoration: none;
}


/* Адаптив: на узких экранах — в столбик, кнопка снизу справа */
@media (max-width: 768px){
	.mc-hero-sub{
		flex-direction: column;
		align-items: stretch;       /* растянуть по ширине контейнера */
	}
	.mc-hero-sub .button-with-arrow.red-button{
		align-self: flex-end;       /* прижать кнопку справа */
	}
}

/* ШАПКА */
div.mc-wrap {
	width: var(--space-80px);
	height: var(--space-80px);
	display: block;
	align-items: center !important;
}
div.mc-wrap a {
	width: var(--space-80px);
	min-height: var(--space-80px) !important;
	margin: auto 0 !important;
}
.mc-logo img {
	width: var(--space-80px);
	max-width: 100%;
}
div.mc-logo {
	min-height: var(--space-80px);
	max-width: var(--space-80px);
}
.mc-wrap.mc-nav .mc-logo{
	display: flex;
	align-items: center;
	height: 100%;
}
/* ✔ палитра назначаем на РОДИТЕЛЯ */
.black-menu {
	--mc-menu-color: #0E0F14;
	--mc-menu-accent: #0E0F14;
}

.white-menu {
	--mc-menu-color: #ffffff;
	--mc-menu-accent: #ffffff;
}

/* базовые стили меню — можно оставить как у вас */
ul.menu,
#menu-glavnoe-menyu {
	--mc-gap: var(--space-30px);
	padding-right: var(--space-20px);
	height: var(--space-80px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mc-gap);
	margin: 0;
	padding-top: var(--space-6px);
	list-style: none;
	font-family: "Gilroy", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ссылки берут цвет из переменной (теперь она есть по цепочке наследования) */
ul.menu a,
#menu-glavnoe-menyu a, #mobile-glavnoe-menyu a {
	color: var(--mc-menu-color);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	font-size: var(--text-16px);
	display: inline-block;
	vertical-align: top;
	outline: none;
}

/* по желанию: hover/focus от той же переменной акцента */
ul.menu a:hover,
ul.menu a:focus,
#menu-glavnoe-menyu a:hover,
#menu-glavnoe-menyu a:focus, 
#mobile-glavnoe-menyu a:hover,
#mobile-glavnoe-menyu a:focus{
	color: var(--mc-menu-accent);
}


/* ===== ПОДМЕНЮ ===== */
.sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 60px;
	margin: 0;
	padding-top: var(--space-4px);
	padding-right: 0;
	padding-bottom: var(--space-4px);
	padding-left: 0; 
	list-style: none;
	background: rgba(255,255,255,.5);
	border-radius: 0 24px 24px 24px;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
	border: 1px solid rgba(0,0,0,.06);

	opacity: 0;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

/* элементы подменю — вертикально, свой отступ */
.sub-menu > li {
	padding-top: var(--space-4px);
	padding-right: var(--space-14px);
	padding-bottom: 0;
	padding-left: var(--space-14px); 
	white-space: nowrap;
}
.sub-menu a {
	display: block;
	padding-top: var(--space-8px);
	padding-right: 0;
	padding-bottom: var(--space-8px); 
	padding-left: 0; 
	text-transform: none;
	font-weight: 700;
	font-size: var(--text-14px);
}

/* Показ подменю */
.menu > li.menu-item-has-children:hover > .sub-menu,
.menu > li.menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* Акцент при наведении пунктов подменю */
.sub-menu a:hover .dtam-dupe--top,
.sub-menu a:focus-visible .dtam-dupe--top {
	transform: translateY(-110%);
	opacity: 0;
}
.sub-menu a:hover .dtam-dupe--bottom,
.sub-menu a:focus-visible .dtam-dupe--bottom {
	transform: translateY(0%);
	opacity: 1;
}

/* ===== АДАПТИВ (по желанию можно расширять) ===== */
@media (max-width: 960px) {
	ul.menu,
	#menu-glavnoe-menyu {
		gap: 20px;
	}
}

/* ===== ПРЕДПОЧТЕНИЕ БЕЗ АНИМАЦИИ ===== */
@media (prefers-reduced-motion: reduce) {
	.dtam-dupe,
	.dup-text-animate .dtam-wrap::after,
	.sub-menu {
		transition: none !important;
	}
}
.dtam-wrap {
	position: relative;
	display: inline-block;
}


nav.mc-menu {
	height: var(--space-80px);
	display: flex;
	justify-content: flex-end;
	align-content: flex-start;
	gap: 2vw;
	z-index: 999 !important;
}
header.mc-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-left: var(--space-40px);
	position: fixed;
    background-color: white;
    z-index: 100;
    padding-bottom: 0;
	border-radius: 0px 0px 25px 0px;
}
.padding-b100 {
	padding-bottom: var(--space-100px);
}
.mc-wrap .mc-nav {
	height: var(--space-80px);
	align-items: center;
}
.menu-item-1587 .sub-menu ul{
	width: 60px !important;
}


.fcb-breadcrumbs div nav {
	display: inline-flex;           /* центрируем внутри */
	align-items: center;            /* по вертикали */
	justify-content: center;        /* по горизонтали */
	box-sizing: border-box;
}


p.contact-line {
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-40px);
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
	z-index: 1;
}
p.contact-line a:hover {
	color: #828282;
}
ul.social{
	list-style: none;       /* убрать точки */
	margin: 0;
	padding: 0;
	display: flex;          /* в одну строку */
	flex-wrap: nowrap;      /* запретить перенос */
	gap: var(--space-12px) !important;              /* интервал между пунктами (по желанию) */
	margin-bottom: var(--space-100px);
	z-index: 1;
}

ul.social li a {
	font-size: var(--text-20px) !important;
	font-weight: 500 !important;
	color: #ffffff;
	white-space: nowrap;    /* не переносить внутри пункта */
}
ul.social li a:hover {
	color: #828282;
}

ul.social a {
	text-decoration: none;
}
h1.main-page-header {
	font-family: "Gilroy", Sans-serif;
	/*
	font-size: var(--text-160px);
	*/
	font-weight: 800;
	line-height: 1.2em;
	color: #0E0F14;
	text-transform: uppercase;
	margin-top: var(--space-120px);
	padding-left: var(--space-40px);
	letter-spacing: -0.02em;
	white-space: nowrap;
}
div.header-inner {
	min-height: 500px;
	padding: 0 0 0 3vw;    
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.mc-header .header-inner{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px; 
}

.mc-header .header-inner > *{
	width: 100%;
}

/* СЕКЦИЯ КОНТЕНТА НА ВЕСЬ ЭКРАН (НА ГЛАВНОЙ) */

.fullscreen-content-top-row {
	padding-top: var(--space-150px);
	padding-right: var(--space-40px);
	padding-bottom: 0;
	padding-left: var(--space-40px); 
	gap: var(--space-40px);
	display: flex;
	align-self: start;
	justify-content: space-between;
	width: 100svw;
	z-index: 1;
}
.fullscreen-content-bottom-row {
	padding-top: 0;
	padding-right: var(--space-40px); 
	padding-bottom: var(--space-60px);
	padding-left: var(--space-40px);
	gap: var(--space-40px); 
	display: flex;
	align-self: end;
	justify-content: space-between;
	width: 100svw;
	z-index: 1;
/* 	min-height: 285px; */
}
.fullscreen-content-top-right p.fullscreen-content-top-text {
	max-width: var(--space-600px);
	min-width: 40svw;
}

.fullscreen-content-bottom-row ul{
	font-size: 14px;
	padding-left: 10px;
	color: #000;
	font-weight: 500;
}

.fullscreen-content-top-left, 
.fullscreen-content-top-right, 
.fullscreen-content-bottom-left, 
.fullscreen-content-bottom-right {
	width: 50%;
}
.fullscreen-content-top-header {
	font-family: "Gilroy" !important;
	font-size: var(--text-36px);
	font-weight: 800; 
	line-height: 1em;
	color: #0E0F14;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.fullscreen-content-top-text {
	font-family: "Gilroy" !important;
	font-size: var(--text-20px);
	font-weight: 800; 
	color: #0E0F14;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

/* КАТАЛОГ */
.top-round-corners, #top-round-corners {
	border-radius: 24px 24px 0 0;
	overflow: hidden;
}
.cover-bg {    
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
	background-size: cover;
}
.catalog-item {
	width: 100%;
	min-height: 100svh;
	padding: 0;
	display: grid;
	grid-template-rows: 1fr auto 1fr;
	align-items: center;
}
div.catalog-item-status {
	padding: var(--space-40px);
	align-self: center;
	width: 100svw;
	z-index: 100;
}
.fullscreen-content-bottom-right p.note {
	font-family: "Gilroy" !important;
	font-size: var(--text-14px);
	font-weight: 500; 
	letter-spacing: -0.02em;
	line-height: 120% !important;
	color: #000;
	max-width: var(--space-600px);
	min-width: 40svw;
	padding-bottom: 10px !important;
	margin-bottom: 0 !important
}

ul.catalog-item-status li  > a {
	color: #0E0F14 !important;
}

ul.catalog-item-status li.is-active > a {
	color: #9F001E !important;
}

/* ul.catalog-item-status li > a:hover {
color: #828282 !important;
} */

ul.catalog-item-status {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--space-30px) !important;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: flex-start;
}
ul.catalog-item-status li { 
	display: flex; 
	align-items: flex-start; 
}
ul.catalog-item-status a { 
	text-decoration: none; 
}

ul.catalog-item-status span {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-20px);
	font-weight: 800;
	line-height: 1em;
	text-transform: uppercase;
}

/* СЛОГАН */
.slogan-text-block {
    display: flex;
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.slogan-black {
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-104px) !important;
	font-weight: 800;
	line-height: .9em;
	color: #0E0F14;
}

.slogan-white{
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-104px) !important;
	font-weight: 800;
	line-height: .9em;
	color: #fff;
}

.slogan-red {
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-104px) !important;
	font-weight: 800;
	line-height: .9em;
	color: #9F001E;
}
/* div.slogan-column {  
	width: 50svw;
	padding: var(--space-60px) !important;
	align-self: end;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 1;
} */

div.slogan-column {
    /* width: 50svw; */
    padding: var(--space-60px);
    /* align-self: end; */
    display: flex;
    /* justify-content: center; */
    z-index: 1;
    bottom: -120px;
    position: relative;
    /* flex-wrap: nowrap; */
    /* align-content: flex-end; */
    /* align-items: flex-end; */
}

.slogan {
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	margin: 0;
}
.slogan-btn-block {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 0;
	margin: 0;
}
p.slogan-call-to-action {
	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-36px);
	font-weight: 800; 
	line-height: 1em;
	color: #0E0F14;
	padding: 0;
	margin-top: var(--space-60px);
	margin-right: 0;
	margin-bottom: var(--space-24px);
	margin-left: 0;
}
/* ФУТЕР */
footer.site-footer{
	width: 100%; 
	margin: 0 !important;
	padding: 0;
	display: grid; 
	grid-template-columns: 1fr 1fr;
	align-items: end; 
	gap: var(--space-40px);
	box-sizing: border-box;
}
.site-footer:not(.dynamic-footer) {
	position: absolute;
	left: 0;
	bottom: 0;
}

footer.site-footer .footer-left,
footer.site-footer .footer-right{
	margin: 0;
	padding-top: var(--space-24px);
	padding-right: var(--space-40px);
	padding-bottom: var(--space-24px);
	padding-left: var(--space-40px); 
	box-sizing: border-box;
}

footer.site-footer .footer-left{  
	text-align: left;
}
footer.site-footer .footer-right{ 
	text-align: right;
}

footer.site-footer p{
	margin: 0;
	font-family: "Gilroy", sans-serif !important;
	font-size: var(--text-12px);
	font-weight: 500;
	line-height: 1.2;
	color: #0E0F14;
}


footer.site-footer p a{
	color: #0E0F14;
	text-decoration: none;
}
footer.site-footer p a:hover{ text-decoration: underline; }



@media (max-width: 768px){
	footer.site-footer{
	}
}

/* О НАС */ 
/* Родительская секция: фиксированная высота и отсечение лишнего */

/* Важное: разрешаем грид-детям сжиматься по высоте */
.mc-section-about > * { 
	min-height: 0; 
}

/* Левый «неподвижный» блок: используем sticky, а не fixed */
.mc-about-fixed {
	position: sticky;
	top: 0;  
	height: 100%;/* прилипает к верху внутри секции */
	align-self: start;
	/* при желании можно задать height: 100%; чтобы растянуть содержимое */
}

/* Правая колонка: внутренний вертикальный скролл + скрытая полоса */

.about-tabs{
	display: flex;              /* центрируем весь столбец внутри секции */
	justify-content: center;
	align-items: center;
	min-height: 100svh !important; 
	width: 100%;
	gap: var(--space-20px);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 2;
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("/wp-content/uploads/2025/10/5-screen-bg-202510202019.webp");
}
.about-categories{
	display: flex;
	flex-direction: column;  
	align-items: center; 
	gap: var(--space-20px);
}
.about-categories .mc-title{
	text-align: center;
	text-transform: uppercase;
}

.about-categories .mc-title h3{
	font-weight: 800;
	color: #a5a5a5;
	margin: 0;
}


@media (min-width: 768px){
	.about-tabs{ width: 100%;
		place-items: center; }
}

.about-tabs .mc-title{ 
}

.about-tabs .mc-title h3{
	align-self: center;
	margin: 0;
	line-height: 1.2;
}

/* 
.v-section {
height: 100svh !important;
} */
.v-section.section-about {
	height: 100svh !important;
}
/* Базовая сетка секции */
.section-about .section-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;   /* левая/правая колонка */
	gap: 0;                    /* как в оригинале ~90vh */
	align-items: stretch;
	overflow: hidden;                     /* обрезаем фон/медиа внутри */
}
.section-about.section-inner {
	min-height: 90svh;                      /* обрезаем фон/медиа внутри */
} 
/* Левая колонка (навигация) — «прилипает» по экрану */
.about-nav {
	position: sticky;
	top: 0;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: var(--space-24px);
	padding-right: var(--space-20px);
	padding-bottom: var(--space-24px);
	padding-left: var(--space-20px); 
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2025/10/5-screen-bg-202510202019.webp');
}

.about-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--space-14px); 
	text-align: center;
}
.about-nav a {
	text-decoration: none;
	font-family: "Gilroy", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: var(--text-14px);
	color: #a5a5a5;
	text-align: center;
	text-transform: uppercase;  
}
.about-nav a:hover { 
	opacity: .75;
	color: #ffffff;
}
.about-nav {
	display: flex;
	flex-direction: column;  
	align-items: center; 
	gap: var(--space-14px);
}
.about-nav .mc-title{
	text-align: center;
	text-transform: uppercase;
}

.about-nav .mc-title h3{
	font-weight: 800;
	color: #a5a5a5;
	margin: 0;
}

/* Правая колонка — независимый вертикальный скролл */
.about-scroll {
	height: 90svh;              
	overflow: hidden;           
	/*   scroll-behavior: smooth;
	overscroll-behavior: contain; */
	background: #ffffff;
}

/* При наведении на любую часть секции — разрешаем скролл у правой колонки.
ВАЖНО: колесо прокручивает именно тот элемент, на котором курсор —
это ограничение браузера. Но мы задаём правило «включать» overflow на hover секции. */
/* .section-about:hover .about-scroll {
overflow-y: auto;
}

.about-scroll {
height: 90svh;
overflow-y: auto;
min-height: 0;
max-height: 90svh;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
.about-scroll::-webkit-scrollbar { width: 0; height: 0; } */

/* Типографика правой колонки — под твои классы */
.section-about .h2 {
	font-family: "Gilroy", sans-serif;
	font-weight: 800;
	font-size: var(--text-48px);
	line-height: 1.1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: var(--space-20px);
	margin-left: 0; 
	text-transform: uppercase;
}
.section-about .h3,
.section-about .list-features p,
.section-about .note {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-20px);
	line-height: 1.2;
	margin: 0 0 1em;
	text-transform: uppercase;
}
.section-about .red { color: #9F001E; }

.list-features {
	list-style: none;
	margin: 1.5em 0;
	padding: 0;
	display: grid;
	gap: 0.75em 1em;
}
.list-features li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	gap: 0.6em 1em;
}
.list-features .num {
	font-weight: 800;
	margin: 0;
}

/* «Медиа»-плашки (фоновые блоки), оставляю классы как у тебя */
.about__media {
	background-position: center;
	background-size: cover;
	border-radius: 0;
	margin: 1em 0;
	overflow: hidden;
}

.about__media-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end !important;
	gap: var(--space-40px);
}
.row-1 {
	margin-right: var(--space-80px);
}
/* Примеры привязки фонов — подставь свои пути (как в твоей разметке-описании) */
.about__media--1 { 
	aspect-ratio: 8 / 10 !important;
	min-width: var(--space-140px);
	width: 50% !important;
	padding-left: var(--space-4px) !important;
	margin-top: var(--space-80px);
	font-family: "Gilroy", sans-serif;
	font-weight: 800;
	font-size: var(--text-20px);
	color: #ffffff;
	text-transform: uppercase;
	display: flex;
	align-items: flex-end;
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2025/12/v-skrol-pervye-licza-scaled.jpg'); 
}
.about__media--2 {
	aspect-ratio: 8 / 10 !important;
	min-width: var(--space-140px);
	width: 50% !important;
	padding-left: var(--space-4px) !important;
	margin-bottom: var(--space-80px);
	font-family: "Gilroy", sans-serif;
	font-weight: 800;
	font-size: var(--text-20px);
	color: #000;
	text-transform: uppercase;
	display: flex;
	align-items: flex-end;
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2025/12/6b52da68-f3ea-4bc2-8bf2-7974c897132a_journal_arst_common_373x373.jpeg'); 
}
.about__media--3 {
	aspect-ratio: 10 / 11 !important;
	min-width: var(--space-120px);
	width: 40% !important;
	max-height: 110%;
	display: flex;
	align-items: flex-end;
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2025/10/first-faces-photo-02-202510201936.png'); 
}
.about__media--4 { 
	aspect-ratio: 10 / 13 !important;
	min-width: var(--space-160px);
	width: 60% !important;
	display: flex;
	align-items: flex-end;
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2025/10/first-faces-photo-03-202510201936.png'); 
}

h4.persons-header-2  {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-20px);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
	margin: 0 0 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	text-transform: none !important;
	text-transform: uppercase !important;
	color: #0E0F14;
	margin-right: var(--space-80px);
}
h3#mission-title.h2 {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-36px);
	line-height: 1.2em;
	margin: 0 0 1em;
	color: #0E0F14;
	text-transform: uppercase;
}
h3.persons-header-1  {
	font-family: "Gilroy", sans-serif;
	font-weight: 800;
	font-size: var(--text-48px);
	line-height: 1.1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: var(--space-40px);
	margin-left: 0;
	color: #0E0F14;
	text-transform: uppercase;
}
p.about-small-text {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-14px);
	line-height: 1.2em;
	font-weight: 500;
	color: #000000;
	margin-right: var(--space-80px);
}
h3#mission-core-title.h2 {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-36px);
	line-height: 1.2;
	margin: 0 0 1em;
	text-transform: uppercase;
}
p.about-medium-text {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-20px);
	line-height: 1.2;
	margin: 0 0 1em;
	text-transform: normal !important;
}
h4#mission-core-title.h3 {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-36px);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 1em;
	text-transform: uppercase;
}
article#persons{
	padding-top: var(--space-150px) !important;
}

article#persons, article#mission, article#mission-core {
	padding-top: var(--space-60px);
	padding-right: var(--space-60px);
	padding-bottom: var(--space-60px);
	padding-left: var(--space-60px); 
	min-height: 90svh;
}
/* Сетка на 2 колонки */
ul.list-features {
	list-style: none;
	margin: 0 0 2.8svw 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: var(--space-36px);
	margin-left: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-30px)
}

/* Ячейка: номер и текст вертикально, по левому краю */
ul.list-features > li {
	padding-right: var(--space-100px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;

}

/* Типографика */
ul.list-features p.num {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-14px);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 0.5em;
	color: #9F001E;
}
ul.list-features p.about-advantages-text {
	font-family: "Gilroy", sans-serif;
	font-size: var(--text-20px);
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	color: #0E0F14;
	text-transform: uppercase;
}

/* Адаптив: на узких экранах — 1 колонка */
@media (max-width: 640px) {
	ul.list-features { grid-template-columns: 1fr; }
}

/* Мобильная адаптация: одна колонка, правую — обычный поток */
@media (max-width: 768px) {
	.section-about .section-inner {
		grid-template-columns: 1fr;
		gap: 4vw;
		min-height: auto;
	}
	.about-nav { 
		position: static; 
		padding-top: var(--space-60px);
		padding-right: 0;
		padding-bottom: var(--space-60px);
		padding-left: 0; 
	}
	.mc-section-about {
		grid-template-columns: 1fr;
		height: auto;                   /* секция растёт по контенту */
		flex-direction: column !important;
	}
	.mc-about-fixed {
		position: static;               /* отключаем прилипание на мобиле */
		height: 40svh;
	}
	.mc-about-scroll {
		height: auto;
	}
}

p { 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: var(--space-10px);
	margin-left: 0;
	line-height: 1.3em;
}




.button-strong { font-weight: 600;
	display: block;}

/* ОБЩИЕ СТИЛИ */
.display-none {
	display: none;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #ffffff;
	opacity: 1;
	transition: opacity 0.3s ease;
	line-height: 100%;
}
p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	opacity: .7;
}
span a {
}

/*
.pin-spacer:nth-child(5 of .pin-spacer),
.pin-spacer:nth-child(6 of .pin-spacer) {
height: 90svh !important;
}
*/
.white {
	color: #ffffff;
}
.red {
	color: #9F001E;
}
/* 1. Убираем строчные отступы у ссылки и изображения */
.logo a {
	display: inline-block;     /* или block, если хочешь полную ширину */
	line-height: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.nowrap {
	white-space: nowrap;
}
.display-flex {
	display: flex !important;
}
/* 2. Убираем отступы у картинки */
.logo {
	display: block;
	max-width: 100%;
	height: auto;
}
.custom-link a {
	display: inline-block;     /* или block, если хочешь полную ширину */
	line-height: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.custom-link .elementor-icon {
	display: block;
	max-width: 100%;
	height: auto;
}
.cover-bg {
	object-fit: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-origin: padding-box;
	background-clip: border-box;
}
.nobg {
	background: none !important;
}

/* ФОРМА */
.form-styled .elementor-field-group button {
	margin-top: var(--space-30px);
}
.form-styled {
	margin-top:  var(--space-20px);
}

/* ГЛАВНОЕ НАВИАГЦИОННОЕ МЕНЮ */
/* контейнер (если он есть) */
/* сам список как нумерованный через CSS-счётчики */
.nav-list{
	counter-reset: item;
	list-style: none;
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
	gap: clamp(16px, 3.2vh, 40px);
}

/* строка списка — сетка: колонка под номер + текст */
.menu-in-popup .nav-list > li{
	display: grid;
	grid-template-columns: 1ch 1rem 1fr;  /* 01, 02… | зазор | текст */
	align-items: center;
}

/* номер с ведущим нулём */
.menu-in-popup .nav-list > li::before{
	margin: -38px 0 0 0;
	counter-increment: item;
	content: counter(item, decimal-leading-zero);

	grid-column: 1;
	font: 600 14px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: .08em;
	color: #c21b2e;    /* цвет номера */
	opacity: .9;
}


.menu-in-popup .nav-list a{
	grid-column: 3;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: var(--text-28px);
	font-family: "Gilroy";
	font-weight: 700 !important;
	line-height: 1.03;
	letter-spacing: .01em;
	transition: transform .15s ease, opacity .15s ease;
}
.menu-in-popup .nav-list a:hover{ transform: translateX(2px); }
.menu-in-popup .nav-list a:focus-visible{
	outline: 2px dashed #c21b2e;
	outline-offset: 4px;
}
.menu-in-popup .nav-list a[aria-current="page"]{ opacity: .95; 
}



/* МОДАЛЬНОЕ МЕНЮ */
#elementor-popup-modal-306 .dialog-close-button
{
	border-left: 1px solid #ffffff !important;
	border-bottom: 1px solid #ffffff !important;
	padding: var(--space-30px);
}

/* СЛАЙДЕР НА ГЛАВНОЙ */






/* ABOUT */
/* Родительская секция: фиксированная высота и отсечение лишнего */
.mc-section-about {
	display: grid;
	grid-template-columns: 50% 1fr;  /* слева фикс/статичный, справа скролл */
	align-items: start;
	height: 90vh !important;                    /* высота секции */
	overflow: hidden;                /* ничего не торчит за пределы секции */
}

/* Важное: разрешаем грид-детям сжиматься по высоте */
.mc-section-about > * { min-height: 0; }

/* Левый «неподвижный» блок: используем sticky, а не fixed */
.mc-about-fixed {
	position: sticky;
	top: 0;  
	height: 100%;/* прилипает к верху внутри секции */
	align-self: start;
	/* при желании можно задать height: 100%; чтобы растянуть содержимое */
}

/* Правая колонка: внутренний вертикальный скролл + скрытая полоса */
.mc-about-scroll {
	height: 90vh;                     /* заполняем всю высоту секции */
	overflow-y: auto;
	min-height: 0;                    /* критично для появления скролла */
	max-height: 90vh;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;

	/* скрываем полосу прокрутки */
	scrollbar-width: none;            /* Firefox */
	-ms-overflow-style: none;         /* IE/Edge Legacy */
}
.mc-about-scroll::-webkit-scrollbar { width: 0; height: 0; }

/* Адаптив (опционально): в одну колонку на мобиле */

@media (max-width: 767.98px) {
	.mc-section-about {
		grid-template-columns: 1fr;
		height: auto;                   /* секция растёт по контенту */
		flex-direction: column !important;
	}
	.mc-about-fixed {
		position: static;               /* отключаем прилипание на мобиле */
		height: 40vh;
	}
	.mc-about-scroll {
		height: auto;
	}
}

/* НОВОСТИ */
.news-grid .elementor-loop-container.elementor-grid > .e-loop-item:nth-child(3n + 3){
	margin-top:  var(--space-160px);
}

/* ПАГИНАЦИЯ */
.news-grid .elementor-pagination{
	/* легко настраиваемые переменные */
	--pg-size: 72px;           /* сторона квадрата */
	--pg-gap: 32px;            /* расстояние между кнопками */
	--pg-radius: 0;          /* скругление */
	--pg-border: 1px;          /* толщина рамки */
	--pg-color: #ffffff;       /* цвет текста/стрелок у обычных кнопок */
	--pg-active-bg: #ffffff;   /* фон активной кнопки */
	--pg-active-color: #0f1114;/* цвет текста/стрелок у активной */

	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--pg-gap);
	flex-wrap: wrap;
	line-height: 1;
}

/* базовый вид кнопок (и цифр, и стрелок) */
.news-grid .elementor-pagination .page-numbers{
	display: grid;
	place-items: center;
	min-width: var(--pg-size);
	height: var(--pg-size);
	padding: 0;
	border: var(--pg-border) solid rgba(255,255,255,.7);
	border-radius: var(--pg-radius);
	color: var(--pg-color);
	text-decoration: none;
	font-weight: 800;
	font-size: var(--text-14px);
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

/* активная страница */
.news-grid .elementor-pagination .page-numbers.current{
	background: var(--pg-active-bg);
	border-color: var(--pg-active-bg);
	color: var(--pg-active-color);
	pointer-events: none;
}

/* hover/focus для ссылок */
.news-grid .elementor-pagination a.page-numbers:hover,
.news-grid .elementor-pagination a.page-numbers:focus-visible{
	background: var(--pg-active-bg);
	border-color: var(--pg-active-bg);
	color: var(--pg-active-color);
	outline: none;
}

/* стрелки — тот же квадрат; перекрашиваем stroke у svg в currentColor */
.news-grid .elementor-pagination .page-numbers.prev,
.news-grid .elementor-pagination .page-numbers.next{
	padding: 0;
	border-left: 0;
	border-right: 0;
}
.news-grid .elementor-pagination .page-numbers svg{
	width: 24px; height: 22px; display: block;
}
.news-grid .elementor-pagination .page-numbers svg path{
	stroke: currentColor !important; /* перекрываем inline stroke="white" */
}
/* контейнер растягиваем и центрируем цифры */
.news-grid .elementor-pagination{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;   /* цифры по центру */
	align-items: center;
}

/* стрелки у краёв */
.news-grid .elementor-pagination .page-numbers.prev,
.news-grid .elementor-pagination .page-numbers.next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);  /* вертикальный центр */
}

.elementor-pagination .page-numbers.prev{ left: 0; }   /* влево */
.elementor-pagination .page-numbers.next{ right: 0; }  /* вправо */

/* многоточие от WP: без рамки, просто текст */
.news-grid .elementor-pagination .page-numbers.dots{
	min-width: auto;
	height: auto;
	border: 0;
	padding: 0 6px;
	padding-top: 0;
	padding-right: var(--space-6px);
	padding-bottom: 0;
	padding-left: var(--space-6px); 
	font-weight: 700;
	color: var(--pg-color);
}

/* скрытый текст доступности от Elementor */
.news-grid .elementor-pagination .elementor-screen-only{
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	width: 1px; height: 1px; overflow: hidden; white-space: nowrap;
}

/* ОДИНОЧНАЯ НОВОСТЬ */
.date, .tags {
	margin-right: 0 !important;
	display: inline-flex !important;
}
.elementor-798 .elementor-element.elementor-element-baf0a07 .elementor-heading-title, .elementor-798 .elementor-element.elementor-element-06090ec.e-con {
	display:flex; gap:12px; 
}
.elementor-798 .elementor-element.elementor-element-baf0a07 .elementor-heading-title a, .elementor-798 .elementor-element.elementor-element-06090ec.e-con a, .elementor-798 .elementor-element.elementor-element-b99f5ef .elementor-heading-title {
	flex: 0 0 auto;   /* не растягивать */
	width: auto;      /* на всякий случай */
	display: inline-flex; 
	align-items:center;
}

figcaption {
	color: #ffffff !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	padding-bottom: 20px !important;
	transition: color ease .3s;
}
figcaption a {
	color: #9F001E !important;
	transition: color ease .3s;
}
figcaption a:hover {
	color: #828282 !important;
}
blockquote.wp-block-quote p em {
	font-style: italic !important;
}
blockquote.wp-block-quote p {
	padding-bottom: 0 !important;
}
blockquote.wp-block-quote {
	padding-left: 24px !important;
	border-left: #ffffff solid 2px;
	margin-left: 0 !important;
	margin-bottom: 30px;
}

/* Контейнер кнопки во всю ширину */
.wp-block-button.button-with-arrow-red {
	width: 100% !important;
	margin-bottom: 20px;
}

/* Сама ссылка-кнопка */
.wp-block-button.button-with-arrow-red .wp-block-button__link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	position: relative;
	min-width: 100% !important;               /* Растянуть на всю ширину контейнера */
	max-height: var(--space-76px);
	z-index: 2;

	font-family: "Gilroy", Sans-serif;
	font-size: var(--text-16px);
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;

	padding-top: var(--space-24px);
	padding-right: var(--space-60px);
	padding-bottom: var(--space-22px);
	padding-left: var(--space-20px);

	transition: all ease .3s;

	color: #ffffff;
	background: #9F001E;
	border: 1px solid #9F001E;
	border-radius: 0 0 24px 0;
}

/* Ховер */
.wp-block-button.button-with-arrow-red .wp-block-button__link:hover {
	color: #0E0F14;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0 0 24px 0;
}

/* Стрелка справа */
.wp-block-button.button-with-arrow-red .wp-block-button__link::after {
	content: '';
	width: 24px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;

	background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0115 1.48274L22 11M22 11L13.0115 20.5173M22 11H0.0280762' stroke='white' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* Стрелка при ховере — цвет #0E0F14 */
.wp-block-button.button-with-arrow-red .wp-block-button__link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0115 1.48274L22 11M22 11L13.0115 20.5173M22 11H0.0280762' stroke='%230E0F14' stroke-width='2'/%3E%3C/svg%3E") !important;
}

/* КАРУСЕЛЬ ДРУГОЕ */
/* ===== Панель навигации ===== */
.other-carousel .e-loop-carousel-nav{
	--size: 72px;
	--gap: 32px;
	--radius: 0;
	--fg: #fff;          /* цвет текста/иконок */
	--fg-hover:#242424;  /* цвет при hover */
	--bg-hover:#fff;     /* фон при hover */

	position: relative;           /* панель в потоке секции */
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap);
	height: var(--size);
	margin-top: var(--space-48px);
	pointer-events: none;         /* кликабельны только кнопки */
	z-index: 5;
}

/* Счётчик 01 / 15 */
.other-carousel .e-loop-carousel-nav__counter{
	font-weight: 800;
	font-size: var(--text-24px);
	color: var(--fg);
	display: inline-flex;
	align-items: center;
	gap: .5ch;
	line-height: 1;
	pointer-events: none;
	height: 72px;
	padding-top: var(--space-24px);
	padding-right: var(--space-25px);
	padding-bottom: var(--space-24px);
	padding-left: var(--space-25px); 
	transform: translateY(50%) !important;
}
.other-carousel .e-loop-carousel-nav__counter .sep{ opacity: .7; }

/* Блок стрелок */
.other-carousel .e-loop-carousel-nav__arrows{
	display: inline-flex;
	gap: var(--gap);
	pointer-events: auto;
}

/* Кнопки prev/next */
.other-carousel .e-loop-nav-btn{
	inline-size: var(--size);
	block-size: var(--size);
	border-top: 1px solid var(--fg);
	border-bottom: 1px solid var(--fg);
	border-left: 0;
	border-right: 0;
	border-radius: var(--radius);
	display: grid;
	place-items: center;
	color: var(--fg);
	background: transparent;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.other-carousel .e-loop-nav-btn:hover,
.other-carousel .e-loop-nav-btn:focus-visible{
	background: var(--bg-hover);
	color: var(--fg-hover);
	border-color: var(--bg-hover);
	outline: none;
}
.other-carousel .e-loop-nav-btn {
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding-top: var(--space-24px);
	padding-right: var(--space-25px);
	padding-bottom: var(--space-24px);
	padding-left: var(--space-25px); 
	transform: translateY(50%) !important;
}
/* SVG иконки берут цвет из color */
.other-carousel .e-loop-nav-btn svg{ width:24px; height:22px; display:block; }
.other-carousel .e-loop-nav-btn svg *{
	stroke: currentColor !important;
	fill: none;
}
.news-carousel .other-carousel-cover img {
	aspect-ratio: 165 / 100 !important;
	min-height: 240px !important;
	height: 100% !important;

}
.news-grid-cover .other-carousel-cover img {
	aspect-ratio: auto !important;
	min-height: 240px !important;
	height: auto !important;
}

/* (опционально) неактивные стрелки Swiper */
.other-carousel .e-loop-nav-btn.swiper-button-disabled{
	opacity:.4;
	pointer-events:none;
}

/* КНОПКА НАЗАД */
/* Базовая кнопка назад */
.wp-back-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:70px;
	border-radius:0;               /* скругление на скрине ~0*/
	/* background:#242424;               тёмный фон */
	color:#ffffff;                     /* белая стрелка */
	text-decoration:none;
	transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;
	margin: auto 0;
}

.wp-back-btn:hover{ transform:translateX(-10px); color: #ffffff;  }
.wp-back-btn:active{ transform:translateX(-1px) scale(.98); }
.wp-back-btn:focus{ outline:none; }

.wp-back-btn__icon{ display:block; width:24px; height:22px; }

@media (max-width: 1024px) and (min-width: 768px) {
    div.slogan-column {
        flex-direction: column !important;
    }
}

@media (max-width: 1200px) {  
	div.slogan-column {  
		width: 100svw;
		padding: var(--space-60px);
		align-self: start;
		display: flex;
		flex-direction: row;
		justify-content: stretch;
	}
	.slogan {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.slogan-text-block {
		width: 50svw;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.slogan-btn-block {
		width: 50svw;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

}
@media (max-width: 1024px) {
	section.mc-hero {
		justify-content: space-between;
		background-image: url(/wp-content/uploads/2025/12/frame-48.png);
	}
	.mc-hero-sub{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-40px); 
		text-align: left; 
	}
	.mc-hero-sub .hero-header {
		align-self: flex-start;
	}
	.mc-hero-sub .button-with-arrow.red-button a {
		align-self: start;
		margin: 0 auto 0 0;
	}
	.mc-hero-sub .button-with-arrow-red {
		margin-left: 0;
		margin-right: auto;
		margin-bottom:  6svh; 
		align-self: flex-start;
		.mc-section, article#persons, article#mission, article#mission-core {
			height: 800px !important;
		}
		section.section-contacts, section.v-section.section-slogan.mc-section {
			position: relative;
			width: 100%;
			height: 800px ;
		}
		.h-scroll, .v-section, .v-section.section-about, section.h-scroll__panel, .h-scroll__pin, .h-scroll__track, .catalog-item {
			height: 800px;
		}
		.h-scroll, .v-section, .v-section.section-about, .catalog-item {
			height: 800px;
		}
		.v-section, .v-section.section-about {
			height: 720px ;
		}
		.v-section, .v-section.section-about {
			height: 720px ;
		}
		.slogan {
			height: 800px ;
		}
	}
	h1.main-page-header {
		/*
		font-size: var(--text-160px) !important;
		margin-top: 0;
		*/
	}

	section.mc-hero {
		min-height: 100svh !important;
		justify-content: space-between;
		background-image: url(/wp-content/uploads/2025/11/1-screen-bg-tab-202511171547.webp);
	}
	.section-inner.home-contacts {
		padding-bottom: var(--space-30px);
	}
	.mc-section, article#persons, article#mission, article#mission-core {
		/*     min-height: 720px !important;
		height: 720px !important; */
		
	}
	
	article#persons, article#mission, article#mission-core{
		padding-left: 10px;
	}

	ul.list-features{
		grid-template-columns: repeat(1, 1fr);
	}	
	div.section-inner.cover-bg.home-contacts
	{
		min-height: var(--space-300px) !important;
		height: 30svh;
		align-items: center;
	}
	section.section-contacts, section.v-section.section-slogan.mc-section {
		position: relative;
		width: 100%;
		height: 720px !important;
	}
	div.home-contacts {
		height: var(--space-600px) !important;
		padding-top: var(--space-60px);
		padding-right: var(--space-40px);
		padding-bottom: var(--space-60px);
		padding-left: var(--space-40px);
	}
	div.contacts-details {
		width: var(--space-600px) !important;
	}
	ul.social {
		margin-bottom: var(--space-40px) !important;
	}
	.h-scroll, .v-section, .v-section.section-about, section.h-scroll__panel, .h-scroll__pin, .h-scroll__track, .catalog-item {
		height: 720px !important;
	}
	.h-scroll, .v-section, .v-section.section-about, .catalog-item {
		min-height: 720px !important;
	}
	.v-section, .v-section.section-about {
		height: 512px !important;
	}
	.v-section, .v-section.section-about {
		min-height: 512px !important;
	}

	.slogan-black, .slogan-red {
		font-size: var(--text-80px);
	}
/* 	.slogan {
		height: 720px;
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding: 0;
		margin: 0;
		
	} */
	.slogan-btn-block {
		/*
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding: 0;
		margin: 0;
		*/
	}
	h3.hero-header, .mc-hero-sub .hero-header { 
		width: auto;
		font-size: var(--text-24px);
	}
}

.contacts-details::after{
	
}

@media (max-width: 425px){
	.fullscreen-content-top-row{
		flex-direction: column;
	}
	.fullscreen-content-top-left, .fullscreen-content-top-right, .fullscreen-content-bottom-left, .fullscreen-content-bottom-right{
		width: 100%;
	}
	
	ul.catalog-item-status {
		width: 100%;
		display: flex;
		flex-direction: row;
		/* z-index: 100; */
		overflow: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	ul.catalog-item-status li {
		white-space: nowrap;
	}
	
    ul.catalog-item-status li:first-child {
        display: none;
    }
	
	.catalog-item::after, 
	.contacts-details::after, 
	.slogan::after{
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)) !important;
	}

	.slogan-text-block, .slogan-btn-block {
		width: inherit;
		padding: 0 16px 0 16px;
	}
	
	.slogan-column {
		padding: 0px !important;
		bottom: 0 !important;
	}
	
	p.slogan-call-to-action{
		margin: 0 !important
	}
	
	
	.slogan-black, .slogan-red {
        font-size: var(--text-72px) !important;
    }
	
		h3.hero-header, .mc-hero-sub .hero-header { 
		width: auto;
		font-size: var(--text-24px) !important;
	}
	
	.mc-hero-sub {
		gap: var(--space-24px) !important;
	}
	
	.mc-hero-sub .button-with-arrow-red{
		margin-bottom: 0 !important;
	}
	
	.section-inner.cover-bg.home-contacts, .fullscreen-content-top-row, div.catalog-item-status, .fullscreen-content-bottom-row {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	
	
	.fullscreen-content-top-text{
		font-size: 16px;
		font-weight: 500;
		text-transform: none;
	}
	
	section#about {
		z-index: 15 !important;
        margin-top: 280px;
	}
	
	#mobile-glavnoe-menyu {
		list-style: none;
        display: flex !important;
        position: fixed;
        z-index: 1001;
        height: 100vh;
        width: 100vw;
        padding: 0 16px;
        flex-direction: column;
        align-content: baseline;
        justify-content: center;
        align-items: flex-start;
        background: #fff;
		transform: translateX(-100%);
		transition: transform .35s ease;
		font-family: "Gilroy", sans-serif;
    }
	
	#mobile-glavnoe-menyu.is-open {
		transform: translateX(0);
	}

	span.dtam-dupe.dtam-dupe--top {
		font-size: 32px;
	}
	
	.mc-header .black-menu .button-black {
			display: none !important;
	}

	.black-menu .button-black{
		display: flex;
        z-index: 10001;
        bottom: 0;
        width: 100%;
	}
	
	
	.black-menu .button-black a{
		width: 100%;
		display: flex !important;
		justify-content: flex-start;
	}

	
	button.menu-close.modal__close {
		left: 80%;
		top: 10%;
	}
	
	
	button.modal__close {
		background-color: transparent !important;
		border: 0 !important;
		right: 0;
		position: absolute;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: row-reverse;
		margin-right: 20px;
	}
	
	.section-about .about-nav {
		flex: 0 !important;
		padding-right: 0 !important;
	}
	
	
	.section-about .section-inner {
		flex-direction: column !important;
		height: initial !important;
	}
	
	.section-about .about-scroll{
		overflow-y: scroll !important;
		opacity: 1 !important;
	}
	
	  .about-scroll article {
		  scroll-margin-top: 300px;
	}
	
	article#persons{
		padding-top: 10px !important;
	}
	
/* 	article#persons, article#mission, article#mission-core {
		padding-top: 300px !important;
	} */

	section.v-section.section-slogan.mc-section {
		margin-top: 200px;
	}
	
	nav.about-nav {
		margin-top: 100px;
	}

	
}

#mobile-glavnoe-menyu{
	display: none;
}

@media (max-width: 768px) {
	ul.menu,
	#menu-glavnoe-menyu, div.button-black, div.button-white {
		display: none;
	}
	div.hamburger-menu-button {
		display: block;
	}
	.hamburger-menu-button a {
		display: inline-flex;           /* центрируем внутри */
		align-items: center;            /* по вертикали */
		justify-content: center;        /* по горизонтали */
		box-sizing: border-box;

		background: #0E0F14;
		border: 1px solid #0E0F14;
		transition: all .3s ease;
		padding: var(--space-20px) !important;
		width:  var(--space-80px) !important;
		height: var(--space-80px) !important;
		line-height: 0;                 /* убираем лишние пробелы вокруг SVG */
	}

	.hamburger-menu-button a:hover {
		background: #9F001E;
		border-color: #9F001E;
	}

	/* на всякий: чтобы span не мешал центровке и не давал лишний бокс */
	.hamburger-menu-button a > span { display: contents; }

	/* чтобы SVG не добавлял снизу «строчный» зазор */
	.hamburger-menu-button svg {
		display: block;
		width: 24px;
		height: 24px;
	}

	nav.mc-menu {
		gap: 0;
	}
	h3.hero-header, .mc-hero-sub .hero-header { 
		width: auto;
		font-size: var(--text-24px);
	}

	section.section-contacts, section.v-section.section-slogan.mc-section {
		position: relative;
		width: 100%;
		height: 100svh 
	}
	div.home-contacts {
		height: var(--space-600px) !important;
		padding-top: var(--space-60px);
		padding-right: var(--space-40px);
		padding-bottom: var(--space-60px);
		padding-left: var(--space-40px);
	}
	div.contacts-details {
		width: 100% !important;
	}
	
	ul.social {
		margin-bottom: var(--space-40px);
	}
	.h-scroll, .v-section, .v-section.section-about, section.h-scroll__panel, .h-scroll__pin, .h-scroll__track, .catalog-item {
		height: 100svh ;
	}
	.h-scroll, .v-section, .v-section.section-about, .catalog-item {
		height: 100svh ;
	}
	.v-section, .v-section.section-about {
		height: 90svh ;
	}
	.v-section, .v-section.section-about {
		height: 90svh ;
	}

	.slogan-black, .slogan-red {
		font-size: var(--text-80px);
	}
	.slogan {
		height: 100svh !important;
	}
}


@media (max-width: 480px) {
	h3.hero-header, .mc-hero-sub .hero-header { 
		width: auto;
		font-size: var(--text-24px);
	}
}
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
/* ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ */
/* Обычные вертикальные полноэкранные секции */
.v-section { min-height: 90svh; display: grid; place-items: center;}

/* Горизонтальный блок-обёртка (создает пространство для вертикального скролла,
во время которого будем прокручивать трек по оси X) */
.h-scroll { position: relative;  }

/* Пин-контейнер: «приклеивается» к вьюпорту на время прохождения h-scroll */
.h-scroll__pin { position: sticky; top: 0; height: 100vh; overflow: hidden;}

/* Горизонтальный трек */
.h-scroll__track { display: flex; align-items: stretch; height: 100%; transform: translate3d(0,0,0); will-change: transform; }

/* Панели во весь экран */
.h-scroll__panel { flex: 0 0 100vw; height: 100vh; display: grid; place-items: center;}


/* Подписи/шапки */
.label { position: absolute; left: 1rem; top: 1rem;}
/* Плавность только если пользователь не просил уменьшить движение */
@media (prefers-reduced-motion: no-preference) {
	.h-scroll__track { transition: transform 0s; }
}

/* Фоллбек для тех, кто предпочитает уменьшенное движение: разрешаем нативный X-скролл */
@media (prefers-reduced-motion: reduce) {
	.h-scroll__pin { overflow: auto; }
	.h-scroll__track { min-width: max-content; }
	.h-scroll__panel { width: 100vw; }
}


/* СТЕК вертикальных секций (не для .h-scroll) */
.stacked-section {
	position: sticky;
	top: 0;
	min-height: 100svh !important;  /* гарантированный fullscreen */
	/* Визуальная «приглушенность» при появлении: от 0.6 до 1.0 */
	--reveal: 1;
	filter: brightness(calc(0.6 + 0.4 * var(--reveal))) saturate(calc(0.7 + 0.3 * var(--reveal)));
	will-change: filter;
}

/* Обеспечим, что «наезжающая» секция перекрывает предыдущую */
.stacked-section { isolation: isolate; } /* создаёт новый контекст наложения */

/* Чутка мягкости на резких контрастных текстах (опционально) */
.stacked-section .mc-title,
.stacked-section h1, .stacked-section h2, .stacked-section h3,
.stacked-section p { transition: filter .1s linear; }

/* Уважение предпочитающих меньше движения: отключаем затемнение */
@media (prefers-reduced-motion: reduce) {
	.stacked-section { filter: none !important; }
}

/* === SPLIT SCROLL LAYOUT FIX === */
/* 
.section-about {
position: relative;
height: 200vh; 
}


.section-about {
position: relative;
height: 200vh;
}

.section-about .section-inner {
height: 100vh;
display: flex;
position: relative;
background-color: #fff;
}

.section-inner{
width: 100% !important;
}


.section-about .about-nav {
width: 100%;
padding-right: 40px;
z-index: 2;
}

.section-about .about-scroll {
width: 50%;
position: absolute;
right: 0;
top: 0;
transform: translateY(100%);
padding-left: 40px;
} */


.section-about {
	position: relative;
	height: 200vh; /* пространство для анимации */
}

/* Контейнер — флекс, одна строка */
.section-about .section-inner {
	height: 100vh;
	display: flex;
	position: relative;
	background-color: #fff;
	overflow: hidden;        /* чтобы ничего не выпирало */
	width: 100% !important;
}

/* Левый блок (навигация) — стартует как 100% ширины */
.section-about .about-nav {
	flex: 0 0 100%;
	padding-right: 40px;
	z-index: 2;
}

/* Правый блок (контент) — стартует как 0%, просто «схлопнутый» */
.section-about .about-scroll {
	flex: 0 0 0%;
	padding-left: 40px;
	background: #fff;
	overflow-y: auto;
	opacity: 0; /* его уже анимируем в JS */
}


/* ABOUT: переписываем about-scroll для единого скролла */
.section-about .section-inner {
	height: 100vh;
	display: flex;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	width: 100% !important;
}

/* левая колонка */
.section-about .about-nav {
	flex: 0 0 100%;
	padding-right: 40px;
	z-index: 2;
}

/* правая колонка: без собственного скролла, просто "окно" */
.section-about .about-scroll {
	flex: 0 0 0%;
	padding-left: 40px;
	background: #fff;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;   /* ВАЖНО: не auto */
	opacity: 0;
}

@media (max-width: 1023px) {
	.section-about .about-scroll {
		padding-left: 0px;
	}


}

/* Грубое перекрытие старых настроек для about-scroll */
.about-scroll {
	height: 100vh !important;
	max-height: 100vh !important;
	overflow: hidden !important;
}

.top-round-corners.no-top-radius,
#top-round-corners.no-top-radius {
	border-radius: 0 0 0 0;
}


.mc-title.about-nav__item--active h3 {
	color: #FFFFFF !important;
}

/* Чёрный оверлей на весь экран */
#page-preloader {
	position: fixed;
	inset: 0;
	background: #0E0F14; /* чёрный, можно чуть краснить */
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .6s ease, visibility .6s ease;
}

/* Пока прелоадер активен — блокируем скролл */
body.preloader-active {
	overflow: hidden;
}

/* Скрытое состояние */
#page-preloader.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* Фикс контактов и экранных секций на планшетах */
@media (min-width: 768px) and (max-width: 1024px) {

	/* Контакты — снова фуллскрин */
	.section-contacts {
		height: 100svh !important;
		min-height: 100svh !important;
	}

	.section-inner.cover-bg.home-contacts {
		min-height: 100svh !important;
		height: 100svh !important;
		align-items: flex-end !important;
	}

	/* Экранные секции тоже без жёстких 720px */
	.h-scroll,
	.h-scroll__pin,
	.h-scroll__panel,
	.h-scroll__track,
	.v-section,
	.v-section.section-about,
	.v-section.section-slogan,
	.catalog-item {
		height: 100svh !important;
		min-height: 100svh !important;
	}
}

/* Блокировка скролла заднего плана, когда открыта форма */
html.modal-open,
body.modal-open {
  overflow: hidden;
}

/* Базовые стили диалога */
.modal {
  border: none;
  padding: 0;
  background: transparent;
}

/* затемнение фона */
.modal::backdrop {
  background: rgba(0, 0, 0, 0.45);
}

/* Белая панель слева */
.modal .form {
  position: fixed;
  inset: 0 auto 0 0;          /* прижали к левому краю, по высоте на весь экран */
  width: min(45%, 100vw);   /* макс ширина формы */
  height: 100vh;
  margin: 0;
  padding: 130px 40px 0px;
  box-sizing: border-box;

  background: #ffffff;
  border-radius: 0 32px 32px 0;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);

  display: flex;
  flex-direction: column;

  transform: translateX(-100%);
  opacity: 0;
  transition:
    transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.3s ease-out;
}

/* Состояние "открыто" — добавляем класс с JS */
.modal.modal--open .form {
  transform: translateX(0);
  opacity: 1;
}

/* Шапка формы и кнопка закрытия */
.modal .modal__header {
  margin-bottom: 32px;
}

.modal .modal__header .h2 {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* .modal .form {
  position: relative;
} */

.modal__close {
  position: absolute;
  top: 24px;
  left: 24px;
  border: none;
  background: transparent !important;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

/* Поля формы под макет (можно подкрутить под общий гайд) */
.form__group {
  margin-bottom: 20px;
}

.form__group label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.form__group input[type="text"],
.form__group input[type="tel"],
.form__group select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #000;
  padding: 8px 0;
  font-size: 16px;
  background: transparent;
}

.form__group input:focus,
.form__group select:focus {
  outline: none;
  border-color: #b10c1c; /* близко к бордовому, можно заменить на фирменный */
}

/* Чекбоксы */
.form__group--check {
  margin-top: 12px;
}

.form__group--check .check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.form__group--check input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

/* Кнопка как на макете */
.form__actions {
  margin-top: 28px;
}

.form__actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;

  border: none;
  cursor: pointer;

  background: #b10c1c;         /* твой красный */
  color: #ffffff;
  font-size: 16px;
}

/* Подвал формы */
.modal__footer {
  margin-top: auto;
  padding-top: 24px;
  font-size: 12px;
}

.modal__footer .policy {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.modal__footer .policy li + li {
  margin-top: 6px;
}

/* Адаптив под маленькие экраны */
@media (max-width: 767px) {
  .modal .form {
    width: 100vw;
    padding: 32px 20px 28px;
    border-radius: 0;
  }

  .modal__close {
    top: 16px;
    left: 16px;
  }

  .modal .modal__header .h2 {
    font-size: 28px;
  }
}


button.modal__close {
    font-family: "Gilroy", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    border-radius: 0px 0px 0px 0px;
    padding: 0px !important;
}


#request-title{
    font-weight: 800;
    font-size: 64px !important;
    line-height: 100%;
    letter-spacing: -0.039em !important;
    text-transform: uppercase;
}

input#f-phone, input#f-name {
    padding: 0px !important;
    font-size: 16px !important;
}

.form__group.form__group--check {
    margin: 0 0 12px !important;
}


.modal__close {
  position: absolute;
  top: 24px;
  left: 24px;

  width: 44px;
  height: 44px;

  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.modal__close img {
  width: 24px;
  height: 24px;
  display: block;
}

.modal__close:hover { opacity: 0.8; }
.modal__close:active { transform: scale(0.96); }
/* .modal__close:focus-visible { outline: 2px solid #b10c1c; outline-offset: 3px; } */

button.modal__close {
    border: 0;
}


button.modal__close:hover {
    background-color: #fff !important;
    border: 0;
}

button.button-with-arrow-red {
    padding: 0px !important;
    width: 100%;
    display: flex;
    border-radius: 0 0 24px 0 !important;
    flex-direction: column-reverse !important;
    padding-right: 24px !important;
}

button.button-with-arrow-red a{
	max-width: 100%;
}

button.button-with-arrow-red a::after{
	display: flex;
}

/* ul.catalog-item-status li > a:hover {
    color: #9F001E !important;
} */

/* базовые состояния */
ul.catalog-item-status li > a { color: #0E0F14 !important; }
ul.catalog-item-status li.is-active > a { color: #9F001E !important; }
/* ul.catalog-item-status li > a:hover { color: #9F001E !important; } */

/* когда есть hover на любом пункте — всем делаем черный */
ul.catalog-item-status.is-hovering li > a { color: #0E0F14 !important; }

/* активный — всегда красный */
ul.catalog-item-status.is-hovering li.is-active > a { color: #0E0F14 !important; }

/* наведенный — красный */
ul.catalog-item-status.is-hovering li.is-hovered > a { color: #9F001E !important; }

.slogan::after{
	content:"";
	position:absolute;
	inset:0;
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.6));
	pointer-events:none;
	z-index: 0;
}

.catalog-item::after, .contacts-details::after{
	content:"";
	position:absolute;
	inset:0;
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
	pointer-events:none;
	z-index: 0
}

.h-scroll__track.section-inner {
    background-color: #fff;
}

/* трек уже делаешь position:relative в JS — но можно и здесь продублировать */
.h-scroll__track { position: relative; }

.catalog-bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}

/* контент панелей выше видео */
.h-scroll__panel{
  position: relative;
  z-index: 1;
}

/* если нужно скрыть картинки-фоны, чтобы не мешали видео */
.h-scroll[data-name="catalog-1"] .h-scroll__panel.cover-bg{
  background-image: none !important;
}

li.catalog-item-status-0.dream span {
    color: #A5A5A5 !important;
}

.mc-inner-scroll {
    height: 100% !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important; /* для плавного скролла на мобиле */
}

.mc-overlay-panel-split{
    top: 0;
    min-height: 100vh;
    will-change: transform, border-radius, box-shadow, clip-path;
    z-index: 0;
    background: var(--mc-panel-bg, transparent);
}


@media (min-width: 768px){

	.mc-overlay-panel-split > .e-con-inner > .e-child:first-child {
		position: sticky;
		top: 0;
		z-index: 2;
		background: inherit; /* чтобы не было просветов */
		height: 100VH;
	}
	
}




.elementor-element.elementor-element-4acc3ef.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    position: fixed;
    z-index: 10;
    background-color: white;
    border-radius: 0px 0px 25px 0px;
}

.term-sell header.mc-header{
    background-color: #27282C;
}

.single-news header.mc-header,
.post-type-archive header.mc-header{
    background-color: #0E0F14;
}