/* ============================================================
   responsive.css — mobil ve tablet düzenleri
   Kırılım noktaları: 1200 / 1024 / 768 / 480
   ============================================================ */

/* ---------- 1200px ---------- */
@media (max-width:1200px){
  .kap{padding:0 20px}
  .urun-grid{grid-template-columns:repeat(3,1fr)}
  .il-grid{grid-template-columns:repeat(5,1fr)}
  .sektor-grid{grid-template-columns:repeat(3,1fr)}
  .acilir-kutu{width:560px}
}

/* ---------- 1024px ---------- */
@media (max-width:1024px){
  h1{font-size:2rem}
  h2{font-size:1.55rem}

  .ust-tel{display:none}
  .acilir-kutu{width:480px}
  .acilir-grid{grid-template-columns:repeat(2,1fr)}

  .slider{height:520px}
  .slayt-ic h1,.slayt-ic .slayt-ana{font-size:2.3rem}
  .slayt-ic h2,.slayt-ic .slayt-yan{font-size:1.15rem}

  .iki-kolon{grid-template-columns:1fr;gap:38px}
  .kolon-gorsel{order:-1}
  .rozet{right:16px;bottom:-14px}

  .kart-grid{grid-template-columns:repeat(2,1fr)}
  .surec-grid{grid-template-columns:repeat(2,1fr)}
  .urun-grid{grid-template-columns:repeat(2,1fr)}
  .iletisim-grid{grid-template-columns:repeat(2,1fr)}
  .ic-link-grid{grid-template-columns:repeat(2,1fr)}
  .il-grid{grid-template-columns:repeat(4,1fr)}
  .istatistik-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .alt-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}

