/* =========================================================================
   POLAS OTO ÇEKİCİ YOL YARDIM HİZMETLERİ — Tasarım Sistemi (v4)
   Renk: Gök Mavisi (marka/başlık) + Beyaz (zemin) + Turuncu (aksiyon/CTA)
   İskelet: tam genişlik gradyan hero + istatistik bandı + özellik satırları
   (önceki kart-ızgara ağırlıklı düzenden farklı bir kompozisyon)
   Tipografi: Archivo 700 (başlık) + Be Vietnam Pro (gövde)
   ========================================================================= */

@font-face{font-family:"Archivo";src:url("../fonts/archivo-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/bevietnam-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/bevietnam-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/bevietnam-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/bevietnam-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

:root{
  --gok:#0EA5E9;
  --gok-koyu:#0369A1;
  --gok-acik:#EAF7FE;
  --lacivert:#0B3556;
  --turuncu:#C2410C;
  --turuncu-koyu:#9A3412;
  --turuncu-acik:#FFEEE0;

  --beyaz:#FFFFFF;
  --zemin-2:#F3F9FD;
  --gri-900:#1B2733;
  --gri-600:#55606B;
  --gri-400:#8B959D;
  --gri-100:#E7EEF3;
  --yildiz:#F5A623;

  --font-baslik:"Archivo", "Arial", sans-serif;
  --font-govde:"Be Vietnam Pro", -apple-system, "Segoe UI", sans-serif;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:100px;

  --golge:0 1px 2px rgba(11,53,86,.05), 0 10px 24px -8px rgba(11,53,86,.12);
  --golge-derin:0 28px 56px -22px rgba(11,53,86,.32);
  --kenar:1px solid var(--gri-100);

  --container:1180px;
}

@media (prefers-color-scheme: dark){ :root{ color-scheme: light; } }

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}

body{
  margin:0;
  font-family:var(--font-govde);
  color:var(--gri-900);
  background:var(--beyaz);
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,svg{max-width:100%;display:block;}
.ikon{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px;}
.hizmet-satir__ikon .ikon{width:26px;height:26px;}
.sabit-aksiyon .ikon{width:22px;height:22px;}
.mobil-cubuk .ikon{width:18px;height:18px;}
.footer-sosyal .ikon{width:16px;height:16px;}
.yorum-kart__yildiz .ikon{width:14px;height:14px;}
.hero__kart-liste .ikon{width:16px;height:16px;margin-top:1px;}
.sss-soru__ikon .ikon{width:14px;height:14px;}
.komsu-ilceler .ikon{width:16px;height:16px;}
.ilce-karti .ikon{width:18px;height:18px;}
.neden-madde .ikon{width:22px;height:22px;}
.tel-rozet .ikon{width:16px;height:16px;}
.hero__ust .ikon{width:14px;height:14px;}
.ust-bar .ikon{width:13px;height:13px;}
.merkez-karti__ikon .ikon{width:28px;height:28px;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{font-family:var(--font-baslik);margin:0;line-height:1.15;letter-spacing:-.006em;color:var(--lacivert);font-weight:700;}
p{margin:0;}
button{font-family:inherit;}

:focus-visible{outline:2.5px solid var(--gok);outline-offset:2px;border-radius:4px;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- Skip link ---------- */
.atla-link{position:fixed;top:-100px;left:16px;background:var(--lacivert);color:var(--beyaz);padding:12px 18px;border-radius:var(--radius-sm);z-index:999;transition:top .2s;}
.atla-link:focus{top:16px;}

.tehlike-seridi{display:none;}

/* ---------- Üst bar ---------- */
.ust-bar{background:var(--gok-koyu);color:var(--beyaz);font-size:13px;}
.ust-bar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;}
.ust-bar a{color:var(--beyaz);font-weight:700;}
.ust-bar__hat{display:flex;gap:22px;flex-wrap:wrap;}
.ust-bar__madde{display:flex;align-items:center;gap:7px;white-space:nowrap;}
.ust-bar__nokta{width:5px;height:5px;border-radius:50%;background:var(--beyaz);flex:none;opacity:.8;}

/* ---------- Header ---------- */
.site-header{background:var(--beyaz);border-bottom:var(--kenar);position:sticky;top:0;z-index:60;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:20px;}

.marka{display:flex;align-items:center;gap:11px;}
.marka__ikon{
  width:40px;height:40px;flex:none;
  border-radius:50%;
  background:var(--gok);
  color:var(--beyaz);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-baslik);font-weight:700;font-size:17px;
}
.marka__metin{display:flex;flex-direction:column;line-height:1.15;}
.marka__ad{font-family:var(--font-baslik);font-weight:700;font-size:18px;color:var(--lacivert);}
.marka__slogan{font-size:12px;color:var(--gri-600);font-weight:500;}

.ana-nav{display:flex;align-items:center;gap:28px;}
.ana-nav ul{display:flex;gap:26px;}
.ana-nav a{font-weight:600;font-size:14.5px;color:var(--gri-900);position:relative;padding:4px 0;}
.ana-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--turuncu);transition:right .18s ease;}
.ana-nav a:hover::after{right:0;}

