.facebook-feed-section {
  background: var(--neutral-light);
  padding: 4rem 2rem;
}

.facebook-feed-container {
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}

.facebook-feed-title {
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  font-weight: var(--fw-black);
  color: var(--primary-1);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.facebook-feed-subtitle {
  font-family: var(--font-body);
  font-size: var(--fs-h5);
  font-weight: var(--fw-medium);
  color: var(--neutral-dark);
  margin-bottom: 2.5rem;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.facebook-plugin-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background: white;
  padding: 1.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.facebook-plugin-wrapper .fb-page {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

.facebook-plugin-wrapper .fb-page span,
.facebook-plugin-wrapper .fb-page iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

.facebook-plugin-wrapper .fb_iframe_widget {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

.facebook-plugin-wrapper .fb_iframe_widget span {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

.facebook-plugin-wrapper .fb_iframe_widget iframe {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

@media (max-width: 1024px) {
  .facebook-feed-section {
    padding: 3.5rem 1.5rem;
  }

  .facebook-feed-title {
    font-size: clamp(2rem, 5vw, 3rem);
  }

  .facebook-feed-subtitle {
    font-size: clamp(1rem, 3vw, 1.2rem);
  }

  .facebook-plugin-wrapper {
    max-width: 600px;
  }
}

@media (max-width: 900px) {
  .facebook-feed-section {
    padding: 3.25rem 1.4rem;
  }

  .facebook-feed-title {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
  }

  .facebook-feed-subtitle {
    font-size: clamp(0.95rem, 3vw, 1.15rem);
    margin-bottom: 2rem;
  }

  .facebook-plugin-wrapper {
    max-width: 600px;
    padding: 1.25rem;
  }
}

@media (max-width: 768px) {
  .facebook-feed-section {
    padding: 3rem 1.25rem;
  }

  .facebook-feed-title {
    font-size: clamp(1.6rem, 5vw, 2.25rem);
    margin-bottom: 0.875rem;
  }

  .facebook-feed-subtitle {
    font-size: clamp(0.9rem, 3vw, 1.1rem);
    margin-bottom: 1.75rem;
  }

  .facebook-plugin-wrapper {
    padding: 1rem;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .facebook-feed-section {
    padding: 2.5rem 1rem;
  }

  .facebook-feed-title {
    font-size: clamp(1.4rem, 6vw, 2rem);
    margin-bottom: 0.75rem;
  }

  .facebook-feed-subtitle {
    font-size: clamp(0.875rem, 3vw, 1rem);
    margin-bottom: 1.5rem;
  }

  .facebook-plugin-wrapper {
    padding: 0.875rem;
  }
}

@media (max-width: 400px) {
  .facebook-feed-section {
    padding: 2.25rem 0.875rem;
  }

  .facebook-feed-title {
    font-size: clamp(1.3rem, 6vw, 1.8rem);
    margin-bottom: 0.7rem;
  }

  .facebook-feed-subtitle {
    font-size: clamp(0.85rem, 3vw, 0.95rem);
    margin-bottom: 1.35rem;
  }

  .facebook-plugin-wrapper {
    padding: 0.75rem;
  }
}

@media (max-width: 375px) {
  .facebook-feed-section {
    padding: 2rem 0.75rem;
  }

  .facebook-feed-title {
    font-size: clamp(1.2rem, 6vw, 1.6rem);
    margin-bottom: 0.65rem;
  }

  .facebook-feed-subtitle {
    font-size: clamp(0.8rem, 3vw, 0.9rem);
    margin-bottom: 1.25rem;
  }

  .facebook-plugin-wrapper {
    padding: 0.65rem;
  }
}