/* Aggregators page (where to buy online). Uses the concept's own palette variables. */
.agg-box { padding-bottom: 48px; }
.agg-box > h1.bjx-pillhead { margin: 0; line-height: 1.2; }
.agg-lead { text-align: center; color: var(--navy, #172a7b); font-size: 20px; font-weight: 700; margin: 0 auto 8px; }
.agg-group { margin-top: 36px; }
.agg-group h2 { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 20px; color: var(--navy, #172a7b); font-size: 24px; font-weight: 800; }
.agg-group h2::before, .agg-group h2::after { content: ""; flex: none; width: 34px; height: 3px; border-radius: 3px; background: var(--lime, #bcd041); }
.agg-group h2 { text-align: center; text-wrap: balance; }
.agg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 920px; margin: 0 auto; }
.agg-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 22px 26px; background: #fff; border: 3px solid #e8ecdc; border-radius: 30px; transition: border-color .3s, transform .3s; }
.agg-card:hover { border-color: var(--p, #64734f); transform: translateY(-4px); }
.agg-logo { display: block; width: 210px; max-width: 100%; }
.agg-logo img { display: block; width: 100%; height: auto; }
.agg-card h3 { margin: 12px 0 4px; color: var(--navy, #172a7b); font-size: 22px; font-weight: 800; }
.agg-k { margin: 0 0 8px; color: var(--p, #64734f); font-size: 14px; font-weight: 700; }
.agg-ranges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.agg-ranges li { padding: 4px 14px; border-radius: 30px; background: #f1f6df; color: var(--pd, #4d5a3c); font-size: 14px; font-weight: 700; line-height: 1.6; }
.agg-btn { margin-top: auto !important; }
.agg-ranges + .agg-btn { margin-top: 18px !important; }
@media (max-width: 767px) {
  .agg-lead { font-size: 17px; }
  .agg-group { margin-top: 28px; }
  .agg-group h2 { font-size: 19px; gap: 10px; }
  .agg-group h2::before, .agg-group h2::after { width: 18px; }
  .agg-grid { grid-template-columns: 1fr; gap: 16px; }
  .agg-card { padding: 18px 16px 20px; border-radius: 24px; }
  .agg-logo { width: 180px; }
  .agg-card h3 { font-size: 19px; }
}