.baslik-cta{display:flex;align-items:center;gap:12px;}
.tel-rozet{display:flex;align-items:center;gap:9px;background:var(--turuncu);color:var(--beyaz);padding:10px 16px;border-radius:var(--radius-pill);font-weight:700;font-size:14.5px;white-space:nowrap;}
.tel-rozet svg{flex:none;color:var(--beyaz);}
.menu-dugme{display:none;background:none;border:1.5px solid var(--gri-100);border-radius:var(--radius-sm);width:42px;height:42px;align-items:center;justify-content:center;color:var(--lacivert);}

/* ---------- Hero (tam genişlik gradyan + ufuk-güneş motifi) ---------- */
.hero{position:relative;background:linear-gradient(180deg, var(--gok-acik) 0%, var(--beyaz) 78%);overflow:hidden;padding:64px 0 0;}
.hero__gunes{position:absolute;top:-120px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 35%, rgba(249,115,22,.28), rgba(249,115,22,0) 70%);pointer-events:none;}
.hero .container{position:relative;max-width:820px;text-align:center;padding-bottom:44px;}

.hero__ust{display:inline-flex;align-items:center;gap:8px;background:var(--beyaz);border:1px solid var(--gri-100);color:var(--gok-koyu);padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;margin-bottom:24px;box-shadow:var(--golge);}
.hero__ust svg{color:var(--turuncu);}

.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);color:var(--lacivert);font-weight:700;}
.hero h1 em{font-style:normal;color:var(--gok);position:relative;}
.hero__aciklama{margin:20px auto 0;font-size:17px;color:var(--gri-600);max-width:62ch;line-height:1.7;}

.hero__aksiyon{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;justify-content:center;}
.hero__mini{display:flex;gap:22px;margin-top:28px;justify-content:center;flex-wrap:wrap;font-size:13.5px;color:var(--gri-600);font-weight:600;}
.hero__mini span{display:inline-flex;align-items:center;gap:7px;}
.hero__mini svg{color:var(--gok);width:16px;height:16px;}

