/* Donate index — solid brand tab (no gradient) */
.donate-tab.is-active {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

/* Back to School Drive card — featured photo */
.giving-card--has-media {
  padding: 0;
  overflow: hidden;
}

.giving-card-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--nx-gray, #eef4f0);
}

.giving-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.45s cubic-bezier(.22, 1, .36, 1);
}

.giving-card--back-to-school .giving-card-media img {
  object-position: center 58%;
}

.giving-card--has-media:hover .giving-card-media img {
  transform: scale(1.04);
}

.giving-card--has-media .giving-card-head,
.giving-card--has-media .giving-desc,
.giving-card--has-media .giving-impact,
.giving-card--has-media .giving-why,
.giving-card--has-media .btn {
  margin-left: var(--nx-space-md, var(--space-md));
  margin-right: var(--nx-space-md, var(--space-md));
}

.giving-card--has-media .giving-card-head {
  margin-top: var(--nx-space-md, var(--space-md));
}

.giving-card--has-media .btn {
  margin-bottom: var(--nx-space-md, var(--space-md));
}