/* Section: category_grid — template-parts/sections/category_grid.php
   Mockup: EXALCO-Products › "Products landing". Cards are .ex-card (base.css).
   ========================================================================== */

/* .ex-section is on the block only so that the lead intro above it drops its bottom padding (intro.css; mockup: 0).
   The paddings stay the ones below. */
.ex-category-grid { padding-block: clamp(28px, 3.2vw, 48px) var(--ex-section-y-md); background: var(--ex-white); }
.ex-category-grid__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(48px, 6vw, 84px); }
.ex-category-grid__head .ex-title { margin: 0; }
.ex-category-grid__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 16px; margin: 0; padding: 0; list-style: none; }
.ex-category-grid__text { display: flex; flex-direction: column; min-width: 0; }

@media (max-width: 1199px) {
  .ex-category-grid__head { margin-bottom: clamp(32px, 4vw, 48px); }
}
@media (max-width: 899px) {
  .ex-category-grid__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .ex-category-grid__head { margin-bottom: 28px; }
}
@media (max-width: 599px) {
  .ex-category-grid__list { grid-template-columns: minmax(0, 1fr); }
}