body{
  font-family: sans-serif;
}

.hero{
  background:
  linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e');

  background-size: cover;
  background-position: center;
}

.category-card,
.product-card,
.feature-box{
  background: white;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.4s;
}

.category-card:hover,
.product-card:hover,
.feature-box:hover{
  transform: translateY(-10px);
}

.category-image,
.product-image{
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.btn-primary{
  background: #15803d;
  color: white;
  padding: 12px 24px;
  border-radius: 999px;
  transition: 0.3s;
}

.btn-primary:hover{
  background: #166534;
}