@charset "UTF-8";
/* ==========================================================================
   ISIMAK ISITICI - RESPONSIVE (TABLET & MOBIL) STIL DOSYASI
   style.css yuklendikten sonra cagrilir.
   ========================================================================== */

/* ---------------------------------------------------- 1200px ve alti ---- */
@media (max-width:1200px){
  .hizmet-grid,.model-grid{grid-template-columns:repeat(3,1fr);}
  .bolge-liste{grid-template-columns:repeat(4,1fr);}
  .alt-grid{grid-template-columns:1.3fr 1fr 1fr;}
  .alt-grid .alt-kutu:last-child{grid-column:1 / -1;}
  .menu-cta{display:none;}
  .ana-menu{gap:0;}
}

/* ----------------------------------------------------- 1024px ve alti --- */
@media (max-width:1024px){
  h1{font-size:29px;}
  .bolum-baslik{font-size:25px;}
  .slayt-ic h1,.slayt-ic h2{font-size:31px;}
  .slayt-alt{font-size:18px;}
  .slayt-kutu{padding:20px 24px;max-width:88%;}
  .sayfa-bas-ic{grid-template-columns:1fr;}
  .urun-bas-ic{grid-template-columns:1fr;gap:26px;}
  .ub-gorsel{max-width:460px;margin:0 auto;}
  .sb-gorsel{max-width:420px;}
  .tanitim-ic{grid-template-columns:1fr;gap:28px;}
  .cta-ic{grid-template-columns:1fr;gap:24px;}
  .ikili-grid{grid-template-columns:1fr;}
  .sektor-grid{grid-template-columns:repeat(2,1fr);}
  .capraz-liste{grid-template-columns:repeat(3,1fr);}
  .ozet-grid{grid-template-columns:repeat(2,1fr);}
  .iletisim-grid{grid-template-columns:1fr;}
  .makale-icindekiler ol{columns:1;}
}

/* ================= MOBIL MENU (900px ve alti) ============================ */
@media (max-width:900px){
  .ust-serit .us-metin{display:none;}
  .ust-serit-ic{justify-content:center;}
  .ust-serit a{margin:0 10px;}

  .ust-bar-ic{height:66px;}
  .logo img{width:140px;}
  .menu-tus{display:block;}
  .menu-tus.acik span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .menu-tus.acik span:nth-child(2){opacity:0;}
  .menu-tus.acik span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

  .ana-menu{
    position:fixed;top:0;right:-100%;width:88%;max-width:360px;height:100vh;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:76px 0 40px;overflow-y:auto;
    box-shadow:-6px 0 26px rgba(15,33,56,.22);transition:right .28s ease;z-index:400;
  }
  .ana-menu.acik{right:0;}
  .ana-menu>ul{flex-direction:column;gap:0;width:100%;}
  .ana-menu>ul>li{border-bottom:1px solid var(--gri-cizgi);}
  .ana-menu>ul>li>a{padding:15px 22px;border-radius:0;font-size:16px;}

  .acilir{position:relative;}
  .alt-tus{
    display:block;position:absolute;top:6px;right:10px;width:44px;height:44px;background:none;border:0;cursor:pointer;
  }
  .alt-tus::after{
    content:"";position:absolute;top:18px;left:16px;width:9px;height:9px;
    border-right:2px solid var(--koyu);border-bottom:2px solid var(--koyu);transform:rotate(45deg);transition:.2s;
  }
  .alt-tus[aria-expanded="true"]::after{transform:rotate(-135deg);top:22px;}
  .ok{display:none;}

  .alt-menu{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;
    background:var(--gri-bg);min-width:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease;
  }
  .alt-menu.acik{max-height:1400px;padding:6px 0;overflow:auto;}
  .acilir:hover .alt-menu{opacity:1;visibility:visible;}
  .alt-menu li a{padding:11px 34px;font-size:15px;}

  .menu-cta{display:flex;flex-direction:column;gap:10px;padding:20px 22px;}
  .menu-cta .tus{padding:13px 16px;font-size:15px;}

  .menu-perde{
    display:block;position:fixed;inset:0;background:rgba(15,33,56,.5);z-index:350;
  }
  .menu-perde[hidden]{display:none;}
}

