/*
 * Мобильная раскладка - файл зоны переноса transfer-05.
 *
 * Эталоны: ui_kits/website/HomeMobile.jsx (MHeader, MDrawer, MHero, MSearch,
 * MTrust и все блоки главной), ui_kits/website/Prices.jsx -> MPrices,
 * components/content/JournalTeaser.jsx (stacked), components/core/TrustPill.jsx,
 * components/core/BottomSheet.jsx, tokens/space.css.
 *
 * Правила:
 *   - файл грузится ПОСЛЕДНИМ (см. functions.php), поэтому перебивает
 *     home-sections.css / site-header.css / footer.css без !important;
 *   - десктоп НЕ трогаем: всё живёт внутри media-запросов;
 *   - 1024px - граница, ниже которой страница считается мобильной
 *     (строка поиска уходит потоком, сетки схлопываются);
 *   - 760px - раскладка опорной ширины 375 из HomeMobile.jsx.
 *
 * Одна страница и один URL: разметка общая с десктопом, отличается только
 * раскладка. Отдельных мобильных шаблонов нет.
 */

/* ================================================================
   1. HERO. Эталон MHero + MSearch.

   На десктопе строка поиска висит абсолютным слоем внутри hero, ниже
   1024px она идёт потоком - и hero вырастал на её высоту: фон-фотография
   (inset: 0) растягивалась на всю полосу, скруглённая кромка уезжала под
   карточку поиска. В эталоне кадр кончается там, где кончается текст,
   а карточка поиска заезжает на него на 32px.

   Решение без правки разметки: полоса становится гридом в одну колонку,
   фон и текст ложатся в первый ряд (одна ячейка), поиск - во второй.
   Высоту первого ряда задаёт текст, фон её наследует.
   ================================================================ */

@media (max-width: 1024px) {
	.pk-home .pk-hhero {
		display: grid;
		grid-template-columns: 100%;
		background: transparent;
		border-radius: 0;
	}
	.pk-home .pk-hhero__bg {
		position: relative;
		inset: auto;
		grid-area: 1 / 1;
		background: var(--pk-hero-bg);
		border-radius: 0 0 var(--pk-radius-hero) var(--pk-radius-hero);
	}
	/* width/margin обязательны: .pk-hhero__inner - это .pk-container с
	   `margin: 0 auto`, а у грид-элемента авто-поля СИЛЬНЕЕ растяжения -
	   блок сжимался до ширины контента (254px) и вставал по центру, из-за
	   чего заголовок hero получал ~60px лишнего отступа слева. */
	.pk-home .pk-hhero__inner { grid-area: 1 / 1; width: 100%; margin-inline: 0; }
	.pk-home .pk-hhero__searchwrap { grid-area: 2 / 1; }
	/* Поля стопки в эталоне уже десктопных: 10px 16px против 10px 20px. */
	.pk-home .pk-hsearch__field { padding: 10px 16px; }
}

@media (max-width: 900px) {
	.pk-home .pk-hhero__bg { border-radius: 0 0 28px 28px; }
}

/* Планшетная полоса 760-1024 эталоном не покрыта. Держим то же правило,
   что на 375: скрим горизонтальный и плотный слева, текст живёт в левой
   половине кадра - иначе лид ложится прямо на маскота и не читается. */
@media (min-width: 761px) and (max-width: 1024px) {
	.pk-home .pk-hhero__bg img { object-position: 60% top; }
	.pk-home .pk-hhero__scrim {
		background: linear-gradient(96deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.94) 44%, rgba(255,255,255,0.78) 56%, rgba(255,255,255,0.30) 72%, rgba(255,255,255,0.04) 86%, rgba(255,255,255,0) 100%);
	}
	.pk-home .pk-hhero__content { max-width: 56%; }
}

