/* =========================================================
   Kaş LİHKAB — Responsive düzen
   Masaüstü: 1200px+   Tablet: 768–1199px   Mobil: 0–767px
   ========================================================= */

/* ---------- Geniş tablet / küçük dizüstü ---------- */
@media (max-width: 1199.98px) {
  :root { --nav-h: 76px; }

  .main-nav { gap: 22px; }
  .main-nav a { font-size: 15px; }
  .brand-name { font-size: 15.5px; }

  .hero { height: 560px; }
  .hero-title { font-size: 46px; }

  .section { padding: 84px 0; }
  .section-title { font-size: 32px; }

  .about-media img { height: 460px; }
  .about-badge { right: 16px; }
  .tech-media img { height: 400px; }
  .cta h2 { font-size: 28px; }
}

/* ---------- Tablet: menü hamburger'a döner ---------- */
@media (max-width: 991.98px) {
  .nav-toggle { display: grid; place-items: center; }

  .main-nav {
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: var(--white); padding: 8px 20px 20px;
    box-shadow: 0 16px 30px rgba(11, 41, 66, .12);
    max-height: 0; overflow: hidden; opacity: 0; visibility: hidden;
    transition: max-height .35s ease, opacity .25s ease, visibility .25s;
  }
  .main-nav.open { max-height: 480px; opacity: 1; visibility: visible; }
  .main-nav a { padding: 14px 4px; border-bottom: 1px solid var(--line); }
  .main-nav a::after { display: none; }
  .main-nav a.active { color: var(--secondary); }
  .nav-cta { margin: 16px 0 0; justify-content: center; }

  .about-media { margin-bottom: 20px; }
  .cta .container { flex-direction: column; align-items: flex-start; }
}

/* ---------- Mobil ---------- */
@media (max-width: 767.98px) {
  :root { --nav-h: 68px; }
  body { font-size: 15.5px; }
  .container { padding-left: 16px; padding-right: 16px; }
  .row.g-5 { --bs-gutter-x: 2rem; --bs-gutter-y: 2.25rem; }
  .row.g-4 { --bs-gutter-x: 1.25rem; }

  /* Üst bar: yalnızca telefon ve sosyal ikonlar */
  .topbar { height: 36px; font-size: 13px; }
  .topbar-info { gap: 14px; }
  .topbar-info .hide-sm { display: none; }

  .brand img { width: 44px; height: 44px; }
  .brand-name { font-size: 14px; }
  .brand-sub { font-size: 11.5px; }
  .nav-toggle { width: 44px; height: 44px; }

  .hero { height: 480px; }
  .hero-title { font-size: 32px; }
  .hero-desc { font-size: 17px; margin-bottom: 26px; }
  .hero-kicker { font-size: 11.5px; margin-bottom: 14px; }
  .hero-arrow { width: 42px; height: 42px; font-size: 14px; top: auto; bottom: 22px; transform: none; }
  .hero-arrow.prev { left: 16px; }
  .hero-arrow.next { right: 16px; }
  .hero-dots { bottom: 36px; }
  .hero-actions .btn-main, .hero-actions .btn-line { padding: 12px 20px; font-size: 14.5px; }

  .section { padding: 60px 0; }
  .section-head { margin-bottom: 36px; }
  .section-title { font-size: 27px; }
  .section-desc { font-size: 15.5px; }

  .service-card { padding: 28px 24px; }
  .about-media img { height: 300px; }
  .about-badge { right: 12px; bottom: 12px; padding: 14px 16px; }
  .about-badge strong { font-size: 20px; }
  .about-list { grid-template-columns: 1fr; }

  .tech-media img { height: 260px; }
  .tech-item { padding: 18px; }

  .stats { padding: 50px 0; }
  .stat-number { font-size: 34px; }
  .stat-label { font-size: 14px; }

  .cta { padding: 60px 0; }
  .cta h2 { font-size: 24px; }
  .cta-actions { width: 100%; }
  .cta-actions a { flex: 1 1 100%; }

  .contact-form { padding: 24px 18px; }
  .map-wrap iframe { min-height: 280px; }
  .map-links a { font-size: 12.5px; }

  .page-hero { padding: 70px 0 56px; }
  .page-hero h1 { font-size: 30px; }
  .page-hero p { font-size: 16px; }

  .site-footer { padding-top: 56px; }
  .footer-license { margin-top: 36px; }
  .footer-bottom .container { flex-direction: column; text-align: center; }

  /* Alttaki sabit arama / WhatsApp çubuğu */
  .mobile-bar {
    display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 950;
    box-shadow: 0 -6px 20px rgba(11, 41, 66, .15);
  }
  .mobile-bar a {
    display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px;
    font-family: var(--font-head); font-weight: 600; font-size: 15px; color: var(--white);
  }
  .mobile-bar .call { background: var(--primary); }
  .mobile-bar .wa { background: #1f9d55; }
  body { padding-bottom: 52px; }
  .to-top { bottom: 66px; right: 14px; width: 42px; height: 42px; }
}

@media (max-width: 380px) {
  .brand-sub { display: none; }
  .hero-title { font-size: 29px; }
  .topbar-social a { width: 26px; }
}


/* Kurumsal beyaz tema / üst marka */
@media (max-width: 900px) {
  .lihkab-mark { width: 82px; min-width: 82px; }
  .brand-engineer { display: none; }
  .nav-parsel { border-left: 0; padding-left: 0; }
}
@media (max-width: 575px) {
  .lihkab-mark { display: none; }
  .brand-name { font-size: 14px; }
  .brand-sub { font-size: 11px; }
}