/* ============================================
   PRODUCTS PAGE SECTION SPECIFIC STYLES
   Extends shared/sections.css for products page
   ============================================ */

/* Products page section */
.products-page .section {
  padding-top: 80px;
  padding-bottom: 3rem;
  min-height: 100vh;
}

/* Products section headers */
.products-page .section-title {
  text-align: center;
}

.products-page .section-subtitle {
  text-align: left;
}

.products-page .section-header {
  margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
  .products-page .section {
    padding-top: 60px;
  }
}

@media (max-width: 576px) {
  .products-page .section {
    padding-top: 50px;
  }
}