/* ================================================================
   2. ЗАГОЛОВКИ СЕКЦИЙ. Эталон MHead.

   Кегли мельче десктопных (26/15 против 40/17), кикер 10px с чертой 18px,
   ссылка секции - не пилюля-кнопка, а тихая текстовая строка со стрелкой
   ПОД лидом (на десктопе она справа от заголовка). Порядок меняем не
   разметкой, а order: разметка одна на оба размера.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-h-head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}
	.pk-home .pk-h-head__row { display: contents; }
	.pk-home .pk-h-head__main { order: 1; max-width: 100%; }
	.pk-home .pk-h-lead { order: 2; margin: 10px 0 0; font-size: 15px; line-height: 1.6; }
	.pk-home .pk-h-headlink { order: 3; }

	.pk-home .pk-h-kicker { gap: 7px; margin-bottom: 10px; font-size: 10px; }
	.pk-home .pk-h-kicker i { width: 18px; }

	.pk-home .pk-h-title { font-size: 26px; line-height: 1.15; letter-spacing: -0.025em; }

	/* Ссылка секции: текстовая строка с тап-целью 44px, без рамки и тени. */
	.pk-home .pk-h-headlink {
		gap: 6px;
		margin-top: 12px;
		padding: 0;
		min-height: var(--tap-min);
		border: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
		color: var(--pk-green);
		font-size: var(--fs-body);
		font-weight: var(--fw-semibold);
	}
	.pk-home .pk-h-headlink:hover { border-color: transparent; box-shadow: none; color: var(--pk-green-dark); }
}

/* ================================================================
   3. ЧИПСЫ ДОВЕРИЯ ПОД ПОИСКОМ. Эталон MTrust + TrustPill.

   Сетка 2x2 во всю ширину уже перенесена; здесь добиваем геометрию
   пилюли: иконка 12px (на десктопе 14), межстрочный 1.2.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-h-pill { line-height: 1.2; }
	.pk-home .pk-h-pill .pk-h-ico { width: 12px; height: 12px; }
}

/* ================================================================
   4. SEO-ИНТРО. Эталон HomeMobile -> MBand «SEO-интро».

   В эталоне это кремовая карточка panel(): карта 150px сверху, под ней
   кикер и текст с полями 20px. На сайте блок был плоским - текст на белом
   во всю ширину, карта ПОД текстом (в DOM она вторая), плюс десктопный
   line-art декор, которого в мобильном эталоне нет.
   Полосу закрываем снизу вплотную: у MBand интро pb = 0.
   ================================================================ */

/* Line-art декор (интро, «Как это работает», «Доверие», пре-футер) - приём
   десктопной полосы: в мобильных эталонах его нет ни в одном блоке, а ниже
   1024px он вылезает за вьюпорт и даёт горизонтальную прокрутку страницы. */
@media (max-width: 1024px) {
	.pk-front .pk-h-decor { display: none; }
}

/* Таблица цен ниже 1024px шире вьюпорта, и служебный span подписи «Перейти»
   (position: absolute) выпадал из прокручиваемой области наружу - страница
   получала горизонтальную прокрутку. Коробка становится системой координат
   и обрезает всё лишнее. */
@media (max-width: 1024px) {
	.pk-home .pk-hprices__box { position: relative; overflow: hidden; }
}

@media (max-width: 760px) {
	.pk-home .pk-hband.pk-hintro { padding: 28px 0 0; }
	.pk-home .pk-hintro__grid {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0 var(--pk-gutter);
		padding: 0;
		background: var(--pk-cream);
		border-radius: var(--pk-radius-lg);
		box-shadow: var(--e1);
		overflow: hidden;
	}
	.pk-home .pk-hintro__media { order: 1; }
	.pk-home .pk-hintro__text { order: 2; padding: 20px 20px 22px; }
	.pk-home .pk-hintro__map { height: 150px; }
}

