@import url("./product-detail.css");

/* Shared article layer: keeps long-form content readable and prevents FAQ overflow. */
.collection-hero h1 { font-size: clamp(2.8rem, 5vw, 4.4rem); }
.collection-hero h2 { margin: 30px 0 14px; color: #fff; font-size: clamp(1.75rem, 3vw, 2.6rem); }
.collection-hero p:not(.eyebrow), .collection-hero li { color: #f4f8fa !important; }
.collection-hero ul { display: grid; gap: 10px; max-width: 620px; margin: 0; padding-left: 22px; }
.section .split-layout > div { min-width: 0; }
.section .split-layout p, .section .split-layout li { line-height: 1.65; }
.section .faq-content h2 { font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.12; }
.faq-list { max-height: 700px; overflow: auto; padding-right: 6px; }
.faq-list article > div { display: none; }
.faq-list article.is-open > div { display: block; }
.faq-list button { min-height: 62px; }
.section--dark .hero-form label { color: #fff; }
@media (max-width: 780px) {
  .collection-hero h1 { font-size: clamp(2.5rem, 12vw, 3.8rem); }
  .faq-list { max-height: none; }
}