/* ФИКС СЕТКИ ДЛЯ КАТАЛОГА */
.apartments-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Если не помещается 3 в ряд — делаем 2 */
@media (max-width: 1200px) {
    .apartments-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        max-width: 900px !important;
    }
}

/* На мобилах — 1 в ряд */
@media (max-width: 768px) {
    .apartments-grid {
        grid-template-columns: 1fr !important;
        max-width: 400px !important;
        gap: 20px !important;
    }
}

/* Контейнер чтобы всё было по центру */
.apartments-section {
    overflow: hidden !important;
    width: 100% !important;
}

/* Мягкая плавная пульсация карточек */
#rec1553044911 .t902__inner-col {
    animation: softPulse 4s infinite ease-in-out !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

@keyframes softPulse {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 5px 20px rgba(30, 47, 51, 0.08);
    }
    50% {
        transform: translateY(-4px) scale(1.008);
        box-shadow: 0 10px 25px rgba(30, 47, 51, 0.12);
    }
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 5px 20px rgba(30, 47, 51, 0.08);
    }
}

/* При наведении - плавное поднятие */
#rec1553044911 .t902__inner-col:hover {
    animation: none !important;
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 15px 35px rgba(30, 47, 51, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}