/* =========================================================
   ozonlama.net — responsive.css
   Mobil ve tablet uyumluluğu için ayrı CSS dosyası
   ========================================================= */

@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-home-inner { flex-direction: column; }
}

@media (max-width: 860px) {
  .main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    padding: 10px 20px;
    gap: 4px;
    border-bottom: 1px solid var(--renk-border);
    display: none;
  }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 10px 0; border-bottom: 1px solid var(--renk-border); }
  .mobile-menu-toggle { display: block; }
  .header-cta .btn-outline { display: none; }
  h1 { font-size: 1.6rem; }
  h2 { font-size: 1.25rem; }
}

@media (max-width: 768px) {
  body { padding-bottom: 92px; } /* alt sticky bar içeriğin üzerine binmesin */

  .sticky-contact { display: flex; }
  .contact-btn {
    font-size: 14px;
    padding: 16px 15px;
    gap: 8px;
  }
  .btn-icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 640px) {
  .container { padding: 0 16px; }
  .hero-home-text h1 { font-size: 1.7rem; }
  .cta-inner { flex-direction: column; align-items: flex-start; }
  .cta-buttons { width: 100%; }
  .cta-buttons .btn { flex: 1; text-align: center; }
  .hero-actions { width: 100%; }
  .hero-actions .btn { flex: 1; text-align: center; }
  .footer-grid { grid-template-columns: 1fr; }
  .service-grid, .related-grid, .equipment-grid, .branch-grid, .contact-cards {
    grid-template-columns: 1fr;
  }
  .hero-image img { max-height: 260px; }
}

@media (max-width: 480px) {
  .contact-btn {
    font-size: 12px;
    padding: 14px 10px;
    gap: 6px;
  }
  .btn-icon {
    width: 18px;
    height: 18px;
  }
}