/* ------------------------------------------------------ 768px ve alti --- */
@media (max-width:768px){
  body{font-size:15.5px;line-height:1.72;}
  h1{font-size:25px;}
  h2{font-size:21px;}
  h3{font-size:18px;}

  .hizmet-blok,.model-blok,.sektor-blok,.sss-blok,.bolge-blok,.capraz-blok,
  .tablo-blok,.iletisim-blok,.bolge-giris,.ikili-blok,.tanitim-blok,.makale{padding:40px 0;}
  .cta-blok{padding:34px 0;}
  .sayfa-bas{padding:32px 0;}

  .bolum-baslik{font-size:22px;}
  .bolum-alt{font-size:14.5px;margin-bottom:24px;}

  /* Mobilde banner cok basik gorunmesin: 16/9 orana kirp */
  .slayt-gorsel{aspect-ratio:16/10;}
  .slayt-ic h1,.slayt-ic h2{font-size:22px;margin-bottom:8px;}
  .slayt-alt{font-size:15px;margin-bottom:8px;}
  .slayt-ic p{font-size:14px;margin-bottom:16px;}
  .slayt-kutu{padding:16px 18px;max-width:94%;border-radius:10px;}
  .slayt-kutu .tus-buyuk{padding:12px 22px;font-size:15px;}
  .slayt-ok{width:38px;height:38px;font-size:24px;}
  .orta-tus{padding:0 20px 36px;margin-top:-18px;}
  .ub-metin h1{font-size:23px;}
  .ub-ozet{font-size:15px;}
  .slayt-onceki{left:8px;}
  .slayt-sonraki{right:8px;}

  .hizmet-grid,.model-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .sektor-grid{grid-template-columns:1fr;}
  .bolge-liste{grid-template-columns:repeat(2,1fr);}
  .capraz-liste{grid-template-columns:repeat(2,1fr);}
  .ozet-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 18px;}
  .ozet-kutu strong{font-size:20px;}

  .makale-baslik{font-size:22px;}
  .makale h3{font-size:18.5px;margin-top:26px;}
  .makale-cta{flex-direction:column;align-items:flex-start;}

  .alt-grid{grid-template-columns:1fr;gap:26px;}
  .alt-telif-ic{flex-direction:column;text-align:center;}
  .alt-nav a{margin:0 8px;}

  /* Mobil tablo: satirlari karta cevir */
  .tablo-sar{border:0;overflow:visible;}
  .model-tablo,.model-tablo tbody,.model-tablo tr,.model-tablo td{display:block;width:100%;}
  .model-tablo thead{display:none;}
  .model-tablo tr{border:1px solid var(--gri-cizgi);border-radius:var(--yuvarlak);margin-bottom:12px;background:#fff;}
  .model-tablo tbody tr:nth-child(even){background:#fff;}
  .model-tablo td{border-top:0;border-bottom:1px dashed var(--gri-cizgi);padding:10px 14px;display:flex;justify-content:space-between;gap:12px;font-size:14px;}
  .model-tablo td:last-child{border-bottom:0;}
  .model-tablo td::before{content:attr(data-etiket);font-weight:700;color:var(--koyu);}

  /* Sabit iletisim butonlari sayfa sonunu kapatmasin */
  .alt-telif{padding-bottom:96px;}

  /* Sticky iletisim: sadece mobilde goster */
  .sticky-contact{display:flex;}
  .contact-btn{font-size:18px;padding:16px 15px;gap:8px;}
  .btn-icon{width:20px;height:20px;}
}

/* ------------------------------------------------------ 520px ve alti --- */
@media (max-width:520px){
  .kap{padding:0 14px;}
  h1{font-size:22px;}
  .slayt-gorsel{aspect-ratio:4/3;}
  .slayt-ic h1,.slayt-ic h2{font-size:19px;}
  .slayt-alt{font-size:13.5px;}
  .slayt-ic p{font-size:13px;}
  .hizmet-grid,.model-grid{grid-template-columns:1fr;}
  .mk-govde h3{min-height:0;}
  .bolge-liste,.capraz-liste{grid-template-columns:1fr;}
  .ozet-grid{grid-template-columns:1fr;}
  .sb-tus{flex-direction:column;}
  .sb-tus .tus{width:100%;}
  .cta-sag .tus{width:100%;}
  .il-tel a{font-size:22px;}
  .sss-oge summary{font-size:15px;padding:14px 46px 14px 16px;}
  .sss-cevap{padding:4px 16px 16px;font-size:14.5px;}
  .makale-icindekiler{padding:16px 18px;}
  .ikili-kutu,.il-kutu{padding:20px;}

  /* Sticky iletisim - kucuk ekran */
  .contact-btn{font-size:15px;padding:14px 10px;gap:6px;}
  .btn-icon{width:18px;height:18px;}
}

/* -------------------------------------------------------- YAZDIRMA ------ */
@media print{
  .ust-serit,.ust-bar,.kirinti,.sticky-contact,.cta-blok,.slayt-ok,.slayt-nokta,.alt-bar{display:none !important;}
  body{font-size:12pt;color:#000;}
  a{color:#000;text-decoration:none;}
}

/* ------------------------------------------------ HAREKET AZALTMA ------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  html{scroll-behavior:auto;}
}