/* Карточка товара на телефоне: кнопки «Руководство» и «Заказать» — сразу под
   кратким описанием, затем списки функций, затем таблица характеристик.
   В теме на ≤720 px колонки шли в обратном порядке (списки, потом таблица
   с кнопками внизу). Первая колонка «распаковывается» (display: contents),
   чтобы кнопки и таблицу можно было расставить порядком flex. */
/* Отступ сверху у заголовков групп в правой колонке, кроме первого (05.10.2026):
   в DETAIL_TEXT идут «заголовок → список → заголовок → список …», и группы стояли
   вплотную. Отступ получает каждый заголовок, идущий после списка, — то есть все,
   кроме первого. */
.product-card__column-list + .product-card__column-name {
	display: block;
	margin-top: 20px;
}

@media (max-width: 720px) {
	/* селектор длиннее, чем в теме: этот файл подключается раньше style.css,
	   и правило той же специфичности проигрывало бы column-reverse темы */
	.product-card__right .product-card__columns {
		display: flex;
		flex-direction: column;
	}

	.product-card__column:first-child {
		display: contents;
	}

	.product-card__btns {
		order: -1;
		margin: 0;
	}

	.product-card__table {
		order: 1;
	}
}