/* Responsive adjustments */

@media (max-width: 900px) {
  .site-header .container,
  .site-footer .container {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: var(--space-lg) var(--space-md);
    background: rgba(248, 250, 252, 0.98);
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    box-shadow: 0 40px 80px rgba(16, 42, 67, 0.08);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .nav-links {
    width: 100%;
    flex-direction: column;
    gap: var(--space-md);
  }

  .nav-actions {
    width: 100%;
    margin-top: var(--space-md);
  }

  .cta-button,
  .btn {
    width: 100%;
  }

  .nav-toggle {
    display: inline-flex;
  }

  /* Collapse hero layout to single column on medium screens */
  .hero-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 3.5rem 0 !important;
  }

  .choose-grid,
  .therapy-grid,
  .manufacturing-grid,
  .quality-grid,
  .research-grid,
  .certification-grid,
  .contact-hero-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .site-header .container,
  .site-footer .container {
    padding: var(--space-md) 0;
  }

  .page-heading {
    padding-top: 3rem;
  }

  .page-heading h1 {
    font-size: 2.25rem;
  }

  .site-nav {
    padding-top: var(--space-lg);
  }

  .site-nav a {
    display: inline-flex;
    padding: 0.5rem 0;
  }

  .main-content {
    padding: 1.5rem 0 3rem;
  }

  /* Ensure product cards have consistent spacing on small screens */
  .product-grid {
    gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .stats-grid,
  .about-grid,
  .choose-grid,
  .therapy-grid,
  .manufacturing-grid,
  .quality-grid,
  .research-grid,
  .certification-grid,
  .contact-hero-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .about-image,
  .manufacturing-image,
  .quality-image {
    min-height: 20rem;
  }

  .manufacturing-image-small {
    min-height: 16rem;
  }

  .about-card,
  .stat-card,
  .choose-card,
  .quality-step,
  .timeline-item,
  .research-step {
    padding: var(--space-md);
  }

  .therapy-card-content,
  .manufacturing-summary {
    padding: var(--space-md);
  }

  .research-timeline {
    padding: var(--space-md);
  }

  .research-step {
    grid-template-columns: 1fr;
  }

  .product-toolbar {
    grid-template-columns: 1fr;
  }

  .career-hero-grid,
  .careers-grid,
  .career-vision-grid,
  .culture-grid,
  .openings-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .career-benefits-list li,
  .career-highlight-card,
  .form-panel {
    padding: var(--space-md);
  }

  .about-intro {
    font-size: var(--font-size-base);
  }
}