/* ================================================================
   5. ФОРМАТЫ. Эталон MBand «Форматы» + CategoryCard compact.

   Лента со снапом уже была; здесь - компактный вариант самой карточки:
   он не сводится к min-height, у него свои поля, кегли и высота пилюли.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-hformats { padding-bottom: 14px; }
	/* Строка «Ещё подборки» в эталоне стоит ПОД лентой, в разметке она перед
	   ней (десктопный порядок). Порядок правим order, а не разметкой. */
	.pk-home [data-pk-home-section="formats"] .pk-container { display: flex; flex-direction: column; }
	.pk-home [data-pk-home-section="formats"] .pk-h-head { order: 1; }
	.pk-home [data-pk-home-section="formats"] .pk-hformats { order: 2; }
	.pk-home .pk-hformats__extra { order: 3; margin: 4px 0 0; }
	.pk-home .pk-hformats__extra-label { font-size: var(--fs-ui-xs); }

	/* compact-карточка не тянет за собой десктопную математику FormatGrid:
	   там высота = 3/2 + 40px подложки (content-box), здесь - ровно 178. */
	.pk-home .pk-hcat { box-sizing: border-box; padding-bottom: 0; }

	.pk-home .pk-hcat__scrim {
		background: linear-gradient(to top, rgba(12,28,18,0.94) 0px, rgba(14,30,20,0.62) 108px, rgba(14,30,20,0.18) 158px, rgba(14,30,20,0.10) 100%);
	}
	.pk-home .pk-hcat__price { top: 10px; left: 10px; padding: 5px 10px; font-size: 11px; }
	.pk-home .pk-hcat__price .pk-h-ico { width: 11px; height: 11px; }
	.pk-home .pk-hcat__body { padding: 0 14px 15px; }
	.pk-home .pk-hcat__sub { margin-top: 7px; font-size: 11px; }
	.pk-home .pk-hcat__foot { margin-top: 13px; padding-top: 12px; }
	.pk-home .pk-hcat__count { font-size: 11px; }
	.pk-home .pk-hcat__cta { height: 30px; padding: 0 11px; font-size: 11px; }
	.pk-home .pk-hcat__cta .pk-h-ico { width: 12px; height: 12px; }
}

/* ================================================================
   6. ТАБЛИЦА ЦЕН. Эталон MPrices.

   Что доводим:
   - полотно 560, а не 620 (эталонная minWidth);
   - рамка, радиус и тень принадлежат ПРОКРУЧИВАЕМОЙ области, а не всему
     блоку: в эталоне подпись «Листайте таблицу в сторону», сноска и кнопки
     стоят ПОД коробкой, на фоне полосы;
   - затухание правого края накрывает только таблицу (было - весь блок,
     включая подвал со сноской и кнопками);
   - чипы формата не переносятся: ячейки эталона nowrap, иначе строки
     вырастают вдвое против эталонных 56px;
   - индикатор свайпа из двух полосок 16x4 перед подписью.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-hprices__table { min-width: 560px; }

	/* Рамку и тень снимаем, но обрезку оставляем: именно коробка держит
	   полотно таблицы внутри полосы - без неё страница получает
	   горизонтальную прокрутку на всю ширину таблицы. */
	.pk-home .pk-hprices__box {
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: none;
		overflow: hidden;
	}
	.pk-home .pk-hprices__box::after { content: none; }

	.pk-home .pk-hprices__pane { position: relative; }
	/* Затухание живёт на панели: сверху - таблица, снизу подпись свайпа
	   на белом, поэтому лишние 40px градиента её не задевают. */
	.pk-home .pk-hprices__pane::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 46px;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.92) 62%, #fff 100%);
		pointer-events: none;
	}
	.pk-home .pk-hprices__scroll {
		border: 1px solid var(--pk-border);
		border-radius: var(--pk-radius);
		box-shadow: var(--e1);
		background: #fff;
		scroll-snap-type: x mandatory;
	}

	.pk-home .pk-hprices__chips { flex-wrap: nowrap; }
	.pk-home .pk-hprices__table td,
	.pk-home .pk-hprices__table tbody th { white-space: nowrap; scroll-snap-align: start; }

	/* Подпись свайпа: две полоски 16x4 (первая зелёная - таблица в начале). */
	.pk-home .pk-hprices__swipe { margin: 12px 0 0; padding: 0; }
	.pk-home .pk-hprices__swipe::before {
		content: "";
		flex: none;
		width: 36px;
		height: 4px;
		border-radius: 2px;
		background-image: linear-gradient(90deg, var(--pk-green) 0 16px, transparent 16px 20px, var(--pk-border) 20px 36px);
	}

	/* Подвал уходит из коробки на фон полосы. */
	.pk-home .pk-hprices__note {
		margin-top: 14px;
		padding: 0;
		border-top: 0;
		background: none;
		gap: 14px;
	}
	.pk-home .pk-hprices__note > p { font-size: var(--fs-ui-xs); line-height: 1.5; }
	.pk-home .pk-hprices__actions { gap: 14px; }
}

