/* =====================================================================
   HOOKAHTRADE — РЕДИЗАЙН 2026 — ГЛАВНАЯ СТРАНИЦА
   home.css — блоки тела главной. Префикс .rd-*
   Подключается только на главной (см. header.php, $isMain).
   ===================================================================== */

/* Рукописный шрифт для акцентных слов (блок 7 «команды») */
@font-face {
	font-family: 'HTC Hand';
	src: url('../fonts/HTC Hand/htchand_regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------------------------ */
/* Кнопки-утилиты (общие для блоков главной)                          */
/* ------------------------------------------------------------------ */
.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--accent { background: var(--rd-accent); color: #fff; transition: background .2s, color .2s; }
.rd-btn--accent:hover { background: var(--rd-accent); color: #000 !important; filter: none; }   /* Розничный формат: ховер — фиол. фон, чёрный текст */
.rd-btn--white { background: #fff; color: var(--rd-black); transition: background .2s, color .2s; }
.rd-btn--white:hover { background: var(--rd-accent); color: #fff; filter: none; }     /* Оптовый/Вакансии: ховер — фиол. фон, белый текст */
.rd-btn--outline { background: transparent; border-color: rgba(255,255,255,.3); color: #fff; }
.rd-btn--outline:hover { border-color: #fff; }

/* Визуально скрытый элемент (для SEO H1 и т.п.) */
.rd-visually-hidden {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

/* Заголовок секции */
.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;
}

/* ================================================================== */
/* БЛОК 1 — Hero-слайдер + скошенная бегущая строка логотипов          */
/* ================================================================== */
.rd-hero {
	position: relative;
	background: var(--rd-bg);
	overflow: hidden;            /* клипаем выезжающую за края скошенную полосу — убирает горизонтальный скролл */
}
/* Стрелки позиционируются относительно слайдера (а не всего блока с полосой),
   чтобы не зависеть от наезжающей бегущей строки. */
.rd-hero__slider { position: relative; z-index: 1; }
.rd-hero__slide { position: relative; outline: none; }
.rd-hero__link { display: block; line-height: 0; }
/* Жёстко фиксируем пропорцию слайда (1920×816) с обрезкой —
   любые загруженные картинки приводятся к одному размеру, высота не «гуляет». */
.rd-hero__img {
	display: block;
	width: 100%;
	aspect-ratio: 1920 / 816;
	height: auto;
	object-fit: cover;
	object-position: center;
}

/* Текстовый оверлей (если у слайда заданы свойства TITLE/SUBTITLE) */
.rd-hero__overlay { position: absolute; inset: 0; display: flex; align-items: center; }
.rd-hero__title {
	margin: 0 0 24px;
	font-family: var(--rd-font-head);
	font-weight: 900;
	font-size: 64px;
	line-height: 1;
	letter-spacing: -.02em;
	text-transform: uppercase;
	color: #fff;
	max-width: 60%;
}
.rd-hero__subtitle { margin: 0 0 32px; font-size: 20px; line-height: 28px; color: #fff; max-width: 40%; }

/* Стрелки слайдера (slick custom arrows) */
/* Стрелки — пара в правом нижнем углу слайда (кружок + шеврон, рисуем в CSS).
   ВНИМАНИЕ: в движке есть глобальное правило `button.slick-arrow` (style.css)
   с белым фоном/тенью/центрированием — оно специфичнее одиночного класса.
   Поэтому селекторы ниже усилены (.rd-hero button.rd-hero__arrow…),
   чтобы гарантированно перебить движковые стили, не трогая общее правило. */
.rd-hero button.rd-hero__arrow {
	position: absolute;
	bottom: 150px;                /* над нижним краем контента слайда (по макету) */
	top: auto;
	left: auto;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 50%;
	background: transparent;       /* перебиваем background:#fff из style.css */
	box-shadow: none;              /* перебиваем тень из style.css */
	cursor: pointer;
	font-size: 0;
	transition: background .2s, border-color .2s;
}
.rd-hero button.rd-hero__arrow::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin-left: 5px;            /* визуальное центрирование шеврона */
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);   /* шеврон «‹» (влево) */
	transition: border-color .2s;
}
.rd-hero button.rd-hero__arrow:hover { background: #fff; border-color: #fff; }
.rd-hero button.rd-hero__arrow:hover::before { border-color: var(--rd-bg); }
.rd-hero button.rd-hero__arrow.rd-hero__arrow--prev { right: calc(var(--rd-gutter) + 72px); left: auto; }
.rd-hero button.rd-hero__arrow.rd-hero__arrow--next { right: var(--rd-gutter); left: auto; transform: scaleX(-1); } /* флипом получаем «›» (вправо) */
.rd-hero button.rd-hero__arrow.slick-disabled { opacity: .4; cursor: default; }

/* Обёртка полосы — клипает выезжающую за края широкую полосу (без гориз. скролла).
   Вертикальный padding — запас, чтобы наклонённые углы полосы НЕ обрезались. */
.rd-logos-skew-wrap {
	overflow: hidden;
	margin-top: -80px;        /* наезд полосы на слайд (с учётом верхнего padding ниже) */
	margin-bottom: -60px;     /* подтягиваем блок «Акции» под нижний padding */
	padding: 40px 0;          /* > амплитуды наклона (~35px) — углы не режутся */
}
/* Скошенная бегущая строка логотипов */
.rd-logos-skew {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 140%;              /* шире вьюпорта — после поворота края не оголяются; лишнее клипает обёртка */
	margin-left: -20%;        /* центрируем широкую полосу */
	padding: 18px 0;
	background: var(--rd-bg); /* #151515; цвет полосы — при необходимости легко поменять */
	transform: rotate(-1.1deg);
}
.rd-logos-skew__track {
	display: flex;
	align-items: center;
	gap: 24px;
	width: max-content;
	animation: rd-marquee 40s linear infinite;   /* было 40s — замедлено (дорожка длиннее из-за большего числа логотипов) */
}
.rd-logos-skew__item { flex: 0 0 auto; }
.rd-logos-skew__item img { display: block;     max-height: 28px; max-width: 120px; width: auto; opacity: 1; }
@keyframes rd-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* ---------- Адаптив блока 1 ---------- */
@media (max-width: 900px) {
	.rd-hero button.rd-hero__arrow { width: 30px; height: 30px; bottom: 40px; }
.rd-hero button.rd-hero__arrow::before {    width: 8px;
    height: 8px;}
	.rd-hero button.rd-hero__arrow.rd-hero__arrow--prev { right: calc(var(--rd-gutter) + 48px); }
	.rd-hero__title { font-size: 32px; max-width: 90%; }
	.rd-hero__subtitle { font-size: 16px; max-width: 80%; }
        .rd-logos-skew {padding: 8px 0;}
        .rd-logos-skew-wrap {    margin-top: -60px;
    margin-bottom: -70px}
	.rd-logos-skew__item img {         max-height: 20px;       max-width: 70px;}
	.rd-logos-skew__track { animation-duration: 45s; }   /* на моб. лента ощущается медленной — ускоряем */
	.rd-section-title { font-size: 32px; margin-bottom: 24px; }
}

/* ================================================================== */
/* БЛОК 2 — Акции (ВРЕМЕННЫЙ статичный макет)                          */
/* TODO: заменить на вывод инфоблока «Акции» (карусель, по 3, лимит 12) */
/* По макету: без заголовка, стрелки — кружки по бокам, по центру.     */
/* ================================================================== */
.rd-promo {
	background: var(--rd-dark);          /* тёмный фон — закрывает стык с бегущей строкой */
	padding: 150px 0 80px;              /* верхний отступ — воздух между полосой и карточками */
	position: relative;
	z-index: 1;
}
.rd-promo__body { position: relative; }     /* якорь для боковых стрелок */

/* Сетка по 3 (до инициализации slick); slick превращает её в карусель */
.rd-promo__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	position: relative;        /* якорь для боковых стрелок (высота = высота слайда) */
}
.rd-promo__grid.slick-initialized { display: block; }       /* карусель активна */
.rd-promo .slick-list { margin: 0 -16px; }                  /* компенсация отступов слайдов */
.rd-promo .slick-slide { padding: 0 16px; }                 /* зазор между баннерами (32px) */
.rd-promo .slick-slide > div { line-height: 0; }
.rd-promo__card {
	display: block;
	border-radius: 24px;
	overflow: hidden;
	line-height: 0;
	background: var(--rd-dark);
	cursor: default;        /* баннер без заполненной ссылки — некликабельный */
}
/* Баннер со ссылкой (свойство LINK заполнено в админке) — обычная ссылка с лёгким ховером */
.rd-promo__card--link { cursor: pointer; transition: transform .2s, box-shadow .2s; }
.rd-promo__card--link:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.45); }
.rd-promo__card img {
	display: block;
	width: 100%;
	aspect-ratio: 520 / 420;
	height: auto;
	object-fit: cover;
}

/* Боковые стрелки — небольшие кружки по центру ряда, чуть на краях карточек */
.rd-promo__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;                 /* по умолчанию — белые */
	box-shadow: none;
	cursor: pointer;
	font-size: 0;
	transition: background .2s, border-color .2s;
}
.rd-promo__arrow::before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid var(--rd-bg);   /* тёмный шеврон на белом */
	border-left: 2px solid var(--rd-bg);
	transform: rotate(-45deg);
	transition: border-color .2s;
}
.rd-promo__arrow:hover { background: rgba(255,255,255,.6); border-color: #fff; } /* при наведении — белый фон с лёгкой прозрачностью (не тёмный) */
.rd-promo__arrow:hover::before { border-color: var(--rd-bg); } /* шеврон остаётся тёмным */
.rd-promo__arrow--prev { left: -22px; }
.rd-promo__arrow--prev::before { margin-left: 3px; }                 /* шеврон «‹» */
.rd-promo__arrow--next { right: -22px; transform: translateY(-50%) scaleX(-1); } /* флип → «›» */
.rd-promo__arrow--next::before { margin-left: 3px; }

@media (max-width: 900px) {
	.rd-promo {         padding: 88px 0 30px 0; }
	.rd-promo__grid { grid-template-columns: 1fr; gap: 20px; }
	.rd-promo__arrow { width: 40px; height: 40px; }
	.rd-promo__arrow--prev { left: 4px; }
	.rd-promo__arrow--next { right: 4px; }
}

/* ================================================================== */
/* БЛОК 3 — Категории (6 в ряд, названия, «Загрузить ещё»)             */
/* ================================================================== */
.rd-section-title--center { text-align: center; }

.rd-cats {
	background: var(--rd-dark);
	padding: 80px 0;
}
.rd-cats__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px 5px;
}
.rd-cats__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	text-decoration: none;
	color: #fff;
}
.rd-cats__item--hidden { display: none; }

/* Круг рисуется в коде (не картинкой из админки): тонкое фиолетовое кольцо + зазор +
   заливка-диск, поверх — белая иконка из админки (PREVIEW_PICTURE), по центру. */
.rd-cats__ico {
	position: relative;
	width: 100%;
	max-width: 250px;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s;
}
.rd-cats__ico::before {                 /* тонкое кольцо */
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid var(--rd-accent);
}
.rd-cats__ico::after {                  /* заливка-диск (зазор от кольца) */
	content: "";
	position: absolute;
	inset: 10px;
	border-radius: 50%;
	background: var(--rd-accent);
}
.rd-cats__item:hover .rd-cats__ico { transform: translateY(-4px); }
.rd-cats__ico img {
	position: relative;
	z-index: 1;
	display: block;
	width: 46%;
	height: 46%;
	object-fit: contain;
}
.rd-cats__name {
	font-family: var(--rd-font-text);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
}
.rd-cats__item:hover .rd-cats__name { color: var(--rd-accent); }

.rd-cats__more-wrap { display: flex; justify-content: center; margin-top: 48px; }

/* Категорий показывается/догружается по 6 (data-step=6 в шаблоне), поэтому колонок
   может быть только 6, 3 или 2 — тогда ряды всегда полные. Шаг в 4 колонки давал
   рваную раскладку «4 сверху / 2 снизу», его убрали: с 1200px сразу 3 в ряд. */
@media (max-width: 1200px) {
	.rd-cats__grid { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }
}
@media (max-width: 900px) {
	.rd-cats { padding: 48px 0; }
	.rd-cats__grid { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }
	.rd-cats__name { font-size: 14px; }
	.rd-cats__more-wrap { margin-top: 32px; }
}
@media (max-width: 560px) {
	.rd-cats__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ================================================================== */
/* БЛОК 4 — Новинки (4 в ряд, новая карточка, «Загрузить ещё»)          */
/* ================================================================== */
.rd-new {
	background: var(--rd-bg);
	padding: 80px 0;
}
.rd-new__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
/* Карточка-плитка вынесена в redesign.css (.rd-pcard) — общий стиль для Новинок и Каталога.
   Здесь у новинок только сетка, скрытие, навигация карусели. */
.rd-new__item--hidden { display: none; }

.rd-new__more-wrap { display: flex; justify-content: center; margin-top: 48px; }
.rd-new__nav { display: none; }   /* по умолчанию скрыты; показываются на мобильном (см. ниже) */

@media (max-width: 1200px) {
	.rd-new__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.rd-new { padding: 48px 0; }
	.rd-new__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	/* карусель: заголовок слева, стрелки под ним, «Загрузить ещё» прячем (только десктоп) */
	.rd-new .rd-section-title { text-align: left; }
	.rd-new__nav { display: flex; gap: 12px; margin: 16px 0 24px; }
	.rd-new__more-wrap { display: none; }
}
/* (моб. размеры карточки — в redesign.css, .rd-pcard) */

/* ================================================================== */
/* БЛОКИ 5 и 6 — Розничный / Оптовый формат (сплит на всю ширину)       */
/* ================================================================== */
.rd-format {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: var(--rd-dark);
}
.rd-format__media { display: flex; }
.rd-format__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.rd-format__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 80px var(--rd-gutter);
}
.rd-format__label {
	font-family: var(--rd-font-text);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 24px;
}
.rd-format__title {
	font-family: var(--rd-font-head);
	font-weight: 900;
	font-size: 52px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 32px;
}
.rd-format__desc {
	font-family: var(--rd-font-text);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	color: rgba(255,255,255,.6);
	max-width: 580px;
	margin: 0 0 40px;
}
/* Акцентное слово в заголовке (напр. «команды») — рукописный шрифт HTC Hand */
.rd-format__accent {
	display: inline-block;
	font-family: 'HTC Hand', var(--rd-font-head);
	font-weight: 400;
	font-size: 1.5em;            /* крупнее основного заголовка, как в макете */
	line-height: .9;
	letter-spacing: -.02em;
	color: var(--rd-accent);
	transform: rotate(-3deg);
	margin-top: -.35em;          /* «налезает» на строку выше, как в макете */
}

@media (max-width: 1100px) {
	.rd-format__title { font-size: 42px; }
	.rd-format__text { padding: 64px 40px; }
}
@media (max-width: 900px) {
	.rd-format { grid-template-columns: 1fr; }
	.rd-format__media { order: -1; }          /* картинка всегда сверху на мобильном */
	.rd-format__media img { height: auto; }
	.rd-format__text { padding: 48px 24px; }
	.rd-format__title { font-size: 32px; }
	.rd-format__desc { font-size: 15px; }
}

/* ================================================================== */
/* БЛОК 8 — Промо на фиолетовом + 3 вертикальные полосы логотипов       */
/* ================================================================== */
.rd-brands { background: var(--rd-bg); padding: 80px 0; }
.rd-brands__card {
	display: grid;
	grid-template-columns: 1fr 1.05fr;     /* текст | колонки логотипов */
	background: var(--rd-accent);
	border-radius: 28px;
	overflow: hidden;
}
.rd-brands__text { display: flex; flex-direction: column; padding: 56px; }
.rd-brands__label {
	font-family: var(--rd-font-text);
	font-weight: 600; font-size: 16px; line-height: 1;
	letter-spacing: .08em; text-transform: uppercase;
	color: #fff; margin: 0 0 24px;
}
.rd-brands__title {
	font-family: var(--rd-font-head);
	font-weight: 900; font-size: 52px; line-height: 1.1;
	text-transform: uppercase; color: #fff; margin: 0 0 auto;
}
/* Низ: описание слева, кнопка справа — в один ряд */
.rd-brands__foot {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-top: 40px;
}
.rd-brands__desc {
	font-family: var(--rd-font-text);
	font-weight: 400; font-size: 15px; line-height: 1.6;
	color: rgba(255,255,255,.85); max-width: 300px; margin: 0;
}
.rd-brands__foot .rd-btn { flex: 0 0 auto; }
/* Блок «Бренды»: ховер кнопки — без фиол. заливки, только лёгкая прозрачность (как в нижнем блоке) */
.rd-brands .rd-btn--white:hover { background: #fff; color: var(--rd-black) !important; opacity: .88; filter: none; }

/* Колонки логотипов — вертикальный marquee */
.rd-brands__cols {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding: 0px 16px;
	height: 824px;            /* выше — чтобы в колонке было видно ~3 плитки (2 целых + половинки) */
	overflow: hidden;
}
.rd-brands__col { overflow: hidden; }
.rd-brands__track {
	display: flex;
	flex-direction: column;
	gap: 16px;
	animation: rd-vmarquee-up 33s linear infinite;   /* было 22s — замедлено */
}
.rd-brands__col--down .rd-brands__track { animation-name: rd-vmarquee-down; }
.rd-brands__tile {
	flex: 0 0 auto;
	display: flex; align-items: center; justify-content: center;
	aspect-ratio: 1;
	border-radius: 18px;
	background: rgba(255,255,255,.14);
}
.rd-brands__tile img { max-width: 62%; max-height: 40%; width: auto; height: auto; object-fit: contain; }
@keyframes rd-vmarquee-up   { from { transform: translateY(0); }    to { transform: translateY(-50%); } }
@keyframes rd-vmarquee-down { from { transform: translateY(-50%); } to { transform: translateY(0); } }

/* Мобильный вариант — 2 горизонтальные полосы логотипов (по умолчанию скрыты) */
.rd-brands__rows { display: none; }
.rd-brands__row { overflow: hidden; }
.rd-brands__rtrack {
	display: flex; align-items: center; gap: 12px;
	width: max-content;
	animation: rd-marquee 84s linear infinite;   /* было 28s — замедлено */
}
.rd-brands__row--rev .rd-brands__rtrack { animation: rd-marquee-rev 84s linear infinite; }
.rd-brands__rtile {
	flex: 0 0 auto;
	width: 132px; height: 132px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 18px;
	background: var(--rd-accent);
}
.rd-brands__rtile img { max-width: 60%; max-height: 38%; width: auto; height: auto; object-fit: contain; }
@keyframes rd-marquee-rev { from { transform: translateX(-50%); } to { transform: translateX(0); } }

@media (max-width: 1100px) {
	.rd-brands__card { grid-template-columns: 1fr; }
	.rd-brands__text { padding: 40px; }
	.rd-brands__cols { height: 520px; }
}
@media (max-width: 900px) {
	.rd-brands { padding: 48px 0; }
	/* убираем фиолетовую карточку — текст и полосы на тёмном фоне секции */
	.rd-brands__card { display: block; background: transparent; border-radius: 0; }
	.rd-brands__text { padding: 0; }
	.rd-brands__title { font-size: 32px; margin: 0 0 24px; }
	.rd-brands__cols { display: none; }                 /* прячем вертикальные колонки */
	.rd-brands__rows { display: flex; flex-direction: column; gap: 12px; margin: 0 0 28px; } /* показываем 2 горизонтальные полосы */
	.rd-brands__foot { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 0; }
}

/* ================================================================== */
/* БЛОК 9 — Блог (4 карточки: фото / заголовок / дата + стрелка)        */
/* ================================================================== */
.rd-blog { background: var(--rd-bg); padding: 80px 0; }
.rd-blog__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.rd-blog__card {
	display: flex;
	flex-direction: column;
	background: var(--rd-dark);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 20px;
	padding: 16px;                       /* отступ обложки от плашки — как в Новинках */
}
.rd-blog__imgwrap {
	display: block;
	aspect-ratio: 1;
	background: #2c2c2c;
	border-radius: 14px;                 /* закруглённые края обложки — как в Новинках */
	overflow: hidden;
}
.rd-blog__imgwrap img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rd-blog__body { display: flex; flex-direction: column; gap: 18px; padding: 16px 0 0; flex: 1 1 auto; }
.rd-blog__title {
	font-family: var(--rd-font-text);
	font-weight: 400; font-size: 20px; line-height: 1.35;
	color: #fff; text-decoration: none;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.rd-blog__title:hover { color: var(--rd-accent); }
.rd-blog__bottom {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	margin-top: auto;
}
.rd-blog__date { font-family: var(--rd-font-text); font-size: 14px; color: rgba(255,255,255,.45); }
.rd-blog__arrow {
	flex: 0 0 auto;
	display: flex; align-items: center; justify-content: center;
	width: 52px; height: 42px; border-radius: 100px;
	background: var(--rd-bg); transition: background .2s;
}
.rd-blog__arrow::before {
	content: "";
	width: 9px; height: 9px;
	margin-left: -3px;
	border-top: 2px solid #fff; border-right: 2px solid #fff;
	transform: rotate(45deg);          /* шеврон «›» вправо */
}
.rd-blog__arrow:hover { background: var(--rd-accent); }
.rd-blog__more-wrap { display: flex; justify-content: center; margin-top: 48px; }

/* Стрелки каруселей блога и новинок (моб.) */
.rd-blog__nav { display: none; }
.rd-blog__navbtn, .rd-new__navbtn {
	display: flex; align-items: center; justify-content: center;
	width: 52px; height: 42px;
	border: 0; border-radius: 100px;
	background: var(--rd-dark);
	cursor: pointer; font-size: 0;
	transition: background .2s;
}
.rd-blog__navbtn:hover, .rd-new__navbtn:hover { background: var(--rd-accent); }
.rd-blog__navbtn::before, .rd-new__navbtn::before {
	content: ""; width: 9px; height: 9px;
	border-top: 2px solid #fff; border-left: 2px solid #fff;
}
.rd-blog__navbtn--prev::before, .rd-new__navbtn--prev::before { transform: rotate(-45deg); margin-left: 3px; }   /* ‹ */
.rd-blog__navbtn--next::before, .rd-new__navbtn--next::before { transform: rotate(135deg); margin-right: 3px; }  /* › */
.rd-blog__navbtn.slick-disabled, .rd-new__navbtn.slick-disabled { opacity: .35; cursor: default; }
/* когда slick активен — грид превращается в слайдер */
.rd-blog__grid.slick-initialized,
.rd-new__grid.slick-initialized { display: block; }

/* Равная высота карточек Новинок в карусели: flex-трек растягивает все слайды
   до самого высокого, цена/кнопки прижаты к низу (.rd-pcard__bottom{margin-top:auto}) */
.rd-new__grid.slick-initialized .slick-track { display: flex; }
.rd-new__grid.slick-initialized .slick-track .slick-slide { height: auto; }
/* ⚠️ НЕ тянуть карточку через height:100% по цепочке слайд → обёртка slick → карточка:
   у обёртки, которую slick создаёт сам, высота не definite → карточка становилась ниже
   контента, и низ (цена + кнопки) обрезался `.slick-list{overflow:hidden}`. Кнопки
   выравниваются резервом высоты под 2 строки названия (.rd-pcard__name в redesign.css). */

/* Новинки на мобильном (variableWidth): фикс. ширина карточки → следующая видна справа ~18% */
@media (max-width: 899px) {
	.rd-new__grid.slick-initialized .rd-new__item { width: 80vw; max-width: 340px; margin-right: 12px; }
}

@media (max-width: 1100px) {
	.rd-blog__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.rd-blog { padding: 48px 0; }
	.rd-blog .rd-section-title { text-align: left; }   /* по макету — заголовок слева */
	.rd-blog__nav { display: flex; gap: 12px; margin: 16px 0 24px; }   /* отступ между заголовком и стрелками */
	.rd-blog__more-wrap { margin-top: 32px; }
}

/* ================================================================== */
/* БЛОК 10 — Покупателям & партнёрам (3 плашки, якорь #rd-partners)     */
/* ================================================================== */
.rd-partners {
	background: var(--rd-dark);
	padding: 80px 0;
	scroll-margin-top: 100px;       /* чтобы якорь не прятался под шапкой */
}
.rd-partners__title {
	font-family: var(--rd-font-head);
	font-weight: 900; font-size: 52px; line-height: 1;
	text-transform: uppercase; text-align: center; color: #fff;
	margin: 0 0 48px;
}
.rd-partners__title .rd-accent { color: var(--rd-accent); }
.rd-partners__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.rd-partners__plate {
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	padding: 40px;
	min-height: 430px;
}
.rd-partners__pt {
	font-family: var(--rd-font-head);
	font-weight: 900; font-size: 24px; line-height: 1.1;
	text-transform: uppercase; margin: 0 0 30px;
}
.rd-partners__pd {
	font-family: var(--rd-font-text);
	font-weight: 400; font-size: 16px; line-height: 1.6;
	margin: 0 0 auto;
}
.rd-partners__plate .rd-btn { align-self: flex-start; margin-top: 32px; }
/* Нижний блок (Партнёры): кнопки общих классов, но ховер ДРУГОЙ —
   без фиол. заливки, только лёгкая прозрачность (перебиваем общие ховеры). */
.rd-partners .rd-btn--white:hover { background: #fff; color: var(--rd-black) !important; opacity: .88; filter: none; }
.rd-partners .rd-btn--dark:hover  { background: var(--rd-bg); color: #fff; opacity: .88; filter: none; }

/* Тёмная плашка */
.rd-partners__plate--dark {     background: var(--rd-bg); }
.rd-partners__plate--dark .rd-partners__pt { color: #fff; }
.rd-partners__plate--dark .rd-partners__pd { color: rgba(255,255,255,.6); }
/* Фиолетовая плашка */
.rd-partners__plate--accent { background: var(--rd-accent); }
.rd-partners__plate--accent .rd-partners__pt { color: #fff; }
.rd-partners__plate--accent .rd-partners__pd { color: rgba(255,255,255,.85); }
/* Белая плашка */
.rd-partners__plate--light { background: #fff; }
.rd-partners__plate--light .rd-partners__pt { color: var(--rd-bg); }
.rd-partners__plate--light .rd-partners__pd { color: rgba(0,0,0,.6); }

/* Тёмная кнопка (для белой плашки) */
.rd-btn--dark { background: var(--rd-bg); color: #fff; }
.rd-btn--dark:hover { filter: brightness(1.4); }

@media (max-width: 1000px) {
	.rd-partners__grid { grid-template-columns: 1fr; }
	.rd-partners__plate { min-height: 0; }
	.rd-partners__title { font-size: 32px; }
}