/* ============================================================
   WHILE SUPPLIES LAST  (page 331)  — clean-base page styles
   DEPLOY TARGET: twentytwentyfive-child/assets/css/while-supplies-last.css

   Shared atoms come from tokens.css:
     .ie / .ie-section / .ie-card-grid--wide / .ie-product-card
     .ie-product-card-img / -body / -name / -price
     .ie-btn-green / .ie-lbl / .ie-h1 / .ie-on-dark
   Only genuinely page-unique rules live below.
   ============================================================ */

/* Left-aligned forest hero (universal bands are centered) */
.ie-wsl-hero {
  background: var(--ie-color-forest-mid);
  padding: clamp(56px, 7vw, 80px) clamp(24px, 5vw, 60px);
}
.ie-wsl-hero .ie-lbl::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background: currentColor;
}
.ie-wsl-hero h1 { max-width: 700px; }
.ie-wsl-hero p {
  max-width: 580px;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(247, 243, 237, 0.78);
  margin: 0;
}

/* Clearance card description line */
.ie-wsl-desc {
  flex: 1;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ie-color-text-tertiary);
  margin: 0 0 20px;
}

/* Italic sign-off footnote */
.ie-wsl-footnote {
  background: var(--ie-color-forest-deep);
  color: var(--ie-color-text-muted);
  text-align: center;
  padding: 40px;
  font-size: 14px;
  line-height: 1.8;
  font-style: italic;
}
.ie-wsl-footnote strong {
  color: var(--ie-color-cream-primary);
  font-style: normal;
}