/* ==========================================================================
   Category pages (Surgical Drapes, Neuro Patties, Spine …) and All Products
   ========================================================================== */

/* ---------- Drape finder (screen 2 layout) ---------- */
.drape-finder {
  display: grid;
  gap: 24px;
  padding: clamp(20px, 3vw, 32px);
  background: var(--surface-muted);
  border: 1px solid var(--border);
}
@media (min-width: 1000px) { .drape-finder { grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: start; } }
.drape-finder h2 { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: 1.375rem; }
.drape-finder h2 .icon { color: var(--primary); font-size: 1.6rem; }
.drape-finder__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-strong);
}
.drape-finder__foot .finder__note { display: flex; align-items: center; gap: 6px; margin: 0; }
.drape-finder__result:empty { display: none; }
.drape-finder__result .finder-card { margin-top: 0; }
.drape-finder__result .finder-card + .finder-card { margin-top: 12px; }

/* ---------- Catalog grid ---------- */
@media (min-width: 1280px) { .product-grid--catalog { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1440px) { .product-grid--catalog { grid-template-columns: repeat(4, 1fr); } }
.product-grid--catalog .product-card { padding: 16px; }
.product-grid--catalog .product-card__title { font-size: 1rem; }

/* ---------- Neuro patties: all sizes list ---------- */
.quick-list h3 a { color: var(--heading); }
.quick-list li > span:first-child { flex: 1; }
.quick-list__price { font-family: var(--font-head); font-weight: 700; color: var(--heading); white-space: nowrap; }

/* ---------- Category copy ---------- */
.cat-about h2 { font-size: 1.5rem; }
.cat-about h3 { font-size: 1.0625rem; }