/* Стили для карточек на главной странице */
.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.card {
    transition: border-color 0.2s, box-shadow 0.2s;
    border: 2px solid #e0e0e0;      /* светло-серая рамка всегда */
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}
.card:hover, .card:focus-within {
    border-color: #3577e8;           /* цветная рамка при наведении (пример: фирменный синий) */
}

.card img {
    width:2.5rem;
    height:2.5rem;
    object-fit:cover;
}