/* Polyhose Kohyei India - Main Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
    overflow-x: hidden; 
}

.glass { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
}

/* Reveal Animations */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.2s; }
.reveal-delay-2 { transition-delay: 0.4s; }

/* Advanced Hero Slider Transitions */
.slide { transition: opacity 1.2s ease-in-out; opacity: 0; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.slide.active { opacity: 1; z-index: 1; pointer-events: auto; }
.slide-bg { transform: scale(1); transition: transform 7s ease-out; }
.slide.active .slide-bg { transform: scale(1.1); }

/* Slide Content Animations */
.slide-content > * { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.slide.active .slide-content > * { opacity: 1; transform: translateY(0); }
.slide.active .slide-content .delay-1 { transition-delay: 0.3s; }
.slide.active .slide-content .delay-2 { transition-delay: 0.5s; }
.slide.active .slide-content .delay-3 { transition-delay: 0.7s; }

/* Button Shimmer Effect */
.btn-shimmer { position: relative; overflow: hidden; }
.btn-shimmer::after {
    content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-20deg); animation: shimmer 3s infinite;
}

@keyframes shimmer { 100% { left: 200%; } }
body.modal-open { overflow: hidden; }

@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

/* Pause animation on hover for better user experience */
.animate-marquee:hover {
    animation-play-state: paused;
}