/*
Theme Name: Musin Bros GP Child
Theme URI: https://musinbros.ru/
Description: Дочерняя тема для GeneratePress на проекте musinbros.ru
Author: Musin Bros
Author URI: https://musinbros.ru/
Template: generatepress
Version: 1.0.1
Text Domain: musinbros-gp-child
*/

/* 
   Этот файл нужен для подключения дочерней темы.
   Все будущие CSS-правки добавляем сюда, а не в родительскую тему.
*/

/* =========================
   FOOTER САЙТА
   Единая система оформления footer.
   ========================= */

.musinbros-site-footer {
	margin-top: 60px;
	background: #f7f8fa;
	border-top: 1px solid #e5e7eb;
}

/* ===== ВЕРХНЯЯ ЧАСТЬ ===== */

.musinbros-footer-top {
	padding: 48px 0 28px;
}

.musinbros-footer-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.musinbros-footer-col {
	min-width: 0;
}

/* Убираем случайные отступы самих Gutenberg-виджетов */
.musinbros-footer-widget {
	margin: 0;
}

.musinbros-footer-widget + .musinbros-footer-widget {
	margin-top: 0px;
}

/* ===== ЗАГОЛОВКИ КОЛОНОК ===== */

.musinbros-site-footer .wp-block-heading,
.musinbros-footer-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 600;
	color: #111827;
}

/* ===== ОБЫЧНЫЙ ТЕКСТ КОЛОНОК ===== */

.musinbros-footer-top p,
.musinbros-footer-top li,
.musinbros-footer-top span,
.musinbros-footer-top strong,
.musinbros-footer-top em,
.musinbros-footer-top a {
	font-size: 15px;
	line-height: 1.55;
	color: #6b7280;
}

.musinbros-footer-top p {
	margin: 0;
}

/* ===== СПИСКИ ===== */

.musinbros-footer-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.musinbros-footer-top li {
	margin: 0;
}

/* ===== ВСЕ ОБЫЧНЫЕ ССЫЛКИ FOOTER ===== */

.musinbros-site-footer a {
	color: #6b7280;
	text-decoration: none;
}

.musinbros-site-footer a:hover,
.musinbros-site-footer a:focus {
	color: #007deb;
	text-decoration: none;
}

/* ===== МЕССЕНДЖЕРЫ ===== */

.musinbros-footer-messengers {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 12px;
}

.musinbros-footer-messenger {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.musinbros-footer-messenger-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	color: #007deb;
	line-height: 0;
}

.musinbros-footer-messenger-icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

/* ===== КНОПКА ===== */

.musinbros-site-footer .wp-block-button {
	margin: 14px 0 0;
}

.musinbros-site-footer .wp-block-button a.wp-block-button__link,
.musinbros-site-footer a.musinbros-footer-button {
	display: inline-block;
	padding: 12px 18px;
	border: 1px solid #007deb;
	border-radius: 8px;
	background: #007deb;
	color: #ffffff !important;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 600;
	text-decoration: none;
	box-shadow: none;
}

.musinbros-site-footer .wp-block-button a.wp-block-button__link:hover,
.musinbros-site-footer .wp-block-button a.wp-block-button__link:focus,
.musinbros-site-footer a.musinbros-footer-button:hover,
.musinbros-site-footer a.musinbros-footer-button:focus {
	background: #006fd3;
	border-color: #006fd3;
	color: #ffffff !important;
	text-decoration: none;
}

/* ===== НИЖНЯЯ СТРОКА ===== */

.musinbros-footer-bottom {
	padding: 18px 0;
	border-top: 1px solid #e5e7eb;
}

.musinbros-footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.musinbros-footer-copy,
.musinbros-footer-menu,
.musinbros-footer-menu li,
.musinbros-footer-menu a {
	font-size: 14px;
	line-height: 1.5;
	color: #6b7280;
}

.musinbros-footer-copy {
	margin: 0;
}

.musinbros-footer-menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.musinbros-footer-menu li {
	margin: 0;
}

/* ===== АДАПТИВНОСТЬ ===== */

@media (max-width: 1024px) {
	.musinbros-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.musinbros-site-footer {
		margin-top: 40px;
	}

	.musinbros-footer-top {
		padding: 36px 0 18px;
	}

	.musinbros-footer-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.musinbros-footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.musinbros-footer-menu {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

/* 
   Собственный header сайта.
   Современная шапка: верхняя контактная строка, меню, телефон,
   кнопка расчёта и адаптивное мобильное меню.
*/
.musinbros-site-header {
	position: relative;
	z-index: 50;
	background: #ffffff;
	border-bottom: 1px solid #dfe4ec;
}

/* ===== HEADER NOTICE BAR / ИНФОРМАЦИОННАЯ ПОЛОСА ===== */

.musinbros-header-notice {
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.musinbros-header-notice-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	box-sizing: border-box;
}

.musinbros-header-notice-info {
	background: #eaf6ff;
	color: #0f4f8a;
	border-bottom: 1px solid #cfe7ff;
}

.musinbros-header-notice-warning {
	background: #fff7df;
	color: #7a4b00;
	border-bottom: 1px solid #ffe2a3;
}

.musinbros-header-notice-danger {
	background: #ffbfbf;
	color: #970000;
	border-bottom: 1px solid #ffd0d0;
}

@media (max-width: 767px) {
	.musinbros-header-notice {
		font-size: 13px;
		line-height: 1.4;
	}

	.musinbros-header-notice-inner {
		min-height: 36px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}

/* Ограничиваем ширину контента в кастомных header/footer */
.musinbros-site-header .inside-container,
.musinbros-site-footer .inside-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	width: 100%;
}

/* ===== ВЕРХНЯЯ СТРОКА HEADER ===== */

.musinbros-header-info {
	background: #007deb14;
	border-bottom: 0;
}

.musinbros-header-info-inner {
	min-height: 46px;
	display: flex;
	align-items: center;
}

.musinbros-header-info-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 26px;
	font-size: 14px;
	line-height: 1.4;
	color: #4b5563;
}

.musinbros-header-info-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}


.musinbros-header-info-item a {
	color: inherit;
	text-decoration: none;
}

.musinbros-header-info-item a:hover {
	color: #007deb;
}

/* Адрес и часы в верхней строке — синие иконки, текст оставляем спокойным */
.musinbros-header-info-item:not(.musinbros-header-info-messenger) .musinbros-header-icon {
	color: #007deb;
}

/* ===== ОСНОВНАЯ СТРОКА HEADER ===== */

.musinbros-header-main {
	background: #ffffff;
}

.musinbros-header-main-inner {
	min-height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.musinbros-header-branding {
	flex: 0 0 auto;
	min-width: 190px;
}

.musinbros-site-title {
	display: inline-block;
	margin: 0;
	font-size: 22px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #0f172a;
	text-decoration: none !important;
	white-space: nowrap;
}

.musinbros-site-title:hover {
	color: #0f172a;
	text-decoration: none !important;
}

.musinbros-site-tagline {
	margin-top: 0px;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 400;
	color: #6b7280;
	white-space: nowrap;
}

/* ===== ИКОНКИ HEADER ===== */

.musinbros-header-icon,
.musinbros-header-phone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #4b5563;
	line-height: 1;
}

.musinbros-header-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.musinbros-header-phone-icon {
	color: #007deb;
}

.musinbros-header-phone-icon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.musinbros-header-messenger-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	line-height: 0;
	color: #007deb;
}

.musinbros-header-messenger-icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

.musinbros-header-messenger-icon a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	line-height: 0;
	text-decoration: none;
}

.musinbros-header-messenger-icon img {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* ===== ОСНОВНОЕ МЕНЮ ===== */

.musinbros-main-nav {
	flex: 1 1 auto;
	min-width: 0;
}

.musinbros-main-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.musinbros-main-menu li {
	position: relative;
	margin: 0;
}

.musinbros-main-menu a {
	display: inline-flex;
	align-items: center;
	padding: 8px 0;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	color: #0f172a;
	text-decoration: none;
	white-space: nowrap;
}

.musinbros-main-menu a:hover,
.musinbros-main-menu .current-menu-item > a,
.musinbros-main-menu .current_page_item > a,
.musinbros-main-menu .current-menu-ancestor > a {
	color: #007deb;
	text-decoration: none;
}

/* Выпадающее меню desktop */
.musinbros-main-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -14px;
	z-index: 60;
	min-width: 240px;
	margin: 8px 0 0;
	padding: 10px;
	list-style: none;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition:
		opacity 0.18s ease,
		visibility 0.18s ease,
		transform 0.18s ease;
}

.musinbros-main-menu li:hover > .sub-menu,
.musinbros-main-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.musinbros-main-menu .sub-menu li {
	width: 100%;
}

.musinbros-main-menu .sub-menu a {
	display: flex;
	width: 100%;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	box-sizing: border-box;
}

.musinbros-main-menu .sub-menu a:hover {
	background: #f3f7ff;
	color: #007deb;
}

/* ===== ПРАВАЯ ЧАСТЬ HEADER ===== */

.musinbros-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	flex: 0 0 auto;
}

.musinbros-header-phone {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	min-width: max-content;
	color: #0f172a;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.musinbros-header-phone:hover {
	color: #007deb;
	text-decoration: none;
}

.musinbros-header-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 13px 22px;
	border-radius: 8px;
	background: #007deb;
	border: 1px solid #007deb;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	box-sizing: border-box;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		transform 0.18s ease;
}

.musinbros-header-button:hover {
	background: #006fd3;
	border-color: #006fd3;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.musinbros-header-button-short {
	display: none;
}

/* ===== БУРГЕР ===== */

.musinbros-menu-toggle {
	display: none;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid #dbe1ea !important;
	border-radius: 10px;
	background: #ffffff !important;
	color: #0f172a !important;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
	flex: 0 0 auto;
	box-sizing: border-box;
	transition:
		background 0.18s ease,
		border-color 0.18s ease;
}

.musinbros-menu-toggle:hover,
.musinbros-menu-toggle:focus,
.musinbros-menu-toggle:active,
.musinbros-menu-toggle.is-active {
	background: #f7f8fa !important;
	border-color: #cfd7e3 !important;
	color: #0f172a !important;
	outline: none;
}

.musinbros-menu-toggle:focus-visible {
	outline: 3px solid rgba(0, 125, 235, 0.22);
	outline-offset: 2px;
}

.musinbros-menu-toggle span {
	display: block;
	width: 30px;
	height: 2px;
	background: #0f172a;
	border-radius: 999px;
	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}

.musinbros-menu-toggle.is-active span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.musinbros-menu-toggle.is-active span:nth-child(2) {
	opacity: 0;
}

.musinbros-menu-toggle.is-active span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* ===== МОБИЛЬНАЯ ПАНЕЛЬ ===== */

.musinbros-header-panel {
	display: none;
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
	box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

.musinbros-header-panel.is-open {
	display: block;
}

.musinbros-header-panel-inner {
	padding-top: 18px;
	padding-bottom: 22px;
}

.musinbros-mobile-nav {
	margin: 0;
}

.musinbros-mobile-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.musinbros-mobile-menu li {
	margin: 0;
}

.musinbros-mobile-menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 0;
	border-bottom: 1px solid #eef1f5;
	color: #0f172a;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 600;
	text-decoration: none;
}

.musinbros-mobile-menu a:hover {
	color: #007deb;
	text-decoration: none;
}

.musinbros-mobile-menu .sub-menu {
	margin: 0;
	padding: 4px 0 8px 16px;
	list-style: none;
}

.musinbros-mobile-menu .sub-menu a {
	padding: 10px 0;
	border-bottom: 0;
	font-size: 15px;
	font-weight: 500;
	color: #4b5563;
}

.musinbros-mobile-contacts {
	margin-top: 18px;
	padding: 18px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-sizing: border-box;
}

.musinbros-mobile-contact-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 0 0 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e5e7eb;
	font-size: 15px;
	line-height: 1.45;
}

.musinbros-mobile-contact-row:last-of-type {
	margin-bottom: 0;
}

.musinbros-mobile-contact-row span {
	color: #6b7280;
}

.musinbros-mobile-contact-row a,
.musinbros-mobile-contact-row strong {
	color: #0f172a;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

.musinbros-mobile-contact-row a:hover {
	color: #007deb;
}

.musinbros-mobile-messengers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 16px;
}

.musinbros-mobile-messenger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #0f172a;
	font-size: 15px;
	font-weight: 600;
}

.musinbros-mobile-messenger a {
	color: inherit;
	text-decoration: none;
}

.musinbros-mobile-messenger a:hover {
	color: #007deb;
}

.musinbros-mobile-messenger .musinbros-header-messenger-icon,
.musinbros-mobile-messenger .musinbros-header-messenger-icon a {
	width: 28px;
	height: 28px;
}

.musinbros-mobile-messenger .musinbros-header-messenger-icon svg {
	width: 28px;
	height: 28px;
}

/* ===== LAPTOP / TABLET ===== */

@media (max-width: 1100px) {
	.musinbros-header-info {
		display: none;
	}

	.musinbros-header-main-inner {
		min-height: 78px;
		gap: 18px;
	}

	.musinbros-header-branding {
		min-width: 0;
	}

	.musinbros-site-title {
		font-size: 22px;
	}

	.musinbros-site-tagline {
		display: none;
	}

	.musinbros-main-nav {
		display: none;
	}

	.musinbros-menu-toggle {
		display: inline-flex;
	}

	.musinbros-header-actions {
		gap: 16px;
		margin-left: auto;
	}
}

/* ===== MOBILE ===== */

@media (max-width: 767px) {
	.musinbros-site-header .inside-container,
	.musinbros-site-footer .inside-container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.musinbros-header-main-inner {
		min-height: 72px;
		gap: 12px;
	}

	.musinbros-site-title {
		font-size: 22px;
		line-height: 1.08;
	}

	.musinbros-header-actions {
		gap: 10px;
	}

.musinbros-header-phone {
	width: 46px;
	min-width: 46px;
	max-width: 46px;
	height: 46px;
	flex: 0 0 46px;
	justify-content: center;
	gap: 0;
	border: 1px solid #dbe1ea;
	border-radius: 10px;
	background: #ffffff;
	box-sizing: border-box;
}

.musinbros-header-phone-icon {
	flex: 0 0 auto;
}

.musinbros-menu-toggle {
	flex: 0 0 42px;
	min-width: 42px;
}

.musinbros-header-button {
	flex: 0 0 auto;
}

	.musinbros-header-phone-text {
		display: none;
	}

	.musinbros-header-button {
		min-height: 46px;
		padding: 12px 16px;
		font-size: 14px;
		border-radius: 8px;
	}

	.musinbros-menu-toggle {
		width: 42px;
		height: 46px;
	}

	.musinbros-menu-toggle span {
		width: 28px;
	}

	.musinbros-header-panel-inner {
		padding-top: 14px;
		padding-bottom: 18px;
	}
}

@media (max-width: 480px) {
	.musinbros-site-title {
		font-size: 19px;
	}

	.musinbros-header-phone {
		width: 44px;
		min-width: 44px;
		max-width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.musinbros-header-button {
		min-height: 44px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.musinbros-menu-toggle {
		width: 40px;
		min-width: 40px;
		height: 44px;
		flex-basis: 40px;
	}

	.musinbros-header-button-full {
		display: none;
	}

	.musinbros-header-button-short {
		display: inline;
	}

	.musinbros-header-button {
		padding-left: 14px;
		padding-right: 14px;
	}

	.musinbros-header-actions {
		gap: 8px;
	}
}

@media (max-width: 374px) {
	.musinbros-header-phone {
		display: none;
	}

	.musinbros-site-title {
		font-size: 19px;
	}
}

/* =========================
   БАЗОВАЯ СИСТЕМА СТИЛЕЙ САЙТА
   Это не финальный дизайн, а фундамент:
   типографика, отступы, кнопки, колонки, карточки, CTA.
   ========================= */

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #374151;
	background: #ffffff;
}

/* Базовый отступ контента страницы */
.site-main .inside-article {
	padding-top: 48px;
	padding-bottom: 64px;
}

/* Заголовок страницы WordPress = основной H1 */
.site-main .entry-header {
	margin-bottom: 28px;
}

.site-main .entry-title {
	margin: 0;
	font-size: 42px;
	line-height: 1.12;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

/* Базовая типографика контента */
.site-main .entry-content {
	color: #374151;
}

.site-main .entry-content > * {
	margin-top: 0;
	margin-bottom: 24px;
}

.site-main .entry-content h2,
.site-main .entry-content h3,
.site-main .entry-content h4 {
	margin-top: 48px;
	margin-bottom: 16px;
	color: #111827;
	letter-spacing: -0.01em;
}

.site-main .entry-content h2 {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
}

.site-main .entry-content h3 {
	font-size: 26px;
	line-height: 1.28;
	font-weight: 700;
}

.site-main .entry-content h4 {
	font-size: 20px;
	line-height: 1.35;
	font-weight: 600;
}

.site-main .entry-content p {
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 1.8;
	color: #374151;
}

.site-main .entry-content ul,
.site-main .entry-content ol {
	margin-top: 0;
	margin-bottom: 24px;
	padding-left: 24px;
}

.site-main .entry-content li {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.75;
	color: #374151;
}

.site-main .entry-content a {
	color: #2563eb;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.site-main .entry-content a:hover {
	color: #1d4ed8;
}

/* Кнопки Gutenberg в основном контенте */
.site-main .entry-content .wp-block-buttons {
	margin-top: 8px;
	margin-bottom: 28px;
	gap: 12px;
}

.site-main .entry-content .wp-block-button {
	margin: 0;
}

.site-main .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 14px 20px;
	border-radius: 10px;
	background: #111827;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	border: 0;
	box-shadow: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.site-main .entry-content .wp-block-button__link:hover {
	background: #111827;
	color: #ffffff !important;
	opacity: 0.92;
	transform: translateY(-1px);
}

/* Разделитель */
.site-main .entry-content hr,
.site-main .entry-content .wp-block-separator {
	margin-top: 36px;
	margin-bottom: 36px;
	border: 0;
	border-top: 1px solid #e5e7eb;
	opacity: 1;
}

/* Колонки */
.site-main .entry-content .wp-block-columns {
	margin-top: 36px;
	margin-bottom: 36px;
	gap: 32px;
	align-items: stretch;
}

.site-main .entry-content .wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* Карточки: только для блока с классом mb-card-grid */
.site-main .entry-content .mb-card-grid {
	margin-top: 40px;
	margin-bottom: 40px;
}

.site-main .entry-content .mb-card-grid .wp-block-column {
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 24px;
	box-sizing: border-box;
	height: 100%;
}

.site-main .entry-content .mb-card-grid h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 22px;
	line-height: 1.3;
}

.site-main .entry-content .mb-card-grid p:last-child {
	margin-bottom: 0;
}


/* Небольшая аккуратность для групп */
.site-main .entry-content .wp-block-group {
	margin-top: 32px;
	margin-bottom: 32px;
}

/* Мобильная адаптация */
@media (max-width: 1024px) {
	.site-main .inside-article {
		padding-top: 40px;
		padding-bottom: 56px;
	}

	.site-main .entry-title {
		font-size: 36px;
	}

	.site-main .entry-content h2 {
		font-size: 30px;
	}

	.site-main .entry-content h3 {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 15px;
		line-height: 1.7;
	}

	.site-main .inside-article {
		padding-top: 32px;
		padding-bottom: 48px;
	}

	.site-main .entry-header {
		margin-bottom: 22px;
	}

	.site-main .entry-title {
		font-size: 30px;
		line-height: 1.15;
	}

	.site-main .entry-content > * {
		margin-bottom: 20px;
	}

	.site-main .entry-content h2,
	.site-main .entry-content h3,
	.site-main .entry-content h4 {
		margin-top: 36px;
		margin-bottom: 14px;
	}

	.site-main .entry-content h2 {
		font-size: 26px;
	}

	.site-main .entry-content h3 {
		font-size: 22px;
	}

	.site-main .entry-content h4 {
		font-size: 18px;
	}

	.site-main .entry-content p,
	.site-main .entry-content li {
		font-size: 15px;
		line-height: 1.75;
	}

	.site-main .entry-content .wp-block-columns {
		gap: 20px;
		margin-top: 28px;
		margin-bottom: 28px;
	}

	.site-main .entry-content .mb-card-grid .wp-block-column {
		padding: 20px;
	}

}

/* =========================
   ПОДЖИМАЕМ БАЗОВЫЕ ОТСТУПЫ ПОСЛЕ ПЕРВОГО ПРОСМОТРА
   ========================= */

/* Нормальные внутренние отступы у основного контента страницы */
.site-main .inside-article {
	padding: 24px 20px 56px;
	box-sizing: border-box;
}

/* Чуть спокойнее отступ под заголовком страницы */
.site-main .entry-header {
	margin-bottom: 22px;
}

/* Общий ритм между блоками делаем плотнее */
.site-main .entry-content > * {
	margin-bottom: 20px;
}

.site-main .entry-content h2,
.site-main .entry-content h3,
.site-main .entry-content h4 {
	margin-top: 38px;
	margin-bottom: 14px;
}

.site-main .entry-content p {
	margin-bottom: 16px;
}

.site-main .entry-content ul,
.site-main .entry-content ol {
	margin-bottom: 20px;
}

.site-main .entry-content li {
	margin-bottom: 8px;
}

/* Колонки и карточки чуть менее воздушные */
.site-main .entry-content .wp-block-columns {
	margin-top: 28px;
	margin-bottom: 28px;
	gap: 24px;
}

.site-main .entry-content .mb-card-grid {
	margin-top: 32px;
	margin-bottom: 32px;
}

.site-main .entry-content .mb-card-grid .wp-block-column {
	padding: 20px;
	border-radius: 14px;
}



/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .inside-article {
		padding: 28px 16px 40px;
	}

	.site-main .entry-header {
		margin-bottom: 18px;
	}

	.site-main .entry-content > * {
		margin-bottom: 18px;
	}

	.site-main .entry-content h2,
	.site-main .entry-content h3,
	.site-main .entry-content h4 {
		margin-top: 30px;
		margin-bottom: 12px;
	}

	.site-main .entry-content .wp-block-columns {
		margin-top: 22px;
		margin-bottom: 22px;
		gap: 18px;
	}

	.site-main .entry-content .mb-card-grid .wp-block-column {
		padding: 18px;
		border-radius: 12px;
	}

}

/* =========================
   ТОЧЕЧНАЯ ПРАВКА ТИПОГРАФИКИ, КНОПОК И КАРТОЧЕК
   ========================= */

/* 1. Выравниваем H3 в двух колонках и в карточках */
.site-main .entry-content h3,
.site-main .entry-content .mb-card-grid h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
}

/* 2. Делаем текст плотнее и аккуратнее */
.site-main .entry-content p {
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 14px;
}

.site-main .entry-content li {
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 8px;
}

.site-main .entry-content ul,
.site-main .entry-content ol {
	margin-bottom: 18px;
}

/* 4. Карточки одинаковой высоты на десктопе */
.site-main .entry-content .mb-card-grid {
	align-items: stretch;
}