/* ---------- 768px : mobil menü devreye girer ---------- */
@media (max-width:768px){
  body{font-size:15.5px;line-height:1.68}
  h1{font-size:1.75rem}
  h2{font-size:1.4rem}
  .bolum{padding:52px 0}
  .bolum-baslik{font-size:1.55rem}
  .bolum-ozet{margin-bottom:32px;font-size:.94rem}

  /* üst bar sadeleşir */
  .ustbar-yazi{display:none}
  .ustbar-ic{justify-content:center}
  .ustbar-cta a{margin:0 10px}

  .ust-ic{height:64px;gap:12px}
  .logo img{width:126px}
  .hmb{display:flex}

  /* Panel header'in ALTINDAN baslar: logo ve hamburger her zaman gorunur/tiklanir */
  .menu{
    position:fixed;top:64px;right:-100%;width:86%;max-width:340px;
    height:calc(100vh - 64px);
    height:calc(100dvh - 64px);
    background:#fff;box-shadow:-6px 0 26px rgba(0,0,0,.18);
    padding:14px 0 40px;overflow-y:auto;overscroll-behavior:contain;
    transition:right .28s ease;z-index:190;
  }
  /* Hamburger, panelin uzerinde kalir (kapatma X'i her zaman tiklanabilir) */
  .hmb{position:relative;z-index:210}
  .menu.acik{right:0}
  .menu > ul{display:block}
  .menu > ul > li{border-bottom:1px solid var(--cizgi)}
  .menu > ul > li > a{padding:15px 22px;border-radius:0;font-size:1rem}

  .acilir-kutu{
    position:static;transform:none;width:100%;opacity:1;visibility:visible;
    box-shadow:none;border:0;border-radius:0;padding:0 22px 14px;
    max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;
  }
  .acilir.acik .acilir-kutu{max-height:1400px;padding:0 22px 16px}
  .acilir:hover .acilir-kutu{opacity:1;visibility:visible}
  .acilir-grid{grid-template-columns:1fr;max-height:none;overflow:visible}
  .acilir-grid a{padding:9px 0;font-size:.9rem;border-bottom:1px solid var(--gri)}
  .acilir-tum{padding:10px 0}

  .menu-perde{
    position:fixed;top:64px;left:0;right:0;bottom:0;
    background:rgba(10,42,32,.5);z-index:180;
    opacity:0;visibility:hidden;transition:opacity .28s;
  }
  .menu-perde.acik{opacity:1;visibility:visible}

  /* slider */
  .slider{height:auto;min-height:480px}
  .slayt{position:relative;display:none;min-height:480px;padding:56px 0}
  .slayt.aktif{display:flex}
  .slayt-ic h1,.slayt-ic .slayt-ana{font-size:1.85rem}
  .slayt-ic h2,.slayt-ic .slayt-yan{font-size:1.05rem}
  .slayt-ic p{font-size:.95rem}
  .slayt-btn{flex-direction:column;align-items:stretch}
  .slayt-btn .btn{width:100%}
  .slider-ok{width:40px;height:40px;font-size:1.5rem}
  .slider-onceki{left:10px}
  .slider-sonraki{right:10px}

  .sayfa-basi{padding:34px 0 40px;background-position:center right}
  .sayfa-basi::before{
    background:linear-gradient(180deg,rgba(8,30,22,.82) 0%,rgba(8,30,22,.90) 100%);
  }
  .makale-banner{margin:22px 0 26px}
  .makale-banner figcaption{font-size:.79rem}
  .sayfa-basi h1{font-size:1.7rem}
  .breadcrumb ol{font-size:.78rem}

  .kart-grid,.surec-grid,.urun-grid,.iletisim-grid,.sektor-grid{grid-template-columns:1fr}
  .ic-link-grid{grid-template-columns:1fr}
  .il-grid{grid-template-columns:repeat(2,1fr)}

  .makale .giris{font-size:1rem;padding-left:16px}
  .makale h2{font-size:1.28rem;margin:30px 0 12px}

  .uretim-serit{padding:36px 0}
  .uretim-uclu{gap:10px}
  .uretim-oge strong{font-size:1.32rem}
  .uretim-oge small{font-size:.7rem}
  .uretim-ayrac{font-size:1.1rem}
  .uretim-not{font-size:.88rem;margin-bottom:20px}
  .uretim-btn{flex-direction:column}
  .uretim-btn .btn{width:100%}
  .kart-gorsel{aspect-ratio:16/7}
  .kart-govde{padding:18px 20px 22px}

  .cta{padding:48px 0}
  .cta h2{font-size:1.5rem}
  .cta-btn{flex-direction:column}
  .cta-btn .btn{width:100%}

  .sss-soru{font-size:.95rem;padding:17px 36px 17px 0}
  .sss-cevap p{padding:0 8px 20px 28px;font-size:.9rem}

  .alt-grid{grid-template-columns:1fr;gap:28px;padding-bottom:34px}
  .alt-son{flex-direction:column;text-align:center}

  /* sabit alt CTA — modern, dikkat cekici */
  .mobil-cta{
    display:flex;gap:10px;position:fixed;left:10px;right:10px;bottom:10px;z-index:150;
    padding:0;
  }
  .mobil-cta a{
    flex:1;padding:14px 10px;font-size:.95rem;border-radius:12px;
    box-shadow:0 6px 20px rgba(0,0,0,.28);
  }
  .mobil-cta a:active{transform:translateY(2px)}
  body{padding-bottom:78px}
}

/* ---------- 480px ---------- */
@media (max-width:480px){
  body{font-size:15px}
  .kap{padding:0 16px}
  h1{font-size:1.55rem}
  .bolum{padding:42px 0}
  .bolum-baslik{font-size:1.38rem}

  .slayt-ic h1,.slayt-ic .slayt-ana{font-size:1.6rem}
  .slayt-ic h2,.slayt-ic .slayt-yan{font-size:1rem}
  .slider{min-height:440px}
  .slayt{min-height:440px;padding:46px 0}
  .slayt-etiket{font-size:.75rem;padding:5px 13px}

  .istatistik-grid{grid-template-columns:1fr;gap:20px}
  .istatistik-grid strong{font-size:1.45rem}

  .kart,.surec-adim,.iletisim-kart,.ic-link-kutu{padding:20px}
  .il-grid{grid-template-columns:1fr}
  .rozet{position:static;display:inline-block;margin-top:14px}

  .veri-tablo th,.veri-tablo td{padding:10px;font-size:.88rem}
  .veri-tablo th{width:48%}

  .sayfa-basi h1{font-size:1.45rem}
  .makale h2{font-size:1.18rem}
}

/* ---------- Hareket azaltma tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .slayt{transition:none}
}

/* ---------- Yazdırma ---------- */
@media print{
  .ustbar,.ust,.slider,.cta,.mobil-cta,.alt,.ic-link-kutu{display:none}
  body{font-size:11pt;color:#000}
  .bolum{padding:12px 0}
}