/* CategorySplit — full-bleed grid of category tiles.
   Vertical spacing: prop value via --cs-mt/--cs-mb, falling back to the design
   section rhythm (separate mobile value) when the prop is unset. */
.cc_oe6aXTYiT2_TpncxKwKKq .category-split {
  width: 100%;
  padding-top: var(--cs-mt, clamp(64px, 9vw, 150px));
  padding-bottom: var(--cs-mb, clamp(64px, 9vw, 150px));
}
@media (max-width: 860px) {
  .cc_oe6aXTYiT2_TpncxKwKKq .category-split {
    padding-top: var(--cs-mt, clamp(48px, 13vw, 80px));
    padding-bottom: var(--cs-mb, clamp(48px, 13vw, 80px));
  }
}

.cc_oe6aXTYiT2_TpncxKwKKq .category-split__grid {
  max-width: var(--maxw);
  margin: 0 auto;
  padding-inline: var(--gutter);
  display: grid;
  /* up to --cs-count columns, but never fewer than ~360px wide → reflows to the
     real block count and wraps gracefully on narrow screens */
  grid-template-columns: repeat(var(--cs-count, 2), minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 20px);
}

/* The renderer nests children; make each rendered tile fill its grid cell. */
.cc_oe6aXTYiT2_TpncxKwKKq .category-split__grid > *, .cc_oe6aXTYiT2_TpncxKwKKq .category-split__grid > * > * {
  display: contents;
}

@media (max-width: 860px) {
  .cc_oe6aXTYiT2_TpncxKwKKq .category-split__grid {
    grid-template-columns: 1fr;
  }
}