/* ==========================================================================
 * 23. GALLERY / INSTAGRAM
 * ========================================================================== */

.rx-home-instagram {
  padding-top: var(--rx-home-section-space);
  padding-bottom: var(--rx-home-section-space);
  overflow-x: clip;
  background-color: var(--rx-site-bg) !important;
  background-image: none !important;
}

.rx-home-instagram .rx-container {
  width: min(100%, var(--rx-section-content-max));
  max-width: var(--rx-section-content-max);
  padding-inline: 0;
}

.rx-home-instagram__head {
  margin-bottom: var(--rx-home-cluster-gap-loose);
}

.rx-home-instagram__title {
  font-size: var(--rx-type-section-title-size);
  line-height: var(--rx-type-section-title-line);
  letter-spacing: var(--rx-type-section-title-track);
}

.rx-home-instagram__gallery {
  padding-bottom: var(--rx-home-cluster-gap-loose);
}

.rx-home-instagram .rx-footer__reels-grid {
  gap: clamp(0.75rem, 1.8vw, 1.2rem);
}

.rx-home-instagram .rx-footer__reel-item {
  border-radius: 0.9rem;
  border: 1px solid var(--rx-home-surface-border);
  background: var(--rx-home-surface-fill);
}

.rx-home-instagram .rx-footer__updates {
  padding: clamp(0.95rem, 2vw, 1.35rem);
  border: 1px solid var(--rx-home-surface-border);
  border-radius: 1rem;
  background:
    var(--rx-home-surface-grad-soft),
    var(--rx-home-surface-fill-soft);
}

.rx-home-instagram .rx-footer__updates-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
  gap: clamp(0.6rem, 1.2vw, 0.9rem);
}

.rx-home-instagram .rx-footer__update-item {
  min-width: 0;
  padding-inline: clamp(0.625rem, 1.2vw, 1rem);
  border: 1px solid var(--rx-home-pill-border);
  border-radius: 0.8rem;
  padding: 0.65rem 0.75rem;
  background: var(--rx-home-pill-fill);
  gap: 0.45rem;
}

.rx-home-instagram .rx-footer__update-label {
  font-size: var(--rx-type-caption-size);
  letter-spacing: var(--rx-type-caption-track);
  color: rgba(255, 255, 255, 0.62);
}

.rx-home-instagram .rx-footer__update-link {
  font-size: var(--rx-type-card-title-size);
  line-height: var(--rx-type-card-title-line);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.rx-home-instagram .rx-footer__update-link span {
  font-size: 0.95rem;
  opacity: 0.7;
}

/* --------------------------------------------------------------------------
 * Media Queries
 * -------------------------------------------------------------------------- */

@media (max-width: 47.9375rem) {
  .rx-home-instagram {
    padding-top: var(--rx-home-section-space);
    padding-bottom: var(--rx-home-section-space);
  }

  .rx-home-instagram .rx-footer__updates {
    padding: 0.75rem;
  }

  .rx-home-instagram .rx-footer__updates-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}