.products-page { padding: 50px 0 70px; }

.page-hero {
  background: linear-gradient(135deg, #1e3a6e, #2a5298); color: #fff;
  padding: 56px 0; text-align: center; margin-top: 0;
}
.page-hero h1 { font-size: 36px; margin-bottom: 8px; }
.page-hero p { opacity: .9; }

/* Filters */
.filters {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  margin-bottom: 36px;
}
.filter-btn {
  padding: 8px 18px; border: 1px solid #d0dbe8; background: #fff; color: #444;
  border-radius: 20px; cursor: pointer; font-size: 14px; transition: all .2s; font-weight: 500;
}
.filter-btn:hover { border-color: #f57c00; color: #f57c00; }
.filter-btn.active { background: #f57c00; border-color: #f57c00; color: #fff; }

.products-page .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.no-results { grid-column: 1 / -1; text-align: center; color: #888; padding: 40px 0; }

@media (max-width: 900px) {
  .products-page .product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .products-page .product-grid { grid-template-columns: 1fr; }
  .page-hero h1 { font-size: 26px; }
}