/* ---------- İstatistik bandı (hero altında tam genişlik) ---------- */
.istatistik-bandi{background:var(--lacivert);color:var(--beyaz);}
.istatistik-izgara{display:grid;grid-template-columns:repeat(4,1fr);}
.istatistik-ogesi{text-align:center;padding:28px 12px;border-right:1px solid rgba(255,255,255,.12);}
.istatistik-ogesi:last-child{border-right:none;}
.istatistik-ogesi b{display:block;font-family:var(--font-baslik);font-size:26px;font-weight:700;color:var(--beyaz);}
.istatistik-ogesi span{font-size:12.5px;color:#9FC4DE;}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:var(--radius-pill);border:1.5px solid transparent;transition:transform .12s ease, background-color .15s ease, border-color .15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn svg{flex:none;}
.btn--birincil{background:var(--turuncu);color:var(--beyaz);box-shadow:0 10px 22px -8px rgba(249,115,22,.5);}
.btn--birincil:hover{background:var(--turuncu-koyu);}
.btn--whatsapp{background:#1EA64D;color:var(--beyaz);}
.btn--ikincil{background:var(--beyaz);border-color:var(--gri-100);color:var(--lacivert);}
.btn--ikincil:hover{border-color:var(--gok);color:var(--gok-koyu);}
.btn--koyu{background:var(--beyaz);color:var(--turuncu-koyu);}
.btn--koyu:hover{background:var(--turuncu-acik);}
.btn--tam{width:100%;justify-content:center;}

/* ---------- Bölüm başlıkları ---------- */
.bolum{padding:74px 0;}
.bolum--kaplama2{background:var(--zemin-2);}
.bolum--koyu{background:var(--lacivert);color:var(--beyaz);}
.bolum--koyu h2, .bolum--koyu h3{color:var(--beyaz);}
.bolum-baslik{max-width:680px;margin-bottom:40px;}
.bolum-baslik.ortali{margin-left:auto;margin-right:auto;text-align:center;}
.bolum-baslik__ust{display:inline-block;color:var(--turuncu-koyu);font-weight:700;font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em;}
.bolum--koyu .bolum-baslik__ust{color:var(--beyaz);}
.bolum-baslik h2{font-size:clamp(1.5rem,2.6vw,2.05rem);}
.bolum-baslik p{margin-top:12px;color:var(--gri-600);font-size:15.5px;line-height:1.7;}
.bolum--koyu .bolum-baslik p{color:#DCEFFB;}

/* ---------- Merkez bölge (Çekmeköy / Sancaktepe) öne çıkan bölüm ---------- */
.merkez-izgara{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.merkez-karti{background:var(--beyaz);border:2px solid var(--gok);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--golge);position:relative;overflow:hidden;}
.merkez-karti::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--turuncu);}
.merkez-karti__ikon{width:52px;height:52px;border-radius:50%;background:var(--gok-acik);color:var(--gok-koyu);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.merkez-karti h3{font-size:20px;margin-bottom:10px;}
.merkez-karti p{color:var(--gri-600);font-size:14.5px;line-height:1.7;margin-bottom:18px;}
.merkez-karti a.btn{padding:11px 20px;font-size:13.5px;}

/* ---------- Hizmet satırları (kart ızgarası yerine liste/şerit düzeni) ---------- */
.hizmet-liste{display:flex;flex-direction:column;border:var(--kenar);border-radius:var(--radius-lg);overflow:hidden;background:var(--beyaz);}
.hizmet-satir{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:26px 28px;border-bottom:var(--kenar);}
.hizmet-satir:last-child{border-bottom:none;}
.hizmet-satir:nth-child(even){background:var(--zemin-2);}
.hizmet-satir__ikon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--gok-acik);color:var(--gok-koyu);display:flex;align-items:center;justify-content:center;flex:none;}
.hizmet-satir h3{font-size:17px;margin-bottom:6px;}
.hizmet-satir p{color:var(--gri-600);font-size:14.5px;line-height:1.65;max-width:64ch;}
.hizmet-satir__ok{color:var(--gri-400);flex:none;}

/* ---------- Süreç / adımlar — yatay zaman çizelgesi ---------- */
.surec{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:adim;}
.surec__adim{position:relative;padding:0 22px 0 0;}
.surec__adim:not(:last-child)::after{content:"";position:absolute;top:22px;right:0;width:100%;height:2px;background:var(--gri-100);}
.surec__no{counter-increment:adim;width:44px;height:44px;border-radius:50%;background:var(--turuncu);color:var(--beyaz);display:flex;align-items:center;justify-content:center;font-family:var(--font-baslik);font-size:17px;font-weight:700;position:relative;z-index:2;}
.surec__adim h3{margin-top:16px;font-size:15.5px;}
.surec__adim p{margin-top:7px;color:var(--gri-600);font-size:13.5px;}

/* ---------- Neden biz ---------- */
.neden-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 32px;}
.neden-madde{display:flex;gap:15px;align-items:flex-start;}
.neden-madde__ikon{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;}
.bolum:not(.bolum--koyu) .neden-madde__ikon{background:var(--turuncu-acik);}
.neden-madde svg{color:var(--beyaz);}
.bolum:not(.bolum--koyu) .neden-madde svg{color:var(--turuncu-koyu);}
.neden-madde h3{font-size:15.5px;margin-bottom:5px;}
.neden-madde p{font-size:13.5px;color:#DCEFFB;}
.bolum:not(.bolum--koyu) .neden-madde p{color:var(--gri-600);}

/* ---------- Uzun içerik bloğu (anasayfa SEO metni) ---------- */
.uzun-icerik{max-width:820px;}
.uzun-icerik p{color:var(--gri-600);font-size:15.5px;line-height:1.8;margin-bottom:18px;}
.uzun-icerik p:last-child{margin-bottom:0;}
.uzun-icerik strong{color:var(--lacivert);}

/* ---------- Mahalle şebekesi ---------- */
.mahalle-izgara{display:flex;flex-wrap:wrap;gap:8px;}
.mahalle-cip{background:var(--zemin-2);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;color:var(--gri-600);}

/* ---------- İlçe ızgarası ---------- */
.ilce-filtre{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap;}
.ilce-filtre button{background:var(--beyaz);border:1.5px solid var(--gri-100);border-radius:var(--radius-pill);padding:9px 18px;font-weight:700;font-size:13.5px;color:var(--gri-900);cursor:pointer;}
.ilce-filtre button[aria-pressed="true"]{background:var(--gok-koyu);color:var(--beyaz);border-color:var(--gok-koyu);}
.ilce-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ilce-karti{background:var(--beyaz);border:var(--kenar);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .15s, box-shadow .15s;position:relative;}
.ilce-karti:hover{border-color:var(--gok);box-shadow:var(--golge);}
.ilce-karti__ad{font-weight:700;font-size:14.5px;}
.ilce-karti__sayi{font-size:12px;color:var(--gri-400);}
.ilce-karti svg{color:var(--gri-400);flex:none;}
.ilce-karti:hover svg{color:var(--gok);}
.ilce-karti--merkez{border:1.5px solid var(--turuncu);}
.ilce-karti__rozet{position:absolute;top:-9px;left:14px;background:var(--turuncu);color:var(--beyaz);font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);}

