/* =================================================================
   Yayın Sistemleri — Responsive
   ================================================================= */

/* Tablet / Laptop */
@media (max-width: 1180px){
  .services-grid,.services-grid-full,.projects-grid{grid-template-columns:repeat(2,1fr)}
  .project-card-large{grid-column:span 2}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .mvv-grid{grid-template-columns:1fr;gap:18px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
  .service-detail{grid-template-columns:1fr;gap:24px}
  .service-detail-side{position:static}
  .visual-grid{height:440px}
}

/* Mobile landscape */
@media (max-width: 960px){
  :root{--container-pad:18px}
  section.section{padding:80px 0}
  .main-nav{
    position:fixed;top:0;right:-100%;width:min(360px,92vw);height:100vh;
    background:rgba(5,7,13,.98);backdrop-filter:blur(14px);
    flex-direction:column;align-items:flex-start;justify-content:flex-start;
    padding:90px 30px 30px;gap:6px;
    box-shadow:-20px 0 60px rgba(0,0,0,.6);
    border-left:1px solid var(--border-strong);
    transition:right .35s var(--ease);z-index:90;
  }
  .main-nav.open{right:0}
  .main-nav .nav-link{width:100%;padding:14px 16px;font-size:16px;border-radius:10px}
  .main-nav .nav-link.active,.main-nav .nav-link:hover{background:rgba(255,32,66,.08)}
  .main-nav .nav-link::before{display:none}
  .hamburger{display:flex}
  .hide-mobile{display:none}

  .hero{padding:90px 0 60px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-meta{gap:10px}
  .hero-meta-item{flex:1;min-width:0;padding:10px 12px}
  .hero-meta-item .meta-value{font-size:18px}
  .hero-scroll{display:none}

  .tech-grid,.contact-grid,.about-grid{grid-template-columns:1fr;gap:40px}
  .about-visual .visual-large{height:380px}
  .visual-grid{height:auto;grid-template-columns:1fr;grid-template-rows:auto}
  .visual-large{grid-row:auto;min-height:340px}
  .visual-rack,.visual-signal{min-height:140px}

  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-value{font-size:42px}
  .stat-suffix{font-size:26px}

  .footer-grid{grid-template-columns:1fr;gap:36px}

  .cta-band-inner{flex-direction:column;text-align:center;padding:30px 22px}
  .cta-band-inner h3{font-size:22px}

  .topbar-left .topbar-link span{display:none}
  .topbar-left{gap:14px}

  .form-row{grid-template-columns:1fr}
}

/* Partners + fab + topbar mobile tweaks */
@media (max-width: 960px){
  .partner-card{padding:16px 26px;min-width:160px}
  .partner-card img{max-height:30px}
  .partner-name{font-size:14px;letter-spacing:1.5px}
  .hero-slide-sub{font-size:15px}
  .hero-dots{margin:20px 0 14px}
  .topbar-support{display:none}
  .topbar-wa{padding:4px 10px}
}

/* Small mobile */
@media (max-width: 560px){
  :root{--container-pad:16px}
  .topbar{font-size:11px}
  .topbar-inner{flex-direction:row;gap:10px}
  .topbar-left{display:none}
  .brand-sub{display:none}
  .brand-title{font-size:15px}

  .hero{min-height:calc(100vh - 80px);padding:80px 0 50px}
  .hero-meta{flex-wrap:wrap}
  .hero-meta-item{flex:1 0 calc(50% - 5px)}
  .services-grid,.services-grid-full,.projects-grid,.why-grid{grid-template-columns:1fr}
  .project-card-large{grid-column:auto}
  .project-card-large .project-image{height:240px}

  .section-title{font-size:30px}
  .contact-form{padding:22px}
  .glass-card{border-radius:14px}

  .whatsapp-fab{width:54px;height:54px;bottom:18px;right:18px}
  .back-to-top{width:42px;height:42px;bottom:18px;right:80px}
  .fab-stack{right:14px;bottom:14px;gap:10px}
  .fab{width:48px;height:48px}
  .fab-tip{display:none}

  .footer-bottom-inner{justify-content:center;text-align:center}
}