/* «Цена завода» в статьях базы знаний и блога (03.11.2026, inc/money-bridge.php).
   Лист чертежа: сетка 32 px, моноширинная надпись, белый заголовок, цены строками, синяя кнопка - единственное действие
   с акцентом. Селекторы с .gmb впереди: стили текста статьи (kb-article.css, tpl-blog-single.css) не перебивают блок. */
.gmb {
	--gmb-line: #30363d;
	--gmb-text: #b4bdc8;
	--gmb-mute: #8b949e;
	--gmb-act: #2563eb;
	--gmb-act-h: #3b82f6;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px 32px;
	align-items: end;
	margin: 28px 0 32px;
	padding: 24px 26px;
	border: 1px solid var(--gmb-line);
	border-left: 3px solid var(--gmb-act);
	border-radius: 14px;
	background-color: #0b1016;
	background-image:
		linear-gradient(rgba(139, 148, 158, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(139, 148, 158, .06) 1px, transparent 1px);
	background-size: 32px 32px;
}
.gmb .gmb__kick {
	margin: 0 0 8px;
	font-family: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
	font-size: 11.5px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--gmb-mute);
}
.gmb .gmb__t { margin: 0 0 10px; font-size: 22px; font-weight: 700; line-height: 1.2; color: #fff; }
.gmb .gmb__list { margin: 0; padding: 0; list-style: none; }
.gmb .gmb__list li {
	position: relative;
	margin: 0 0 6px;
	padding: 0 0 0 18px;
	font-size: 15.5px;
	line-height: 1.5;
	color: var(--gmb-text);
	background: none;
}
.gmb .gmb__list li:last-child { margin-bottom: 0; }
.gmb .gmb__list li::before {
	content: "";
	position: absolute;
	top: .75em;
	left: 0;
	width: 9px;
	height: 1px;
	border: 0;
	border-radius: 0;
	background: var(--gmb-mute);
}
.gmb .gmb__acts { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 230px; }
.gmb a.gmb__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 20px;
	border-radius: 10px;
	background: var(--gmb-act);
	color: #fff;
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .2s, transform .2s;
}
.gmb a.gmb__btn:hover { background: var(--gmb-act-h); color: #fff; transform: translateY(-1px); }
.gmb a.gmb__btn span { transition: transform .2s; }
.gmb a.gmb__btn:hover span { transform: translateX(3px); }
.gmb a.gmb__link {
	text-align: center;
	font-size: 14px;
	color: #8fb8ff;
	text-decoration: underline;
	text-decoration-color: rgba(143, 184, 255, .4);
	text-underline-offset: 3px;
}
.gmb a.gmb__link:hover { color: #fff; text-decoration-color: #fff; }
.gmb a.gmb__btn:focus-visible,
.gmb a.gmb__link:focus-visible { outline: 2px solid var(--gmb-act-h); outline-offset: 3px; }
@media (max-width: 719px) {
	.gmb { grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 22px 0 26px; padding: 18px 16px; }
	.gmb .gmb__t { font-size: 19px; }
	.gmb .gmb__list li { font-size: 14.5px; }
	.gmb .gmb__acts { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.gmb a.gmb__btn,
	.gmb a.gmb__btn span { transition: none; }
}