.btn-gradient {
    background: linear-gradient(90deg,#575f65,#898989);
    color: #fff !important;
    border: none;
  }
  .btn-gradient:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }

/* В gallery.css или site.css */
@media (max-width: 767.98px) {
    .gallery-widget-wrapper {
        margin-bottom: 1.5rem !important; /* Уменьшенный отступ между виджетом и каруселью */
        z-index: 1; /* Виджет выше по слою */
        position: relative;
    }
    .gallery-widget-container {
        overflow: hidden; /* Предотвращает вылезание контента из виджета */
    }
    .gallery-widget-frame-gallery {
        height: 1000px !important; /* Увеличенная высота виджета на мобильных */
        width: 100% !important;
    }
    #gallery-initialImagesCarousel {
        margin-top: 1.5rem !important; /* Уменьшенный отступ сверху для карусели */
        z-index: 0; /* Карусель ниже по слою */
        position: relative;
    }
    #gallery-initialImagesCarousel .carousel-item img {
        height: 250px; /* Фиксированная высота для фото в карусели */
        object-fit: cover; /* Сохраняет пропорции */
        margin: 0 auto; /* Центрирует фото */
    }
    #gallery-initialImagesCarousel .carousel-control-prev,
    #gallery-initialImagesCarousel .carousel-control-next {
        opacity: 0.7; /* Полупрозрачные кнопки навигации */
    }
}
@media (min-width: 768px) {
    .clickable-thumb {
        max-height: 300px; /* Ограничение максимальной высоты для фото в колонках */
        object-fit: cover; /* Сохранение пропорций с обрезкой */
        width: 100%; /* Полная ширина колонки */
    }
    #gallery-initialImagesCarousel {
        display: none !important; /* Скрыть карусель на десктопе */
    }
    .gallery-widget-frame-gallery {
        height: 900px !important;
        width: 100% !important; /* Высота виджета на десктопе */
    }
}