/* ==================================================================
   TERZİOĞLU LOJİSTİK — style.css
   ------------------------------------------------------------------
   Tasarım dili: "Manifest & Güzergah" — lojistik firmasının kendi
   dünyasından (sevkiyat fişleri, plaka etiketleri, otoyol şeritleri)
   ödünç alınan görsel imza. Kurumsal renkler logodan türetilmiştir:
   #336699 (mavi) ve #FF9900 (turuncu).
   ================================================================== */

:root{
  /* --- Renk Token'ları --- */
  --mavi-900:#152B40;   /* en koyu lacivert - başlıklar/footer zemini */
  --mavi-700:#336699;   /* marka ana rengi (logo) */
  --mavi-500:#5588BB;   /* orta ton - vurgu/hover */
  --mavi-100:#EAF1F8;   /* çok açık mavi - bölüm zeminleri */
  --turuncu-600:#E68A00;/* koyu turuncu - hover */
  --turuncu-500:#FF9900;/* marka aksan rengi (logo) */
  --turuncu-100:#FFF1DA;/* açık turuncu - rozet zemini */
  --murekkep:#182430;   /* neredeyse siyah - gövde metni */
  --kagit:#F7F8FA;      /* sayfa zemini */
  --beyaz:#FFFFFF;
  --cizgi:#DDE4EC;      /* ince ayraç çizgisi */
  --golge: 0 10px 30px rgba(21,43,64,.12);
  --golge-yumusak: 0 4px 14px rgba(21,43,64,.08);

  /* --- Tipografi --- */
  --font-baslik: 'Oswald', sans-serif;
  --font-govde: 'Open Sans', sans-serif;
  --font-manifest: 'Roboto', sans-serif;

  --radius: 6px;
  --konteyner-genislik: 1180px;
}

/* --- Reset / Temeller --- */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--font-govde);
  color:var(--murekkep);
  background:var(--kagit);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{
  font-family:var(--font-baslik);
  font-weight:600;
  line-height:1.15;
  margin:0 0 .5em;
  color:var(--mavi-900);
  letter-spacing:.01em;
}
p{ margin:0 0 1em; }
:focus-visible{ outline:3px solid var(--turuncu-500); outline-offset:2px; }

.konteyner{
  max-width:var(--konteyner-genislik);
  margin:0 auto;
  padding:0 24px;
}

.atlama-linki{
  position:absolute; left:-999px; top:auto;
  background:var(--turuncu-500); color:var(--mavi-900);
  padding:10px 16px; z-index:9999; font-weight:600;
}
.atlama-linki:focus{ left:16px; top:16px; }

/* ==================================================================
   ÜST ŞERİT
   ================================================================== */
.ustserit{
  background:var(--mavi-900);
  color:#C9D8E6;
  font-family:var(--font-manifest);
  font-size:12.5px;
  letter-spacing:.03em;
}
.ustserit-ic{
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 24px; gap:16px; flex-wrap:wrap;
}
.ustserit-sol{ display:flex; gap:22px; flex-wrap:wrap; }
.ustserit a{ color:#DCE8F3; }
.ustserit a:hover{ color:var(--turuncu-500); }
.ikon{ margin-right:5px; }
.rota-etiketi{ color:var(--turuncu-500); font-weight:600; }
.ustserit-eposta{ display:inline-flex; }

/* ==================================================================
   ÜST MENÜ / HEADER
   ================================================================== */
.site-header{
  background:var(--beyaz);
  box-shadow:var(--golge-yumusak);
  position:sticky; top:0; z-index:500;
}
.header-ic{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 24px;
}
.logo-img{ height:46px; width:auto; }

.ana-menu{ display:flex; align-items:center; gap:8px; }
.ana-menu > ul{ display:flex; align-items:center; gap:2px; }
.ana-menu > ul > li{ position:relative; }
.ana-menu > ul > li > a{
  display:block; padding:14px 16px;
  font-family:var(--font-baslik);
  font-size:15px; letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--mavi-900);
  border-bottom:3px solid transparent;
  transition:color .15s, border-color .15s;
}
.ana-menu > ul > li > a:hover,
.ana-menu > ul > li > a.aktif{
  color:var(--mavi-700);
  border-bottom-color:var(--turuncu-500);
}
.menu-cta{
  margin-left:12px;
  background:var(--turuncu-500);
  color:var(--mavi-900);
  font-family:var(--font-baslik);
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:14px;
  padding:12px 22px;
  border-radius:var(--radius);
  white-space:nowrap;
  transition:background .15s, transform .15s;
}
.menu-cta:hover{ background:var(--turuncu-600); transform:translateY(-1px); }

