/* ============================================================
   CYTECH PHARMACEUTICALS — RESPONSIVE BREAKPOINTS
   ============================================================ */

/* ── TABLET (≤ 900px) ── */
@media (max-width: 900px) {

  /* Nav */
  .nav-links        { display: none; }
  .nav-cta          { padding: 8px 16px; font-size: 13px; }

  /* Hero */
  .hero             { height: 80vh; }
  .slide-content    { padding: 2rem 1.5rem 3rem; }

  /* Stats */
  .stats-inner      { grid-template-columns: repeat(2, 1fr); }

  /* About */
  .about-grid       { grid-template-columns: 1fr; gap: 2.5rem; }
  .about-img-badge  { bottom: -10px; right: -10px; }
  .about-page-grid  { grid-template-columns: 1fr; }
  .about-sidebar    { position: static; }

  /* Vision Mission */
  .vm-grid          { grid-template-columns: 1fr; }
  

  /* Products */
  .products-grid    { grid-template-columns: repeat(2, 1fr); }

  /* Contact */
  .contact-grid     { grid-template-columns: 1fr; }

  /* Careers */
  .careers-inner    { grid-template-columns: 1fr; gap: 2.5rem; }
  .careers-image    { height: 280px; }

  /* Footer */
  .footer-top       { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand     { grid-column: 1 / -1; }

  /* Forms */
  .form-row         { grid-template-columns: 1fr; }
}

/* ── MOBILE (≤ 600px) ── */
@media (max-width: 600px) {

  /* Hero */
  .hero             { height: 65vh; min-height: 480px; }
  .slide-content h1 { font-size: 2rem; }
  .slide-content p  { font-size: 0.9rem; }
  .slide-btns       { flex-direction: column; gap: 8px; }
  .btn-hero         { width: 100%; text-align: center; }
  .slider-prev,
  .slider-next      { display: none; }

  /* Stats */
  .stats-inner      { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .stat-num         { font-size: 1.5rem; }

  /* Products */
  .products-grid    { grid-template-columns: 1fr; }

  /* Section titles */
  .section-title    { font-size: 1.7rem; }

  /* About */
  .principles-grid  { grid-template-columns: 1fr; }
  .offices-grid     { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top       { grid-template-columns: 1fr; }
  .footer-bottom    { flex-direction: column; text-align: center; }

  /* Floating buttons */
  .float-wrap       { bottom: 16px; right: 16px; }
  .float-btn        { width: 44px; height: 44px; }

  /* Forms */
  .enquiry-form,
  .careers-form-wrap { padding: 1.5rem; }

  /* Product table */
  .product-table    { font-size: 12.5px; }
  .product-table th,
  .product-table td { padding: 9px 10px; }

  /* Breadcrumb */
  .breadcrumb       { padding: 0.75rem 1rem; }
}

/* ── LARGE SCREENS (≥ 1400px) ── */
@media (min-width: 1400px) {
  html              { font-size: 16px; }
  .hero             { height: 85vh; }
}