.site-main .entry-content .mb-card-grid .wp-block-column {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.site-main .entry-content .mb-card-grid .wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content h3,
	.site-main .entry-content .mb-card-grid h3 {
		font-size: 22px;
		line-height: 1.3;
	}

	.site-main .entry-content p,
	.site-main .entry-content li {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   PATCH: футер, кнопки, карточки, межстрочный интервал
   ========================= */

/* 3. Заодно выравниваем и header, и обычные кнопки в контенте */
.musinbros-header-button,
.site-main .entry-content .wp-block-button .wp-block-button__link {
	background: #007deb;
	border: 1px solid #007deb;
	color: #ffffff !important;
}

.musinbros-header-button:hover,
.site-main .entry-content .wp-block-button .wp-block-button__link:hover {
	background: #006fd3;
	border-color: #006fd3;
	color: #ffffff !important;
	opacity: 1;
}

/* 4. Трёхколоночные карточки делаем через grid, чтобы высота была одинаковой */
.site-main .entry-content .mb-card-grid.wp-block-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

.site-main .entry-content .mb-card-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 180px;
}

.site-main .entry-content .mb-card-grid.wp-block-columns > .wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* Мобильная версия карточек */
@media (max-width: 767px) {
	.site-main .entry-content .mb-card-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .mb-card-grid.wp-block-columns > .wp-block-column {
		min-height: 0;
	}
}

/* H1 внутри контента на главной и других страницах */
.site-main .entry-content h1 {
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 46px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

@media (max-width: 1024px) {
	.site-main .entry-content h1 {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	.site-main .entry-content h1 {
		font-size: 34px;
		line-height: 1.15;
		margin-bottom: 16px;
	}
}

/* Главная: делаем контент чуть свободнее и убираем лишние внутренние сужения */
.home .site-main .inside-article {
	padding-top: 0;
	padding-bottom: 56px;
	padding-left: 20px;
	padding-right: 20px;
}

.home .site-main .entry-content > .wp-block-group {
	margin-left: 0;
	margin-right: 0;
}


@media (max-width: 767px) {
	.home .site-main .inside-article {
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 40px;
	}
}


/* =========================
   КАНОНИЧЕСКИЕ КОМПОНЕНТЫ САЙТА
   mb-box      — карточка
   mb-callout  — CTA / акцентный блок
   mb-note     — мелкая приписка
   mb-contact* — только раскладка страницы Контакты
   ========================= */

:root {
	--mb-shell-bg: #f7f8fa;
	--mb-shell-border: 1px solid #e5e7eb;
	--mb-shell-radius: 14px;
	--mb-shell-padding: 22px;

	--mb-title-color: #111827;
	--mb-text-color: #374151;
	--mb-muted-color: #6b7280;
}

/* ===== ОБЩИЙ ВЕРХ СТРАНИЦЫ С РУЧНЫМ H1 ===== */
.site-main .entry-content > h1:first-child {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 46px;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

.site-main .entry-content > h1:first-child + p {
	max-width: 760px;
	margin-bottom: 12px;
	font-size: 17px;
	line-height: 1.5;
	color: #4b5563;
}

.site-main .entry-content > h1:first-child + p + p {
	max-width: 760px;
	margin-bottom: 24px;
	font-size: 17px;
	line-height: 1.5;
	color: #4b5563;
}

/* ===== БАЗОВАЯ КАРТОЧКА ===== */
.site-main .entry-content .mb-box {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--mb-shell-padding);
	background: var(--mb-shell-bg);
	border: var(--mb-shell-border);
	border-radius: var(--mb-shell-radius);
	box-sizing: border-box;
}

/* Если mb-box висит на Gutenberg Group, убираем её стандартные внешние отступы */
.site-main .entry-content .wp-block-group.mb-box {
	margin-top: 0;
	margin-bottom: 0;
}

.site-main .entry-content .mb-box > *:last-child {
	margin-bottom: 0;
}

/* ===== БАЗОВЫЙ CALLOUT / CTA ===== */
.site-main .entry-content .mb-callout {
	padding: var(--mb-shell-padding);
	background: var(--mb-shell-bg);
	border: var(--mb-shell-border);
	border-radius: var(--mb-shell-radius);
	box-sizing: border-box;
}

/* Если mb-callout висит на Gutenberg Group, убираем её стандартные внешние отступы */
.site-main .entry-content .wp-block-group.mb-callout {
	margin-top: 0;
	margin-bottom: 0;
}

.site-main .entry-content .mb-callout > *:last-child {
	margin-bottom: 0;
}

/* ===== ОБЩАЯ ТИПОГРАФИКА КОМПОНЕНТОВ ===== */
.site-main .entry-content .mb-box h2,
.site-main .entry-content .mb-callout h2,
.site-main .entry-content .mb-box h3,
.site-main .entry-content .mb-callout h3 {
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--mb-title-color);
	letter-spacing: -0.02em;
}

.site-main .entry-content .mb-box h2,
.site-main .entry-content .mb-callout h2 {
	font-size: 30px;
	line-height: 1.18;
	font-weight: 700;
}

.site-main .entry-content .mb-box h3,
.site-main .entry-content .mb-callout h3 {
	font-size: 24px;
	line-height: 1.24;
	font-weight: 700;
}

.site-main .entry-content .mb-box p,
.site-main .entry-content .mb-callout p,
.site-main .entry-content .mb-box li,
.site-main .entry-content .mb-callout li {
	font-size: 16px;
	line-height: 1.5;
	color: var(--mb-text-color);
}

/* ===== КНОПКИ ВНУТРИ CALLOUT ===== */
.site-main .entry-content .mb-callout .wp-block-buttons {
	margin-top: 18px;
	margin-bottom: 0;
}

.site-main .entry-content .mb-callout .wp-block-button {
	margin-bottom: 0;
}

/* ===== МЕЛКАЯ ПРИПИСКА ===== */
/* Используем только обычный абзац с классом mb-note, не группу */
.site-main .entry-content p.mb-note {
	margin-top: 16px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--mb-muted-color);
}

.site-main .entry-content p.mb-note a {
	color: #007deb;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.site-main .entry-content p.mb-note a:hover {
	color: #006fd3;
}

/* ===== СТРАНИЦА КОНТАКТЫ: ТОЛЬКО РАСКЛАДКА ===== */
.mb-contact-main.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
	gap: 18px;
	align-items: stretch;
	margin-top: 0;
	margin-bottom: 32px;
}

.mb-contact-main.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mb-contact-notes {
	margin-top: 0;
	margin-bottom: 32px;
}

.mb-contact-notes ul {
	margin: 0;
	padding-left: 22px;
}

.mb-contact-notes li {
	margin-bottom: 8px;
}



/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 1024px) {
	.site-main .entry-content > h1:first-child {
		font-size: 40px;
	}

	.mb-contact-main.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

@media (max-width: 767px) {
	.site-main .entry-content > h1:first-child {
		font-size: 34px;
		line-height: 1.12;
		margin-bottom: 12px;
	}

	.site-main .entry-content > h1:first-child + p,
	.site-main .entry-content > h1:first-child + p + p {
		font-size: 15px;
		line-height: 1.5;
	}

	.site-main .entry-content .mb-box,
	.site-main .entry-content .mb-callout {
		padding: 20px;
		border-radius: 14px;
	}

	.site-main .entry-content .mb-box h2,
	.site-main .entry-content .mb-callout h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.site-main .entry-content .mb-box h3,
	.site-main .entry-content .mb-callout h3 {
		font-size: 22px;
		line-height: 1.24;
	}

	.site-main .entry-content .mb-box p,
	.site-main .entry-content .mb-callout p,
	.site-main .entry-content .mb-box li,
	.site-main .entry-content .mb-callout li {
		font-size: 15px;
		line-height: 1.5;
	}

	.mb-contact-main.wp-block-columns,
	.mb-contact-notes {
		margin-bottom: 28px;
	}
}

/* =========================
   ПЕРЕХОД ГЛАВНОЙ НА УНИВЕРСАЛЬНЫЕ КОМПОНЕНТЫ
   Сначала добавляем новый слой, потом удалим старый home-блок
   ========================= */

/* Ритм секций именно на главной */
.home .site-main .entry-content > .wp-block-group.mb-hero,
.home .site-main .entry-content > .wp-block-group.mb-section,
.home .site-main .entry-content > .wp-block-group.mb-callout {
	margin-top: 0;
	margin-bottom: 56px;
}

.home .site-main .entry-content > .wp-block-group.mb-hero:last-child,
.home .site-main .entry-content > .wp-block-group.mb-section:last-child,
.home .site-main .entry-content > .wp-block-group.mb-callout:last-child {
	margin-bottom: 0;
}

/* ===== HERO ===== */
.site-main .entry-content .mb-hero {
	padding: 56px 0 8px;
}

.site-main .entry-content .mb-hero h1 {
	max-width: 900px;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 48px;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

.site-main .entry-content .mb-hero p {
	max-width: 760px;
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.55;
	color: #374151;
}

.site-main .entry-content .mb-hero .wp-block-buttons {
	margin-top: 24px;
	margin-bottom: 24px;
}

.site-main .entry-content .mb-hero ul {
	margin: 0;
	padding-left: 22px;
	max-width: 760px;
}

.site-main .entry-content .mb-hero li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

/* ===== ОБЩАЯ СЕКЦИЯ ===== */
.site-main .entry-content .mb-section {
	padding: 0;
}

.site-main .entry-content .mb-section > .wp-block-group__inner-container > h2 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 36px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

.site-main .entry-content .mb-section > .wp-block-group__inner-container > p {
	max-width: 760px;
	margin-bottom: 24px;
	font-size: 17px;
	line-height: 1.55;
	color: #4b5563;
}

/* ===== ШАГИ ===== */
.site-main .entry-content .mb-steps-grid.wp-block-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
	margin-top: 0;
	margin-bottom: 0;
}

.site-main .entry-content .mb-steps-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-sizing: border-box;
}

.site-main .entry-content .mb-steps-grid h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-steps-grid p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

/* ===== ДВЕ ТЕКСТОВЫЕ КОЛОНКИ ===== */
.site-main .entry-content .mb-two-col-text.wp-block-columns {
	gap: 32px;
	margin-top: 0;
	margin-bottom: 0;
}

.site-main .entry-content .mb-two-col-text > .wp-block-column {
	padding: 0;
}

.site-main .entry-content .mb-two-col-text > .wp-block-column p:last-child {
	margin-bottom: 0;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 1024px) {
	.home .site-main .entry-content > .wp-block-group.mb-hero,
	.home .site-main .entry-content > .wp-block-group.mb-section,
	.home .site-main .entry-content > .wp-block-group.mb-callout {
		margin-bottom: 48px;
	}

	.site-main .entry-content .mb-hero {
		padding-top: 44px;
	}

	.site-main .entry-content .mb-hero h1 {
		font-size: 40px;
	}

	.site-main .entry-content .mb-section > .wp-block-group__inner-container > h2 {
		font-size: 32px;
	}

	.site-main .entry-content .mb-steps-grid.wp-block-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.home .site-main .entry-content > .wp-block-group.mb-hero,
	.home .site-main .entry-content > .wp-block-group.mb-section,
	.home .site-main .entry-content > .wp-block-group.mb-callout {
		margin-bottom: 40px;
	}

	.site-main .entry-content .mb-hero {
		padding-top: 32px;
		padding-bottom: 4px;
	}

	.site-main .entry-content .mb-hero h1 {
		font-size: 34px;
		line-height: 1.12;
		margin-bottom: 16px;
	}

	.site-main .entry-content .mb-hero p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 16px;
	}

	.site-main .entry-content .mb-hero .wp-block-buttons {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.site-main .entry-content .mb-section > .wp-block-group__inner-container > h2 {
		font-size: 28px;
		line-height: 1.18;
	}

	.site-main .entry-content .mb-section > .wp-block-group__inner-container > p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.site-main .entry-content .mb-steps-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .mb-steps-grid.wp-block-columns > .wp-block-column {
		padding: 20px;
		border-radius: 14px;
	}

	.site-main .entry-content .mb-two-col-text.wp-block-columns {
		gap: 18px;
	}
}