/* ================================================================
   7. ЖУРНАЛ. Эталон JournalTeaser stacked.

   На мобиле тизер - не сетка 1.32/1, а стопка: большая карточка, под ней
   строки, внизу primary-кнопка «Читать Журнал» во всю ширину.
   Мета в обоих вариантах ломается на две строки (имя / дата · время),
   иначе nowrap-строка распирает колонку и появляется горизонтальная
   прокрутка страницы.
   ================================================================ */

/* Базовая геометрия двух новых обёрток меты (класс появился вместе с этой
   правкой). На десктопе зазоры те же, что были у плоского списка, - вид
   подвала карточки не меняется. */
.pk-home .pk-hjournal__metabody { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pk-home .pk-hjournal__dates { display: flex; align-items: center; }
.pk-home .pk-hjournal__meta .pk-hjournal__dates { gap: 10px; }
.pk-home .pk-hjournal__rowmeta .pk-hjournal__dates { gap: 7px; }

@media (max-width: 760px) {
	.pk-home .pk-hjournal { display: block; }
	.pk-home .pk-hjournal__rows { height: auto; margin-top: 8px; }

	/* Большая карточка: у stacked-варианта эталона кегли и поля тела
	   те же, что на десктопе (25px / 22-26-24), меняется только раскладка. */
	.pk-home .pk-hjournal__body { padding: 22px 26px 24px; }
	.pk-home .pk-hjournal__title { font-size: 25px; }

	/* Мета большой карточки: аватар слева, справа две строки. */
	.pk-home .pk-hjournal__meta { align-items: center; gap: 10px; }
	.pk-home .pk-hjournal__metabody { flex-direction: column; align-items: flex-start; gap: 2px; }
	.pk-home .pk-hjournal__metabody > .pk-hj-dot { display: none; }
	.pk-home .pk-hjournal__meta .pk-hjournal__dates { gap: 8px; font-size: var(--fs-ui-xs); }

	/* Строки: мета в две строки, ширина колонки больше не распирается. */
	.pk-home .pk-hjournal__rowmeta { flex-direction: column; align-items: flex-start; gap: 2px; }
	.pk-home .pk-hjournal__rowmeta > .pk-hj-dot { display: none; }
	.pk-home .pk-hjournal__rowbody { min-width: 0; }

	/* Кнопка в эталоне stacked - основная и во всю ширину. */
	.pk-home .pk-hjournal__cta { margin-top: 18px; }
	.pk-home .pk-hjournal__cta .pk-btn {
		width: 100%;
		background: var(--pk-green-dark);
		border-color: var(--pk-green-dark);
		color: #fff;
	}
	.pk-home .pk-hjournal__cta .pk-btn:hover { background: var(--pk-green); border-color: var(--pk-green); color: #fff; }
}

/* ================================================================
   7a. ПОПУЛЯРНЫЕ НАПРАВЛЕНИЯ.
   Эталон HomeMobile -> блок «География», нижняя половина: карточка
   направления с шапкой 17px и тихой ссылкой 12px.

   Шапка яруса с 2026-09-11 - общая шапка секций (кикер, заголовок с
   акцентом, лид) в мобильном масштабе MHead: кикер, лид, отступ и заголовок
   приходят из общих правил шапки выше. Заголовок с 2026-09-13 того же
   размера, что у секций (26px): владелец сравнял ярус с «Популярными
   базами и парками», прежний шаг вниз до 20px снят.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-hdirs { margin-top: 28px; }
	.pk-home .pk-hdirs__grid { gap: 14px; }
	.pk-home .pk-hdirs__head { margin-bottom: 14px; }
	.pk-home .pk-hdirs__city { gap: 7px; font-size: 17px; }
	.pk-home .pk-hdirs__all { font-size: var(--fs-ui-xs); }
	.pk-home .pk-hdirs__chips { gap: 7px; }

	/* .pk-hsoon удалён вместе с блоком «Скоро откроем» 2026-09-04. */
}

/* FAQ: карточка «Не нашли ответ?» отбита от аккордеона на 16px (эталон MFaq). */
@media (max-width: 1024px) {
	.pk-home .pk-hfaq { gap: 16px; }
}

/* ================================================================
   8. ЗАЯВКИ НА ОТДЫХ. Эталон HomeMobile -> MBand «Заявки на отдых».
   Кадр 170px (не 220), список шагов - плоский: в эталоне это <ol> с
   кружком 26px на мягкой зелёной заливке, без карточек и рамок.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-hreq__media { min-height: 170px; }
	.pk-home .pk-hreq__steps { gap: 12px; margin-bottom: 20px; }
	.pk-home .pk-hreq__steps li { gap: 12px; padding: 0; border: 0; border-radius: 0; background: none; }
	.pk-home .pk-hreq__num {
		width: 26px;
		height: 26px;
		background: var(--pk-green-soft);
		color: var(--pk-green-dark);
		font-size: var(--fs-ui-xs);
	}
	.pk-home .pk-hreq__steps strong + span { margin-top: 2px; font-size: var(--fs-ui-xs); }
	.pk-home .pk-hreq__actions { gap: 8px; }
}

/* ================================================================
   9. ДОВЕРИЕ. Эталон HomeMobile -> MBand «Доверие».
   В мобильной ячейке цифра и подпись, без янтарной черты десктопа;
   подпись мельче (fs-ui-xs) и отбита ровно на 8px.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-htrust__rule { display: none; }
	.pk-home .pk-htrust__label { margin-top: 8px; font-size: var(--fs-ui-xs); }
}

/* ================================================================
   10. CTA ВЛАДЕЛЬЦАМ. Эталон HomeMobile -> MBand «CTA владельцам».
   Кадр 170px, как у блока заявок.
   ================================================================ */

@media (max-width: 760px) {
	.pk-home .pk-howner__media { min-height: 170px; }
	.pk-home .pk-howner__body { padding: 20px 20px 22px; }
}

/* ================================================================
   11. НИЖНИЙ CTA. Эталон HomeMobile -> MBand «Нижний CTA».

   Маскот на мобиле ВИДЕН (в переносе он был спрятан): стоит справа
   отдельным слоем, голова выходит за верхнюю кромку карточки, текст
   и чипы держатся левее него - под них в эталоне зарезервировано
   146px справа и 236px высоты.
   ================================================================ */

@media (max-width: 760px) {
	/* Уточнения десктопных строк, которых нет в мобильном эталоне. */
	.pk-front .pk-h-wide { display: none; }

	/* У MBand нижнего CTA верхнего поля нет вовсе (pt = 0): воздух над
	   карточкой даёт padding-top самой обёртки .pk-hbottom (40px). */
	.pk-home .pk-hbottom-band { padding-top: 0; }
	.pk-home .pk-hbottom__content { padding: 18px 20px 20px; }
	.pk-home .pk-hbottom__nick { width: 44px; margin-bottom: 14px; }
	.pk-home .pk-hbottom__title { margin-bottom: 10px; line-height: 1.12; }
	.pk-home .pk-hbottom__lead { line-height: 1.5; }
	.pk-home .pk-hbottom__lead br { display: none; }
	.pk-home .pk-hbottom__magnet { gap: 12px; white-space: nowrap; }
	/* 146px справа - место маскота; чипы в эталоне стоят НИЖЕ этого блока
	   и идут во всю ширину, поэтому отступ им возвращается минусом. */
	.pk-home .pk-hbottom__text { max-width: none; padding-right: 146px; min-height: 236px; box-sizing: border-box; }
	.pk-home .pk-hbottom__lead { margin-bottom: 0; }
	/* Перенос строки лида - десктопный: на 375 он рвёт абзац посередине. */
	.pk-home .pk-hbottom__lead br { display: none; }
	.pk-home .pk-hbottom__facts { margin: 14px -146px 14px 0; border-radius: 0; }
	/* Чипсы: на 375 подпись «Ответ напрямую от владельца» встаёт в две
	   строки, и пилюльный радиус превращает чип в линзу (решение владельца
	   2026-09-02 - радиус карточки, а не пилюли). Разделитель span + span
	   тоже снимается: у каждого чипа своя рамка по кругу. */
	.pk-home .pk-hbottom__facts span {
		min-height: 34px;
		padding: 5px 9px;
		gap: 6px;
		box-sizing: border-box;
		border-radius: var(--pk-radius);
		font-size: var(--fs-ui-xs);
		font-weight: var(--fw-medium);
		line-height: 1.2;
	}
	.pk-home .pk-hbottom__facts span + span { border-left: 1px solid rgba(255,255,255,0.22); }
	.pk-home .pk-hbottom__facts .pk-h-ico { width: 12px; height: 12px; }
	.pk-home .pk-hbottom__magnet { margin-top: 0; }
	.pk-home .pk-hbottom__mascot {
		display: block;
		position: absolute;
		z-index: 2;
		left: auto;
		right: -18px;
		top: 0;
		width: auto;
		height: 268px;
		filter: drop-shadow(0 18px 26px rgba(12,32,20,0.45));
		pointer-events: none;
	}
}

/* ================================================================
   12. БУРГЕР-МЕНЮ. Эталон MDrawer.
   Контакты мелкой строкой в самом низу корневого окна - их в переносе
   не было вовсе.
   ================================================================ */

/* ================================================================
   ЛИПКАЯ ШАПКА ПОД АДМИН-БАРОМ WORDPRESS

   Ниже 600px WordPress делает #wpadminbar `position: absolute` - панель
   уезжает вместе со страницей. Отступ `top: 46px` у липкой шапки при этом
   остаётся, и при прокрутке шапка висит на 46px ниже верха экрана, оставляя
   пустую полосу. На этой ширине отступ не нужен вовсе - ни шапке, ни
   полноэкранному бургер-меню.
   ================================================================ */

@media screen and (max-width: 600px) {
	/* Шапки на sticky (внутренние страницы): в верху страницы их держит
	   поток - они и так стоят под панелью, а прилипать должны к самому
	   верху экрана. */
	.admin-bar .pk-header,
	.admin-bar.pk-front:not(.home) .pk-header--overlay { top: 0; }

	/* Шапка главной - fixed, потока под ней нет. 46px здесь запасное
	   значение на случай, если скрипт не отработал: лучше стоять под
	   панелью, чем прятаться за ней. В рабочем состоянии `top` ведёт
	   site-header.js: пока панель видна - 46px, дальше 0. */
	.admin-bar .pk-header--overlay { top: 46px; }

	/* Бургер-меню открывается ПОД панелью, а не под неё: у #wpadminbar
	   z-index 99999 против 90 у меню, так что при `top: 0` панель срезала
	   верхние 46px меню - шапку окна с крестиком и верх карточки
	   профиля. Постоянный отступ здесь не годится: ниже 600px панель
	   `position: absolute` и уезжает с прокруткой - при фиксированных 46px
	   на прокрученной странице сверху оставалась бы пустая полоса.
	   Значение ведёт site-header.js через --pk-wpbar: там ровно та
	   часть панели, что сейчас видна на экране. 46px - запасное
	   значение на случай, если скрипт не отработал. */
	.admin-bar.pk-front .pk-drawer { top: var(--pk-wpbar, 46px); }
}

/* Список городов в мобильном меню (.pk-drawer__city-item) удалён
   2026-09-04, перенос transfer-16: строка города открывает единое окно. */

/* Круглые кнопки-иконки эталона (IconButton default) - белые с волосяной
   рамкой. Крестик меню стоял голым глифом без круга. */
.pk-front .pk-drawer__close,
.pk-front .pk-mhead .pk-icon-btn {
	background: #fff;
	border: 1px solid var(--pk-border);
}

.pk-front .pk-drawer__contacts {
	margin-top: auto;
	padding-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.pk-front .pk-drawer__contacts a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: var(--fs-ui-sm);
	color: var(--pk-muted);
	text-decoration: none;
}
.pk-front .pk-drawer__contacts svg { flex: none; color: var(--pk-green); }