/* alure-home-gutter-r2: homepage sections share one modest side inset. */
.template-home {
  --alure-home-gutter: 40px;
}
@media (max-width: 1279px) {
  .template-home { --alure-home-gutter: 24px; }
}
@media (max-width: 767px) {
  .template-home { --alure-home-gutter: 16px; }
}

.template-home #main-content :is(.container, .container-fluid, .container-full) {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--alure-home-gutter);
  padding-right: var(--alure-home-gutter);
  box-sizing: border-box;
}

.template-home #main-content section:is(
  [data-section-id="home-story-1"],
  [data-section-id="home-story-2"],
  [data-section-id="home-room-narrative"],
  [data-section-id="home-personal-narrative"],
  [data-section-id="home-about"]
) {
  width: calc(100% - (var(--alure-home-gutter) * 2)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.template-home #main-content section:is(
  [data-section-id="home-story-1"],
  [data-section-id="home-story-2"],
  [data-section-id="home-room-narrative"],
  [data-section-id="home-personal-narrative"],
  [data-section-id="home-about"]
) > :is(.container, .container-fluid, .container-full) {
  padding-left: 0;
  padding-right: 0;
}

/* Editorial columns keep their own inner padding; do not pull them outside the card. */
.template-home #main-content section:is(
  [data-section-id="home-story-1"],
  [data-section-id="home-story-2"],
  [data-section-id="home-room-narrative"],
  [data-section-id="home-personal-narrative"],
  [data-section-id="home-about"]
) .f-image-with-text__inner {
  margin-left: 0;
  margin-right: 0;
}

/* alure-home-r6: Shape your space uses the same left and right inset. */
.template-home section:is(.alure-l2-squares, .alure-l1-row) .f-collection-list__header-container,
.template-home section:is(.alure-l2-squares, .alure-l1-row) .f-collection-list__content-container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--alure-home-gutter) !important;
  padding-right: var(--alure-home-gutter) !important;
  box-sizing: border-box;
}
.template-home section:is(.alure-l2-squares, .alure-l1-row) .f-collection-list__content,
.template-home .f-collection-list--home-category-space .f-collection-list__content,
.template-home .f-collection-list--home-category-space [data-enable-slider="true"] .f-collection-list__content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex: none;
}