/* ==========================================================================
   Помощь: частые случаи и форма обращения.
   Стили только для /pomoshch/ — подключаются из moigrani-help.php.
   ========================================================================== */

.mg-help {
	display: grid;
	gap: .9rem;
	margin: 0 auto 2.6rem;
	max-width: 44rem;
}

.mg-help__item {
	display: grid;
	grid-template-columns: 2.2rem 1fr;
	gap: .2rem 1rem;
	align-items: start;
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--mg-line);
	border-radius: 16px;
	background: rgba(242, 232, 213, .02);
}

.mg-help__num {
	font-family: var(--mg-serif);
	font-size: 1.1rem;
	line-height: 1.5;
	color: var(--mg-gold);
}

.mg-help__text {
	margin: 0;
	font-size: .95rem;
	line-height: 1.6;
	color: var(--mg-muted);
}

.mg-help__text strong {
	font-weight: 500;
	color: var(--mg-cream);
}

/* Ловушка для ботов: человек её не видит. */
.mg-help__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mg-form__row select {
	width: 100%;
	min-width: 0;
	text-overflow: ellipsis;
}

@media (max-width: 520px) {
	.mg-help__item {
		grid-template-columns: 1.6rem 1fr;
		padding: .9rem 1rem;
	}
}

/* ==========================================================================
   Шапка страницы: кадр во всю ширину, как у правовых страниц.
   Раньше картинка лежала прямо в background-image секции: кадр обрывался по
   границе блока, под ним оставалась пустая полоса — читалось как разрыв
   между шапкой и первым случаем. Теперь работает общий механизм
   `.mg-article-head--cover` (кадр в ::before, вуаль в ::after, растворение в
   чернила) — тот же, что у /privacy/ и у историй.
   Смысл кадра — свет, который оставили для тебя: лампа справа, центр и левый
   край пустые, там стоит заголовок.
   Кадр: kie.ai nano-banana-2-1, промпт /root/prompts/help-lamp.md (вариант
   «a»), нарезка — /root/gen_help_bg.py.
   ========================================================================== */

/* Ниже общей высоты: на странице один заголовок в строку, а не документ. */
body.page .mg-help-head {
	min-height: clamp(280px, 38vh, 400px) !important;
}

/* Кадр держим по лампе, а не по центру: иначе срез проходит по стеклу. */
body.page .mg-help-head::before {
	background-position: center 58%;
}

@media (max-width: 620px) {
	/* На телефоне кадр другой: полоса 5:4, в ней лампа видна целиком. */
	.mg-help-head {
		--mg-cover: url(../../uploads/2026/10/bg/help-band-960.webp) !important;
	}

	body.page .mg-help-head::before {
		background-position: center 50%;
	}
}

/* Шапка во всю ширину: отступ контейнера давал полосу над кадром и под
   последним блоком — как у правовых страниц (:has(.mg-legal)), гасим его. */
body.page-id-354 .entry-content-wrap {
	background: none !important;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

/* Срок ответа: человек должен знать, чего ждать. */
.mg-help__time {
	max-width: 42rem;
	margin: 0 auto 1.8rem;
	text-align: center;
	font-size: .9rem;
	color: var(--mg-muted);
}

/* Telegram: второй канал. */
.mg-help__tg {
	margin: 1rem 0 0;
	font-size: .9rem;
	color: var(--mg-muted);
}

.mg-help__tg a {
	color: var(--mg-gold-soft);
}