.hero-section {
    background: url('your-background.jpg') center center/cover no-repeat;
    min-height: 100vh;
    color: white;
    position: relative;
}
.hero-overlay {
    background: rgba(0, 0, 0, 0.5); /* dark overlay */
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 120px 15px;
}
.stats {
    margin-top: 30px;
}
.stats h3 {
    font-weight: bold;
    font-size: 1.8rem;
}
.btn-custom {
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 1.1rem;
}
.product-card {
      border: none;
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
      height: 380px; /* ✅ Fixed card height */
      display: flex;
      flex-direction: column;
    }
    .product-card:hover {
      transform: translateY(-5px);
    }
    .product-img {
      width: 100%;
      height: 200px; /* ✅ Fixed image height */
      object-fit: cover; /* keeps image proportional */
    }
    .favorite-icon {
      position: absolute;
      top: 10px;
      right: 10px;
      background: rgba(255, 255, 255, 0.7);
      border-radius: 50%;
      padding: 6px;
      cursor: pointer;
    }
    .product-body {
      flex: 1; /* push content to fill space */
      padding: 15px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; /* align text at bottom */
    }
    .product-title {
      font-weight: bold;
      font-size: 1.1rem;
      margin: 0;
    }
    .product-subtitle {
      font-size: 0.9rem;
      color: #555;
      margin: 2px 0;
    }
    .product-info {
      font-size: 0.9rem;
      margin-top: auto; /* pushes info to bottom */
    }
    .product-info span {
      display: block;
    }
    .white{
        background-color:#fff;
    }
    .e-tile{
        background-color:#fff;
        border-radius:10px;
        text-align:center;
    }
    .e-icon{
        
    }
    .e-icon-green{
        border:solid 1px green;
        background-color:green;
        padding:5px;
        border-radius:50px;

    }