/* elektrikciservisi.com.tr — responsive.css (mobil + tablet) */

/* ---------- TABLET ---------- */
@media (max-width:1100px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .sector-grid{grid-template-columns:repeat(2,1fr)}
  .promo-grid{grid-template-columns:repeat(2,1fr)}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* ---------- MOBİL MENÜ + GENEL ---------- */
@media (max-width:960px){
  .topbar-info span:last-child{display:none}
  .topbar-note{display:none}
  .header-phone{display:none}
  .menu-toggle{display:flex}

  /* Off-canvas menü */
  .main-nav{position:fixed;top:0;right:-100%;width:82%;max-width:340px;height:100vh;background:#fff;
    box-shadow:-6px 0 30px rgba(11,42,74,.2);z-index:1300;transition:right .3s ease;overflow-y:auto;padding:70px 0 30px}
  .main-nav.open{right:0}
  .main-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .main-nav>ul>li{border-bottom:1px solid var(--line)}
  .main-nav>ul>li>a{padding:15px 24px;border-radius:0}
  .nav-close{display:block;position:absolute;top:16px;right:20px;background:none;border:none;font-size:2rem;
    color:var(--navy);cursor:pointer;line-height:1;z-index:1350}

  /* Mega menü mobilde açık liste gibi */
  .has-mega{position:relative}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;
    padding:0;background:var(--bg-soft);display:none}
  .has-mega:hover .mega{display:none}
  .main-nav.open .has-mega .mega{display:block}
  .mega .container{padding:0}
  .mega-head{padding:12px 24px;margin:0;border:none}
  .mega-head a{font-size:.85rem}
  .mega-grid{grid-template-columns:1fr;gap:0}
  .mega-card{border:none;border-radius:0;border-top:1px solid var(--line);background:transparent;padding:12px 30px}
  .mega-card:hover{background:var(--blue-l)}

  .slide-title{font-size:1.9rem}
  .slide-content p{font-size:1rem}
  .slider{height:460px}

  .contact-grid{grid-template-columns:1fr}
}

/* ---------- KÜÇÜK MOBİL ---------- */
@media (max-width:720px){
  h1{font-size:1.6rem}
  h2{font-size:1.35rem}
  .intro{padding:38px 0 12px}
  .cards{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .sector-grid{grid-template-columns:1fr}
  .promo-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr;gap:24px}
  .footer-grid{grid-template-columns:1fr}
  .slider{height:420px}
  .slide-title{font-size:1.55rem}
  .region-hero-content h1{font-size:1.7rem}
  .cta-box p{font-size:1.1rem}
  .cta-maint{font-size:.9rem;padding:12px 14px}

  /* Mobil CTA bar görünür — içerik altında boşluk */
  .mobile-cta-bar{display:flex}
  body{padding-bottom:82px}
  .slider-prev,.slider-next{width:38px;height:38px;font-size:1.4rem}
}

@media (max-width:560px){
  .cat-head{flex-direction:column;align-items:flex-start;gap:6px}
  .cat-head h2{font-size:1.2rem}
  .topbar-inner{justify-content:center}
  .stat b{font-size:1.9rem}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .mcta,.mcta::before,.cta-maint,.cta-maint-dot{animation:none}
  .mcta-call{background:linear-gradient(135deg,#0a5ec2,#074a9b)}
  .mcta-wa{background:linear-gradient(135deg,#25d366,#1eb257)}
  .slide{transition:none}
}