body {
  font-family: 'Poppins', sans-serif;
}

.main-content {
  padding: 2rem;
  margin-top: 120px; /* Reduced space for fixed header */
}

/* Additional spacing for pages without main-content class */
main, .hero-section, #product-list {
  margin-top: 120px;
}

/* Remove top margin in mobile since header is static */
@media (max-width: 768px) {
  .main-content,
  main, 
  .hero-section, 
  #product-list {
    margin-top: 0;
  }
}