/* =========================================================
   responsive.css — Genel/ortak medya sorguları
   (Sayfa özel css dosyalarındaki breakpoint'lere ek genel düzen)
   ========================================================= */

@media (max-width: 1200px){
  :root{ --container-width: 96%; }
}

@media (max-width: 992px){
  .header-actions{ gap:12px; }
  .header-actions .btn{ padding:12px 16px; white-space:nowrap; }
}

@media (max-width: 768px){
  .topbar .container{
    display:grid;
    grid-template-columns: 1fr auto;
    gap:8px 14px;
    padding-top:9px;
    padding-bottom:9px;
  }
  .topbar-left{ grid-column:1 / -1; }
  .topbar-left, .topbar-center, .topbar-right{ gap:10px; min-width:0; }
  .topbar-item{ white-space:normal; line-height:1.35; }
  .topbar-item i{ font-size:.95rem; flex:0 0 auto; }
  .topbar-left span{ font-size:.72rem; }
  .topbar-center span, .topbar-right .topbar-item span{ font-size:.74rem; }
  .topbar-social{ gap:7px; padding-left:10px; }
  .topbar-social a{ width:25px; height:25px; }

  .main-header .container{ gap:12px; padding-top:14px; padding-bottom:14px; }
  .logo{ gap:8px; }
  .logo-image{ width:230px; }
  .logo-mark{ width:44px; height:44px; }
  .logo-text .name{ font-size:1rem; }
  .header-actions{ gap:10px; }
  .header-actions .btn{ padding:11px 14px; font-size:.7rem; }

  section{ padding-top: 70px !important; padding-bottom: 70px !important; }
  .page-banner{ height: 240px; }

  .float-btn{ width:50px; height:50px; }
  .float-btn .icon-wrap{ flex-basis:50px; width:50px; height:50px; }
  .float-btn .icon-wrap svg{ width:22px; height:22px; }
  .float-btn:hover{ width:50px; }
  .float-btn .fb-label{ display:none; }
  .floating-actions{
    position:fixed !important;
    right:16px !important;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    display:flex !important;
    flex-direction:column;
    align-items:flex-end;
    visibility:visible !important;
    opacity:1 !important;
    z-index:9999 !important;
  }
  .floating-actions .float-btn.whatsapp,
  .floating-actions .float-btn.phone{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto;
  }
}

@media (max-width: 480px){
  h1{ font-size: 2rem; }
  h2{ font-size: 1.5rem; }
  .btn{ padding: 13px 22px; font-size:.78rem; }
  .header-actions .btn{ padding:10px 11px; font-size:.66rem; }
  .logo-text .name{ font-size:.9rem; }
  .logo-image{ width:190px; }
  .logo-text .tagline{ letter-spacing:2px; }
  .hamburger{ width:28px; }
  .topbar-social{ display:none; }
  .contact-form-wrap{ padding: 24px 16px; }
}

/* Yazdırma */
@media print{
  .site-footer, .main-header, .floating-actions, .hero-slider{ display:none; }
}