/* Homepage (index) — block rhythm / gaps.
 * Loaded only on page_name=index via templates/_partials/stylesheets.tpl.
 * Keep homepage spacing here (not custom.css, not inline <style>).
 */

/* PV9: tighter gaps between Staff Pick / subsequent homepage blocks (less scroll) */
:root {
  --pv-home-block-gap: 1.25rem;
}

/* Equal vertical rhythm — zero stray tops (featured margins set below) */
body#index .sw-homepage-hero,
body#index .sw-homeproducttabs,
body#index .sw-homeproducttabs__section,
body#index .sw-highlights,
body#index .sw-blog,
body#index #content-wrapper > section,
body#index .page-content--home > section,
body#index .page-content--home > .sw-homeproducttabs {
  margin-top: 0;
}

/* Featured collections — ONLY two margin cases (canonical homepage spacing).
 * Module front.css keeps layout (max-width/width/padding/horizontal auto). */
body#index .sw-featured-collections {
  margin-top: var(--pv-home-block-gap);
  margin-bottom: var(--pv-home-block-gap);
}

/* No hero slider: intentional pull-up under the menu */
body#index .sw-homepage-hero--no-slider .sw-featured-collections {
  margin-top: 42px;
  margin-bottom: 25px;
}

body#index .sw-homeproducttabs {
  margin-top: 0;
  margin-bottom: 0;
}

body#index .sw-homeproducttabs__section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

body#index .sw-homeproducttabs__section + .sw-homeproducttabs__section {
  margin-top: var(--pv-home-block-gap) !important;
}

body#index .sw-featured-collections + .sw-homeproducttabs,
body#index .sw-homepage-hero + .sw-homeproducttabs {
  margin-top: 0;
  padding-top: 0;
}

body#index .sw-featured-collections + .sw-homeproducttabs .sw-homeproducttabs__section:first-child,
body#index .sw-homepage-hero + .sw-homeproducttabs .sw-homeproducttabs__section:first-child {
  margin-top: 0;
}

body#index .sw-highlights {
  margin-top: var(--pv-home-block-gap);
  margin-bottom: var(--pv-home-block-gap);
  padding-top: 0;
  padding-bottom: 0;
}

body#index .sw-blog {
  margin-top: var(--pv-home-block-gap);
  margin-bottom: var(--pv-home-block-gap);
}

@media (max-width: 767px) {
  .sw-featured-collection {
    min-width: 165px;
    min-height: 150px;
  }
}