/* ──────────────────────────────────────────────
   Sejatwa PLP / concern landing (BLUEPRINT §5, §7.3)
   ────────────────────────────────────────────── */

/* Browse-by-concern pills */
.sej-pills {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 0 0 22px; padding-bottom: 4px;
}
.sej-pill {
  display: inline-flex; align-items: center;
  padding: .5rem 1.15rem; border-radius: 999px;
  font-family: var(--sej-font-body); font-weight: 700; font-size: .85rem;
  text-decoration: none; color: var(--sej-green);
  background: var(--sej-cream); border: 1.5px solid var(--sej-line);
  transition: all .25s var(--sej-ease);
}
.sej-pill:hover { border-color: var(--sej-gold); color: var(--sej-gold-600); transform: translateY(-1px); }
.sej-pill.is-active { background: var(--sej-green); color: var(--sej-parchment); border-color: var(--sej-green); }

/* Concern benefit chips */
.sej-chips {
  list-style: none; display: flex; flex-wrap: wrap; gap: 10px 16px;
  margin: 0 0 26px; padding: 0;
}
.sej-chips li {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .85rem; font-weight: 600; color: var(--sej-green-700);
  background: rgba(124,139,115,.14); border: 1px solid var(--sej-sage-200);
  padding: .4rem .9rem; border-radius: 999px;
}
.sej-chips span { color: var(--sej-gold-600); font-weight: 800; }

/* Consultation CTA after the loop */
.sej-plp-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 18px; margin: 44px 0 8px; padding: 28px 32px;
  background: var(--sej-green); border-radius: 18px; color: var(--sej-parchment);
}
.sej-plp-cta__text { display: flex; flex-direction: column; gap: 4px; max-width: 40em; }
.sej-plp-cta__text strong { font-family: var(--sej-font-display); font-size: 1.4rem; color: var(--sej-parchment); }
.sej-plp-cta__text span { color: rgba(244,238,225,.82); font-size: .95rem; line-height: 1.5; }
.sej-plp-cta .sej-btn { flex: none; }

@media (max-width: 600px) {
  .sej-plp-cta { padding: 22px; }
  .sej-plp-cta .sej-btn { width: 100%; }
}