/* MedicalMag — единые кнопки и заголовки на всём сайте (редизайн 2026-09).
   Источник цвета — настройка темы Aspro (--theme-base-color): поменяли цвет в админке — поменялся везде.
   Подключается последним из page_blocks/footer_2.php. Аудит расхождений — reports/2026-09-14_redesign-header-test.md */
:root {
	/* цвет: наши блоки берут цвет темы Aspro, а не свой #4c8945 */
	--mm-brand: var(--theme-base-color) !important;
	--mm-brand-dark: hsl(var(--theme-base-color-hue) var(--theme-base-color-saturation) calc(var(--theme-base-color-lightness) - 6%)) !important;

	/* кнопки: одно скругление, одна насыщенность, четыре высоты */
	--theme-button-border-radius: 8px;
	--mm-btn-radius: 8px;
	--mm-btn-weight: 600;
	--mm-btn-h-sm: 36px;
	--mm-btn-h-md: 44px;
	--mm-btn-h-lg: 48px;
	--mm-btn-h-xl: 56px;

	/* заголовки */
	--theme-font-title-weight: 700;
	--mm-h1: 40px;
	--mm-h2: 34px;
	--mm-h2-promo: 40px;
	--mm-h3: 20px;
}

/* ---------- Кнопки Aspro ---------- */
.btn { border-radius: var(--mm-btn-radius); font-weight: var(--mm-btn-weight); letter-spacing: 0; }
.btn.btn-default:hover:not(:disabled) { background-color: var(--mm-brand-dark); border-color: var(--mm-brand-dark); }
.btn.btn-sm { min-height: var(--mm-btn-h-sm); font-size: 14px; }
.btn:not(.btn-sm):not(.btn-lg):not(.btn-xs):not(.btn--no-btn-appearance):not(.btn-search):not(.btn-clear-search) { min-height: var(--mm-btn-h-md); font-size: 15px; }
.btn.btn-lg { min-height: var(--mm-btn-h-lg); font-size: 15px; }

/* вкладки «Хит / Советуем / Новинка / Акция» — как вкладки видеообзоров */
.nav-tabs__item {
	min-height: 42px !important; height: 42px; padding: 0 22px !important; border-radius: var(--mm-btn-radius) !important;
	font-size: 14px !important; font-weight: var(--mm-btn-weight) !important;
}
.nav-tabs__item:not(.active) { background-color: #f4f6f1 !important; color: #172b21 !important; }
.nav-tabs__item:not(.active):hover { background-color: #edf2e8 !important; }

/* ---------- Наши кнопки ---------- */
.mm-btn { min-height: var(--mm-btn-h-lg); border-radius: var(--mm-btn-radius); font-weight: var(--mm-btn-weight); font-size: 15px; }
.mm-btn--lg { min-height: var(--mm-btn-h-xl); font-size: 16px; padding: 0 30px; }
.mm-social .mm-btn { min-height: var(--mm-btn-h-xl) !important; font-size: 16px !important; border-radius: var(--mm-btn-radius) !important; }
.mm-tabs__btn { border-radius: var(--mm-btn-radius); }
.mm-header__catalog .header-menu__link--only-catalog { height: var(--mm-btn-h-lg) !important; border-radius: var(--mm-btn-radius) !important; background: var(--mm-brand) !important; }
.mm-header__catalog .header-menu__link--only-catalog:hover { background: var(--mm-brand-dark) !important; }
.mm-header__catalog .header-menu__title { font-weight: var(--mm-btn-weight) !important; }
.mm-header__sale { border-radius: var(--mm-btn-radius); }
.mm-footer__callback { height: var(--mm-btn-h-md) !important; border-radius: var(--mm-btn-radius) !important; font-weight: var(--mm-btn-weight); }

/* ---------- Заголовки ---------- */
h1, .switcher-title { letter-spacing: -.01em; }
.page-top h1, .topic__heading h1 { font-size: var(--mm-h1); line-height: 1.15; font-weight: 700; }
.mm-h2, .mm-h2--xl, .index-block__title, .drag-block h2.switcher-title, .drag-block .index-block__title-text {
	font-size: var(--mm-h2) !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: -.01em !important;
}
.mm-social__title { font-size: var(--mm-h2-promo) !important; line-height: 1.12 !important; letter-spacing: -.01em !important; }
.mm-service__title { font-size: var(--mm-h2); }

/* заголовки в текстах разделов каталога и статей */
.group_description_block h2, .detail-text h2, .content h2 { font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--mm-ink, #172b21); letter-spacing: -.005em; }
.group_description_block .seo-faq h2 { font-size: 28px !important; line-height: 1.2 !important; color: var(--mm-ink, #172b21) !important; }
.group_description_block .seo-faq h3 { font-size: 18px !important; font-weight: 600 !important; color: var(--mm-ink, #172b21) !important; }
.group_description_block h3, .detail-text h3, .content h3 { font-size: var(--mm-h3); line-height: 1.3; font-weight: 600; color: var(--mm-ink, #172b21); }

@media (max-width: 767px) {
	:root { --mm-h1: 28px; --mm-h2: 28px; --mm-h2-promo: 30px; --mm-h3: 18px; }
	.group_description_block h2, .detail-text h2, .content h2 { font-size: 22px; }
}