/* BUTEYKO - MOBILE */
/* ===== MOBILE / TABLET ===== */

@media (max-width: 1024px) {
  .bf-service-card,
  .bf-testimonial-card {
    max-width: 100%;
  }

  .bf-service-content h3 {
    font-size: 28px;
    min-height: auto;
  }

  .bf-testimonials-grid {
    gap: 22px;
  }

  .bf-testimonial-card {
    min-height: auto;
  }

  .bf-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .bf-about-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .bf-services {
    padding: 50px 16px 30px;
  }

  .bf-services-inner {
    flex-direction: column;
    align-items: center;
  }

  .bf-service-card {
    width: 100%;
  }

  .bf-service-content {
    padding: 20px;
  }

  .bf-service-content h3 {
    font-size: 26px;
  }

  .bf-service-content p {
    font-size: 17px;
  }

  .bf-testimonials {
    padding: 80px 16px 120px;
  }

  .bf-testimonials-head h2 {
    font-size: 36px;
  }

  .bf-testimonials-head p {
    font-size: 17px;
  }

  .bf-testimonials-button {
    width: 100%;
    max-width: 290px;
  }

  .bf-testimonials-cta {
    margin-top: 36px;
    padding-bottom: 40px;
  }

  .bf-who {
    padding: 70px 16px;
  }

  .bf-who h2 {
    font-size: 34px;
  }

  .bf-who-intro {
    font-size: 17px;
    margin-bottom: 36px;
  }

  .bf-who-grid {
    grid-template-columns: 1fr;
  }

  .bf-process {
    padding: 70px 16px;
  }

  .bf-process-head h2 {
    font-size: 34px;
  }

  .bf-process-head p {
    font-size: 17px;
  }

  .bf-process-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .bf-process-card {
    padding: 24px 20px;
  }

  .bf-process-card h3 {
    font-size: 18px;
  }

  .bf-process-card p {
    font-size: 16px;
  }

  .bf-about {
    padding: 70px 16px;
  }

  .bf-about-head h2 {
    font-size: 34px;
  }

  .bf-about-grid {
    grid-template-columns: 1fr;
  }

  .bf-about-card img {
    height: 220px;
  }

  .bf-faq {
    padding: 70px 16px;
  }

  .bf-faq h2 {
    font-size: 34px;
  }

  .bf-faq-grid {
    grid-template-columns: 1fr;
  }

  .bf-faq-card h3 {
    font-size: 17px;
  }

  .bf-faq-card p {
    font-size: 15px;
  }

  .bf-final {
    padding: 80px 16px;
  }

  .bf-final h2 {
    font-size: 32px;
  }

  .bf-final p {
    font-size: 17px;
  }

  .bf-final-buttons {
    flex-direction: column;
  }

  .bf-final-primary,
  .bf-final-secondary {
    width: 100%;
  }

  .bf-hero-links {
    gap: 10px;
  }

  .bf-hero-link,
  .bf-hero-main-button {
    width: 100%;
    max-width: 320px;
  }
}