@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html{
    scroll-behavior: smooth;
}

h1,h2,h3,h4,h5{
 
  
    font-family: 'Playfair Display', Times, serif;
}
 .hero-section {
      background-image: url("https://img.freepik.com/premium-photo/top-view-valentine-decorations-valentine-day-time-concept_79075-69454.jpg?semt=ais_hybrid&w=740&q=80");
      background-size: cover;
      background-position: center;
    }
    
     .feature-card {
      transition: all 0.3s ease;
    }
    
    .feature-card:hover {
      transform: translateY(-5px);
    }
    
    .feature-icon {
      transition: transform 0.3s ease;
    }
    
    .feature-card:hover .feature-icon {
      transform: scale(1.1);
    }
.product-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .product-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    }
    
    
    .collection-section {
      background-size: cover;
      background-position: center;
      min-height: 450px;
      position: relative;
      transition: transform 0.3s ease;
      overflow: hidden;
      
    }
    

    
    .collection1 {
      background-image: url("https://images.unsplash.com/photo-1549465220-1a8b9238cd48?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80");
       border-radius: 0px 24px 24px 0px;
    }
    
    .collection2 {
      background-image: url("https://images.unsplash.com/photo-1513885535751-8b9238bd345a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80");
      border-radius: 24px 0px 0px 24px;
    }
    
 .gift-particle {
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    font-size: 24px;
  }
  .gift-ripple {
    position: fixed;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    pointer-events: none;
    z-index: 99998;
    transform: translate(-50%, -50%);
    animation: giftRipple 1s ease-out forwards;
  }
  @keyframes giftRipple {
    from { width: 0; height: 0; opacity: 3; }
    to   { width: 130px; height: 130px; opacity: 0; }
  }