/* Настройки контейнера слайдера */
#office-life .services-slider {
    display: flex;
    gap: 15px;
    padding-bottom: 5px;
}

/* КАРТОЧКА ФОТО */
.gallery-item {
    /* Чтобы ширина была как в твоей любимой сетке (примерно 3 фото в ряд) */
    flex: 0 0 calc(33.333% - 10px); 
    min-width: 300px;
    
    position: relative;
    height: 300px;   /* НОВАЯ ВЫСОТА */
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* Адаптив для мобилок (одно фото на экран) */
@media (max-width: 768px) {
    .gallery-item {
        flex: 0 0 85%;
        height: 250px; /* На мобилках чуть меньше, чтобы было аккуратно */
    }
}

/* САМО ИЗОБРАЖЕНИЕ */
.gallery-item img {
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); /* Очень плавно */
    pointer-events: none;
}

/* ТОЛЬКО ЭФФЕКТ УВЕЛИЧЕНИЯ */
.gallery-item:hover img {
    transform: scale(1.1);
}

/* Очистка старых стилей (если были) */
.gallery-hover {
    display: none !important;
}

/* Стиль для кружочков пагинации */
.slider-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
}