/* ============================================
   MC-PROBLEMS
   ============================================ */

/* Серый фон для всей секции */
.mc-problems {
    background-color: #F2F4F2;
}

.mc-problems__grid {
    display: grid;
    grid-template-columns: 1fr;
    /* Отступ между карточками: 12px на узких, до 24px на широких */
    gap: clamp(12px, 3vw, 24px);
}

.mc-problems__card {
    display: flex;
    flex-direction: column;
    background: var(--mc-white, #fff);
    border: 1px solid transparent;
    border-radius: var(--mc-radius);
    /* Внутренний отступ: 16px на мобилке, до 32px на десктопе */
    padding: clamp(16px, 3vw, 26px);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    border: 1px solid #DDE3E0;
}

.mc-problems__card:hover {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.11);
}

.mc-problems__card-title {
    display: block;
    /* Размер шрифта: 17px на узких, до 21px на широких */
    font-size: clamp(17px, 2.5vw, 21px);
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.mc-problems__tags {
     /* Прижимаем теги к низу карточки */
    /* Отступ сверху от заголовка: 16px на мобилке, до 24px на ПК */
    padding-top: clamp(14px, 2.2vw, 20px);
    display: flex;
    flex-wrap: wrap;
    /* Отступы между тегами: 8px на мобилке, до 12px на ПК */
    gap: clamp(8px, 1.5vw, 12px);
    font-size: 14px;
    color: #666;
}

/* ============================================
   ПЛАНШЕТ: от 640px
   ============================================ */
@media (min-width: 640px) {
    .mc-problems__grid {
        grid-template-columns: repeat(2, 1fr);
        /* gap: clamp уже задан в базе, он подстроится автоматически */
    }
}

/* ============================================
   ДЕСКТОП: от 992px
   ============================================ */
@media (min-width: 992px) {
    .mc-problems__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}