/* Homepage-specific compact version of the FAQ section. */

.faq-split-demo--compact {
  background: transparent;
}

.faq-split-demo--compact .er-faq {
  --er-bg: #f5f0eb;
  --er-ink: #171717;
  --er-body: #4f4943;
  --er-gold: #a8801a;   /* consolidated gold-on-white (was #b88908) */
  --er-gold-soft: rgba(168, 128, 26, 0.25);
  padding: 58px clamp(54px, 5vw, 88px) 60px;
  background: transparent;
}

.faq-split-demo--compact .er-faq__inner {
  max-width: 650px;
}

.faq-split-demo--compact .er-faq__eyebrow {
  margin-bottom: 10px;
  font-size: 22px;
  font-style: normal;
  letter-spacing: 0.28em;
  font-weight: 600;   /* one full step up from the base 500 (owner pick) */
}

.faq-split-demo--compact .er-faq__title {
  margin-bottom: 16px;
  /* Matched to the Shop by Category heading: ~47px, tight letter-spacing. */
  font-size: clamp(37.5px, 2.45vw, 47px);
  line-height: 1;
  letter-spacing: 0.02em;
}

.faq-split-demo--compact .er-faq__lede {
  margin-bottom: 34px;
  font-size: 15px;
  line-height: 1.48;
}

.faq-split-demo--compact .er-faq__trigger {
  min-height: 59.2px;
  padding: 16.1px 3px;
  gap: 18px;
}

.faq-split-demo--compact .er-faq__question {
  font-size: 13.2px;
  line-height: 1.28;
  letter-spacing: 0.105em;
}

.faq-split-demo--compact .er-faq__icon {
  width: 16px;
  height: 16px;
}

.faq-split-demo--compact .er-faq__icon::before {
  width: 16px;
}

.faq-split-demo--compact .er-faq__icon::after {
  height: 16px;
}

.faq-split-demo--compact .er-faq__panel-inner {
  padding: 0 3px 20px;
}

.faq-split-demo--compact .er-faq__panel-inner p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.58;
}

.faq-split-demo--compact .faq-video-placeholder {
  background:
    linear-gradient(rgba(245, 240, 235, 0.74), rgba(245, 240, 235, 0.74)),
    radial-gradient(circle at 55% 42%, rgba(184, 137, 8, 0.14), transparent 34%),
    #f5f0eb;
}

.faq-split-demo--compact .faq-video-frame {
  border-color: rgba(184, 137, 8, 0.32);
  color: rgba(102, 79, 29, 0.72);
}

@media (max-width: 767px) {
  .faq-split-demo--compact .er-faq {
    padding: 48px 22px 52px;
  }
}