/* F30: home only. Product pages, guides and cart keep their approved widths. */
body[data-home-layout="fluid-v1"] {
  --home-gutter: clamp(16px, 3vw, 64px);
  --catalog-gap: 1.75rem;
  --catalog-card-min: 17rem;
  --catalog-card-max: 24rem;
}

/* One shared left/right edge for header, hero, sections and footer. */
body[data-home-layout="fluid-v1"] .wrap {
  width: calc(100% - var(--home-gutter) - var(--home-gutter));
  max-width: none;
  margin-inline: auto;
  min-width: 0;
}

/* Keep empty tracks: two products stay left-aligned, never expand to half a
   very wide screen. Future cards use the next available track automatically. */
body[data-home-layout="fluid-v1"] .shelf-grid {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--catalog-card-min)), 1fr));
  gap: var(--catalog-gap);
  justify-items: start;
}

body[data-home-layout="fluid-v1"] .product-card {
  width: 100%;
  max-width: var(--catalog-card-max);
  min-width: 0;
}

/* The page can grow; reading lines should not grow indefinitely. */
body[data-home-layout="fluid-v1"] .about-copy {
  max-width: 68ch;
  min-width: 0;
}

body[data-home-layout="fluid-v1"] .about-copy h2 {
  max-width: 28ch;
}

body[data-home-layout="fluid-v1"] .about-copy > p:not(.eyebrow),
body[data-home-layout="fluid-v1"] .faq-list p {
  max-width: 66ch;
}

body[data-home-layout="fluid-v1"] .faq-section > div,
body[data-home-layout="fluid-v1"] .showcase-copy,
body[data-home-layout="fluid-v1"] .contact-section > div,
body[data-home-layout="fluid-v1"] .footer-inner > * {
  min-width: 0;
}

@media (max-width: 600px) {
  body[data-home-layout="fluid-v1"] {
    --catalog-gap: 1.25rem;
  }
}