/* ─── Social proof section ─── */

.ocf-social-proof {
    background: var(--ocf-bg);
}

.ocf-social-proof__header {
    max-width: 48rem;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.ocf-social-proof__intro {
    margin-top: 0.85rem;
    color: var(--ocf-body);
}

.ocf-social-proof__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.ocf-social-proof__card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: var(--ocf-bg-alt);
    border: 1px solid var(--ocf-border-light);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.ocf-social-proof__card:hover {
    transform: translateY(-3px);
    box-shadow: var(--card-shadow-hover);
    border-color: color-mix(in srgb, var(--ocf-accent) 20%, var(--ocf-border-light));
}

.ocf-social-proof__card img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: calc(var(--card-radius) - 0.35rem);
}

@media (max-width: 900px) {
    .ocf-social-proof__grid {
        grid-template-columns: 1fr;
    }
}

/* OCF_AGENT_BLOCK:smaller-social-proof-badges START */
.ocf-social-proof__header {
  margin-bottom: 2rem;
}

.ocf-social-proof__grid {
  gap: 1.5rem;
  justify-items: stretch;
}

.ocf-social-proof__grid--two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
  margin: 0 auto;
}

.ocf-social-proof__card {
  width: 100%;
  max-width: none;
  min-height: 168px;
  padding: 1.25rem;
  background: linear-gradient(180deg, var(--ocf-bg-alt) 0%, color-mix(in srgb, var(--ocf-bg-alt) 78%, white) 100%);
  border: 1px solid color-mix(in srgb, var(--ocf-border) 40%, transparent);
  border-radius: 18px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--ocf-heading) 7%, transparent);
}

.ocf-social-proof__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--ocf-heading) 10%, transparent);
  border-color: color-mix(in srgb, var(--ocf-accent) 24%, var(--ocf-border));
}

.ocf-social-proof__card img {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  filter: none;
}

.ocf-social-proof__card--bbb img {
  max-width: 210px;
}

.ocf-social-proof__card--ksl img {
  max-width: 220px;
}

@media (max-width: 900px) {
  .ocf-social-proof__grid--two-up {
    grid-template-columns: 1fr;
    max-width: 360px;
  }

  .ocf-social-proof__card {
    min-height: 152px;
    padding: 1rem;
  }

  .ocf-social-proof__card img,
  .ocf-social-proof__card--bbb img,
  .ocf-social-proof__card--ksl img {
    max-width: 220px;
  }
}
/* OCF_AGENT_BLOCK:smaller-social-proof-badges END */