/* Keep the product page heading below the fixed desktop navigation. */
body[data-section="products"] .section-page-main {
  padding-top: calc(var(--site-header-height, 148px) + 24px) !important;
}
body[data-section="products"] .section-page-grid > .section.products {
  padding-top: 16px !important;
}
body[data-section="products"] .section.products .section-heading-row {
  margin-top: 0;
}
body[data-section="products"] .section.products .section-heading h2 {
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.08;
}

/* Large screens follow the same readable order as the mobile product view. */
@media (min-width: 861px) {
  body[data-section="products"] .section-page-grid > .section.products > .container {
    width: min(calc(100% - 48px), 1760px);
  }
  body[data-section="products"] .section.products .section-heading-row {
    display: block;
    margin-bottom: 18px;
  }
  body[data-section="products"] .section.products .section-heading h2 {
    font-size: clamp(42px, 4.2vw, 68px);
  }
  body[data-section="products"] .section.products .product-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 28px;
    padding: 12px 16px;
    border: 1px solid #dce6ef;
    border-radius: 18px;
    background: #f7fafc;
  }
  body[data-section="products"] .section.products .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }
}
@media (max-width: 860px) {
  body[data-section="products"] .section-page-main {
    padding-top: calc(var(--site-header-height, 112px) + 18px) !important;
  }
}
@media (max-width: 560px) {
  body[data-section="products"] .section-page-main {
    padding-top: calc(var(--site-header-height, 112px) + 14px) !important;
  }
}