/* Стили для 3D-эффекта и бесшовной галереи */

/* Убеждаемся, что при наведении курсора изображение приподнимается над остальными */
.tilt-gallery img {
    transform-style: preserve-3d;
    transition: all 0.5s ease;
    z-index: 1; /* Базовый индекс */
}

.tilt-gallery:hover img {
    z-index: 10; /* Поднимаем при наведении */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6); /* Профессиональная тень для глубины */
}

/* Удаляем стандартные отступы WordPress-галереи для создания бесшовного стиля */
.tilt-gallery .wp-block-gallery .blocks-gallery-item {
    margin: 0 !important;
}

/* Улучшаем внешний вид, убирая белые границы */
.tilt-gallery figure {
    margin: 0 !important;
    padding: 0 !important;
}