/* GOLDEN-LINE: homepage desktop spacing only.
 * The previous sections already contain their own vertical padding; reset
 * those specific insets rather than stacking them with extra margins.
 * Product cards, hero images, tablet and mobile styling remain unchanged.
 */
@media (min-width: 1024px) {
  #page-home {
    --gl-home-gap-small: 32px;
    --gl-home-gap-medium: 48px;
    --gl-home-gap-large: 64px;
    --gl-home-content-inset: 24px;
  }

  /* Shared desktop spacing and heading alignment for all home carousels. */
  #page-home > .gl-section--home-products {
    margin-top: var(--gl-home-gap-medium);
  }
  #page-home > .gl-section--home-products > .gl-section-header {
    padding: 0 var(--gl-home-content-inset) 20px;
  }

  /* Brand index now follows the sale carousel; the gap remains 48px. */
  #page-home > .gl-home-brands {
    margin-top: var(--gl-home-gap-medium);
    padding: 0 var(--gl-home-content-inset);
  }
  #page-home > .gl-home-brands .gl-home-brands__intro {
    padding-top: 0;
  }

  /* Editorial now follows new arrivals rather than the brand index. */
  #page-home > .gl-editorial-cards {
    margin-top: var(--gl-home-gap-medium);
    padding: 0 var(--gl-home-content-inset);
  }
  /* The full-bleed middle hero separates editorial/shopping content. */
  #page-home > .gl-hero-single {
    margin-top: var(--gl-home-gap-large);
  }

  /* Brand -> SEO (or Sale -> SEO when no brands): 32px before the
   * separator plus 32px inside the SEO panel = 64px to the SEO text.
   */
  #page-home > .gl-home-seo {
    margin-top: var(--gl-home-gap-small);
    padding: var(--gl-home-gap-small) var(--gl-home-content-inset) var(--gl-home-gap-large);
  }
}