/* =========================
   УНИВЕРСАЛЬНЫЕ БЛОКИ ДЛЯ СТРАНИЦЫ КОНТАКТЫ И НЕ ТОЛЬКО
   Заменяем page-specific классы mb-contact-main и mb-contact-notes
   ========================= */

/* Двухколоночный блок: слева форма, справа информация */
.site-main .entry-content .mb-form-info-grid.wp-block-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
	margin-top: 0;
	margin-bottom: 40px;
}

.site-main .entry-content .mb-form-info-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

/* Секция с поясняющим списком / чеклистом */
.site-main .entry-content .mb-note-section {
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0;
}

.site-main .entry-content .mb-note-section > .wp-block-group__inner-container > h2 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 30px;
	line-height: 1.18;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111827;
}

.site-main .entry-content .mb-note-section > .wp-block-group__inner-container > p {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

.site-main .entry-content .mb-note-section ul {
	margin: 0;
	padding-left: 22px;
}

.site-main .entry-content .mb-note-section li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

/* Мобильная версия */
@media (max-width: 1024px) {
	.site-main .entry-content .mb-form-info-grid.wp-block-columns {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-form-info-grid.wp-block-columns,
	.site-main .entry-content .mb-note-section {
		margin-bottom: 28px;
	}

	.site-main .entry-content .mb-note-section > .wp-block-group__inner-container > h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.site-main .entry-content .mb-note-section > .wp-block-group__inner-container > p,
	.site-main .entry-content .mb-note-section li {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   СБРОС GUTENBERG INNER-CONTAINER
   Только для карточек и callout, не для hero и не для обычных section
   ========================= */

.site-main .entry-content .wp-block-group.mb-box > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-callout > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-note-section > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-box > .wp-block-group__inner-container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.site-main .entry-content .wp-block-group.mb-callout > .wp-block-group__inner-container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.site-main .entry-content .wp-block-group.mb-note-section > .wp-block-group__inner-container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}



/* ===== HERO: возвращаем контролируемую ширину текста ===== */
.site-main .entry-content .mb-hero h1 {
	max-width: 900px;
}

.site-main .entry-content .mb-hero p {
	max-width: 760px;
}

.site-main .entry-content .mb-hero ul {
	max-width: 760px;
}

/* =========================
   УНИВЕРСАЛЬНЫЙ СБРОС БОКОВЫХ ОТСТУПОВ ВНУТРИ КОМПОНЕНТОВ - 25.04.2026г.
   GeneratePress добавляет padding к .wp-block-group__inner-container.
   Для наших универсальных блоков mb-* боковые отступы контролируем сами.
   ========================= */

.site-main .entry-content .wp-block-group.mb-hero > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-section > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-callout > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-note-section > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-box > .wp-block-group__inner-container {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

/* Если hero стоит первым блоком страницы, убираем лишний верхний margin */
.site-main .entry-content > .wp-block-group.mb-hero:first-child {
	margin-top: 0;
}

/* =========================
   HERO 2: двухколоночный hero с изображением
   Используется как модификатор базового компонента .mb-hero
   ========================= */

.site-main .entry-content .mb-hero-split {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 24px;
}

.site-main .entry-content .mb-hero-split-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
	gap: 40px;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
}

.site-main .entry-content .mb-hero-split-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

.site-main .entry-content .mb-hero-split .mb-hero-content > *:last-child,
.site-main .entry-content .mb-hero-split .mb-hero-media > *:last-child {
	margin-bottom: 0;
}

.site-main .entry-content .mb-hero-split .mb-hero-media {
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-main .entry-content .mb-hero-split .mb-hero-media figure {
	width: 100%;
	margin: 0;
}

.site-main .entry-content .mb-hero-split .mb-hero-media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 18px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
}

/* Мобильная версия */
@media (max-width: 1024px) {
	.site-main .entry-content .mb-hero-split-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 28px;
	}

.site-main .entry-content .mb-hero-split .mb-hero-media {
	width: 100%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width: 767px) {
	.site-main .inside-article {
		padding-top: 18px;
	}

	.site-main .entry-content .mb-hero-split {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 8px;
	}

	.site-main .entry-content .mb-hero-split-grid.wp-block-columns {
		gap: 22px;
	}

	.site-main .entry-content .mb-hero-split .mb-hero-media img {
		border-radius: 14px;
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
	}
}

/* =========================
   HERO 3: hero с фоновой картинкой
   Без белой карточки под текстом.
   Читаемость обеспечивается светлым градиентом слева.
   ========================= */

.site-main .entry-content .wp-block-cover.mb-hero-bg {
	position: relative;
	min-height: 560px;
	margin-top: 40px;
	margin-bottom: 48px;
	padding: 56px;
	border: 1px solid #e5e7eb;
	border-radius: 24px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
}

/* Убираем лишние внутренние отступы WordPress */
.site-main .entry-content .wp-block-cover.mb-hero-bg .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	box-sizing: border-box;
	color: #111827;
}

/* Светлый градиент слева для читаемости текста */
.site-main .entry-content .wp-block-cover.mb-hero-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.88) 0%,
			rgba(255, 255, 255, 0.78) 22%,
			rgba(255, 255, 255, 0.55) 40%,
			rgba(255, 255, 255, 0.22) 58%,
			rgba(255, 255, 255, 0.00) 74%
		);
	pointer-events: none;
}

/* Текстовый контейнер без карточки */
.site-main .entry-content .mb-hero-bg-content {
	position: relative;
	z-index: 2;
	max-width: 680px;
	padding: 0;
	background: transparent;
}

.site-main .entry-content .mb-hero-bg-content > .wp-block-group__inner-container {
	padding: 0;
}

.site-main .entry-content .mb-hero-bg-content h1 {
	max-width: 720px;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 56px;
	line-height: 1.04;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #111827;
}

.site-main .entry-content .mb-hero-bg-content p {
	max-width: 680px;
	margin-bottom: 18px;
	font-size: 17px;
	line-height: 1.65;
	color: #374151;
}

.site-main .entry-content .mb-hero-bg-content ul {
	max-width: 620px;
	margin-bottom: 24px;
}

.site-main .entry-content .mb-hero-bg-content > *:last-child,
.site-main .entry-content .mb-hero-bg-content > .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-cover.mb-hero-bg {
		min-height: 500px;
		padding: 40px;
	}

	.site-main .entry-content .wp-block-cover.mb-hero-bg::before {
		background:
			linear-gradient(
				90deg,
				rgba(255, 255, 255, 0.90) 0%,
				rgba(255, 255, 255, 0.80) 30%,
				rgba(255, 255, 255, 0.45) 55%,
				rgba(255, 255, 255, 0.00) 78%
			);
	}

	.site-main .entry-content .mb-hero-bg-content {
		max-width: 620px;
	}

	.site-main .entry-content .mb-hero-bg-content h1 {
		font-size: 44px;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-cover.mb-hero-bg {
		min-height: auto;
		margin-top: 32px;
		margin-bottom: 36px;
		padding: 24px 20px;
		border-radius: 18px;
	}

	.site-main .entry-content .wp-block-cover.mb-hero-bg::before {
		background:
			linear-gradient(
				180deg,
				rgba(255, 255, 255, 0.88) 0%,
				rgba(255, 255, 255, 0.76) 45%,
				rgba(255, 255, 255, 0.48) 75%,
				rgba(255, 255, 255, 0.20) 100%
			);
	}

	.site-main .entry-content .mb-hero-bg-content {
		max-width: 100%;
	}

	.site-main .entry-content .mb-hero-bg-content h1 {
		font-size: 34px;
		line-height: 1.08;
	}

	.site-main .entry-content .mb-hero-bg-content p {
		font-size: 15px;
		line-height: 1.55;
	}
}

/* =========================
   СЕКЦИИ КОНТЕНТА
   Универсальные варианты секций для страниц сайта.
   ========================= */

.site-main .entry-content .mb-section {
	margin-top: 56px;
	margin-bottom: 56px;
}

.site-main .entry-content .mb-section > .wp-block-group__inner-container {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.site-main .entry-content .mb-section h2 {
	max-width: 860px;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 38px;
	line-height: 1.14;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #111827;
}

.site-main .entry-content .mb-section p {
	max-width: 780px;
	margin-bottom: 16px;
	font-size: 17px;
	line-height: 1.65;
	color: #374151;
}

.site-main .entry-content .mb-section ul,
.site-main .entry-content .mb-section ol {
	max-width: 760px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 22px;
}

.site-main .entry-content .mb-section li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.site-main .entry-content .mb-section li:last-child {
	margin-bottom: 0;
}

.site-main .entry-content .mb-section > .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

/* Узкая секция для длинных поясняющих текстов */
.site-main .entry-content .mb-section-narrow > .wp-block-group__inner-container {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.site-main .entry-content .mb-section-narrow h2,
.site-main .entry-content .mb-section-narrow p,
.site-main .entry-content .mb-section-narrow ul,
.site-main .entry-content .mb-section-narrow ol {
	max-width: 100%;
}

/* Светлая выделенная секция */
.site-main .entry-content .mb-section-muted {
	padding: 32px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	box-sizing: border-box;
}

.site-main .entry-content .mb-section-muted > .wp-block-group__inner-container {
	padding: 0;
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-section {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.site-main .entry-content .mb-section h2 {
		font-size: 30px;
		line-height: 1.18;
	}

	.site-main .entry-content .mb-section p {
		font-size: 16px;
		line-height: 1.58;
	}

	.site-main .entry-content .mb-section-muted {
		padding: 22px;
		border-radius: 16px;
	}
}

/* =========================
   КАРТОЧКИ И СЕТКИ КАРТОЧЕК
   ========================= */

.site-main .entry-content .mb-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 28px;
}

.site-main .entry-content .mb-card {
	height: 100%;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.site-main .entry-content .mb-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
	border-color: #d1d5db;
}

.site-main .entry-content .mb-card > .wp-block-group__inner-container > *:last-child,
.site-main .entry-content .mb-card > *:last-child {
	margin-bottom: 0;
}

.site-main .entry-content .mb-card h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-card p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.6;
	color: #4b5563;
}

.site-main .entry-content .mb-card a {
	font-weight: 600;
	text-decoration: none;
}

.site-main .entry-content .mb-card a:hover {
	text-decoration: underline;
}

/* Карточки с изображением */
.site-main .entry-content .mb-card-image {
	padding: 0;
	overflow: hidden;
}

.site-main .entry-content .mb-card-image figure {
	margin: 0;
}

.site-main .entry-content .mb-card-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.site-main .entry-content .mb-card-image > .wp-block-group__inner-container,
.site-main .entry-content .mb-card-image .wp-block-group__inner-container {
	padding: 0;
}

.site-main .entry-content .mb-card-image h3,
.site-main .entry-content .mb-card-image p {
	padding-left: 24px;
	padding-right: 24px;
}

.site-main .entry-content .mb-card-image h3 {
	margin-top: 18px;
}

.site-main .entry-content .mb-card-image p:last-of-type {
	padding-bottom: 24px;
}

/* Карточки с иконкой */
.site-main .entry-content .mb-card-icon img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: contain;
	margin-bottom: 18px;
}

/* Сетка для карточек с изображением — можно оставить такой же,
   но класс оставляем на будущее для вариаций */
