@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');
   
    body {
        font-family: 'Montserrat', sans-serif;
    }
   
    .hero-gradient {
        background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
    }
   
    .product-card:hover .product-overlay {
        opacity: 1;
        transform: translateY(0);
    }
   
    .sleep-animation {
        animation: float 6s ease-in-out infinite;
    }
   
    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
    }