/* ---------- SSS ---------- */
.sss-liste{max-width:820px;}
.sss-ogesi{border-bottom:var(--kenar);}
.sss-soru{width:100%;text-align:left;background:none;border:none;padding:19px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--font-baslik);font-weight:700;font-size:15.5px;color:var(--lacivert);cursor:pointer;}
.sss-soru__ikon{flex:none;width:26px;height:26px;border-radius:50%;background:var(--zemin-2);color:var(--gri-600);display:flex;align-items:center;justify-content:center;transition:transform .2s, background-color .2s, color .2s;}
.sss-soru[aria-expanded="true"] .sss-soru__ikon{transform:rotate(45deg);background:var(--turuncu);color:var(--beyaz);}
.sss-cevap{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.sss-cevap p{padding:0 4px 20px;color:var(--gri-600);font-size:14.5px;line-height:1.7;max-width:70ch;}

/* ---------- Yorum / referans ---------- */
.yorum-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.yorum-kart{background:var(--beyaz);border:var(--kenar);border-radius:var(--radius-md);padding:22px;box-shadow:var(--golge);}
.yorum-kart__yildiz{color:var(--yildiz);letter-spacing:2px;margin-bottom:10px;font-size:14px;}
.yorum-kart p{font-size:14px;color:var(--gri-900);line-height:1.65;}
.yorum-kart__kisi{display:flex;align-items:center;gap:10px;margin-top:14px;}
.yorum-kart__avatar{width:34px;height:34px;border-radius:50%;background:var(--gok-acik);color:var(--gok-koyu);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;font-family:var(--font-baslik);}
.yorum-kart__kisi span{font-size:12.5px;color:var(--gri-400);display:block;}
.yorum-kart__kisi b{font-size:13px;}

/* ---------- Harita / iletişim ---------- */
.iletisim-blok{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:var(--beyaz);border-radius:var(--radius-lg);overflow:hidden;border:var(--kenar);box-shadow:var(--golge);}
.iletisim-blok__bilgi{padding:36px;}
.iletisim-blok__bilgi h2{font-size:20px;margin-bottom:16px;}
.iletisim-satir{display:flex;gap:14px;padding:13px 0;border-top:var(--kenar);}
.iletisim-satir:first-of-type{border-top:none;}
.iletisim-satir svg{flex:none;color:var(--gok);margin-top:2px;}
.iletisim-satir b{display:block;font-size:14px;}
.iletisim-satir span{font-size:13.5px;color:var(--gri-600);}
.iletisim-blok__harita iframe{width:100%;height:100%;min-height:320px;border:none;display:block;}

/* ---------- İç link şeridi ---------- */
.komsu-ilceler{display:flex;flex-wrap:wrap;gap:10px;}
.komsu-ilceler a{display:inline-flex;align-items:center;gap:8px;background:var(--beyaz);border:var(--kenar);padding:9px 16px;border-radius:var(--radius-pill);font-weight:600;font-size:13.5px;}
.komsu-ilceler a:hover{border-color:var(--gok);color:var(--gok-koyu);}
.komsu-ilceler svg{color:var(--gri-400);}
.komsu-ilceler a:hover svg{color:var(--gok);}

/* ---------- CTA bandı ---------- */
.cta-bant{background:var(--turuncu);color:var(--beyaz);border-radius:var(--radius-lg);padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.cta-bant h2{color:var(--beyaz);font-size:1.5rem;max-width:22ch;}
.cta-bant .btn--koyu{position:relative;}

/* ---------- Breadcrumb ---------- */
.breadcrumb{padding:14px 0;font-size:13px;color:var(--gri-600);}
.breadcrumb a{color:var(--gri-600);font-weight:600;}
.breadcrumb a:hover{color:var(--gok-koyu);}
.breadcrumb span[aria-hidden]{margin:0 6px;color:var(--gri-400);}

/* ---------- Footer ---------- */
.site-footer{background:var(--lacivert);color:#9FC4DE;padding-top:52px;}
.footer-izgara{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;}
.footer-izgara h3{color:var(--beyaz);font-size:14px;margin-bottom:16px;font-weight:700;}
.footer-izgara li{padding:6px 0;font-size:13.5px;}
.footer-izgara a:hover{color:var(--beyaz);}
.footer-marka{display:flex;flex-direction:column;align-items:flex-start;}
.footer-marka .marka__ikon{margin-bottom:14px;background:var(--turuncu);}
.footer-marka h3{font-size:15px;font-weight:700;}
.footer-marka p{margin-top:12px;font-size:13.5px;color:#7FA9C7;max-width:34ch;line-height:1.6;}
.footer-sosyal{display:flex;gap:10px;margin-top:16px;}
.footer-sosyal a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
.footer-sosyal a:hover{border-color:var(--turuncu);color:var(--turuncu);}
.footer-alt{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;font-size:12px;color:#6B93AF;flex-wrap:wrap;gap:10px;}

/* ---------- Sabit aksiyon çubuğu ---------- */
.sabit-aksiyon{position:fixed;right:20px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:80;}
.sabit-aksiyon a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -6px rgba(11,53,86,.4);transition:transform .15s;}
.sabit-aksiyon a:hover{transform:scale(1.06);}
.sabit-aksiyon__tel{background:var(--turuncu);color:var(--beyaz);}
.sabit-aksiyon__wp{background:#1EA64D;color:var(--beyaz);}
.sabit-aksiyon__etiket{position:absolute;right:64px;top:50%;transform:translateY(-50%);background:var(--lacivert);color:var(--beyaz);font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;}
.sabit-aksiyon a:hover .sabit-aksiyon__etiket{opacity:1;}

.mobil-cubuk{display:none;position:fixed;left:0;right:0;bottom:0;z-index:79;background:var(--beyaz);border-top:var(--kenar);box-shadow:0 -8px 20px -12px rgba(11,53,86,.15);padding:10px 14px calc(10px + env(safe-area-inset-bottom));}
.mobil-cubuk__ic{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mobil-cubuk .btn{padding:12px 10px;font-size:13.5px;}

/* ---------- Responsive ---------- */
@media (max-width: 1020px){
  .merkez-izgara{grid-template-columns:1fr;}
  .neden-izgara{grid-template-columns:1fr;}
  .surec{grid-template-columns:repeat(2,1fr);row-gap:32px;}
  .surec__adim:nth-child(2)::after{display:none;}
  .ilce-izgara{grid-template-columns:repeat(3,1fr);}
  .yorum-izgara{grid-template-columns:1fr;}
  .iletisim-blok{grid-template-columns:1fr;}
  .footer-izgara{grid-template-columns:1fr 1fr;}
  .istatistik-izgara{grid-template-columns:repeat(2,1fr);}
  .istatistik-ogesi{border-bottom:1px solid rgba(255,255,255,.12);}
}
@media (max-width: 760px){
  body{font-size:16px;padding-bottom:74px;}
  .ana-nav{position:fixed;top:0;right:0;height:100vh;width:min(300px,80vw);background:var(--beyaz);flex-direction:column;align-items:flex-start;padding:90px 26px 26px;box-shadow:var(--golge-derin);transform:translateX(100%);transition:transform .25s ease;z-index:70;}
  .ana-nav[data-acik="true"]{transform:translateX(0);}
  .ana-nav ul{flex-direction:column;gap:6px;width:100%;}
  .ana-nav a{display:block;padding:12px 0;border-bottom:var(--kenar);width:100%;}
  .menu-dugme{display:flex;}
  .tel-rozet span{display:none;}
  .hizmet-satir{grid-template-columns:auto 1fr;}
  .hizmet-satir__ok{display:none;}
  .surec{grid-template-columns:1fr;}
  .surec__adim::after{display:none !important;}
  .ilce-izgara{grid-template-columns:repeat(2,1fr);}
  .footer-izgara{grid-template-columns:1fr 1fr;gap:24px;}
  .cta-bant{flex-direction:column;text-align:center;padding:32px 24px;}
  .sabit-aksiyon{display:none;}
  .mobil-cubuk{display:block;}
  .breadcrumb{font-size:12px;}
  .istatistik-izgara{grid-template-columns:1fr 1fr;}
}
@media (max-width: 480px){
  .ilce-izgara{grid-template-columns:1fr 1fr;}
  .footer-izgara{grid-template-columns:1fr;}
}