/* Custom Theme Configuration */
        :root {
            --color-primary-green: #32A852;
            --color-coral: #FF6F61;
            --color-soft-gray: #E5E5E5;
            --color-background-soft: #FDFBF7;
        }

        /* Applying the requested typography */
        .font-heading { font-family: 'Poppins', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }

        /* General Body Styling with gradient background */
        body {
            background: linear-gradient(180deg, #F8F8F8 0%, #FDFBF7 100%);
            color: #1a1a1a;
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        /* Zig-Zag Image Zoom Effect */
        .category-image-container:hover .category-image {
            transform: scale(1.05) rotate(-0.5deg);
        }
        .category-image {
            transition: transform 0.5s ease;
        }

        /* Product Card Hover Effect */
        .product-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(50, 168, 82, 0.15);
        }

        /* Sticky Header Shadow on Scroll */
        .sticky-header-active {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            background-color: rgba(253, 251, 247, 0.95);
            backdrop-filter: blur(8px);
        }

        /* Custom Scrollbar for Deals Slider */
        .deals-slider::-webkit-scrollbar {
            height: 6px;
        }
        .deals-slider::-webkit-scrollbar-thumb {
            background-color: var(--color-primary-green);
            border-radius: 10px;
        }
        .deals-slider::-webkit-scrollbar-track {
            background: var(--color-soft-gray);
            border-radius: 10px;
        }

        /* Custom Cursive for Taglines */
        .cursive-tagline {
            font-family: cursive; /* Using generic cursive for system compatibility */
            font-style: italic;
            font-weight: 300;
        }

        /* Utility to hide pages and show only the active one */
        .page-content {
            display: none;
            min-height: 80vh; /* Ensure some minimum height for all pages */
        }
        .page-content.active {
            display: block;
        }

        /* Animation for fade-in content */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Modal Backdrop */
        .modal-backdrop {
            background-color: rgba(0, 0, 0, 0.5);
            transition: opacity 0.3s ease;
        }
        .modal-content {
            transition: transform 0.3s ease-out;
        }