/* ======================================================================
   О НАС (/o-magazine/) — редизайн 2026
   Токены (--rd-*), шрифты и .rd-container берём из redesign.css.
   Здесь дублируем мелкие общие примитивы (.rd-btn, .rd-section-title,
   .rd-accent), т.к. на этой странице home.css не подключается.
   ====================================================================== */

.rd-about { background: var(--rd-bg); color: #fff; overflow: hidden; }
.rd-about * { box-sizing: border-box; }

/* ---------- Общие примитивы ---------- */
.rd-about .rd-section-title {
	font-family: var(--rd-font-head);
	font-weight: 900;
	font-size: 52px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 60px;
}
.rd-about .rd-section-title--center { text-align: center; }
.rd-about .rd-accent { color: var(--rd-accent); }

.rd-about .rd-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 16px 32px; border: 1px solid transparent; border-radius: 500px;
	font-family: var(--rd-font-text); font-weight: 700; font-size: 16px; line-height: 20px;
	text-decoration: none; cursor: pointer;
	transition: filter .2s, background .2s, color .2s, border-color .2s;
}
.rd-btn--dark { background: #151515; color: #fff; }
.rd-btn--dark:hover { background: #000; color: #fff; }
/* Белая кнопка (hero «Обсудить партнёрство» — по макету белая с тёмным текстом) */
.rd-about .rd-btn--white { background: #fff; color: #151515; }
.rd-about .rd-btn--white:hover { background: var(--rd-gray); color: #151515; }

/* Стрелки (круглые) — общий вид для истории/мероприятий */
.rd-ab-arrow {
	width: 32px; height: 32px; flex: 0 0 auto;
	border-radius: 50%; border: 1px solid rgba(255,255,255,.25);
	background: transparent; cursor: pointer; position: relative;
	transition: background .2s, border-color .2s, opacity .2s;
}
.rd-ab-arrow::before {
	content: ""; position: absolute; top: 50%; left: 50%;
	width: 10px; height: 10px; margin: -5px 0 0 -3px;
	border-left: 2px solid #fff; border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}
.rd-ab-arrow[class*="next"]::before,
.rd-ab-arrow[class*="tnext"],
.rd-ab-arrow.rd-ab-gallery__next::before { }
.rd-ab-arrow.rd-ab-history__next::before,
.rd-ab-arrow.rd-ab-events__tnext::before,
.rd-ab-arrow.rd-ab-gallery__next::before {
	margin-left: -7px; transform: rotate(-135deg);
}
.rd-ab-arrow:hover { background: var(--rd-accent); border-color: var(--rd-accent); }
.rd-ab-arrow--dark { background: #212121; border-color: #212121; }
.rd-ab-arrow--dark:hover { background: var(--rd-accent); border-color: var(--rd-accent); }
.rd-ab-arrow:disabled { opacity: .35; cursor: default; }
.rd-ab-arrow:disabled:hover { background: transparent; border-color: rgba(255,255,255,.25); }
.rd-ab-arrow--dark:disabled:hover { background: #212121; border-color: #212121; }

/* ====================================================================
   БЛОК 1 — HERO
   ==================================================================== */
/* Фон hero: сплошной фиолетовый + паттерн, который ПЛАВНО РАСТВОРЯЕТСЯ книзу
   (по макету: контраст паттерна падает с ~55% высоты и к низу остаётся чистый
   фиолетовый; сам цвет не меняется). Картинка задаётся переменной --ab-hero-fon
   в inline-style секции (o-magazine/index.php). */
.rd-ab-hero {
	position: relative;
	background: #9B54F0;
	padding: 52px 0 72px;               /* крошки — 52px от верха hero (по макету) */
	overflow: hidden;
}
.rd-ab-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--ab-hero-fon) center top / cover no-repeat;
	-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
	        mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
	pointer-events: none;
	z-index: 0;
}
.rd-ab-hero > .rd-container { position: relative; z-index: 1; }
.rd-ab-crumbs { display: flex; align-items: center; gap: 20px; font-size: 16px; margin-bottom: 68px; }
.rd-ab-crumbs a, .rd-ab-crumbs span { color: rgba(255,255,255,.7); text-decoration: none; }
.rd-ab-crumbs a:hover { color: #fff; }
.rd-ab-crumbs__cur { color: #fff; }

.rd-ab-hero__top {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 48px;
	margin-bottom: 56px;
}
.rd-ab-hero__title {
	flex: 1 1 auto; max-width: 900px; margin: 0;
	font-family: var(--rd-font-head); font-weight: 900; font-size: 64px; line-height: .98;
	text-transform: uppercase; color: #fff;
}
.rd-ab-hero__lead { flex: 0 0 620px; max-width: 620px; }   /* по макету колонка ~615px (текст в 3 строки) */
.rd-ab-hero__lead p { margin: 0 0 28px; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.92); }
.rd-ab-hero__cta { align-self: flex-start; }

/* Видео */
.rd-ab-hero__video {
	position: relative; border-radius: 16px; overflow: hidden;
	aspect-ratio: 16 / 8; background: #000; margin-bottom: 56px;
}
.rd-ab-video__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rd-ab-video__el { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; display: none; }
.rd-ab-hero__video.is-playing .rd-ab-video__el { display: block; }
.rd-ab-hero__video.is-playing .rd-ab-video__img,
.rd-ab-hero__video.is-playing .rd-ab-video__play { display: none; }
.rd-ab-video__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 84px; height: 84px; border-radius: 50%; border: none; cursor: pointer;
	background: var(--rd-accent); transition: transform .2s, background .2s;   /* по макету кружок белый */
}
.rd-ab-video__play::before {
	content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%,-50%);
	border-style: solid; border-width: 13px 0 13px 22px;
	/* чёрный треугольник внутри белого кружка (перебиваем возможные правила старого style.css) */
	border-color: transparent transparent transparent #000 !important;
}
.rd-ab-video__play:hover { transform: translate(-50%,-50%) scale(1.06); }
/* ⚠️ Плашки «HT» поверх видео НЕТ: круглый бейдж с кольцевой надписью —
   это часть самой картинки video.png (не рисуем его отдельно). */

/* Счётчики 01–04. По макету цифры крупные (170px), а текст НАЛЕЗАЕТ на их
   нижнюю часть (замер макета: низ глифа 1709, верх текста 1667 → перекрытие 42px). */
.rd-ab-hero__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.rd-ab-stat { position: relative; }
.rd-ab-stat__num {
	display: block; font-family: var(--rd-font-head); font-weight: 900;
	font-size: 170px; line-height: 1; color: rgba(255,255,255,.22); margin-bottom: -49px;
}
.rd-ab-stat p { position: relative; margin: 0;     font-size: 20px;
    font-weight: 600; line-height: 1.35; color: #fff; max-width: 227px; }

/* ====================================================================
   БЛОК 2 — МИССИЯ
   ==================================================================== */
.rd-ab-mission { background: #212121; padding: 96px 0; text-align: center; }
.rd-ab-mission .rd-section-title { margin-bottom: 32px; }
.rd-ab-mission__text {
max-width: 600px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 1);
}

/* ====================================================================
   БЛОК 3 — ФОРМАТЫ (2 половины)
   ==================================================================== */
.rd-ab-formats { display: grid; grid-template-columns: 1fr 1fr; }
.rd-ab-format {
	position: relative; overflow: hidden;
	padding: 72px 64px 0; min-height: 620px;
	display: flex; flex-direction: column; align-items: center;   /* по макету контент по центру */
}
.rd-ab-format--opt    { background: #077B5E; }   /* оптовые продажи */
.rd-ab-format--retail { background: #151515; }   /* розничный формат */
.rd-ab-format__body { position: relative; z-index: 2; text-align: center; width: 100%; }
.rd-ab-format__tags { display: flex; justify-content: center; gap: 12px; margin-bottom: 28px; }
/* Плашки HoReCa/Retail (блок «Оптовые продажи») — чёрные */
.rd-ab-format__tags span {
	display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 500px;
	background: #000; font-size: 15px; font-weight: 600; color: #fff;
}
/* Плашки «16 магазинов» / «>300 брендов» (блок «Розничный формат») — белые */
.rd-ab-format--retail .rd-ab-format__tags span { background: #fff; color: #151515; }
.rd-ab-format__title {
    margin: 30px auto;
    font-family: var(--rd-font-head);
    font-weight: 900;
    max-width: 500px;
    font-size: 52px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.rd-ab-format__text { max-width: 550px; margin: 0 auto; }
.rd-ab-format__text p { margin: 0 0 16px; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.9); font-weight: 600; }
.rd-ab-format__mascot {
	position: relative; z-index: 1; margin-top: auto; align-self: center;
	max-width: 92%; height: auto; display: block;
}

/* ====================================================================
   БЛОК 4 — ПАРТНЁРЫ (бегущая лента)
   ==================================================================== */
.rd-ab-partners { background: #212121; padding: 96px 0; }
.rd-ab-partners .rd-section-title { text-align: center; margin-bottom: 48px; }   /* по макету заголовок по центру */
.rd-ab-partners__marquee { overflow: hidden; width: 100%; }
.rd-ab-partners__track {
	display: flex; align-items: center; gap: 24px; width: max-content;
	animation: rd-ab-marquee 90s linear infinite;   /* больше секунд = медленнее */
}
.rd-ab-partners__tile {
	flex: 0 0 auto; width: 260px; height: 150px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 16px; background: #151515;
}
.rd-ab-partners__tile img {
	max-width: 60%; max-height: 44%; width: auto; height: auto; object-fit: contain;
	opacity: .45; filter: grayscale(1) brightness(1.8);   /* полупрозрачные, как на макете */
	transition: opacity .2s, filter .2s;
}
.rd-ab-partners__tile:hover img { opacity: .85; filter: grayscale(0) brightness(1); }
@keyframes rd-ab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ====================================================================
   БЛОК 5 — ИСТОРИЯ (таймлайн-карусель)
   ==================================================================== */
.rd-ab-history { background: #000000; padding: 100px 0 100px; }
.rd-ab-history__head {
	display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 40px;
}
.rd-ab-history__head .rd-section-title { margin: 0;     max-width: 400px;}
/* Навигация карусели истории — единая тёмная ПИЛЮЛЯ с двумя шевронами внутри
   (по макету: левый «<» прозрачный, правый «>» в светлом кружке). */
.rd-ab-history__nav {
	display: inline-flex; align-items: center; gap: 6px;
	background: #212121; border-radius: 500px; padding: 6px;
}
.rd-ab-history__nav .rd-ab-arrow {
	width: 48px; height: 48px; border: none; background: transparent;
}
.rd-ab-history__nav .rd-ab-arrow:hover { background: rgba(255,255,255,.08); border-color: transparent; }
.rd-ab-history__nav .rd-ab-history__next { background: #3a3a3a; }   /* «вперёд» — в светлом кружке */
.rd-ab-history__nav .rd-ab-history__next:hover { background: #474747; }
.rd-ab-history__nav .rd-ab-arrow:disabled { opacity: .4; }
.rd-ab-history__nav .rd-ab-arrow:disabled:hover { background: transparent; }
.rd-ab-history__nav .rd-ab-history__next:disabled:hover { background: #3a3a3a; }

.rd-ab-history__track {
	display: flex; gap: 20px;
	overflow-x: auto; scroll-behavior: smooth;
	scrollbar-width: none; -ms-overflow-style: none;
	padding-bottom: 4px;
}
.rd-ab-history__track::-webkit-scrollbar { display: none; }

.rd-ab-year {
	position: relative; overflow: hidden; flex: 0 0 260px;
	background: #212121; border-radius: 20px; padding: 32px;
	min-height: 300px; display: flex; flex-direction: column;
	transition: flex-basis .35s ease, background .35s ease;
}
.rd-ab-year__num {
	font-family: var(--rd-font-head); font-weight: 900; font-size: 56px; line-height: 1;
	color: rgba(255,255,255,.16); margin-bottom: auto;
}
.rd-ab-year__mid { }   /* неактивная карточка: обычный блок с заголовком (внизу) */
.rd-ab-year__title {
	margin: 24px 0 0; font-family: var(--rd-font-head); font-weight: 900;
	font-size: 26px; line-height: 1.05; text-transform: uppercase; color: #fff;
}
.rd-ab-year__text {
	margin: 20px 0 0; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.9);
	max-width: 460px; display: none;
}
.rd-ab-year__icon { display: none; }

/* Активная карточка (по макету): num сверху → [заголовок слева | маскот справа] → текст на всю ширину снизу.
   Маскот НЕ перекрывает текст — он в одной строке с заголовком, текст идёт ниже. */
.rd-ab-year.is-active {
	flex-basis: 640px; background: var(--rd-accent);
}
.rd-ab-year.is-active .rd-ab-year__num { color: rgba(255,255,255,.35); /*margin-bottom: 36px;*/ }
.rd-ab-year.is-active .rd-ab-year__mid {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;
}
.rd-ab-year.is-active .rd-ab-year__title { margin: 0; max-width: 340px; }
.rd-ab-year.is-active .rd-ab-year__icon {
	display: block; flex: 0 0 auto; /*width: 210px;*/ max-width: 60%; height: auto;
	    margin-bottom: -30px;                /* маскот приподнят выше строки заголовка (как в макете) */
	opacity: .95; pointer-events: none;
}
.rd-ab-year.is-active .rd-ab-year__text { display: block; margin: 30px 0 0; max-width: 100%; }
.rd-ab-year:not(.is-active) { cursor: pointer; }

/* ====================================================================
   БЛОК 6 — МЕРОПРИЯТИЯ (табы + фото)
   ==================================================================== */
.rd-ab-events { background: var(--rd-bg); padding: 100px 0 110px; }   /* отступ сверху — отделяем от «Истории компании» */
.rd-ab-events__title { margin-bottom: 56px; }
.rd-ab-events__grid { display: grid; grid-template-columns: 300px 1fr; gap: 64px; align-items: start; }

/* Табы */
.rd-ab-events__tabs { display: flex; flex-direction: column; gap: 14px; }
.rd-ab-tab {
	display: inline-flex; align-items: center; align-self: flex-start;
	padding: 16px 28px; border: none; border-radius: 500px; cursor: pointer;
	background: #000000; color: #fff; font-family: var(--rd-font-text);   /* неактивные табы — чёрные */
	font-size: 16px; font-weight: 600; transition: background .2s, color .2s;
}
.rd-ab-tab:hover { background: #1a1a1a; }
.rd-ab-tab.is-active { background: var(--rd-accent); color: #fff; }
/* Навигация табов — единая тёмная ПИЛЮЛЯ с двумя шевронами (как в «Истории компании») */
.rd-ab-events__tabnav {
	display: inline-flex; align-items: center; gap: 6px;
	background: #212121; border-radius: 500px; padding: 6px; margin-top: 48px;
}
.rd-ab-events__tabnav .rd-ab-arrow {
	width: 48px; height: 48px; border: none; background: transparent;
}
.rd-ab-events__tabnav .rd-ab-arrow:hover { background: rgba(255,255,255,.08); border-color: transparent; }
.rd-ab-events__tabnav .rd-ab-events__tnext { background: #3a3a3a; }   /* «вперёд» — в светлом кружке */
.rd-ab-events__tabnav .rd-ab-events__tnext:hover { background: #474747; }
.rd-ab-events__tabnav .rd-ab-arrow:disabled { opacity: .4; }
.rd-ab-events__tabnav .rd-ab-arrow:disabled:hover { background: transparent; }
.rd-ab-events__tabnav .rd-ab-events__tnext:disabled:hover { background: #3a3a3a; }

/* Панели: по макету — [текст (заголовок+описание) слева | фото справа, компактнее] */
.rd-ab-events__panels { position: relative; }
.rd-ab-panel {
	display: none; grid-template-columns: minmax(0, 440px) minmax(0, 560px);
	column-gap: 80px; justify-content: space-between; align-items: start;
}
.rd-ab-panel.is-active { display: grid; }
.rd-ab-panel__text { min-width: 0; }
.rd-ab-panel__title {
	margin: 0 0 24px; font-family: var(--rd-font-head); font-weight: 900;
	font-size: 30px; line-height: 1.05; text-transform: uppercase; color: #fff;
}
.rd-ab-panel__desc { margin: 0; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.7); }

.rd-ab-panel__gallery { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 3; }
.rd-ab-gallery__track { display: flex; height: 100%; transition: transform .4s ease; }
.rd-ab-gallery__slide { flex: 0 0 100%; height: 100%; }
.rd-ab-gallery__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rd-ab-gallery__prev, .rd-ab-gallery__next {
	position: absolute; top: 50%; transform: translateY(-50%);
	background: var(--rd-accent); border-color: var(--rd-accent);
}
.rd-ab-gallery__prev { left: 16px; }
.rd-ab-gallery__next { right: 16px; }
.rd-ab-gallery__prev:hover, .rd-ab-gallery__next:hover { filter: brightness(1.1); }

/* ====================================================================
   АДАПТИВ
   ==================================================================== */
   @media (max-width: 1681px) {
	.rd-ab-hero__title { font-size: 52px; max-width: 100%; }
}
   @media (max-width: 1601px) {
	.rd-ab-hero__title { font-size: 46px; max-width: 100%; }
}
@media (max-width: 1200px) {
	.rd-ab-hero__title { font-size: 52px; max-width: 100%; }
	/* лид широкий (620px) — на средних экранах складываем hero в колонку, чтобы не сжимать H1 */
	.rd-ab-hero__top { flex-direction: column; gap: 28px; }
	.rd-ab-hero__lead { flex-basis: auto; max-width: 620px; }
	.rd-ab-stat__num { font-size: 120px; margin-bottom: -35px; }
	.rd-ab-format { padding: 56px 40px 0; min-height: 560px; }
}

@media (max-width: 1100px) {
	.rd-about .rd-section-title { font-size: 40px; margin-bottom: 40px; }
	.rd-ab-hero__top { flex-direction: column; gap: 24px; }
	.rd-ab-hero__title { font-size: 44px; max-width: 100%; }
	.rd-ab-hero__lead { flex-basis: auto; max-width: 560px; }
	.rd-ab-hero__stats { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
	.rd-ab-mission__text { font-size: 19px; }

	/* Мероприятия: табы горизонтальной лентой сверху.
	   minmax(0,1fr) — иначе min-content галереи (aspect-ratio) раздувает трек шире экрана. */
	.rd-ab-events__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.rd-ab-events__side, .rd-ab-events__panels { min-width: 0; }
	.rd-ab-events__tabs { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding-bottom: 4px; scrollbar-width: none; }
	.rd-ab-events__tabs::-webkit-scrollbar { display: none; }
	.rd-ab-tab { flex: 0 0 auto; }
	.rd-ab-events__tabnav { display: none; }
	.rd-ab-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.rd-ab-panel__gallery { order: -1; }   /* фото сверху на планшете/моб. */
}

@media (max-width: 900px) {
	.rd-ab-hero { padding: 16px 0 48px; }
	.rd-ab-crumbs { margin-bottom: 28px; font-size: 14px; }
	.rd-ab-hero__title { font-size: 32px; }
	.rd-ab-hero__lead p { font-size: 16px; }
	.rd-ab-hero__video { aspect-ratio: 16 / 10; margin-bottom: 40px; }
	.rd-ab-video__play { width: 64px; height: 64px; }
	.rd-ab-video__badge { width: 60px; height: 60px; font-size: 20px; right: 16px; bottom: 16px; }
	.rd-ab-stat__num { font-size: 84px; margin-bottom: -24px; }
	.rd-ab-stat p { font-size: 15px; }

	/* Миссия — в моб. версии по левому краю (заголовок + текст) */
	.rd-ab-mission { padding: 64px 0; text-align: left; }
	.rd-ab-mission .rd-section-title--center { text-align: left; }
	.rd-ab-mission__text { font-size: 17px; margin: 0; max-width: none; }

	/* Форматы — друг под другом */
	.rd-ab-formats { grid-template-columns: 1fr; }
	.rd-ab-format { min-height: auto; padding: 48px 20px 0; }
	.rd-ab-format__title { font-size: 32px; }
	.rd-ab-format__mascot { max-width: 78%; margin-top: 24px; }

	.rd-ab-partners { padding: 56px 0; }
	.rd-ab-partners .rd-section-title { text-align: left; }   /* в моб. версии заголовок слева */
	.rd-ab-partners__tile { width: 180px; height: 108px; }

	.rd-ab-history { padding: 64px 0 64px; }
	.rd-ab-history__head { flex-wrap: wrap; }
	/* overflow:visible + запас снизу — чтобы в раскрытой (активной) карточке не срезался
	   низ описания/маскота на мобильном (десктопная overflow:hidden клиппила содержимое) */
	.rd-ab-year { flex-basis: 220px; min-height: 260px; padding: 24px; overflow: visible; }
	.rd-ab-year.is-active { flex-basis: 300px; padding-bottom: 30px; }
	/* Маскот активной карточки показываем и на мобиле — над заголовком, прижат вправо (как на макете) */
	.rd-ab-year.is-active .rd-ab-year__mid { flex-direction: column-reverse; align-items: flex-start; gap: 10px; }
	.rd-ab-year.is-active .rd-ab-year__icon { display: block; align-self: flex-end; max-width: 56%; margin: 0; }
	.rd-ab-year.is-active .rd-ab-year__title { max-width: 100%; }
	.rd-ab-year__num { font-size: 44px; }
	.rd-ab-year__title { font-size: 22px; }

	.rd-ab-events { padding: 64px 0 72px; }
	.rd-ab-events__title { margin-bottom: 32px; }
	/* Табы компактнее — умещается больше, соседний таб «выглядывает» справа и подсказывает,
	   что ленту можно листать вправо */
	.rd-ab-events__tabs { gap: 8px; }
	.rd-ab-tab { padding: 10px 18px; font-size: 14px; }
	/* панель гарантированно в одну колонку, фото не вылезает, длинный заголовок переносится */
	.rd-ab-panel { grid-template-columns: minmax(0, 1fr); column-gap: 0; justify-content: stretch; }
	.rd-ab-panel__gallery { width: 100%; }
	.rd-ab-panel__title { font-size: 26px; overflow-wrap: break-word; word-break: break-word; }
}

@media (max-width: 560px) {
	/* Заголовки секций меньше — иначе длинные слова («МЕРОПРИЯТИЙ», «HOOKAHTRADE») вылезают за экран */
	.rd-about .rd-section-title { font-size: 30px; margin-bottom: 28px; }
	/* Счётчики: крупные цифры-водяные знаки, текст поверх (как на макете; вёрстка НЕ ломается,
	   цифры НЕ уменьшаются в мелкую строку). */
	.rd-ab-hero__stats { grid-template-columns: 1fr; gap: 8px; }
	.rd-ab-stat { position: relative; min-height: 168px; display: flex; align-items: center; }
	.rd-ab-stat__num {
		position: absolute; left: -6px; top: 50%; transform: translateY(-50%);
		font-size: 150px; line-height: 1; margin: 0; z-index: 0; pointer-events: none;
	}
	.rd-ab-stat p { position: relative; z-index: 1; max-width: 62%; font-size: 18px; }
	.rd-ab-year.is-active { flex-basis: 84vw; }
	.rd-ab-year { flex-basis: 70vw; }
}

/* ===================================================================
   ПОП-АП «ОБСУДИТЬ ПАРТНЁРСТВО» (кнопка в hero)
   Фиолетовое окно с формой — те же поля и тот же обработчик, что в блоке
   «По вопросам сотрудничества» на /adresa-magazinov/ (rd-forms.js).
   z-index 2000 — выше шапки (#header{z-index:100}) и мега-меню (1100).
   =================================================================== */
.rd-lead {
	position: fixed;
	inset: 0;
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	opacity: 0;
	transition: opacity .22s ease;
}
.rd-lead[hidden] { display: none; }          /* закрыто — не перехватывает клики */
.rd-lead.is-open { opacity: 1; }
.rd-lead * { box-sizing: border-box; }
.rd-lead__overlay {
	position: absolute;
	inset: 0;
	background: rgba(8,8,8,.78);
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
}
.rd-lead__win {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 900px;
	max-height: min(90vh, 860px);
	display: flex;
	flex-direction: column;
	background: var(--rd-accent);
	border-radius: 28px;
	overflow: hidden;
	transform: translateY(18px) scale(.985);
	transition: transform .22s ease;
}
.rd-lead.is-open .rd-lead__win { transform: none; }

/* прокручиваемое тело окна (на низких экранах форма не обрежется) */
.rd-lead__scroll {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 48px clamp(24px, 4vw, 56px) clamp(28px, 3vw, 44px);
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,.45) transparent;
	outline: none;
}
.rd-lead__scroll::-webkit-scrollbar { width: 8px; }
.rd-lead__scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.4); border-radius: 8px; }

/* крестик */
.rd-lead__close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 3;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.2);
	color: #fff;
	cursor: pointer;
	transition: background .2s ease;
}
.rd-lead__close:hover { background: rgba(255,255,255,.34); }

/* шапка окна */
.rd-lead__sup {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
	color: rgba(255,255,255,.75);
	margin-bottom: 12px;
}
.rd-lead__title {
	margin: 0 0 16px;
	font-family: var(--rd-font-head);
	font-weight: 900;
	font-size: clamp(28px, 3.4vw, 46px);
	line-height: 1.02;
	text-transform: uppercase;
	color: #fff;
	padding-right: 56px;   /* не подлезает под крестик */
}
.rd-lead__intro {
	margin: 0 0 32px;
	max-width: 46ch;
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255,255,255,.88);
}

/* форма слева + контакты и маскот справа */
.rd-lead__body { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 40px; align-items: start; }

.rd-lead__form { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 2; }
.rd-lead__form .rd-field { display: block; }
.rd-lead__form input[type="text"],
.rd-lead__form input[type="tel"] {
	width: 100%; padding: 18px 26px; border: none; border-radius: 500px;
	background: rgba(255,255,255,.18); color: #fff;
	font-family: var(--rd-font-text); font-size: 16px;
}
.rd-lead__form input::placeholder { color: rgba(255,255,255,.75); }
.rd-lead__form input:focus { outline: 2px solid rgba(255,255,255,.55); outline-offset: 0; }
.rd-lead__form input.is-error { box-shadow: inset 0 0 0 2px #ffd0d0; }

/* чекбокс согласия — 1:1 как на «Адресах»: белый квадрат + чёрная галочка */
.rd-lead .rd-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.4; color: #fff; }
.rd-lead .rd-check input {
	appearance: none; -webkit-appearance: none;
	flex: 0 0 auto;
	width: 18px; height: 18px; margin-top: 1px;
	background: #fff no-repeat center; background-size: 11px 9px;
	border: none; border-radius: 4px; cursor: pointer;
}
.rd-lead .rd-check input:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rd-lead .rd-check a { color: #fff; text-decoration: underline; }

.rd-lead__submit { align-self: stretch; margin-top: 4px; }

/* плашка ответа формы — «пилюля» с радиусом кнопки (как на «Адресах»/«Опте») */
.rd-lead__success {
	background: #fff; color: #151515; border-radius: 500px; padding: 16px 28px;
	font-weight: 600; font-size: 15px; text-align: center; line-height: 1.35;
}
.rd-lead__success.is-error { color: #C62828; box-shadow: inset 0 0 0 2px #C62828; }

/* контакты + маскот */
.rd-lead__side { display: flex; flex-direction: column; gap: 8px; }
.rd-lead__cblock h3 {
	margin: 0 0 20px; font-family: var(--rd-font-text); font-weight: 700;
	font-size: 22px; line-height: 1.15; text-transform: none; color: #fff;
}
.rd-lead__clabel { margin: 0 0 6px; font-size: 14px; color: rgba(255,255,255,.7); }
.rd-lead__cval { display: block; margin: 0 0 20px; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; word-break: break-word; }
.rd-lead__cval:last-child { margin-bottom: 0; }
.rd-lead__cval:hover { text-decoration: underline; }
.rd-lead__mascot { display: block; width: 230px; max-width: 100%; height: auto; margin: 4px auto -44px; pointer-events: none; user-select: none; }

/* страница под окном не прокручивается */
body.rd-lead-lock { overflow: hidden; }

@media (max-width: 900px) {
	.rd-lead__body { grid-template-columns: minmax(0,1fr); gap: 28px; }
	/* контакты — под формой; маскот прижат к низу окна */
	.rd-lead__mascot { width: 190px; margin: 0 auto -28px; }
}

@media (max-width: 767px) {
	/* на телефоне — на весь экран, как окно «Советы» на Карьере */
	.rd-lead { padding: 0; }
	.rd-lead__win { max-width: none; height: 100%; max-height: none; border-radius: 0; }
	.rd-lead__scroll { padding: 68px 20px 28px; }
	.rd-lead__title { font-size: 30px; }
	.rd-lead__intro { margin-bottom: 24px; font-size: 15px; }
	.rd-lead__close { top: 12px; right: 12px; }
}