.site-main .entry-content .mb-card-grid-image {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.site-main .entry-content .mb-card-grid,
	.site-main .entry-content .mb-card-grid-image {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-card-grid,
	.site-main .entry-content .mb-card-grid-image {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .mb-card {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .mb-card h3 {
		font-size: 22px;
	}

	.site-main .entry-content .mb-card-image h3,
	.site-main .entry-content .mb-card-image p {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-main .entry-content .mb-card-image p:last-of-type {
		padding-bottom: 20px;
	}
}

/* =========================
   FIX: карточки через Gutenberg Group
   mb-card-grid стоит на блоке Группа, поэтому сетку строим
   на внутреннем .wp-block-group__inner-container.
   ========================= */

/* Внешняя группа сетки */
.site-main .entry-content .wp-block-group.mb-card-grid {
	display: block;
	margin-top: 28px;
	margin-bottom: 0;
}

/* Настоящий grid-контейнер внутри Gutenberg Group */
.site-main .entry-content .wp-block-group.mb-card-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Карточки внутри сетки */
.site-main .entry-content .wp-block-group.mb-card-grid > .wp-block-group__inner-container > .wp-block-group.mb-card {
	margin: 0;
	min-width: 0;
	height: 100%;
}

/* Убираем внутренний padding GeneratePress/Gutenberg внутри карточек */
.site-main .entry-content .wp-block-group.mb-card > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Убираем constrained-выравнивание у элементов внутри карточек */
.site-main .entry-content .wp-block-group.mb-card > .wp-block-group__inner-container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Обычная карточка */
.site-main .entry-content .wp-block-group.mb-card {
	display: flex;
	flex-direction: column;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.site-main .entry-content .wp-block-group.mb-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
	border-color: #d1d5db;
}

.site-main .entry-content .wp-block-group.mb-card h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-card p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.6;
	color: #4b5563;
}

.site-main .entry-content .wp-block-group.mb-card p:last-child {
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-card a {
	font-weight: 600;
	text-decoration: none;
}

.site-main .entry-content .wp-block-group.mb-card a:hover {
	text-decoration: underline;
}

/* Карточка с изображением */
.site-main .entry-content .wp-block-group.mb-card.mb-card-image {
	padding: 0;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-image figure {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-image h3,
.site-main .entry-content .wp-block-group.mb-card.mb-card-image p {
	padding-left: 24px;
	padding-right: 24px;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-image h3 {
	margin-top: 18px;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-image p:last-child {
	padding-bottom: 24px;
}

/* Карточка с иконкой */
.site-main .entry-content .wp-block-group.mb-card.mb-card-icon img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: contain;
	margin-bottom: 18px;
}

/* Карточка с предметной фото-иконкой
   Для небольших предметных изображений: скотч, крепёж, держатели.
   Используется вместе с базовыми классами:
   .mb-card.mb-card-icon.mb-card-icon-photo
*/
.site-main .entry-content .wp-block-group.mb-card.mb-card-icon.mb-card-icon-photo figure {
	width: 90px;
	height: 90px;
	margin: 0 0 22px;
	line-height: 0;
}

.site-main .entry-content .wp-block-group.mb-card.mb-card-icon.mb-card-icon-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	margin: 0;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-card-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-card-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-card {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-card h3 {
		font-size: 22px;
	}

	.site-main .entry-content .wp-block-group.mb-card.mb-card-image {
		padding: 0;
	}

	.site-main .entry-content .wp-block-group.mb-card.mb-card-image h3,
	.site-main .entry-content .wp-block-group.mb-card.mb-card-image p {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-main .entry-content .wp-block-group.mb-card.mb-card-image p:last-child {
		padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-card.mb-card-icon.mb-card-icon-photo figure {
		width: 82px;
		height: 82px;
		margin-bottom: 18px;
	}
}

/* =========================
   МОДИФИКАТОРЫ СЕТКИ КАРТОЧЕК
   mb-card-grid      — 3 карточки в ряд по умолчанию
   mb-card-grid-2    — 2 карточки в ряд
   mb-card-grid-4    — 4 карточки в ряд
   ========================= */

/* 2 карточки в ряд */
.site-main .entry-content .wp-block-group.mb-card-grid.mb-card-grid-2 > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 4 карточки в ряд */
.site-main .entry-content .wp-block-group.mb-card-grid.mb-card-grid-4 > .wp-block-group__inner-container {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-card-grid.mb-card-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-card-grid.mb-card-grid-2 > .wp-block-group__inner-container,
	.site-main .entry-content .wp-block-group.mb-card-grid.mb-card-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}
}

/* =========================
   ЭТАПЫ 2: карточки этапов с номерами
   Модификатор для существующего .mb-steps-grid
   ========================= */

.site-main .entry-content .mb-steps-grid-numbered.wp-block-columns > .wp-block-column {
	padding: 24px;
}

.site-main .entry-content .mb-steps-grid-numbered .mb-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin: 0 0 18px;
	padding: 0;
	border-radius: 14px;
	background: #eaf2ff;
	color: #005bd6;
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.site-main .entry-content .mb-steps-grid-numbered h3 {
	margin-bottom: 12px;
}

.site-main .entry-content .mb-steps-grid-numbered p:not(.mb-step-number) {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-steps-grid-numbered.wp-block-columns > .wp-block-column {
		padding: 20px;
	}

	.site-main .entry-content .mb-steps-grid-numbered .mb-step-number {
		width: 48px;
		height: 48px;
		margin-bottom: 16px;
		border-radius: 12px;
		font-size: 18px;
	}
}

/* =========================
   ЭТАПЫ 3: компактная линия процесса
   Горизонтальная схема для короткого объяснения порядка работы.
   ========================= */

.site-main .entry-content .wp-block-group.mb-steps-line {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-steps-line > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-step-line-item {
	position: relative;
	margin: 0;
	padding: 0 24px 0 0;
	background: transparent;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-step-line-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Линия между шагами на десктопе */
.site-main .entry-content .wp-block-group.mb-step-line-item::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 52px;
	right: 0;
	height: 2px;
	background: #dbeafe;
}

.site-main .entry-content .wp-block-group.mb-step-line-item:last-child::after {
	display: none;
}

.site-main .entry-content .mb-step-line-number {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0 0 14px;
	padding: 0;
	border-radius: 12px;
	background: #eaf2ff;
	color: #005bd6;
	font-size: 17px;
	line-height: 1;
	font-weight: 600;
}

.site-main .entry-content .wp-block-group.mb-step-line-item h3 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-step-line-item p:not(.mb-step-line-number) {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.5;
	color: #4b5563;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-steps-line > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 28px;
	}

	.site-main .entry-content .wp-block-group.mb-step-line-item::after {
		display: none;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-steps-line > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-step-line-item {
		padding: 0;
	}

	.site-main .entry-content .mb-step-line-number {
		width: 40px;
		height: 40px;
		margin-bottom: 12px;
		border-radius: 10px;
		font-size: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-step-line-item h3 {
		font-size: 21px;
	}
}

/* Модификатор для 6 этапов: 3 пункта сверху и 3 пункта снизу */
.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 > .wp-block-group__inner-container {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 24px;
}

/* В сетке 3×2 убираем линию после каждого третьего пункта */
.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 .wp-block-group.mb-step-line-item:nth-child(3n)::after,
.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 .wp-block-group.mb-step-line-item:last-child::after {
	display: none;
}

/* Планшет: 2 колонки */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 28px;
	}

	.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 .wp-block-group.mb-step-line-item::after {
		display: none;
	}
}

/* Мобильная версия: 1 колонка */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-steps-line.mb-steps-line-3 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

/* =========================
   CTA 1: простой призыв к действию
   Базовый вариант на основе .mb-callout
   ========================= */

.site-main .entry-content .wp-block-group.mb-callout {
	margin-top: 56px;
	margin-bottom: 56px;
	padding: 32px;
	background: #eaf6ff;
	border: 1px solid #cfe7ff;
	border-radius: 20px;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-callout > .wp-block-group__inner-container {
	padding: 0;
}

.site-main .entry-content .wp-block-group.mb-callout h2 {
	max-width: 760px;
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 34px;
	line-height: 1.16;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-callout p {
	max-width: 760px;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 1.6;
	color: #374151;
}

.site-main .entry-content .wp-block-group.mb-callout .wp-block-buttons {
	margin-top: 22px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-callout > .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-callout {
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 22px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-callout h2 {
		font-size: 28px;
		line-height: 1.18;
	}

	.site-main .entry-content .wp-block-group.mb-callout p {
		font-size: 16px;
		line-height: 1.55;
	}
}

/* =========================
   CTA CONTACT: контактные callout-блоки
   Варианты:
   1. mb-callout-contact-split  — текст слева, контакты справа
   ========================= */

/* Общая база для новых контактных CTA */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split {
	padding: 48px;
	background: #eaf6ff;
	border: 1px solid #cfe7ff;
	border-radius: 24px;
	box-sizing: border-box;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split > .wp-block-group__inner-container {
	padding: 0;
}

/* =========================
   CTA 2: разделённый вариант
   ========================= */

.site-main .entry-content .mb-callout-contact-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
	gap: 48px;
	align-items: center;
	margin: 0;
}

.site-main .entry-content .mb-callout-contact-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

.site-main .entry-content .mb-callout-contact-main {
	padding-right: 24px;
}

.site-main .entry-content .mb-callout-contact-side {
	padding-left: 42px;
	border-left: 1px solid #dbe1ea;
}

.site-main .entry-content .mb-callout-contact-split h2 {
	max-width: 820px;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 44px;
	line-height: 1.12;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #111827;
}

.site-main .entry-content .mb-callout-contact-split p {
	font-size: 18px;
	line-height: 1.62;
	color: #374151;
}

.site-main .entry-content .mb-callout-contact-main p {
	max-width: 720px;
	margin-bottom: 28px;
}

.site-main .entry-content .mb-callout-contact-main .wp-block-buttons {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .mb-contact-line {
	margin: 0;
	padding: 0 0 22px;
	border-bottom: 1px solid #dbe1ea;
}

.site-main .entry-content .mb-contact-line + .mb-contact-line {
	margin-top: 22px;
}

.site-main .entry-content .mb-contact-line:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.site-main .entry-content .mb-contact-line > .wp-block-group__inner-container {
	padding: 0;
}

.site-main .entry-content .mb-contact-line-label {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 500;
	color: #6b7280;
}

.site-main .entry-content .mb-contact-line-value {
	margin: 0;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-contact-line-value a {
	color: inherit;
	text-decoration: none;
}

.site-main .entry-content .mb-contact-line-value a:hover {
	text-decoration: underline;
}


/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split {
		padding: 36px;
	}

	.site-main .entry-content .mb-callout-contact-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.site-main .entry-content .mb-callout-contact-main {
		padding-right: 0;
	}

	.site-main .entry-content .mb-callout-contact-side {
		padding-left: 0;
		padding-top: 30px;
		border-left: 0;
		border-top: 1px solid #dbe1ea;
	}

	.site-main .entry-content .mb-callout-contact-split h2 {
		font-size: 38px;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split {
		padding: 24px;
		border-radius: 18px;
	}

	.site-main .entry-content .mb-callout-contact-split h2 {
		font-size: 30px;
		line-height: 1.16;
	}

	.site-main .entry-content .mb-callout-contact-split p {
		font-size: 16px;
		line-height: 1.55;
	}

	.site-main .entry-content .mb-contact-line-value {
		font-size: 22px;
	}
}

/* =========================
   CTA 2 — упрощённый правый блок контактов
   Без label, с мессенджерами и подписью рядом.
   Правый блок: телефон, email, MAX, Telegram.
   ========================= */

/* Строки правого блока */
.site-main .entry-content .mb-callout-contact-side .mb-contact-line {
	margin: 0;
	padding: 0 0 22px;
	border-bottom: 1px solid #dbe1ea;
}

.site-main .entry-content .mb-callout-contact-side .mb-contact-line + .mb-contact-line {
	margin-top: 22px;
}

.site-main .entry-content .mb-callout-contact-side .mb-contact-line:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* Убираем лишний margin-bottom у абзацев только в правом блоке CTA */
.site-main .entry-content .mb-callout-contact-side p {
	max-width: none;
	margin-top: 0;
	margin-bottom: 0;
}

/* Телефон и email */
.site-main .entry-content .mb-callout-contact-side .mb-contact-line-value {
	margin: 0;
	font-size: 18px;
	line-height: 1.45;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-callout-contact-side .mb-contact-line-value a {
	color: inherit;
	text-decoration: none;
}

.site-main .entry-content .mb-callout-contact-side .mb-contact-line-value a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Список мессенджеров */
.site-main .entry-content .mb-contact-icons-list {
	margin: 0;
}

.site-main .entry-content .mb-contact-icons-list > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Один мессенджер: иконка + текст */
.site-main .entry-content .mb-contact-icon-item {
	margin: 0;
}

.site-main .entry-content .mb-contact-icon-item > .wp-block-group__inner-container {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Картинка мессенджера */
.site-main .entry-content .mb-contact-icon-item figure {
	margin: 0;
	line-height: 0;
}

.site-main .entry-content .mb-contact-icon-item img {
	display: block;
	width: 38px;
	height: 38px;
	object-fit: contain;
}

/* Ссылки вокруг картинок */
.site-main .entry-content .mb-contact-icon-item figure a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	text-decoration: none;
}

/* Текст рядом с иконкой */
.site-main .entry-content .mb-contact-icon-text {
	display: flex;
	align-items: center;
	margin: 0;
	font-size: 17px;
	line-height: 1;
	font-weight: 600;
	color: #111827;
}

/* Ссылка в тексте мессенджера */
.site-main .entry-content .mb-contact-icon-text a {
	display: inline-flex;
	align-items: center;
	color: inherit;
	line-height: 1;
	text-decoration: none;
}

.site-main .entry-content .mb-contact-icon-text a:hover {
	color: #007deb;
	text-decoration: none;
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .mb-callout-contact-side .mb-contact-line {
		padding-bottom: 18px;
	}

	.site-main .entry-content .mb-callout-contact-side .mb-contact-line + .mb-contact-line {
		margin-top: 18px;
	}

	.site-main .entry-content .mb-callout-contact-side .mb-contact-line-value {
		font-size: 17px;
		line-height: 1.4;
	}

	.site-main .entry-content .mb-contact-icons-list > .wp-block-group__inner-container {
		gap: 14px;
	}

	.site-main .entry-content .mb-contact-icon-item > .wp-block-group__inner-container {
		gap: 8px;
	}

	.site-main .entry-content .mb-contact-icon-item img {
		width: 34px;
		height: 34px;
	}

	.site-main .entry-content .mb-contact-icon-text {
		font-size: 16px;
	}
}

/* =========================
   FIX CTA 2: правый контактный блок
   Перебиваем базовые стили .mb-callout p только внутри CTA 2.
   ========================= */

/* Убираем margin-bottom у всех абзацев только в правой колонке CTA 2 */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side p,
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side p.mb-contact-line-value,
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side p.mb-contact-icon-text {
	max-width: none;
	margin-top: 0;
	margin-bottom: 0 !important;
	padding: 0;
}

/* Строки правого блока */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line {
	margin: 0;
	padding: 0 0 22px;
	border-bottom: 1px solid #dbe1ea;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line + .mb-contact-line {
	margin-top: 22px;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* Внутренние контейнеры Gutenberg внутри правой колонки */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-icons-list > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-icon-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Телефон и email */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line-value {
	font-size: 18px;
	line-height: 1.45;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line-value a {
	color: inherit;
	text-decoration: none;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line-value a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Список мессенджеров */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icons-list {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icons-list > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 22px;
}

/* Один мессенджер: иконка + текст */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item > .wp-block-group__inner-container {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: auto;
}

/* Иконка */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item figure {
	margin: 0;
	line-height: 0;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item figure a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	text-decoration: none;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item img {
	display: block;
	width: 38px;
	height: 38px;
	object-fit: contain;
}

/* Текст рядом с иконкой */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-text {
	display: inline-flex;
	align-items: center;
	font-size: 17px;
	line-height: 1;
	font-weight: 600;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-text a {
	display: inline-flex;
	align-items: center;
	color: inherit;
	line-height: 1;
	text-decoration: none;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-text a:hover {
	color: #007deb;
	text-decoration: none;
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line {
		padding-bottom: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line + .mb-contact-line {
		margin-top: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-callout-contact-side .mb-contact-line-value {
		font-size: 17px;
		line-height: 1.4;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icons-list > .wp-block-group__inner-container {
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item > .wp-block-group__inner-container {
		gap: 8px;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-item img {
		width: 34px;
		height: 34px;
	}

	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-contact-split .mb-contact-icon-text {
		font-size: 16px;
	}
}

/* =========================
   CTA: акцентный вариант callout-блока
   Используется как модификатор к .mb-callout.
   Например:
   .mb-callout.mb-callout-contact-split.mb-callout-accent
   ========================= */

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent {
	background: #eaf6ff;
	border-color: #cfe7ff;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.05);
}

/* Разделительная линия внутри акцентного split-CTA */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent .mb-callout-contact-side {
	border-left-color: #c7def2;
}

/* Горизонтальные линии в правом контактном блоке */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent .mb-contact-line {
	border-bottom-color: #c7def2;
}

/* Чуть усиливаем кнопку на цветном фоне */
.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent .wp-block-button__link {
	background: #007deb;
	border-color: #007deb;
	color: #ffffff;
}

.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent .wp-block-button__link:hover {
	background: #006fd3;
	border-color: #006fd3;
	color: #ffffff;
}

/* Планшет: когда правая колонка уходит вниз, вертикальная линия становится верхней */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-callout.mb-callout-accent .mb-callout-contact-side {
		border-top-color: #c7def2;
	}
}

/* =========================
   FAQ 1: простой список вопросов
   Универсальный компонент для страниц услуг и посадочных страниц.
   ========================= */

.site-main .entry-content .wp-block-group.mb-faq-list {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-faq-list > .wp-block-group__inner-container {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-item {
	margin: 0;
	padding: 22px 0;
	border-top: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-item:last-child {
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-faq-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-item h3 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-faq-item p {
	max-width: 820px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-faq-list {
		margin-top: 22px;
	}

	.site-main .entry-content .wp-block-group.mb-faq-item {
		padding: 18px 0;
	}

	.site-main .entry-content .wp-block-group.mb-faq-item h3 {
		font-size: 20px;
		line-height: 1.3;
	}

	.site-main .entry-content .wp-block-group.mb-faq-item p {
		font-size: 15px;
		line-height: 1.55;
	}
}

/* =========================
   FAQ 2: вопросы в карточках
   Модификатор для существующего FAQ-компонента.
   Используется вместе с .mb-faq-list:
   .mb-faq-list.mb-faq-cards
   ========================= */

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item {
	margin: 0;
	padding: 22px 24px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item:last-child {
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item h3 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item p {
	max-width: 820px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards > .wp-block-group__inner-container {
		gap: 14px;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item {
		padding: 18px 20px;
		border-radius: 14px;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item h3 {
		font-size: 20px;
		line-height: 1.3;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-cards .wp-block-group.mb-faq-item p {
		font-size: 15px;
		line-height: 1.55;
	}
}

/* =========================
   FAQ 3: плитки в две колонки
   Модификатор для существующего FAQ-компонента.
   Используется вместе с .mb-faq-list:
   .mb-faq-list.mb-faq-grid
   ========================= */

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item {
	margin: 0;
	padding: 24px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item:last-child {
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item p {
	max-width: none;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item {
		padding: 18px 20px;
		border-radius: 14px;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item h3 {
		font-size: 20px;
		line-height: 1.3;
	}

	.site-main .entry-content .wp-block-group.mb-faq-list.mb-faq-grid .wp-block-group.mb-faq-item p {
		font-size: 15px;
		line-height: 1.55;
	}
}

/* =========================
   ПОРТФОЛИО 1: простая сетка работ
   Карточки с фотографией, названием и короткой подписью.
   ========================= */

.site-main .entry-content .wp-block-group.mb-portfolio-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-portfolio-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item {
	margin: 0;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
	border-color: #d1d5db;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item figure {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item h3 {
	margin: 18px 24px 8px;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item p {
	margin: 0 24px 24px;
	font-size: 16px;
	line-height: 1.55;
	color: #4b5563;
}

@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-item {
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-item h3 {
		margin: 16px 20px 8px;
		font-size: 21px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-item p {
		margin: 0 20px 20px;
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   ПОРТФОЛИО: метки / характеристики работ
   Используются внутри .mb-portfolio-item.
   ========================= */

.site-main .entry-content .wp-block-group.mb-portfolio-tags {
	margin: 0 24px 24px;
}

.site-main .entry-content .wp-block-group.mb-portfolio-tags > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .mb-portfolio-tag {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #1d4ed8;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 600;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-tags {
		margin: 0 20px 20px;
	}

	.site-main .entry-content .mb-portfolio-tag {
		font-size: 12px;
		padding: 5px 9px;
	}
}

/* =========================
   FIX: метки в карточках портфолио
   Перебиваем стили обычных абзацев внутри .mb-portfolio-item.
   ========================= */

.site-main .entry-content .wp-block-group.mb-portfolio-item .wp-block-group.mb-portfolio-tags {
	margin: 10px 24px 24px;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item .wp-block-group.mb-portfolio-tags > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-portfolio-item .wp-block-group.mb-portfolio-tags p.mb-portfolio-tag {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #2563eb;
	font-size: 13px;
	line-height: 1.25;
	font-weight: 400;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-item .wp-block-group.mb-portfolio-tags {
		margin: 8px 20px 20px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-item .wp-block-group.mb-portfolio-tags p.mb-portfolio-tag {
		font-size: 12px;
		padding: 5px 9px;
	}
}

/* FIX: уменьшаем отступ между описанием и метками в карточке портфолио */
.site-main .entry-content .wp-block-group.mb-portfolio-item > .wp-block-group__inner-container > p {
	margin-bottom: 18px;
}

/* =========================
   ПОРТФОЛИО 2: крупная работа + малые примеры
   Один большой пример слева и два компактных справа.
   ========================= */

.site-main .entry-content .wp-block-group.mb-portfolio-featured-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	align-items: stretch;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-side {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-side > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: 100%;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-main,
.site-main .entry-content .wp-block-group.mb-portfolio-featured-small {
	height: 100%;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-main img {
	aspect-ratio: 16 / 10;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-small img {
	aspect-ratio: 16 / 9;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-main h3 {
	font-size: 26px;
	line-height: 1.22;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-small h3 {
	font-size: 21px;
	line-height: 1.25;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-small p {
	font-size: 15px;
	line-height: 1.5;
}

.site-main .entry-content .wp-block-group.mb-portfolio-featured-small .mb-portfolio-tag {
	font-size: 12px;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-featured-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-featured-side > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-featured-grid > .wp-block-group__inner-container,
	.site-main .entry-content .wp-block-group.mb-portfolio-featured-side > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-featured-main h3 {
		font-size: 22px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-featured-small h3 {
		font-size: 21px;
	}
}

/* =========================
   ПОРТФОЛИО 3: галерея-плитка без текста
   Компактная визуальная сетка для примеров работ.
   ========================= */

.site-main .entry-content .wp-block-group.mb-portfolio-gallery {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-portfolio-gallery > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 190px;
	gap: 18px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure {
	margin: 0;
	width: 100%;
	height: 100%;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid #e5e7eb;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-portfolio-gallery img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}

.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure:hover img {
	transform: scale(1.03);
}

/* Первая картинка крупнее, чтобы галерея не выглядела слишком однообразной */
.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-gallery > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 220px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure:first-child {
		grid-column: span 2;
		grid-row: span 1;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-portfolio-gallery > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure,
	.site-main .entry-content .wp-block-group.mb-portfolio-gallery figure:first-child {
		grid-column: auto;
		grid-row: auto;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-portfolio-gallery img {
		height: auto;
		aspect-ratio: 4 / 3;
	}
}

/* =========================
   МАТЕРИАЛЫ 1: карточки вариантов исполнения
   Универсальный блок для материалов, форматов и характеристик.
   ========================= */

.site-main .entry-content .wp-block-group.mb-spec-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-spec-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-spec-item {
	margin: 0;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-spec-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-spec-item h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 23px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-spec-item p {
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}

.site-main .entry-content .wp-block-group.mb-spec-item p:last-child {
	margin-bottom: 0;
}

.site-main .entry-content p.mb-spec-note {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #e5e7eb;
	font-size: 14px;
	line-height: 1.45;
	color: #2563eb;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-spec-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-spec-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-spec-item {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-spec-item h3 {
		font-size: 21px;
	}

	.site-main .entry-content .wp-block-group.mb-spec-item p {
		font-size: 15px;
		line-height: 1.5;
	}

	.site-main .entry-content p.mb-spec-note {
		font-size: 14px;
	}
}

/* =========================
   МАТЕРИАЛЫ 2: текст + список справа
   Помогает объяснить выбор материала через задачу и условия размещения.
   ========================= */

.site-main .entry-content .mb-spec-split-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
	gap: 32px;
	align-items: start;
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .mb-spec-split-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

.site-main .entry-content .mb-spec-split-main {
	padding: 0;
}

.site-main .entry-content .mb-spec-split-main h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-spec-split-main p {
	max-width: 720px;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.site-main .entry-content .mb-spec-split-main ul {
	max-width: 720px;
	margin: 0;
	padding-left: 22px;
}

.site-main .entry-content .mb-spec-split-main li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

.site-main .entry-content .mb-spec-list-panel {
	padding: 24px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
}

.site-main .entry-content .mb-spec-list-panel > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-spec-row {
	margin: 0;
	padding: 0 0 18px;
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-spec-row + .wp-block-group.mb-spec-row {
	margin-top: 18px;
}

.site-main .entry-content .wp-block-group.mb-spec-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-spec-row > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-spec-row h3 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-spec-row p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}

@media (max-width: 1024px) {
	.site-main .entry-content .mb-spec-split-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.site-main .entry-content .mb-spec-list-panel {
		max-width: 760px;
	}
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-spec-split-grid.wp-block-columns {
		gap: 20px;
	}

	.site-main .entry-content .mb-spec-split-main h3 {
		font-size: 23px;
	}

	.site-main .entry-content .mb-spec-split-main p,
	.site-main .entry-content .mb-spec-split-main li {
		font-size: 15px;
		line-height: 1.5;
	}

	.site-main .entry-content .mb-spec-list-panel {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-spec-row h3 {
		font-size: 19px;
	}

	.site-main .entry-content .wp-block-group.mb-spec-row p {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   МАТЕРИАЛЫ 3: карточки материалов с фото
   У каждой карточки есть маленькое фото материала и описание.
   Базовый вариант: 2 колонки на ПК.
   ========================= */

.site-main .entry-content .wp-block-group.mb-material-grid {
	width: 100%;
	max-width: none;
	margin: 28px 0 0;
}

.site-main .entry-content .wp-block-group.mb-material-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-material-card {
	margin: 0;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-material-card > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-material-card figure.mb-material-thumb {
	flex: 0 0 112px;
	width: 112px;
	margin: 0;
	border-radius: 6px;
	overflow: hidden;
	background: #f3f4f6;
}

.site-main .entry-content .wp-block-group.mb-material-card figure.mb-material-thumb img {
	display: block;
	width: 112px;
	height: 112px;
	object-fit: cover;
	border-radius: 6px;
}

.site-main .entry-content .wp-block-group.mb-material-card-body {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.site-main .entry-content .wp-block-group.mb-material-card-body > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-material-card-body h3 {
	margin: 0 0 8px;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-material-card-body p {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.58;
	color: #4b5563;
}

.site-main .entry-content .wp-block-group.mb-material-card-body p.mb-material-meta {
	margin: 12px 0 0;
	padding-top: 12px;
	border-top: 1px solid #e5e7eb;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #4b5563;
}

.site-main .entry-content .wp-block-group.mb-material-card-body p.mb-material-meta strong {
	font-weight: 600;
	color: #2563eb;
}

/* Материалы 3: модификатор для трёх колонок */
.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 > .wp-block-group__inner-container {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card > .wp-block-group__inner-container {
	flex-direction: column;
	gap: 16px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card figure.mb-material-thumb,
.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card figure.mb-material-thumb img {
	width: 100px;
	height: 100px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card figure.mb-material-thumb {
	flex: 0 0 auto;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card-body h3 {
	font-size: 23px;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-material-grid > .wp-block-group__inner-container,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card > .wp-block-group__inner-container {
		flex-direction: row;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-material-grid > .wp-block-group__inner-container,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card {
		padding: 18px;
		border-radius: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card > .wp-block-group__inner-container,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card > .wp-block-group__inner-container {
		flex-direction: row;
		gap: 14px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card figure.mb-material-thumb,
	.site-main .entry-content .wp-block-group.mb-material-card figure.mb-material-thumb img,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card figure.mb-material-thumb,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card figure.mb-material-thumb img {
		width: 84px;
		height: 84px;
		border-radius: 6px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card figure.mb-material-thumb {
		flex: 0 0 84px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card-body h3,
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-3 .wp-block-group.mb-material-card-body h3 {
		font-size: 22px;
	}

	.site-main .entry-content .wp-block-group.mb-material-card-body p {
		font-size: 15px;
		line-height: 1.55;
	}

	.site-main .entry-content .wp-block-group.mb-material-card-body p.mb-material-meta {
		font-size: 13px;
		line-height: 1.45;
	}
}

/* Материалы: модификатор для 4 колонок */
.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 > .wp-block-group__inner-container {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card > .wp-block-group__inner-container {
	flex-direction: column;
	gap: 14px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card {
	padding: 18px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card figure.mb-material-thumb,
.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card figure.mb-material-thumb img {
	width: 88px;
	height: 88px;
	border-radius: 14px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card figure.mb-material-thumb {
	flex: 0 0 auto;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card-body h3 {
	font-size: 21px;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card-body p {
	font-size: 15px;
	line-height: 1.5;
}

.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card-body p.mb-material-meta {
	font-size: 13px;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.site-main .entry-content .wp-block-group.mb-material-grid.mb-material-grid-4 .wp-block-group.mb-material-card > .wp-block-group__inner-container {
		flex-direction: row;
	}
}

/* =========================
   ТАБЛИЦЫ: универсальный стиль таблиц
   Используется для сравнений, характеристик и ориентировочных цен.
   В Gutenberg у таблицы нужно включать "Область заголовка",
   чтобы первая строка была настоящим thead/th.
   На мобильной версии таблица прокручивается горизонтально.
   ========================= */

.site-main .entry-content figure.wp-block-table.mb-table-wrap {
	display: block;
	width: 100%;
	max-width: none;
	margin: 28px 0 0;
	padding: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #dce1e8;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
	box-sizing: border-box;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap table {
	width: 100%;
	min-width: 760px;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	box-shadow: none;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap thead {
	background: #f1f5f9;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap th,
.site-main .entry-content figure.wp-block-table.mb-table-wrap td {
	padding: 16px 18px;
	border: 0;
	border-right: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: top;
	font-size: 15px;
	line-height: 1.5;
	color: #374151;
	background: #ffffff;
	box-sizing: border-box;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap th {
	background: #f1f5f9;
	color: #111827;
	font-weight: 700;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap th:last-child,
.site-main .entry-content figure.wp-block-table.mb-table-wrap td:last-child {
	border-right: 0;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap tbody tr:last-child td {
	border-bottom: 0;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap tbody tr:hover td {
	background: #fbfdff;
}

.site-main .entry-content figure.wp-block-table.mb-table-wrap figcaption {
	margin: 0;
	padding: 13px 18px 15px;
	border-top: 1px solid #e5e7eb;
	background: #fbfdff;
	font-size: 14px;
	line-height: 1.45;
	color: #6b7280;
	text-align: left;
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content figure.wp-block-table.mb-table-wrap {
		margin-top: 22px;
		border-radius: 14px;
	}

	.site-main .entry-content figure.wp-block-table.mb-table-wrap table {
		min-width: 720px;
	}

	.site-main .entry-content figure.wp-block-table.mb-table-wrap th,
	.site-main .entry-content figure.wp-block-table.mb-table-wrap td {
		padding: 14px 16px;
		font-size: 14px;
		line-height: 1.45;
	}
	
	.site-main .entry-content figure.wp-block-table.mb-table-wrap figcaption {
		padding: 12px 16px 14px;
		font-size: 13px;
		line-height: 1.45;
	}
}

/* =========================
   ДОВЕРИЕ 1: факты и аргументы
   Спокойные карточки для подтверждения подхода и удобства работы.
   ========================= */

.site-main .entry-content .wp-block-group.mb-trust-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-trust-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-trust-item {
	margin: 0;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-trust-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-trust-item h3 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-trust-item p {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-trust-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-trust-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-trust-item {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-trust-item h3 {
		font-size: 21px;
	}

	.site-main .entry-content .wp-block-group.mb-trust-item p {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   ДОВЕРИЕ 2: цифры и короткие показатели
   Без выдуманной статистики — только рабочие ориентиры и факты процесса.
   ========================= */

.site-main .entry-content .wp-block-group.mb-stats-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-stats-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-stat-item {
	margin: 0;
	padding: 26px 24px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-stat-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-stat-item p.mb-stat-value {
	margin: 0 0 14px;
	font-size: clamp(28px, 2.2vw, 32px);
	line-height: 1.08;
	font-weight: 700;
	color: #007deb;
	letter-spacing: -0.02em;
}

.site-main .entry-content .wp-block-group.mb-stat-item h3 {
	margin: 0 0 10px;
	font-size: 21px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-stat-item p {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}


/* Модификатор: компактные показатели без заголовков */
.site-main .entry-content .wp-block-group.mb-stats-grid.mb-stats-grid-minimal .wp-block-group.mb-stat-item {
	background: #ffffff;
}

/* Синий показатель */
.site-main .entry-content .wp-block-group.mb-stats-grid.mb-stats-grid-minimal .wp-block-group.mb-stat-item p.mb-stat-value {
	font-size: clamp(22px, 1.8vw, 26px);
	line-height: 1.08;
	margin-bottom: 12px;
}

/* Если H3 случайно останется в карточке — скрываем только в этой модификации */
.site-main .entry-content .wp-block-group.mb-stats-grid.mb-stats-grid-minimal .wp-block-group.mb-stat-item h3 {
	display: none;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-stats-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-stats-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-stat-item {
		padding: 22px 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-stat-item p.mb-stat-value {
		font-size: 30px;
		margin-bottom: 12px;
	}

	.site-main .entry-content .wp-block-group.mb-stat-item h3 {
		font-size: 20px;
	}

	.site-main .entry-content .wp-block-group.mb-stat-item p {
		font-size: 15px;
		line-height: 1.5;
	}
	
	.site-main .entry-content .wp-block-group.mb-stats-grid.mb-stats-grid-minimal .wp-block-group.mb-stat-item p.mb-stat-value {
		font-size: 24px;
		line-height: 1.08;
		margin-bottom: 10px;
	}
}

/* =========================
   ДЛЯ КОГО 1: карточки сценариев использования
   Блок показывает, каким типам клиентов и задач подходит услуга.
   ========================= */

.site-main .entry-content .wp-block-group.mb-usecase-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-usecase-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-item {
	margin: 0;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-usecase-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-item h3 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-usecase-item p {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}

/* Модификатор: 4 карточки в ряд */
.site-main .entry-content .wp-block-group.mb-usecase-grid.mb-usecase-grid-4 > .wp-block-group__inner-container {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-usecase-grid.mb-usecase-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-usecase-grid.mb-usecase-grid-4 > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-usecase-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-usecase-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-item {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-item h3 {
		font-size: 21px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-item p {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   ДЛЯ КОГО 2: двухколоночный блок с пояснением
   Слева пояснение и список, справа компактные сценарии.
   ========================= */

.site-main .entry-content .mb-usecase-split-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
	gap: 32px;
	align-items: start;
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .mb-usecase-split-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

.site-main .entry-content .mb-usecase-split-main h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-usecase-split-main p {
	max-width: 720px;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.site-main .entry-content .mb-usecase-split-main ul {
	max-width: 720px;
	margin: 0;
	padding-left: 22px;
}

.site-main .entry-content .mb-usecase-split-main li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

.site-main .entry-content .mb-usecase-panel {
	padding: 24px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
}

.site-main .entry-content .mb-usecase-panel > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-row {
	margin: 0;
	padding: 0 0 18px;
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-usecase-row + .wp-block-group.mb-usecase-row {
	margin-top: 18px;
}

.site-main .entry-content .wp-block-group.mb-usecase-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-usecase-row > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-row h3 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 1.28;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-usecase-row p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4b5563;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .mb-usecase-split-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.site-main .entry-content .mb-usecase-panel {
		max-width: 760px;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .mb-usecase-split-grid.wp-block-columns {
		gap: 20px;
	}

	.site-main .entry-content .mb-usecase-split-main h3 {
		font-size: 23px;
	}

	.site-main .entry-content .mb-usecase-split-main p,
	.site-main .entry-content .mb-usecase-split-main li {
		font-size: 15px;
		line-height: 1.5;
	}

	.site-main .entry-content .mb-usecase-panel {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-row h3 {
		font-size: 19px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-row p {
		font-size: 15px;
		line-height: 1.5;
	}
}

/* =========================
   ДЛЯ КОГО 3: компактный список применений
   Лёгкий блок для быстрого перечисления сценариев.
   ========================= */

.site-main .entry-content .wp-block-group.mb-usecase-list {
	margin-top: 24px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-usecase-list > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-list p.mb-usecase-list-item {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 10px 14px;
	border-radius: 999px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	color: #374151;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 500;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-usecase-list p.mb-usecase-list-item::before {
	content: "";
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin-right: 9px;
	border-radius: 999px;
	background: #007deb;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-usecase-list {
		margin-top: 20px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-list > .wp-block-group__inner-container {
		gap: 8px;
	}

	.site-main .entry-content .wp-block-group.mb-usecase-list p.mb-usecase-list-item {
		width: 100%;
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.35;
	}
}

/* =========================
   ФОРМА 1: простая форма в карточке
   Внутри используется шорткод плагина Musin Bros Leads:
   [musinbros_contact_form]
   Стили самой формы живут в плагине, здесь только внешний контейнер.
   ========================= */

.site-main .entry-content .wp-block-group.mb-form-card {
	width: 100%;
	max-width: 760px;
	margin: 28px auto 0;
	padding: 28px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-form-card > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-form-card .wp-block-shortcode {
	margin: 0;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-form-card {
		margin-top: 22px;
		padding: 20px;
		border-radius: 16px;
	}
}

/* =========================
   ФОРМА 2: форма + пояснение сбоку
   Слева пояснение, справа форма из шорткода Musin Bros Leads.
   Стили самой формы остаются в плагине.
   ========================= */

.site-main .entry-content .mb-form-split-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
	gap: 32px;
	align-items: start;
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .mb-form-split-grid.wp-block-columns > .wp-block-column {
	margin: 0 !important;
	min-width: 0;
}

.site-main .entry-content .mb-form-split-info h2 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 34px;
	line-height: 1.18;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .mb-form-split-info p {
	max-width: 620px;
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.site-main .entry-content .mb-form-split-info ul {
	max-width: 620px;
	margin: 0;
	padding-left: 22px;
}

.site-main .entry-content .mb-form-split-info li {
	margin-bottom: 9px;
	font-size: 16px;
	line-height: 1.55;
	color: #374151;
}

/* Отступ для абзаца после списка в пояснении формы */
.site-main .entry-content .mb-form-split-info ul + p {
	margin-top: 18px;
}

.site-main .entry-content .mb-form-split-card {
	margin: 0;
	padding: 28px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .mb-form-split-card > .wp-block-group__inner-container,
.site-main .entry-content .mb-form-split-card > .wp-block-column__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .mb-form-split-card .wp-block-shortcode {
	margin: 0;
}



/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .mb-form-split-grid.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.site-main .entry-content .mb-form-split-card {
		max-width: 760px;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .mb-form-split-grid.wp-block-columns {
		gap: 20px;
	}

	.site-main .entry-content .mb-form-split-info h2 {
		font-size: 28px;
		line-height: 1.2;
	}

	.site-main .entry-content .mb-form-split-info p,
	.site-main .entry-content .mb-form-split-info li {
		font-size: 15px;
		line-height: 1.5;
	}

	.site-main .entry-content .mb-form-split-card {
		padding: 20px;
		border-radius: 16px;
	}
}

/* =========================
   КОНТАКТЫ 1: контакты + карта
   Универсальный блок для страницы контактов и нижней части посадочных.
   Карта пока может быть заглушкой, позже заменяется iframe Яндекс/2ГИС.
   ========================= */

.site-main .entry-content .wp-block-group.mb-contact-grid {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-contact-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	align-items: stretch;
}

.site-main .entry-content .wp-block-group.mb-contact-info-card,
.site-main .entry-content .wp-block-group.mb-contact-map-card {
	margin: 0;
	padding: 28px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-contact-info-card > .wp-block-group__inner-container,
.site-main .entry-content .wp-block-group.mb-contact-map-card > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-contact-info-card h3,
.site-main .entry-content .wp-block-group.mb-contact-map-card h3 {
	margin: 0 0 18px;
	font-size: 26px;
	line-height: 1.22;
	font-weight: 700;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-contact-info-row {
	margin: 0;
	padding: 0 0 16px;
	border-bottom: 1px solid #e5e7eb;
}

.site-main .entry-content .wp-block-group.mb-contact-info-row + .wp-block-group.mb-contact-info-row {
	margin-top: 16px;
}

.site-main .entry-content .wp-block-group.mb-contact-info-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-contact-info-row > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content p.mb-contact-info-label {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 1.35;
	color: #6b7280;
}

.site-main .entry-content p.mb-contact-info-value {
	margin: 0;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 600;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-list {
	margin: 4px 0 0;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-list > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item {
	margin: 0;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item > .wp-block-group__inner-container {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item figure {
	margin: 0;
	width: 34px;
	height: 34px;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item img {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
}

/* Текст мессенджера: работает и для абзаца, и для прямой ссылки из шорткода */
.site-main .entry-content .wp-block-group.mb-contact-messenger-item p {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item a:not(.mb-contact-icon-link) {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	text-decoration: none;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-contact-messenger-item a:not(.mb-contact-icon-link):hover {
	color: #007deb;
}

/* Ссылка-обёртка иконки не должна вести себя как текстовая ссылка */
.site-main .entry-content .wp-block-group.mb-contact-messenger-item a.mb-contact-icon-link {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 1;
	text-decoration: none;
}

.site-main .entry-content .wp-block-group.mb-contact-map-card p {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 1.6;
	color: #4b5563;
}

.site-main .entry-content .wp-block-group.mb-map-placeholder {
	margin: 0;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		linear-gradient(90deg, rgba(255,255,255,0.55) 1px, transparent 1px),
		linear-gradient(rgba(255,255,255,0.55) 1px, transparent 1px),
		#dbeafe;
	background-size: 56px 56px;
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
}

.site-main .entry-content .wp-block-group.mb-map-placeholder > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.site-main .entry-content .wp-block-group.mb-map-placeholder p {
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	color: #2563eb;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-contact-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-contact-grid > .wp-block-group__inner-container {
		gap: 18px;
	}

	.site-main .entry-content .wp-block-group.mb-contact-info-card,
	.site-main .entry-content .wp-block-group.mb-contact-map-card {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-contact-info-card h3,
	.site-main .entry-content .wp-block-group.mb-contact-map-card h3 {
		font-size: 23px;
	}

	.site-main .entry-content p.mb-contact-info-value {
		font-size: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-map-placeholder {
		min-height: 240px;
		border-radius: 14px;
	}
}

/* =========================
   КОНТАКТЫ 2: компактные контакты без карты
   Подходит для посадочных страниц, где не нужна карта.
   Использует общие классы мессенджеров из блока Контакты 1.
   ========================= */

.site-main .entry-content .wp-block-group.mb-contact-compact {
	margin-top: 28px;
	margin-bottom: 0;
}

.site-main .entry-content .wp-block-group.mb-contact-compact > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content .wp-block-group.mb-contact-compact-item {
	margin: 0;
	padding: 22px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.site-main .entry-content .wp-block-group.mb-contact-compact-item > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.site-main .entry-content p.mb-contact-compact-label {
	margin: 0 0 7px;
	font-size: 14px;
	line-height: 1.35;
	color: #6b7280;
}

.site-main .entry-content p.mb-contact-compact-value {
	margin: 0;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 600;
	color: #111827;
}

.site-main .entry-content .wp-block-group.mb-contact-compact-item .wp-block-group.mb-contact-messenger-list {
	margin: 0;
}

/* Планшет */
@media (max-width: 1024px) {
	.site-main .entry-content .wp-block-group.mb-contact-compact > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.site-main .entry-content .wp-block-group.mb-contact-compact > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.site-main .entry-content .wp-block-group.mb-contact-compact-item {
		padding: 20px;
		border-radius: 16px;
	}

	.site-main .entry-content p.mb-contact-compact-value {
		font-size: 16px;
	}
}

/* =========================
   ПЛАВНЫЙ ПЕРЕХОД ПО ЯКОРЯМ
   ========================= */

html {
	scroll-behavior: smooth;
}

/*
   Класс ставим на внешний блок секции.
   Значение должно быть примерно равно высоте шапки + небольшой запас.
*/
.mb-anchor-target {
	scroll-margin-top: 78px;
}

body.admin-bar .mb-anchor-target {
	scroll-margin-top: 110px;
}

@media (max-width: 767px) {
	.mb-anchor-target {
		scroll-margin-top: 70px;
	}

	body.admin-bar .mb-anchor-target {
		scroll-margin-top: 102px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* =========================
   КАРТА В БЛОКЕ КОНТАКТОВ
   Обёртка для iframe Яндекс Карт / 2ГИС.
   ========================= */

.site-main .entry-content .mb-map-embed {
	width: 100%;
	height: 320px;
	margin: 0;
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	background: #dbeafe;
}

.site-main .entry-content .mb-map-embed__inner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.site-main .entry-content .mb-map-embed__inner > a {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.site-main .entry-content .mb-map-embed iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 767px) {
	.site-main .entry-content .mb-map-embed {
		height: 240px;
		border-radius: 6px;
	}
}

/* =========================
   Image crop 60
   Обрезка крупных изображений в двухколоночном блоке
   ========================= */

.site-main .entry-content .wp-block-columns.mb-image-crop-60 figure.wp-block-image {
	width: 100%;
	aspect-ratio: 5 / 3;
	margin: 0 0 24px;
	overflow: hidden;
	border-radius: 18px;
	background: #f3f4f6;
}

.site-main .entry-content .wp-block-columns.mb-image-crop-60 figure.wp-block-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	border-radius: 18px;
}

@media (max-width: 767px) {
	.site-main .entry-content .wp-block-columns.mb-image-crop-60 figure.wp-block-image {
		aspect-ratio: 5 / 3;
		margin-bottom: 18px;
		border-radius: 14px;
	}

	.site-main .entry-content .wp-block-columns.mb-image-crop-60 figure.wp-block-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		object-position: center;
		border-radius: 14px;
	}
}