@media (max-width: 900px) {
  .grid-3, .metric-grid, .backoffice-shell { grid-template-columns: 1fr; }
  .portal-search-form, .doctor-detail, .week-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .form-row { grid-template-columns: 1fr; }
  .nav { align-items: flex-start; flex-direction: column; padding: 14px 0; }
  .hero h1 { font-size: 32px; }
  .backoffice-content { padding: 18px; }
}

@media (max-width: 900px) {
  .bb-home-search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bb-home-benefits {
    grid-template-columns: 1fr;
  }

  .bb-home-art,
  .bb-home-face {
    opacity: 0.18;
  }
}

@media (max-width: 640px) {
  .bb-home-hero {
    min-height: auto;
    padding: 2.8rem 0 3rem;
  }

  .bb-home-title {
    font-size: clamp(2.4rem, 16vw, 3.6rem);
    letter-spacing: -0.055em;
  }

  .bb-home-divider span {
    width: 3.25rem;
  }

  .bb-home-search-grid {
    grid-template-columns: 1fr;
  }

  .bb-home-search-card {
    border-radius: 22px;
  }

  .bb-home-search-button {
    width: 100%;
  }

  .bb-home-benefit {
    align-items: flex-start;
  }

  .bb-home-art,
  .bb-home-face {
    display: none;
  }
}