/*
 * Блок mis-list (blocks/mis-list.php): популярные МИС — строки по типу клиники, в строке плитки систем.
 * Карточка — логотип по центру и название подписью под ним; без логотипа (.mis--text) — крупное название.
 * Логотипы разной формы: высота зоны общая (--logo-h), узкие знаки и широкие надписи вписываются в неё целиком.
 * Карточка — кнопка (открывает окно заявки с темой «Интеграция с …»).
 */

.mis-list__head { max-width: 860px; margin-bottom: 40px; }
.mis-list__title { color: var(--c-ink); font-size: 48px; font-weight: 700; line-height: 1.1; letter-spacing: -.04em; text-wrap: balance; }
.mis-list__lead { margin-top: 20px; color: var(--c-muted); font-size: 20px; line-height: 1.6; }

.mis-list__groups { border-top: 1px solid var(--c-line); }
.mis-list__group { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 16px 40px; align-items: start; padding: 28px 0; border-bottom: 1px solid var(--c-line); }
.mis-list__group-title { padding-top: 12px; color: var(--c-ink); font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -.02em; }
.mis-list__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }

.mis {
    --logo-h: 44px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
    width: 100%; height: 100%; min-height: 124px; padding: 20px 16px 16px;
    border: 1px solid var(--c-line); border-radius: var(--radius-m); background: #fff; font: inherit; text-align: center; cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.mis:hover { border-color: #b7cdff; box-shadow: var(--shadow); }
.mis:hover .mis__name { color: var(--c-primary); }
.mis:focus-visible { outline: 3px solid #849fff; outline-offset: 2px; }
.mis__logo { display: block; width: auto; max-width: 100%; height: var(--logo-h); object-fit: contain; }
.mis__name { color: var(--c-muted); font-size: 14px; font-weight: 600; line-height: 1.2; transition: color .15s ease; }
.mis--text .mis__name { color: var(--c-ink); font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
/* поправки визуального размера: у этих логотипов внутри картинки поля или они только знак */
.mis__logo--ident { height: calc(var(--logo-h) * 1.25); margin-block: -5px; }
.mis__logo--1c-medicina { height: calc(var(--logo-h) * .9); }
.mis__logo--infoclinica, .mis__logo--stomx { height: calc(var(--logo-h) * 1.15); }

.mis-list__note { margin-top: 28px; color: var(--c-muted); font-size: 17px; line-height: 1.6; }
.mis-list__note a { color: var(--c-primary); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1024px) {
    .mis-list__group { grid-template-columns: 1fr; gap: 14px; padding: 24px 0; }
    .mis-list__group-title { padding-top: 0; }
}
@media (max-width: 640px) {
    .mis-list__head { margin-bottom: 28px; }
    .mis-list__title { font-size: var(--fs-h2-m); }
    .mis-list__lead { margin-top: 14px; font-size: 17px; }
    .mis-list__group-title { font-size: 18px; }
    .mis-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .mis { --logo-h: 34px; gap: 10px; min-height: 100px; padding: 14px 10px 12px; }
    .mis__name { font-size: 13px; }
    .mis-list__note { font-size: 15px; }
}