/* ============================================================
   KONYA ÇEKİCİ - Ana stil dosyası
   Koyu tema / turuncu vurgu / mobil öncelikli responsive
   ============================================================ */

:root{
  --bg:#0b0f14;
  --bg2:#10151d;
  --kart:#151b24;
  --kart2:#1a212c;
  --cizgi:#232c38;
  --cizgi2:#2e3947;
  --yazi:#e7edf4;
  --soluk:#93a1b1;
  --soluk2:#6b7887;
  --turuncu:#f97316;
  --turuncu2:#fb923c;
  --turuncu-koyu:#c2570b;
  --yesil:#16a34a;
  --wa:#25d366;
  --kirmizi:#dc2626;
  --sari:#facc15;

  --r:14px;
  --r-s:10px;
  --kap:1240px;
  --golge:0 10px 30px rgba(0,0,0,.35);
  --ust-y:76px;

  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-d:'Barlow Condensed','Inter',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--yazi);
  font-family:var(--font);font-size:15.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;font-weight:700;letter-spacing:-.02em}
p{margin:0 0 1em}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:15px}
:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 18px}
.atla{position:absolute;left:-9999px}
.atla:focus{left:12px;top:12px;z-index:999;background:var(--turuncu);color:#fff;padding:10px 16px;border-radius:8px}
.ikon{width:22px;height:22px;flex:0 0 auto}

/* ------------------------------------------------------------
   Üst menü
   ------------------------------------------------------------ */
.ust{
  position:sticky;top:0;z-index:80;
  background:rgba(11,15,20,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
.ust.kaydi{box-shadow:0 6px 24px rgba(0,0,0,.5)}
.ust-ic{display:flex;align-items:center;gap:18px;height:var(--ust-y)}

.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo-isaret{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--turuncu),var(--turuncu-koyu));
  color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.35);
}
.logo-svg{width:24px;height:24px}
.logo-yazi strong{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.1}
.logo-yazi small{display:block;font-family:var(--font-d);font-size:12.5px;color:var(--soluk);
  text-transform:uppercase;letter-spacing:.09em;font-weight:600}

.menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.menu-link{
  padding:9px 12px;border-radius:9px;font-size:14.5px;font-weight:500;color:var(--soluk);
  transition:color .18s,background .18s;white-space:nowrap;
}
.menu-link:hover{color:var(--yazi);background:var(--kart2)}
.menu-link.aktif{color:var(--turuncu);background:rgba(249,115,22,.1)}

.ust-cta{
  display:flex;align-items:center;gap:10px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--turuncu),var(--turuncu-koyu));
  color:#fff;padding:9px 16px;border-radius:11px;
  box-shadow:0 6px 18px rgba(249,115,22,.3);transition:transform .18s,box-shadow .18s;
}
.ust-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(249,115,22,.45)}
.ust-cta-ikon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18)}
.ust-cta-yazi small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-weight:600}
.ust-cta-yazi strong{display:block;font-size:15.5px;line-height:1.15}

.menu-btn{display:none;width:44px;height:44px;border-radius:10px;background:var(--kart2);
  border:1px solid var(--cizgi);color:var(--yazi);place-items:center}

/* ------------------------------------------------------------
   Butonlar
   ------------------------------------------------------------ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 20px;border-radius:12px;font-weight:600;font-size:15px;
  transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;
  border:1px solid transparent;text-align:left;
}
.btn:hover{transform:translateY(-2px)}
.btn small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.85;font-weight:600}
.btn strong{display:block;font-size:15px;line-height:1.2}
.btn-turuncu{background:linear-gradient(135deg,var(--turuncu),var(--turuncu-koyu));color:#fff;box-shadow:0 6px 18px rgba(249,115,22,.28)}
.btn-yesil{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 6px 18px rgba(34,197,94,.25)}
.btn-koyu{background:var(--kart2);color:var(--yazi);border-color:var(--cizgi2)}
.btn-koyu:hover{border-color:var(--turuncu)}
.btn-kirmizi{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 6px 18px rgba(239,68,68,.25)}
.btn-hat{background:transparent;border-color:var(--cizgi2);color:var(--yazi)}
.btn-hat:hover{border-color:var(--turuncu);color:var(--turuncu)}
.btn-blok{width:100%;margin-bottom:10px}
.btn-kucuk{padding:9px 14px;font-size:13.5px;border-radius:9px}

/* ------------------------------------------------------------
   Bölüm başlıkları
   ------------------------------------------------------------ */
