@import url("./index-hero.css");
@import url("./index-home-layout.css");
@import url("./index-section-common.css");
@import url("./index-who.css");
@import url("./index-why.css");
@import url("./index-product.css?v=2");
@import url("./index-news.css");
@import url("./index-discovery.css");

/* Index home ≤1024px: one full-width section band + single horizontal gutter (--ix-section-x).
   Avoids base .section width calc(100% - 48px) stacking with inner calc(100% - 2*ix), and
   trailing imports (e.g. .section-why { padding: 0 }) overriding earlier home rules. */
@media (max-width: 1024px) {
  body.index-home main > .section {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--ix-section-x);
    box-sizing: border-box;
  }

  body.index-home main > .section.section-why {
    padding-block: var(--ix-section-y);
    padding-inline: var(--ix-section-x);
  }

  body.index-home main > .section.section-product,
  body.index-home main > .section.section-news {
    padding-inline: var(--ix-section-x);
  }

  body.index-home .section-news .section-discovery.section {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }

  body.index-home .container,
  body.index-home .who-container,
  body.index-home .why-container,
  body.index-home .product-cards {
    width: 100%;
    max-width: var(--container-max);
  }

  body.index-home .news-track-shell {
    padding-left: 0;
  }

  body.index-home .news-track {
    padding-inline: 0;
  }
}