/* ============================================================
   FMCG — page-specific overrides (SEO shell in seo-section-dark.css)
   ============================================================ */

/* Use cases — light theme (layout unchanged) */
.industry-page--fmcg .why-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 40px 0;
  background: #f7f8fa;
  color: #071a33;
}

.industry-page--fmcg .why-section::before {
  content: none;
}

.industry-page--fmcg .why-section .why-wrap {
  position: relative;
  z-index: 1;
}

.industry-page--fmcg .why-eyebrow {
  color: var(--marigold-deep, #c97c08);
}

.industry-page--fmcg .why-eyebrow .slash {
  color: var(--marigold, #f29a1f);
}

.industry-page--fmcg .why-h2 {
  font-size: clamp(2rem, 2.5vw, 2rem);
  color: var(--ink-deep, #0f2233);
}

.industry-page--fmcg .why-lede {
  max-width: 560px;
  color: var(--muted, rgba(7, 26, 51, 0.72));
}

.industry-page--fmcg .why-layout--grid .why-item,
.industry-page--fmcg .why-layout--grid .why-item + .why-item {
  border-top: 1px solid var(--line, rgba(7, 26, 51, 0.12));
  border-right: none;
  padding: 28px 0;
}

.industry-page--fmcg .why-layout--grid .why-item h3 {
  color: var(--ink-deep, #0f2233);
}

.industry-page--fmcg .why-layout--grid .why-item p {
  color: var(--muted, rgba(7, 26, 51, 0.68));
}

.industry-page--fmcg .why-layout--grid .why-ico {
  background: linear-gradient(145deg, #ffc46b 0%, #f2a11b 42%, #c97c08 100%);
  box-shadow: none;
  color: #fff;
}

.industry-page--fmcg .loyalty-cta {
  padding-top: 0;
}