.bolum{padding:64px 0}
.bolum-koyu{background:var(--bg2)}
.bolum-bas{margin-bottom:32px}
.bolum-bas.orta{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}
.goz{
  display:inline-flex;align-items:center;gap:7px;font-family:var(--font-d);
  text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;
  color:var(--turuncu);margin-bottom:10px;
}
.goz::before{content:"";width:22px;height:2px;background:var(--turuncu);display:block}
.bolum-bas h2{font-size:clamp(24px,3.4vw,34px)}
.bolum-bas p{color:var(--soluk);margin:0;font-size:15.5px}
.bolum-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.bolum-ust .bolum-bas{margin-bottom:0}

/* ------------------------------------------------------------
   Hero
   ------------------------------------------------------------ */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--cizgi)}
.hero-arka{position:absolute;inset:0;z-index:0}
.hero-arka img{width:100%;height:100%;object-fit:cover;object-position:center right}
.hero-arka::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(11,15,20,.97) 0%,rgba(11,15,20,.88) 38%,rgba(11,15,20,.45) 70%,rgba(11,15,20,.7) 100%);
}

/* ---------- Hero slider (çoklu görsel) ---------- */
.hero-slayt-alani{overflow:hidden}
.hero-slayt{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;
  opacity:0;transition:opacity 1.1s ease;z-index:0;
}
.hero-slayt.aktif{opacity:1;z-index:1}
.hero-noktalar{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:2;
  display:flex;gap:9px;background:rgba(11,15,20,.45);backdrop-filter:blur(6px);
  padding:8px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.12);
}
.hero-nokta{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .25s;padding:0}
.hero-nokta:hover{background:rgba(255,255,255,.7)}
.hero-nokta.aktif{background:var(--turuncu);width:24px;border-radius:100px}

.hero-ic{position:relative;z-index:1;padding:72px 0 56px;max-width:660px}
.etiket{
  display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.13);
  border:1px solid rgba(249,115,22,.35);color:var(--turuncu2);
  padding:6px 13px;border-radius:100px;font-size:12.5px;font-weight:600;
  font-family:var(--font-d);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;
}
.etiket .nokta{width:7px;height:7px;border-radius:50%;background:var(--turuncu);animation:nabiz 1.8s infinite}
@keyframes nabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}}
.hero h1{font-size:clamp(30px,5.4vw,52px);letter-spacing:-.03em;margin-bottom:16px;font-weight:800}
.hero h1 .vurgu{color:var(--turuncu);display:block}
.hero-aciklama{color:var(--soluk);font-size:16.5px;max-width:520px;margin-bottom:22px}

.hero-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-bottom:28px}
.hero-liste li{display:flex;align-items:center;gap:9px;font-size:14.5px;color:#cfd9e4}
.hero-liste .ik{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  background:rgba(249,115,22,.15);color:var(--turuncu);
}
.hero-liste .ik svg{width:13px;height:13px}

.hero-butonlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;max-width:640px}
.hero-not{margin-top:16px;font-size:13px;color:var(--soluk2);display:flex;align-items:center;gap:7px}
.hero-not svg{width:15px;height:15px}

/* ------------------------------------------------------------
   Sorun kartları
   ------------------------------------------------------------ */
.sorun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.sorun{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:18px 16px;display:flex;flex-direction:column;gap:6px;
  transition:border-color .2s,transform .2s,background .2s;position:relative;
}
.sorun:hover{border-color:var(--turuncu);transform:translateY(-4px);background:var(--kart2)}
.sorun-ik{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;
  background:rgba(249,115,22,.11);color:var(--turuncu);border:1px solid rgba(249,115,22,.22);
}
.sorun h3{font-size:15.5px;margin:0}
.sorun p{font-size:13px;color:var(--soluk);margin:0;line-height:1.5}
.sorun-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.sure{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--soluk);
  font-family:var(--font-d);font-weight:600;letter-spacing:.03em}
.sure svg{width:14px;height:14px;color:var(--turuncu)}

/* ------------------------------------------------------------
   Fiyat hesaplayıcı
   ------------------------------------------------------------ */
.fiyat-izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.panel{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:24px}
.panel h3{font-size:19px;margin-bottom:4px}
.panel .panel-not{color:var(--turuncu);font-size:13.5px;margin-bottom:18px;font-weight:500}