.alt-menulu{ position:relative; }
.alt-menu{
  position:absolute; top:100%; left:0;
  background:var(--beyaz);
  min-width:240px;
  box-shadow:var(--golge);
  border-top:3px solid var(--turuncu-500);
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .15s, transform .15s, visibility .15s;
}
.alt-menulu:hover .alt-menu,
.alt-menulu:focus-within .alt-menu{
  opacity:1; visibility:visible; transform:translateY(0);
}
.alt-menu li a{
  display:block; padding:12px 18px;
  font-size:14.5px; text-transform:none;
  font-family:var(--font-govde);
  color:var(--murekkep);
  border-bottom:1px solid var(--cizgi);
}
.alt-menu li:last-child a{ border-bottom:none; }
.alt-menu li a:hover{ background:var(--mavi-100); color:var(--mavi-700); }

.menu-tetik{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:40px; height:40px; background:none; border:none; cursor:pointer;
}
.menu-tetik span{ height:3px; background:var(--mavi-900); border-radius:2px; }

/* ==================================================================
   BUTONLAR (genel)
   ================================================================== */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-baslik);
  text-transform:uppercase; letter-spacing:.03em; font-size:14.5px;
  padding:14px 28px; border-radius:var(--radius);
  transition:background .15s, color .15s, transform .15s, border-color .15s;
  cursor:pointer; border:2px solid transparent;
}
.btn-birincil{ background:var(--turuncu-500); color:var(--mavi-900); }
.btn-birincil:hover{ background:var(--turuncu-600); transform:translateY(-2px); }
.btn-ikincil{ background:transparent; border-color:rgba(255,255,255,.6); color:var(--beyaz); }
.btn-ikincil:hover{ background:rgba(255,255,255,.12); border-color:var(--beyaz); }
.btn-koyu{ background:var(--mavi-900); color:var(--beyaz); }
.btn-koyu:hover{ background:var(--mavi-700); transform:translateY(-2px); }

/* ==================================================================
   İMZA ÖĞESİ: GÜZERGAH ÇİZGİSİ (route-line divider)
   Otoyol şeridi motifinden ilham alan kesikli bölüm ayracı.
   ================================================================== */
.guzergah-cizgisi{
  position:relative;
  height:26px;
  background:
    repeating-linear-gradient(
      90deg,
      var(--turuncu-500) 0 26px,
      transparent 26px 52px
    );
  background-position:center;
  background-size:52px 3px;
  background-repeat:repeat-x;
  opacity:.9;
}
.guzergah-cizgisi::before,
.guzergah-cizgisi::after{
  content:"";
  position:absolute; top:0; bottom:0; width:100%;
  background:var(--kagit);
  height:11.5px;
}
.guzergah-cizgisi::before{ top:0; }
.guzergah-cizgisi::after{ bottom:0; }

/* ==================================================================
   ETİKET / MANIFEST ROZETİ (plaka & sevkiyat fişi hissi)
   ================================================================== */
