/* ============================================================
   TEZ MEDİKAL - Responsive Styles
   ============================================================ */

/* Large screens */
@media (max-width: 1280px) {
  .hero-content { gap: 48px; }
  .footer-grid { gap: 40px; }
}

/* Tablet landscape */
@media (max-width: 1024px) {
  .header-topbar { display: none; }
  .hs-content { padding-top: 90px; }
  .header-inner { padding: 0 24px; }
  .nav { display: none; }
  .burger { display: flex; }
  .header-lang { display: none; }

  .hero-content { grid-template-columns: 1fr; gap: 48px; text-align: center; }
  .hero-desc { max-width: 100%; }
  .hero-actions { justify-content: center; }
  .hero-stats { justify-content: center; }
  .hero-visual { max-width: 480px; margin: 0 auto; }
  .float-card-1 { top: -10px; right: 0; }
  .float-card-2 { bottom: -10px; left: 0; }

  .about-strip-inner { grid-template-columns: repeat(3, 1fr); gap: 1px; }
  .about-strip-inner .strip-item:nth-child(4),
  .about-strip-inner .strip-item:nth-child(5) {
    grid-column: span 1;
  }

  .services-grid { grid-template-columns: 1fr 1fr; }
  .services-extra { grid-template-columns: 1fr; }

  .why-grid { grid-template-columns: 1fr; gap: 48px; }
  .why-visual { max-width: 480px; margin: 0 auto; }
  .why-img-wrap { aspect-ratio: 16/9; }

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

  .sectors-grid { grid-template-columns: repeat(3, 1fr); }

  .institute-content { grid-template-columns: 1fr; gap: 40px; }

  .news-grid { grid-template-columns: 1fr 1fr; }
  .news-grid > .news-card:first-child { grid-column: 1 / -1; }

  .cta-content { flex-direction: column; text-align: center; }
  .cta-actions { justify-content: center; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }

  .content-layout { grid-template-columns: 1fr; }
  .content-sidebar { position: static; }

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

  .career-benefits { grid-template-columns: repeat(2, 1fr); }
  .references-logos { grid-template-columns: repeat(4, 1fr); }
}

/* Tablet portrait */
@media (max-width: 768px) {
  :root { font-size: 15px; }

  .section { padding: 72px 0; }
  .section-lg { padding: 100px 0; }
  .container { padding: 0 20px; }

  .about-strip-inner { grid-template-columns: repeat(2, 1fr); }
  .about-strip-inner .strip-item:last-child { grid-column: 1 / -1; }

  .services-grid { grid-template-columns: 1fr; }

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

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

  .institute-features { grid-template-columns: 1fr; }
  .institute-visual-side { grid-template-columns: 1fr; }
  .inst-card:first-child { grid-column: 1; }

  .csr-grid { grid-template-columns: 1fr; }

  .references-logos { grid-template-columns: repeat(3, 1fr); }

  .news-grid { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .cookie-banner { flex-direction: column; padding: 20px; text-align: center; }
  .cookie-actions { justify-content: center; }

  .back-to-top { bottom: 24px; right: 24px; }

  .hero-services-grid { grid-template-columns: 1fr; }

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

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

  .styled-table { font-size: 0.75rem; }
  .styled-table th, .styled-table td { padding: 10px 12px; }
}

/* Mobile */
@media (max-width: 480px) {
  .section { padding: 56px 0; }

  .hero { padding-top: 70px; }
  .hero-title { font-size: 2rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-direction: column; gap: 20px; }

  .about-strip-inner { grid-template-columns: 1fr; }
  .about-strip-inner .strip-item:last-child { grid-column: 1; }

  .stats-grid { grid-template-columns: 1fr; }

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

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

  .section-title { font-size: 1.6rem; }

  .float-card { display: none; }

  .cookie-banner { padding: 16px; }

  .cta-actions { flex-direction: column; width: 100%; }
  .cta-actions .btn { width: 100%; justify-content: center; }

  .job-card { flex-direction: column; align-items: flex-start; }

  .mobile-nav-link { font-size: 1rem; }
}

/* Print */
@media print {
  .header, .footer, .cookie-banner, .back-to-top { display: none; }
  .hero { min-height: auto; padding: 40px 0; }
  body { color: black; }
}