.alan-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alan{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.alan label{font-size:13px;color:var(--soluk);font-weight:500}
.alan select,.alan input,.alan textarea{
  width:100%;background:var(--bg2);border:1px solid var(--cizgi2);color:var(--yazi);
  padding:12px 13px;border-radius:var(--r-s);transition:border-color .18s;
}
.alan select:focus,.alan input:focus,.alan textarea:focus{border-color:var(--turuncu);outline:none}
.alan textarea{min-height:110px;resize:vertical}
.alan-hata{border-color:var(--kirmizi) !important}

.radyo-grup{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.radyo{
  flex:1 1 140px;display:flex;align-items:center;gap:9px;cursor:pointer;
  background:var(--bg2);border:1px solid var(--cizgi2);border-radius:var(--r-s);padding:11px 13px;
  font-size:14px;transition:border-color .18s,background .18s;
}
.radyo:hover{border-color:var(--cizgi2)}
.radyo input{accent-color:var(--turuncu);width:16px;height:16px;margin:0}
.radyo.secili{border-color:var(--turuncu);background:rgba(249,115,22,.08)}

.sonuc{
  background:var(--kart2);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:24px;display:flex;flex-direction:column;
}
.sonuc-etiket{font-size:13.5px;color:var(--soluk);margin-bottom:6px}
.sonuc-tutar{
  font-family:var(--font-d);font-size:clamp(30px,4.6vw,44px);font-weight:700;
  color:#4ade80;letter-spacing:-.01em;line-height:1.1;margin-bottom:8px;
}
.sonuc-bilgi{font-size:14px;color:var(--soluk);margin-bottom:4px}
.sonuc-uyari{font-size:12.5px;color:var(--soluk2);margin:10px 0 18px;line-height:1.55}
.sonuc-butonlar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.sonuc-butonlar .btn{justify-content:center;padding:12px 14px}
.sonuc.bekleme .sonuc-tutar{color:var(--soluk2)}

/* ------------------------------------------------------------
   İstatistik şeridi
   ------------------------------------------------------------ */
.istatistik{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ist{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:18px 16px;text-align:center;
}
.ist .sayi{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-d);font-size:26px;font-weight:700;color:var(--turuncu);line-height:1.1;
}
.ist .sayi svg{width:19px;height:19px}
.ist .yazi{font-size:13px;color:var(--soluk);margin-top:4px}

/* ------------------------------------------------------------
   Hizmet vitrin kartları
   ------------------------------------------------------------ */
.hizmet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.hizmet-kart{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  overflow:hidden;transition:border-color .2s,transform .2s;
}
.hizmet-kart:hover{border-color:var(--turuncu);transform:translateY(-4px)}
.hizmet-kart .resim{aspect-ratio:4/3;background:var(--kart2);overflow:hidden;position:relative}
.hizmet-kart .resim img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.hizmet-kart:hover .resim img{transform:scale(1.06)}
.hizmet-kart .govde{padding:13px 14px 15px}
.hizmet-kart h3{font-size:15.5px;margin:0 0 4px}
.hizmet-kart p{font-size:12.5px;color:var(--soluk);margin:0;line-height:1.5}
.hizmet-kart .fiyattan{
  display:block;margin-top:9px;font-family:var(--font-d);font-size:14px;
  color:var(--turuncu);font-weight:600;letter-spacing:.02em;
}

/* ------------------------------------------------------------
   Nasıl çalışır
   ------------------------------------------------------------ */
.adim-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.adim{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:26px 20px 22px;position:relative;text-align:center;
}
.adim-no{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--turuncu);color:#fff;font-family:var(--font-d);font-weight:700;font-size:15px;
  border:3px solid var(--bg2);
}
.adim-ik{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:8px auto 14px;
  background:rgba(249,115,22,.11);color:var(--turuncu);border:1px solid rgba(249,115,22,.22);
}
.adim-ik svg{width:26px;height:26px}
.adim h3{font-size:16.5px}
.adim p{font-size:14px;color:var(--soluk);margin:0}

/* ------------------------------------------------------------
   Yorumlar
   ------------------------------------------------------------ */
.puan-serit{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.puan-buyuk{font-family:var(--font-d);font-size:32px;font-weight:700;line-height:1}
.puan-serit .adet{color:var(--soluk);font-size:13.5px}
.yildizlar{display:inline-flex;gap:2px}
.yildiz{width:17px;height:17px;fill:var(--cizgi2)}
.yildiz.dolu{fill:var(--sari)}

.yorum-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.yorum{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px}
.yorum-ust{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.avatar{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  font-weight:700;font-size:15px;color:#fff;background:var(--turuncu);
}
.yorum-ust strong{display:block;font-size:14.5px}
.yorum p{font-size:14px;color:#cbd5e1;margin:0 0 12px;line-height:1.6}
.yorum-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:12px;color:var(--soluk2);border-top:1px solid var(--cizgi);padding-top:10px}
.yorum-alt .hizmet-adi{color:var(--turuncu)}

/* ------------------------------------------------------------
   Bölge + galeri ikili blok
   ------------------------------------------------------------ */
.ikili{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}
.bolge-liste{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:18px}
.bolge-liste a{display:flex;align-items:center;gap:8px;font-size:14px;color:#cbd5e1;transition:color .18s}
.bolge-liste a:hover{color:var(--turuncu)}
.bolge-liste svg{width:15px;height:15px;color:var(--yesil);flex:0 0 auto}

.galeri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.galeri-ogesi{
  position:relative;aspect-ratio:4/3;border-radius:var(--r-s);overflow:hidden;
  border:1px solid var(--cizgi);background:var(--kart2);
}
.galeri-ogesi img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeri-ogesi:hover img{transform:scale(1.07)}
.galeri-ogesi figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:12.5px;
  background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;
}

/* ------------------------------------------------------------
   Blog / SSS / iletişim üçlü blok
   ------------------------------------------------------------ */
.uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}

.yazi-ozet{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.yazi-ozet:last-child{border-bottom:0}
.yazi-ozet .kucuk-resim{width:64px;height:56px;border-radius:9px;overflow:hidden;flex:0 0 auto;background:var(--kart2)}
.yazi-ozet .kucuk-resim img{width:100%;height:100%;object-fit:cover}
.yazi-ozet h4{font-size:14.5px;margin:0 0 4px;line-height:1.35}
.yazi-ozet a:hover h4{color:var(--turuncu)}
.yazi-ozet .ust-bilgi{font-size:12px;color:var(--turuncu)}
.yazi-ozet .tarih{font-size:12px;color:var(--soluk2)}

.sss-oge{border-bottom:1px solid var(--cizgi)}
.sss-oge:last-child{border-bottom:0}
.sss-bas{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;font-size:14.5px;font-weight:500;text-align:left;color:var(--yazi);
}
.sss-bas .art{
  width:24px;height:24px;border-radius:50%;border:1px solid var(--cizgi2);
  display:grid;place-items:center;flex:0 0 auto;transition:transform .25s,border-color .2s;color:var(--soluk);
}
.sss-oge.acik .sss-bas{color:var(--turuncu)}
.sss-oge.acik .art{transform:rotate(90deg);border-color:var(--turuncu);color:var(--turuncu)}
.sss-govde{max-height:0;overflow:hidden;transition:max-height .3s ease}
.sss-govde p{font-size:14px;color:var(--soluk);padding:0 0 14px;margin:0;line-height:1.65}

.iletisim-satir{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.iletisim-satir:last-child{border-bottom:0}
.iletisim-satir .ik{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:rgba(249,115,22,.11);color:var(--turuncu);
}
.iletisim-satir strong{display:block;font-size:14.5px}
.iletisim-satir small{display:block;font-size:12.5px;color:var(--soluk)}
.harita{width:100%;height:190px;border:0;border-radius:var(--r-s);margin-top:14px;filter:grayscale(.35) contrast(1.05)}

/* ------------------------------------------------------------
   Kurumsal (B2B)
   ------------------------------------------------------------ */
.b2b-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.b2b{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:20px}
.b2b .ik{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  background:rgba(249,115,22,.11);color:var(--turuncu);margin-bottom:12px}
.b2b h3{font-size:16px}
.b2b p{font-size:13.5px;color:var(--soluk);margin:0}

/* ------------------------------------------------------------
   İç sayfalar
   ------------------------------------------------------------ */
.sayfa-bas{
  background:var(--bg2);border-bottom:1px solid var(--cizgi);padding:44px 0 40px;
}
.sayfa-bas h1{font-size:clamp(26px,4vw,40px);margin-bottom:8px}
.sayfa-bas p{color:var(--soluk);margin:0;max-width:680px}
.yol{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--soluk2);margin-bottom:12px;flex-wrap:wrap}
.yol a:hover{color:var(--turuncu)}
.yol span{color:var(--cizgi2)}

.metin{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:28px}
.metin h2{font-size:22px;margin-top:26px}
.metin h3{font-size:18px;margin-top:22px;color:var(--turuncu2)}
.metin h2:first-child,.metin h3:first-child{margin-top:0}
.metin p,.metin li{color:#cbd5e1;font-size:15px}
.metin ul{list-style:none;margin:0 0 1em}
.metin ul li{position:relative;padding-left:22px;margin-bottom:7px}
.metin ul li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--turuncu)}
.metin ol{padding-left:20px;color:#cbd5e1}
.metin img{border-radius:var(--r-s);margin:16px 0}
.metin a{color:var(--turuncu2);text-decoration:underline}

.yan-izgara{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.yan-kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:20px;margin-bottom:16px}
.yan-kutu h3{font-size:16.5px;margin-bottom:14px}
.yan-liste li{border-bottom:1px solid var(--cizgi)}
.yan-liste li:last-child{border-bottom:0}
.yan-liste a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:14px;color:#cbd5e1}
.yan-liste a:hover{color:var(--turuncu)}
.yan-liste svg{width:15px;height:15px;color:var(--soluk2)}

.blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.blog-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.blog-kart:hover{border-color:var(--turuncu);transform:translateY(-4px)}
.blog-kart .resim{aspect-ratio:16/9;background:var(--kart2)}
.blog-kart .resim img{width:100%;height:100%;object-fit:cover}
.blog-kart .govde{padding:18px;display:flex;flex-direction:column;flex:1}
.blog-kart .kategori{font-size:12px;color:var(--turuncu);font-family:var(--font-d);
  text-transform:uppercase;letter-spacing:.09em;font-weight:600;margin-bottom:7px}
.blog-kart h3{font-size:17px;line-height:1.3}
.blog-kart p{font-size:13.5px;color:var(--soluk);flex:1}
.blog-kart .tarih{font-size:12.5px;color:var(--soluk2);border-top:1px solid var(--cizgi);padding-top:11px;margin-top:4px}

.uyari{
  border-radius:var(--r-s);padding:13px 16px;margin-bottom:16px;font-size:14px;
  border:1px solid var(--cizgi2);background:var(--kart2);
}
.uyari-basarili{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1);color:#86efac}
.uyari-hata{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1);color:#fca5a5}
.uyari-bilgi{border-color:rgba(249,115,22,.4);background:rgba(249,115,22,.1);color:var(--turuncu2)}

.bos{text-align:center;padding:50px 20px;color:var(--soluk)}
.bos svg{width:44px;height:44px;margin:0 auto 14px;color:var(--soluk2)}

.sayfalama{display:flex;gap:7px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.sayfalama a,.sayfalama span{
  min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;
  border:1px solid var(--cizgi);border-radius:var(--r-s);font-size:14px;color:var(--soluk);
}
.sayfalama a:hover{border-color:var(--turuncu);color:var(--turuncu)}
.sayfalama .simdi{background:var(--turuncu);border-color:var(--turuncu);color:#fff;font-weight:600}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */
.alt{background:var(--bg2);border-top:1px solid var(--cizgi);margin-top:0;padding-top:52px}
.alt-ic{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:28px;padding-bottom:40px}
.alt-marka p{font-size:13.5px;color:var(--soluk);margin:16px 0 14px;line-height:1.65}
.sosyal{display:flex;gap:8px}
.sosyal a{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--kart);border:1px solid var(--cizgi);color:var(--soluk);
  font-size:12.5px;font-weight:600;transition:all .18s;
}
.sosyal a:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.alt-sutun h4{font-size:14.5px;margin-bottom:14px;font-family:var(--font-d);
  text-transform:uppercase;letter-spacing:.09em;font-size:15px}
.alt-sutun ul li{margin-bottom:8px}
.alt-sutun ul a{font-size:13.5px;color:var(--soluk);transition:color .18s}
.alt-sutun ul a:hover{color:var(--turuncu)}
.alt-iletisim .btn{padding:11px 14px}
.alt-adres{display:flex;gap:8px;font-size:12.5px;color:var(--soluk);margin:12px 0 0;line-height:1.5}
.alt-adres svg{width:16px;height:16px;flex:0 0 auto;color:var(--turuncu);margin-top:2px}
.alt-serit{border-top:1px solid var(--cizgi);padding:16px 0}
.alt-serit-ic{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:12.5px;color:var(--soluk2)}

/* ------------------------------------------------------------
   Mobil sabit çağrı barı
   ------------------------------------------------------------ */
.mobil-bar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;
  background:rgba(11,15,20,.97);backdrop-filter:blur(10px);
  border-top:1px solid var(--cizgi);padding:8px;gap:8px;
}
.mobil-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:8px 4px;border-radius:11px;font-size:11.5px;font-weight:600;color:#fff;
}
.mobil-btn svg{width:19px;height:19px}
.mobil-btn.turuncu{background:linear-gradient(135deg,var(--turuncu),var(--turuncu-koyu))}
.mobil-btn.yesil{background:linear-gradient(135deg,#22c55e,#15803d)}
.mobil-btn.koyu{background:var(--kart2);border:1px solid var(--cizgi2);color:var(--yazi)}

/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */
@media (max-width:1150px){
  .menu-link{padding:8px 9px;font-size:13.5px}
  .alt-ic{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:24px}
  .alt-sutun:nth-child(4){display:none}
}
@media (max-width:980px){
  :root{--ust-y:66px}
  .menu-btn{display:grid}
  .menu{
    position:fixed;top:var(--ust-y);left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;margin:0;
    background:var(--bg2);border-bottom:1px solid var(--cizgi);
    padding:8px 14px 16px;transform:translateY(-130%);
    transition:transform .3s ease;max-height:calc(100vh - var(--ust-y));overflow-y:auto;
  }
  .menu.acik{transform:translateY(0);box-shadow:0 20px 40px rgba(0,0,0,.5)}
  .menu-link{padding:13px 12px;font-size:15px;border-bottom:1px solid var(--cizgi)}
  .ust-cta{margin-left:auto}
  .ust-cta-yazi{display:none}
  .ust-cta{padding:9px 11px}
  .fiyat-izgara,.ikili,.uclu,.yan-izgara{grid-template-columns:1fr}
  .istatistik{grid-template-columns:repeat(3,1fr)}
  .istatistik .ist:nth-child(4),.istatistik .ist:nth-child(5){grid-column:span 1}
  .hero-ic{padding:52px 0 44px}
  .alt-ic{grid-template-columns:1fr 1fr;gap:26px}
  .alt-sutun:nth-child(4){display:block}
  .alt-marka{grid-column:1 / -1}
  .alt-iletisim{grid-column:1 / -1}
}
@media (max-width:720px){
  body{padding-bottom:72px;font-size:15px}
  .mobil-bar{display:flex}
  .bolum{padding:44px 0}
  .hero-arka::after{background:linear-gradient(180deg,rgba(11,15,20,.82) 0%,rgba(11,15,20,.93) 55%,var(--bg) 100%)}
  .hero-arka img,.hero-slayt{object-position:center 30%}
  .hero-noktalar{bottom:14px}
  .hero-liste{grid-template-columns:1fr}
  .hero-butonlar{grid-template-columns:1fr 1fr}
  .sorun-izgara{grid-template-columns:1fr 1fr;gap:10px}
  .sorun{padding:14px 12px}
  .sorun-ik{width:40px;height:40px}
  .sorun h3{font-size:14px}
  .sorun p{font-size:12px}
  .alan-izgara{grid-template-columns:1fr}
  .panel,.sonuc,.metin{padding:18px}
  .istatistik{grid-template-columns:1fr 1fr}
  .ist .sayi{font-size:22px}
  .hizmet-izgara{grid-template-columns:1fr 1fr}
  .galeri-izgara{grid-template-columns:1fr 1fr}
  .bolge-liste{grid-template-columns:1fr 1fr}
  .sonuc-butonlar{grid-template-columns:1fr}
  .bolum-ust{flex-direction:column;align-items:flex-start}
  .harita{height:220px}
}
@media (max-width:420px){
  .hero-butonlar{grid-template-columns:1fr}
  .hizmet-izgara,.sorun-izgara{grid-template-columns:1fr}
  .logo-yazi small{display:none}
  .mobil-btn span{font-size:10.5px}
}

/* Fiyat formunun sorun kartından tetiklenen vurgusu */
.vurgula{animation:vurgu .9s ease}
@keyframes vurgu{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.55)}
  100%{box-shadow:0 0 0 16px rgba(249,115,22,0)}
}