/* Hyundai Özel Servis – Responsive / mobil uyum */

@media (max-width: 1200px) {
  .main-nav a { padding: 8px 8px; font-size: .86rem; }
  .main-nav > ul { gap: 0; }
  .header-cta .btn { padding: 8px 11px; }
  .hero-inner { grid-template-columns: 1.2fr .8fr; gap: 28px; }
}

@media (max-width: 1080px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}

@media (max-width: 1024px) {
  .main-nav, .header-cta { display: none; }
  .nav-toggle { display: flex; margin-left: auto; }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .content-grid { grid-template-columns: 1fr; gap: 30px; }
  .sidebar { position: static; grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .highlight-row { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .section { padding: 48px 0; }
  .hero-inner { grid-template-columns: 1fr; padding: 48px 0 56px; }
  .hero-visual { display: none; }
  .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .parent-block { grid-template-columns: 1fr; text-align: left; }
  .cta-strip-inner { flex-direction: column; align-items: flex-start; }
  .topbar-hours { display: none; }
}

@media (max-width: 680px) {
  body { padding-bottom: 60px; } /* mobil bar için */
  .mobile-bar { display: flex; }
  .wa-float { bottom: 74px; right: 16px; width: 52px; height: 52px; }
  .to-top { bottom: 140px; right: 18px; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .feature-list { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .sidebar { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .highlight-row { grid-template-columns: 1fr 1fr; }
  .hero-badges { grid-template-columns: 1fr; }
  .topbar-right { display: none; }
  .topbar-inner { justify-content: center; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom-inner { flex-direction: column; text-align: center; }
  .cookie { left: 10px; right: 10px; bottom: 66px; }
  .section-title, .section-intro { text-align: left; }
}

@media (max-width: 680px) {
  .logo-img { height: 46px; }
}

@media (max-width: 420px) {
  .container { padding: 0 15px; }
  .logo-img { height: 42px; }
  .logo-top { font-size: .85rem; }
  .hero h1 { font-size: 1.55rem; }
  .btn { padding: 12px 16px; }
  .highlight-row { grid-template-columns: 1fr; }
}

/* Küçük yükseklikli cihazlarda modal */
@media (max-height: 640px) {
  .modal { max-height: 96vh; }
}

/* Yazdırma */
@media print {
  .site-header, .topbar, .mobile-bar, .wa-float, .to-top, .cookie, .cta-strip, .modal-overlay { display: none !important; }
  body { background: #fff; }
}