        /* Custom styles for the aesthetic and animations */
        @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Inter:wght@300;400;600&display=swap');
        
        /* Set a modern, elegant font stack */
        :root {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        h1, h2, h3, .font-display {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 600;
        }

        /* Subtle background gradient for the whole page */
        body {
            background: linear-gradient(135deg, #ffffff 0%, #fef3f7 50%, #f0fdf4 100%);
        }

        /* Custom scrollbar for aesthetic feel */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #fdf2f8; /* Pastel pink/white */
        }

        ::-webkit-scrollbar-thumb {
            background: #d4a7b7; /* Soft muted pink */
            border-radius: 4px;
        }

        /* Animation Utility Classes (used by IntersectionObserver) */
        .reveal-hidden {
            opacity: 0;
            transform: translateY(30px);
        }

        .reveal-visible {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* Product Card Hover Effect */
        .product-card-container {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .product-card-container:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 10px 20px rgba(240, 180, 190, 0.5); /* Soft pink shadow */
        }
        .product-card-overlay {
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .product-card-container:hover .product-card-overlay {
            opacity: 1;
        }
        /* Sticky header backdrop */
        .sticky-header {
            transition: background-color 0.3s ease;
        }
