/* Vazirmatn Font - Modern Persian Font */
        @font-face {
            font-family: 'Vazirmatn';
            src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Vazirmatn';
            src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Vazirmatn';
            src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
        
        /* Apply Vazirmatn globally */
        html, body, * {
            font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        }
        
        /* Modern Apple-style animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .fade-in-up {
            animation: fadeInUp 0.6s ease-out forwards;
            animation-delay: inherit;
        }
        
        /* Scroll-triggered reveal animations for below-fold content */
        .scroll-reveal-item {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        
        .scroll-reveal-item.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Ensure content is visible even if animation doesn't run */
        @media (prefers-reduced-motion: reduce) {
            .fade-in-up,
            .scroll-reveal-item {
                animation: none;
                opacity: 1;
                transform: none;
            }
        }
        
        [x-cloak] {
            display: none !important;
        }

        /* Slider custom styles */
        .slider-slide {
            transition: opacity 0.7s ease-in-out;
        }
        
        /* Hide scrollbar for horizontal scrollers */
        .horizontal-scroll::-webkit-scrollbar,
        .overflow-x-auto::-webkit-scrollbar,
        .snap-x::-webkit-scrollbar {
            display: none;
        }
        
        .horizontal-scroll,
        .overflow-x-auto,
        .snap-x {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
        
        /* Smooth scroll behavior */
        html {
            scroll-behavior: smooth;
        }
        
        /* Subtle lift effect on cards */
        .card-hover {
            transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
        }
        
        .card-hover:hover {
            transform: translateY(-4px);
        }
        
        /* Compact header menu styles for mobile and tablet */
        @media (max-width: 959px) {
            .mobile-menu-overlay {
                backdrop-filter: blur(8px);
                height: 100vh !important;
                height: 100dvh !important;
            }
            
            /* Ensure mobile menu is above everything */
            .mobile-menu {
                z-index: 9999 !important;
                height: 100vh !important;
                height: 100dvh !important;
            }
            
            /* Full screen mobile menu panel */
            .mobile-menu-panel {
                height: 100vh !important;
                height: 100dvh !important;
            }
            
            /* Prevent scrolling when menu is open */
            body.mobile-menu-open {
                overflow: hidden !important;
                position: fixed !important;
                width: 100% !important;
            }
        }
        
        /* Hide mobile menu completely on desktop */
        @media (min-width: 960px) {
            .mobile-menu {
                display: none !important;
            }
        }
        
        /* Hide mobile menu scrollbar */
        .mobile-menu-content::-webkit-scrollbar {
            display: none;
        }
        
        .mobile-menu-content {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        /* Smooth menu button animation */
        .menu-button {
            transition: all 0.2s ease-out;
        }
        
        .menu-button:hover {
            background-color: rgba(255, 255, 255, 0.06);
        }
        
        /* Menu item hover effects */
        .mobile-menu-item {
            transition: all 0.15s ease-out;
        }
        
        .mobile-menu-item:hover {
            background-color: rgba(255, 255, 255, 0.06);
            transform: translateX(-2px);
        }
        
        /* Category section divider */
        .category-divider {
            border-top: 1px solid #e5e7eb;
            margin: 0.5rem 0;
        }
        
        /* Full-screen mobile search */
        @media (max-width: 768px) {
            #searchFullscreen {
                height: 100vh !important;
                height: 100dvh !important;
            }
            
            /* Prevent scrolling when search is open */
            body.search-open {
                overflow: hidden !important;
                position: fixed !important;
                width: 100% !important;
            }
        }