.bg-opacity-0 {
    opacity: 0;
}
.group:hover .group-hover\:bg-opacity-20 {
    opacity: 0.2;
}
.bg-opacity-20 {
    opacity: 0.2;
}
/* Стили для улучшенной галереи */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.gallery-fade {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.gallery-fade.fade-out {
    opacity: 0;
}

/* Плавная анимация для миниатюр */
.thumbnail-container {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
}
.thumbnail-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px -8px rgba(0, 0, 0, 0.3);
}

/* Индикатор загрузки */
.image-loading {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}