/* Load last, after home-catalog, collection-pages and mystery-brands.
   Only editorial heading / brand-disclosure joins; no cards or commerce UI.
   Older browsers retain the original heading spacing when :has is absent. */
.hc-section > .mb-brands--compact {
  margin-block:0 24px;
  padding-bottom:12px;
}
@supports selector(:has(*)) {
  .hc-section > :is(.hc-heading,.cp-heading):has(+ .mb-brands--compact) {
    margin-bottom:20px;
  }
  .hc-section > .hc-heading:has(+ .mb-brands--compact) > h2:last-child {
    margin-bottom:0;
  }
}
@media(max-width:767px) {
  .hc-section > .mb-brands--compact {
    margin-bottom:16px;
    padding-bottom:8px;
  }
  @supports selector(:has(*)) {
    .hc-section > :is(.hc-heading,.cp-heading):has(+ .mb-brands--compact) {
      margin-bottom:12px;
    }
  }
}