/* fix-home.css — launch-prep override layer (loads after motion-wc, wins cascade) */

/* ------------------------------------------------------------------
   Center the Women's / Men's Best Sellers sections to match
   "Shop by category" (.section).

   The bestseller blocks use .section.section-soft. The .section-soft
   rule drops the section's own max-width to none (full-bleed) and then
   re-centers its direct children via `.section-soft > *`. Combined with
   the section padding and the ul.products margin:0 reset, the heading
   and grid end up offset relative to the capped, centered .section used
   by "Shop by category" — especially above the 1600px max-width.

   Fix: make .home-bestsellers behave exactly like a plain .section —
   capped at var(--maxw) and centered with margin:0 auto — and stop its
   children from re-capping/re-centering so the heading + grid align
   with the page exactly like Shop by category. */

.home-bestsellers.section {
    max-width: var(--maxw);
    margin-left: auto;
    margin-right: auto;
}

/* Neutralize the .section-soft > * re-centering so children fill the
   (already centered) section instead of being capped/centered again. */
.home-bestsellers.section-soft > * {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}