.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.product-card {
    opacity: 0;
    transform: translateY(20px);
}

.img-container {
    overflow: hidden;
    position: relative;
    aspect-ratio: 3/4;
}

.img-container img {
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.product-card:hover .img-container img {
    transform: scale(1.05);
}

@keyframes luxuryShimmer {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes elegantFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px); /* Эффект невесомости */
    }
}

.logo-animate {
    /* Эффект "Жидкий шелк": сложный градиент с мягкими переходами */
    background: linear-gradient(90deg, #5C5454 0%, #7A6E6E 20%, #EBCDD2 45%, #FFFFFF 50%, #EBCDD2 55%, #7A6E6E 80%, #5C5454 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Комбинируем две анимации: перелив цвета (6 сек) и левитация (5 сек) */
    animation: luxuryShimmer 6s ease-in-out infinite, elegantFloat 5s ease-in-out infinite;
    filter: drop-shadow(0 0 1px rgba(235, 205, 210, 0.2)); /* Легкое свечение */
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Text Reveal Animation */
.reveal-content {
    transform: translateY(100%);
    animation: revealUp 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    opacity: 0;
}

@keyframes revealUp {
    0% { transform: translateY(100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }