/* Ответ формы: своя строка под кнопкой, цветом темы сайта. */
.baihu-form__note {
	margin: 12px 0 0;
	font-size: 14px;
	line-height: 1.4;
	color: #2f7d32;
}

.baihu-form__note--error {
	color: #c8102e;
}

/* Ловушка от роботов. Не display:none — часть ботов такие поля пропускает; поле
   реально существует на странице, просто вынесено за пределы видимой области. */
.baihu-form__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}

/* ── Быстрый заказ на карточке товара (арт-дирекшн #8191108e) ──────────────────
   Норма и наведение у кнопки уже описаны темой: .btn-primary-grey отдаёт
   --primary-grey, а :hover — --grey-scale-200. Здесь только то, чего на бою нет. */

/* Фокус с клавиатуры. В теме нет ни одного правила :focus-visible на кнопках:
   пройти карточку табом и понять, где стоишь, сейчас невозможно. */
.product-detail__price-btn:focus-visible,
.baihu-cta__btn:focus-visible {
	outline: 2px solid var(--primary-red, #dd0d0d);
	outline-offset: 2px;
}

/* Нажатие — тот же фон, что и наведение. Кнопка не «утопает» и не растёт:
   в блоке цены один акцент, и он у корзины. */
.product-detail__price-btn.btn-primary-grey:active {
	background: var(--grey-scale-200, #d1d2d3);
}

/* Товар без цены. Класть в корзину нечего, поэтому корзину со страницы снимает
   сборщик, а быстрый заказ остаётся единственным действием и берёт вес
   первичного — красный, во всю ширину блока. */
.product-detail__price-block .product-detail__price-btn--only {
	flex: 1 1 100%;
	width: 100%;
}

/* Мобильный. Кнопки в колонку, палец ≥44 — берём 48. Порядок обратный
   (column-reverse): в столбце первым читается верхнее, туда идёт первичное
   «В корзину», быстрый заказ под ним. Правило «первичное справа» в столбце
   превращается в «первичное сверху».

   Селекторы двойные не для красоты: тема задаёт и gap:12px у контейнера, и
   height:44px с width:fit-content у самой кнопки одним классом, а её файл
   подключён ПОСЛЕ нашего — при равной силе селектора выигрывала бы она.
   Проверено замером: с одиночным классом на 375px оставались gap 12 и высота 43. */
@media (max-width: 480px) {
	.product-detail__price-block .product-detail__price-buttons {
		flex-direction: column-reverse;
		gap: 8px;
	}

	/* flex:none обязателен: у темы на кнопке flex:1, и в колонке это уже не ширина,
	   а высота — заданные 48px съедал бы расчёт флексбокса (замер давал 43). */
	.product-detail__price-buttons .product-detail__price-btn {
		flex: none;
		width: 100%;
		height: 48px;
	}
}

/* ── Врезка быстрого заказа на энциклопедических страницах ─────────────────────
   У марки цены нет и обещать её нельзя, поэтому блок цены сюда не годится.
   Геометрия та же (радиус 8, 32 внутри), но класс свой: сам
   .product-detail__price-block сидит в гриде карточки (grid-area: price) и
   в тексте статьи раскладывается неверно.

   Фон серый, а не белый, как в макете: у статьи фон тоже белый (body{background:#fff}
   в main.3e2163d5.css), и белая врезка на нём не читается блоком вовсе — проверено
   рендером. Рамку и тень не заводим, врезку отделяет заливка стоковым --primary-grey. */
.baihu-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	margin: 40px 0;
	padding: 32px;
	background: var(--primary-grey, #e9e9e9);
	border-radius: 8px;
}

.baihu-cta .baihu-cta__title {
	margin: 0 0 4px;
}

/* Подпись темнее стокового #6b7076: на белом фоне макета он давал 4.99:1 и проходил
   AA, но врезку мы посадили на серый --primary-grey (#e9e9e9), и на нём тот же цвет
   падает до 4.11:1 — ниже нормы 4.5:1. #5a5f65 на этом фоне даёт 5.31:1. */
.baihu-cta .baihu-cta__note {
	margin: 0;
	color: #5a5f65;
}

.baihu-cta__btn {
	flex: none;
	min-width: 200px;
}

@media (max-width: 480px) {
	.baihu-cta {
		margin: 24px 0;
		padding: 16px;
		gap: 16px;
	}

	.baihu-cta .baihu-cta__btn {
		width: 100%;
		min-width: 0;
		height: 48px;
	}
}