/* =========================================================
   SERAIKLIMLENDIRME.COM.TR - responsive.css
   ========================================================= */

@media (max-width: 1024px){
  .services-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .urunler-grid{grid-template-columns:repeat(3,1fr);}
  .models-grid{grid-template-columns:repeat(5,1fr);}
}

@media (max-width: 768px){
  .hamburger{display:flex;}
  .main-nav{
    position:fixed;top:84px;left:0;right:0;bottom:0;background:#fff;
    transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;
    z-index:999;
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav ul{flex-direction:column;padding:20px;gap:0;}
  .main-nav > ul > li{width:100%;border-bottom:1px solid #eee;}
  .main-nav a{padding:16px 0;}
  .dropdown,.megamenu{
    position:static;transform:none;box-shadow:none;border:none;border-radius:0;
    opacity:1;visibility:visible;pointer-events:auto; /* görünürlük artık .open ile kontrol edilir */
    max-height:0;overflow:hidden;padding:0 0 0 14px;width:100%;
    transition:max-height .3s ease;
  }
  .dropdown::before,.megamenu::before{display:none;}
  .dropdown{column-count:1;}
  .has-dropdown.open .dropdown{max-height:1400px;padding-top:6px;padding-bottom:6px;}
  .has-dropdown.open .megamenu{max-height:900px;padding-top:14px;padding-bottom:6px;}
  .has-dropdown.open > a svg{transform:rotate(180deg);}
  .megamenu-grid{grid-template-columns:repeat(3,1fr);}

  .banner-slider{height:420px;}
  .slide-content h1{font-size:30px;}
  .slide-content h2{font-size:17px;}
  .slide-content p{font-size:14px;}

  .services-grid{grid-template-columns:repeat(2,1fr);}
  .lead-cta-inner{flex-direction:column;text-align:center;}
  .lead-cta-buttons{width:100%;flex-direction:column;}
  .btn{text-align:center;}
  .footer-grid{grid-template-columns:1fr;text-align:center;}
  .page-hero h1{font-size:24px;}
  .fan-urunleri-grid{grid-template-columns:1fr;}
  .fan-card{flex-direction:column;}
  .fan-card img{width:100%;height:200px;}
  .urun-vitrini-grid{grid-template-columns:repeat(3,1fr);}
  .megamenu{width:100%;}
  .megamenu-grid{grid-template-columns:repeat(3,1fr);}
  .urunler-grid{grid-template-columns:repeat(2,1fr);}
  .models-grid{grid-template-columns:repeat(3,1fr);}

  /* Mobil sabit alt aksiyon bar (WhatsApp + Hemen Ara) */
  .mobile-action-bar{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;
    gap:2px;padding:8px;background:rgba(255,255,255,.6);backdrop-filter:blur(6px);
    box-shadow:0 -4px 18px rgba(0,0,0,.12);
  }
  .mobile-action-bar a{
    flex:1;text-align:center;padding:13px 0;font-weight:700;font-size:14px;color:#fff;
    display:flex;align-items:center;justify-content:center;gap:7px;border-radius:30px;
    position:relative;
  }
  .mobile-action-bar svg{width:18px;height:18px;flex-shrink:0;}
  .mobile-action-bar .ma-whatsapp{
    background:linear-gradient(135deg,#25D366,#1fb355);
    animation:pulse-whatsapp 2.2s infinite;
  }
  .mobile-action-bar .ma-phone{
    background:linear-gradient(135deg,#ffd23f,#f5b800);color:#1b1b1b;
    animation:pulse-phone 2.2s infinite;
    animation-delay:.4s;
  }
  body{padding-bottom:72px;}
  .whatsapp-float{display:none;}
}
@media (min-width: 769px){
  .mobile-action-bar{display:none;}
}

@media (max-width: 480px){
  .services-grid{grid-template-columns:1fr;}
  .banner-slider{height:340px;}
  .slide-content h1{font-size:24px;}
  .slide-content h2{font-size:14px;}
  h2{font-size:24px;}
  .container{padding:0 16px;}
  .urun-vitrini-grid{grid-template-columns:repeat(2,1fr);}
  .megamenu-grid{grid-template-columns:repeat(2,1fr);}
  .urunler-grid{grid-template-columns:repeat(2,1fr);}
  .models-grid{grid-template-columns:repeat(2,1fr);}
}