/*
 * GrandMall: таймер окончания акции плитками (вариант A, одобрен владельцем 01.10.2026).
 * Цвет #8c0000 — тот же, что у кнопки «დამატება» и цены со скидкой.
 * Подключается модификацией grandmall_countdown. При изменении поднимать ?v= в разметке.
 */
.gm-cd {
	margin: 8px 0 2px;
}

.gm-cd__title {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: #8c0000;
}

.gm-cd__title .fa {
	margin-right: 5px;
}

.gm-cd__tiles {
	display: flex;
	gap: 6px;
}

.gm-cd__tile {
	min-width: 54px;
	padding: 6px 4px;
	border-radius: 4px;
	background: #8c0000;
	color: #fff;
	text-align: center;
}

.gm-cd__v {
	display: block;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	/* цифры одинаковой ширины — секунды не «дрожат» при смене */
	font-variant-numeric: tabular-nums;
}

.gm-cd__u {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	line-height: 1.2;
	opacity: 0.85;
}

/*
 * Тема задаёт этому блоку overflow: auto, чтобы удерживать плавающую плашку
 * «в наличии». Из-за дробных высот содержимое вылезало на 1px, и браузер рисовал
 * полосу прокрутки. flow-root удерживает плавающие элементы без прокрутки.
 */
.product-info .form-group:has(.gm-cd) {
	display: flow-root;
	overflow: visible;
}