.rozet{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-manifest);
  font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
  background:var(--turuncu-100);
  color:var(--turuncu-600);
  border:1px solid #FFD699;
  padding:6px 14px; border-radius:3px;
  margin-bottom:16px;
}
.rozet.rozet-koyu{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.25);
  color:var(--turuncu-500);
}
.rozet::before{ content:"▮"; font-size:9px; color:var(--turuncu-500); }

/* ==================================================================
   HERO (Ana Sayfa)
   ================================================================== */
.hero{
  position:relative;
  min-height:640px;
  display:flex; align-items:center;
  color:var(--beyaz);
  background:#0F1E2C;
  overflow:hidden;
}
.hero-arkaplan{
  position:absolute; inset:0;
  background-image:linear-gradient(100deg, rgba(15,26,38,.92) 20%, rgba(15,30,44,.55) 55%, rgba(15,30,44,.25) 100%), url('/assets/img/fleet/terzioglu-lojistik-04.jpg');
  background-size:cover; background-position:center 42%;
}
.hero-ic{ position:relative; z-index:2; max-width:660px; padding:120px 0 100px; }
.hero h1{
  color:var(--beyaz);
  font-size:clamp(34px,5vw,56px);
  text-transform:uppercase;
  margin-bottom:22px;
}
.hero h1 span{ color:var(--turuncu-500); }
.hero p{ font-size:18px; color:#DCE6F0; max-width:520px; }
.hero-butonlar{ display:flex; gap:14px; margin-top:28px; flex-wrap:wrap; }

.hero-plaka{
  position:absolute; right:6%; bottom:0; z-index:2;
  display:none;
}
@media(min-width:960px){
  .hero-plaka{ display:block; }
}
.plaka-karti{
  background:var(--beyaz); color:var(--mavi-900);
  font-family:var(--font-manifest);
  border-radius:4px; padding:14px 20px;
  box-shadow:var(--golge);
  transform:translateY(-40px);
  border-left:6px solid var(--turuncu-500);
}
.plaka-karti b{ display:block; font-size:22px; letter-spacing:.05em; }
.plaka-karti span{ font-size:11px; color:#5B6B7A; text-transform:uppercase; letter-spacing:.05em; }

/* ==================================================================
   İSTATİSTİK ŞERİDİ (bilet / fiş kesimi görünümü)
   ================================================================== */
.istatistik-serit{
  background:var(--mavi-900);
  color:var(--beyaz);
  position:relative;
}
.istatistik-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}
.istatistik-hucre{
  padding:34px 20px;
  text-align:center;
  border-left:1px dashed rgba(255,255,255,.18);
}
.istatistik-hucre:first-child{ border-left:none; }
.istatistik-sayi{
  font-family:var(--font-baslik);
  font-size:clamp(28px,4vw,42px);
  color:var(--turuncu-500);
  display:block;
}
.istatistik-etiket{
  font-family:var(--font-manifest);
  font-size:12px; letter-spacing:.05em; text-transform:uppercase;
  color:#B9CADA;
}

/* ==================================================================
   GENEL BÖLÜM DÜZENİ
   ================================================================== */
.bolum{ padding:88px 0; }
.bolum-mavi{ background:var(--mavi-100); }
.bolum-koyu{ background:var(--mavi-900); color:#DCE6F0; }
.bolum-koyu h2, .bolum-koyu h3{ color:var(--beyaz); }
.bolum-baslik{ max-width:680px; margin-bottom:52px; }
.bolum-baslik h2{ font-size:clamp(26px,3.4vw,38px); text-transform:uppercase; }
.bolum-baslik p{ font-size:17px; color:#4B5D6E; }
.bolum-koyu .bolum-baslik p{ color:#B9CADA; }
.ortali{ text-align:center; margin-left:auto; margin-right:auto; }

/* ==================================================================
   HİZMET KARTLARI
   ================================================================== */
.hizmet-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.hizmet-karti{
  background:var(--beyaz);
  border-radius:var(--radius);
  padding:32px 26px;
  box-shadow:var(--golge-yumusak);
  border-top:4px solid var(--turuncu-500);
  transition:transform .18s, box-shadow .18s;
}
.hizmet-karti:hover{ transform:translateY(-6px); box-shadow:var(--golge); }
.hizmet-ikon{
  width:52px; height:52px;
  display:flex; align-items:center; justify-content:center;
  background:var(--mavi-100); color:var(--mavi-700);
  border-radius:50%; margin-bottom:18px;
  font-size:24px;
}
.hizmet-karti h3{ font-size:19px; margin-bottom:10px; }
.hizmet-karti p{ font-size:15px; color:#4B5D6E; margin-bottom:14px; }
.hizmet-karti a{ font-weight:600; color:var(--mavi-700); font-size:14.5px; }
.hizmet-karti a:hover{ color:var(--turuncu-600); }

/* ==================================================================
   FİLO / GÖRSEL GALERİSİ
   ================================================================== */
.galeri-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.galeri-ogesi{
  position:relative; overflow:hidden; border-radius:var(--radius);
  aspect-ratio:4/3;
  box-shadow:var(--golge-yumusak);
}
.galeri-ogesi img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .35s ease;
}
.galeri-ogesi:hover img{ transform:scale(1.06); }
.galeri-etiket{
  position:absolute; left:0; right:0; bottom:0;
  background:linear-gradient(0deg, rgba(15,26,38,.88), transparent);
  color:var(--beyaz);
  padding:16px 16px 12px;
  font-family:var(--font-manifest);
  font-size:12.5px; letter-spacing:.04em; text-transform:uppercase;
}
.galeri-ogesi.buyuk{ grid-column:span 2; grid-row:span 2; }

/* ==================================================================
   NEDEN BİZ / MADDE LİSTESİ
   ================================================================== */
.iki-kolon{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.madde-listesi li{
  display:flex; gap:14px; padding:14px 0;
  border-bottom:1px dashed var(--cizgi);
}
.bolum-koyu .madde-listesi li{ border-bottom-color:rgba(255,255,255,.15); }
.madde-listesi li:last-child{ border-bottom:none; }
.madde-no{
  font-family:var(--font-manifest);
  color:var(--turuncu-500); font-weight:600; font-size:14px;
  min-width:34px;
}
.madde-icerik h4{ font-size:17px; margin-bottom:4px; color:inherit;}
.madde-icerik p{ font-size:15px; margin:0; color:#4B5D6E; }
.bolum-koyu .madde-icerik p{ color:#B9CADA; }

/* ==================================================================
   SEKTÖR ETİKETLERİ (chip)
   ================================================================== */
.sektor-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.sektor-karti{
  background:var(--beyaz);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--golge-yumusak);
}
.sektor-gorsel{ aspect-ratio:16/10; overflow:hidden; }
.sektor-gorsel img{ width:100%; height:100%; object-fit:cover; }
.sektor-metin{ padding:22px 24px; }
.sektor-metin h3{ font-size:18px; margin-bottom:8px; }
.sektor-metin p{ font-size:14.5px; color:#4B5D6E; margin:0; }

/* ==================================================================
   HİZMET SLIDER (Ana Sayfa banner)
   ================================================================== */
.slider{
  position:relative;
  height:480px;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--golge);
}
.slider [data-slayt]{
  position:absolute; inset:0;
  opacity:0; visibility:hidden;
  transition:opacity .7s ease;
}
.slider [data-slayt].slayt-aktif{ opacity:1; visibility:visible; }
.slider [data-slayt] img{
  width:100%; height:100%; object-fit:cover;
}
.slider-golge{
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(15,26,38,.88) 0%, rgba(15,26,38,.15) 45%, transparent 70%);
}
.slider-metin{
  position:absolute; left:0; right:0; bottom:0;
  padding:36px 40px;
  color:var(--beyaz);
  max-width:640px;
}
.slider-metin .rozet{ margin-bottom:12px; }
.slider-metin h3{ color:var(--beyaz); font-size:26px; text-transform:uppercase; margin-bottom:8px; }
.slider-metin p{ color:#DCE6F0; font-size:15px; margin:0; }
.slider-noktalar{
  position:absolute; right:24px; bottom:24px; z-index:3;
  display:flex; gap:8px;
}
.slider-nokta{
  width:9px; height:9px; border-radius:50%;
  background:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.6);
}
[data-slayt].slayt-aktif ~ .slider-noktalar{ }

@media(max-width:600px){
  .slider{ height:420px; }
  .slider-metin{ padding:24px 20px; }
}

/* ==================================================================
   CTA ŞERİDİ
   ================================================================== */
.cta-serit{
  background:linear-gradient(120deg, var(--mavi-900), var(--mavi-700));
  color:var(--beyaz); text-align:center;
  padding:70px 24px;
}
.cta-serit h2{ color:var(--beyaz); font-size:clamp(24px,3.2vw,34px); }
.cta-serit p{ color:#DCE6F0; max-width:560px; margin:0 auto 26px; }

/* ==================================================================
   SAYFA BAŞLIĞI (iç sayfalar için)
   ================================================================== */
.sayfa-basi{
  position:relative; color:var(--beyaz);
  padding:80px 0 60px;
  background:linear-gradient(100deg, rgba(15,26,38,.90), rgba(21,43,64,.72)), center/cover;
}
.sayfa-basi h1{ color:var(--beyaz); text-transform:uppercase; font-size:clamp(28px,4vw,44px); margin-bottom:10px; }
.parca-yolu{
  font-family:var(--font-manifest); font-size:13px; letter-spacing:.04em;
  color:#B9CADA; text-transform:uppercase;
}
.parca-yolu a{ color:#DCE6F0; }
.parca-yolu a:hover{ color:var(--turuncu-500); }

/* ==================================================================
   FORM ELEMANLARI
   ================================================================== */
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-alan{ display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.form-alan.tam{ grid-column:1/-1; }
.form-alan label{ font-size:14px; font-weight:600; color:var(--mavi-900); }
.form-alan input, .form-alan select, .form-alan textarea{
  font-family:var(--font-govde); font-size:15px;
  padding:13px 14px; border:1.5px solid var(--cizgi); border-radius:var(--radius);
  background:var(--beyaz); color:var(--murekkep);
}
.form-alan input:focus, .form-alan select:focus, .form-alan textarea:focus{
  border-color:var(--mavi-700); outline:none;
}
.form-notu{ font-size:12.5px; color:#6B7C8C; }
.form-mesaj{ padding:16px 18px; border-radius:var(--radius); margin-bottom:22px; font-size:14.5px; }
.form-mesaj.basarili{ background:#E4F5EA; color:#1E6B3D; border:1px solid #B7E3C6; }
.form-mesaj.hata{ background:#FBE7E7; color:#A93226; border:1px solid #F3C1C1; }

/* ==================================================================
   İLETİŞİM SAYFASI KART
   ================================================================== */
.iletisim-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:44px; align-items:start; }
.iletisim-bilgi-karti{
  background:var(--beyaz); border-radius:var(--radius); padding:30px;
  box-shadow:var(--golge-yumusak); margin-bottom:18px;
  display:flex; gap:16px; align-items:flex-start;
  border-left:4px solid var(--turuncu-500);
}
.iletisim-bilgi-karti .ikon{ font-size:22px; color:var(--mavi-700); margin-top:2px; }
.iletisim-bilgi-karti h4{ font-size:16px; margin-bottom:4px; }
.iletisim-bilgi-karti p{ margin:0; color:#4B5D6E; font-size:15px; }
.harita-cercevesi{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--golge-yumusak); margin-top:24px; }
.harita-cercevesi iframe{ width:100%; height:320px; border:0; display:block; }

/* ==================================================================
   İÇ İÇERİK SAYFALARI (Hakkımızda, Hizmetler, Yasal)
   ================================================================== */
.icerik-blok{ max-width:840px; }
.icerik-blok h2{ margin-top:44px; font-size:26px; text-transform:uppercase; }
.icerik-blok h2:first-child{ margin-top:0; }
.icerik-blok h3{ font-size:19px; margin-top:26px; }
.icerik-blok p{ color:#3C4A58; font-size:16px; }
.icerik-blok ul{ margin:0 0 20px; padding-left:0; }
.icerik-blok ul li{
  padding-left:26px; position:relative; margin-bottom:10px; color:#3C4A58;
}
.icerik-blok ul li::before{
  content:"›"; position:absolute; left:0; top:0;
  color:var(--turuncu-500); font-weight:700; font-size:18px;
}

.deger-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:32px 0 12px;}
.deger-karti{
  background:var(--beyaz); border-radius:var(--radius); padding:26px 22px;
  box-shadow:var(--golge-yumusak); border-top:3px solid var(--mavi-700);
}
.deger-karti h4{ font-size:17px; margin-bottom:8px; color:var(--mavi-900); }
.deger-karti p{ font-size:14.5px; color:#4B5D6E; margin:0; }

.zaman-cizelgesi{ margin:32px 0; }
.zaman-satiri{
  display:grid; grid-template-columns:110px 1fr; gap:24px;
  padding:20px 0; border-bottom:1px dashed var(--cizgi);
}
.zaman-satiri:last-child{ border-bottom:none; }
.zaman-yil{ font-family:var(--font-baslik); font-size:22px; color:var(--turuncu-500); }
.zaman-metin h4{ margin-bottom:4px; font-size:16.5px; }
.zaman-metin p{ margin:0; font-size:14.5px; color:#4B5D6E; }

/* Hizmet detay bölümleri (hizmetlerimiz.php) */
.hizmet-bolum{ padding:60px 0; border-bottom:1px solid var(--cizgi); }
.hizmet-bolum:last-child{ border-bottom:none; }
.hizmet-bolum-ust{ display:flex; align-items:baseline; gap:14px; margin-bottom:6px; flex-wrap:wrap; }
.hizmet-bolum-ust h2{ margin:0; }
.hizmet-alt-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:30px; }
.hizmet-alt-karti{
  background:var(--beyaz); border-radius:var(--radius); padding:24px;
  box-shadow:var(--golge-yumusak);
}
.hizmet-alt-karti h4{ font-size:16.5px; margin-bottom:8px; display:flex; align-items:center; gap:10px;}
.hizmet-alt-karti h4 em{
  font-style:normal; font-family:var(--font-manifest);
  background:var(--mavi-100); color:var(--mavi-700);
  font-size:12px; padding:3px 8px; border-radius:3px;
}
.hizmet-alt-karti p{ font-size:14.5px; color:#4B5D6E; margin:0; }

.arac-secenekleri{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.arac-cip{
  font-family:var(--font-manifest); font-size:13px;
  border:1.5px solid var(--mavi-700); color:var(--mavi-700);
  padding:8px 16px; border-radius:20px;
}

/* ==================================================================
   FOOTER
   ================================================================== */
.site-footer{ background:var(--mavi-900); color:#B9CADA; padding-top:64px; }
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px;
  padding-bottom:44px;
}
.footer-logo{ height:40px; margin-bottom:16px; filter:brightness(0) invert(1); }
.footer-blok p{ font-size:14.5px; color:#9FB4C7; }
.footer-plaka{ font-family:var(--font-manifest); font-size:12px; color:var(--turuncu-500) !important; letter-spacing:.04em; }
.footer-blok h3{ color:var(--beyaz); font-size:16px; text-transform:uppercase; margin-bottom:16px; }
.footer-blok ul li{ margin-bottom:10px; }
.footer-blok ul li a{ font-size:14.5px; color:#B9CADA; }
.footer-blok ul li a:hover{ color:var(--turuncu-500); }
.footer-blok address{ font-style:normal; }
.footer-blok address p{ font-size:14.5px; margin-bottom:8px; }
.footer-blok address a:hover{ color:var(--turuncu-500); }

.alt-cizgi{
  height:0; border-top:1px dashed rgba(255,255,255,.15);
}
.footer-alt{
  display:flex; justify-content:space-between; align-items:center;
  padding:20px 24px; flex-wrap:wrap; gap:10px;
  font-size:13px; color:#7E93A6;
}
.footer-yasal{ display:flex; gap:20px; }
.footer-yasal a:hover{ color:var(--turuncu-500); }

/* ==================================================================
   MOBİL ÇAĞRI BUTONU (sabit, sadece mobilde)
   ================================================================== */
.mobil-cagri-btn{
  display:none;
  position:fixed; left:16px; right:16px; bottom:16px; z-index:600;
  background:var(--turuncu-500); color:var(--mavi-900);
  font-family:var(--font-baslik); text-transform:uppercase; letter-spacing:.03em;
  text-align:center; padding:15px; border-radius:var(--radius);
  box-shadow:var(--golge);
}

/* ==================================================================
   RESPONSIVE
   ================================================================== */
@media(max-width:1024px){
  .hizmet-grid{ grid-template-columns:repeat(2,1fr); }
  .galeri-grid{ grid-template-columns:repeat(2,1fr); }
  .galeri-ogesi.buyuk{ grid-column:span 2; grid-row:span 1; }
  .sektor-grid{ grid-template-columns:repeat(2,1fr); }
  .istatistik-grid{ grid-template-columns:repeat(2,1fr); }
  .istatistik-hucre:nth-child(3){ border-left:none; }
  .iki-kolon{ grid-template-columns:1fr; gap:30px; }
  .iletisim-grid{ grid-template-columns:1fr; }
  .deger-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
}

@media(max-width:820px){
  .menu-tetik{ display:flex; }
  .ana-menu{
    position:fixed; top:0; right:0; height:100vh; width:min(320px,86vw);
    background:var(--beyaz); flex-direction:column; align-items:stretch;
    padding:90px 24px 24px; box-shadow:-8px 0 30px rgba(0,0,0,.18);
    transform:translateX(100%); transition:transform .25s ease;
    overflow-y:auto;
  }
  .ana-menu.acik{ transform:translateX(0); }
  .ana-menu > ul{ flex-direction:column; align-items:stretch; gap:0; }
  .ana-menu > ul > li > a{ padding:16px 4px; border-bottom:1px solid var(--cizgi); }
  .alt-menu{ position:static; box-shadow:none; border-top:none; opacity:1; visibility:visible; transform:none; display:none; border-left:2px solid var(--turuncu-500); margin-left:8px;}
  .alt-menulu.acik .alt-menu{ display:block; }
  .menu-cta{ margin:18px 4px 0; text-align:center; }
  .ustserit-ic{ font-size:11px; }
  .hero-ic{ padding:90px 0 70px; }
  .bolum{ padding:60px 0; }
  .hizmet-grid, .sektor-grid, .deger-grid{ grid-template-columns:1fr; }
  .hizmet-alt-grid{ grid-template-columns:1fr; }
  .galeri-grid{ grid-template-columns:1fr 1fr; }
  .footer-grid{ grid-template-columns:1fr; padding-bottom:30px;}
  .mobil-cagri-btn{ display:block; }
  .form-grid{ grid-template-columns:1fr; }
  .zaman-satiri{ grid-template-columns:1fr; gap:6px; }
}

@media(max-width:480px){
  .galeri-grid{ grid-template-columns:1fr; }
  .galeri-ogesi.buyuk{ grid-column:span 1; }
  .istatistik-grid{ grid-template-columns:1fr 1fr; }
}

/* Erişilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}