:root{
  --blue:#1877f2;
  --blue2:#1464d2;
  --blue3:#0d4fa8;
  --lt:#e7f0fd;
  --mid:#c5dbfc;
  --bg:#f0f2f5;
  --white:#ffffff;
  --dark:#1c1e21;
  --text:#050505;
  --muted:#606770;
  --border:#dddfe2;
  --radius:8px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;color:var(--text);background:var(--bg);line-height:1.6;}
img{max-width:100%;display:block;}
a{color:var(--blue);}

/* ═══════════════════════════════════════════
   HEADER — kurumsal, temiz, güven veren
   ═══════════════════════════════════════════ */
header{
  background:var(--blue);
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  position:sticky;top:0;z-index:9999;
}
.hdr-top{
  background:var(--blue3);
  padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.hdr-top-inner{
  max-width:1200px;margin:auto;padding:0 24px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:rgba(255,255,255,.8);
}
.hdr-top a{color:rgba(255,255,255,.8);text-decoration:none;}
.hdr-top a:hover{color:#fff;}
.hdr-top-right{display:flex;gap:20px;align-items:center;}
.hdr-top-phone{
  color:#fff !important;font-weight:700;font-size:14px;
  display:flex;align-items:center;gap:6px;
}
.hdr-top-phone svg{width:16px;height:16px;fill:currentColor;}

.hdr-main{
  max-width:1200px;margin:auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;
  height:64px;gap:20px;
}
.logo{
  text-decoration:none;display:flex;align-items:center;gap:12px;flex-shrink:0;
}
.logo-icon{
  width:44px;height:44px;background:white;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.logo-icon svg{width:26px;height:26px;fill:var(--blue);}
.logo-texts{display:flex;flex-direction:column;line-height:1.2;}
.logo-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px;}
.logo-sub{font-size:11px;color:rgba(255,255,255,.65);font-weight:500;letter-spacing:.3px;}


/* ═══ NAV — temiz 4 öğe ═══ */
nav{display:flex;align-items:center;}
nav>ul{list-style:none;display:flex;align-items:center;gap:2px;}
nav>ul>li{position:relative;}
nav>ul>li>a{
  display:flex;align-items:center;gap:5px;
  padding:10px 16px;
  font-size:15px;font-weight:600;
  color:rgba(255,255,255,.9);
  text-decoration:none;border-radius:6px;
  transition:background .15s;white-space:nowrap;
}
nav>ul>li>a:hover{background:rgba(255,255,255,.15);color:#fff;}
.nav-arrow{font-size:10px;opacity:.6;transition:transform .2s;display:inline-block;}
nav>ul>li:hover .nav-arrow{transform:rotate(180deg);}

/* MEGA DROPDOWN — iki kolonlu grup başlıklı */
.dd-mega{
  position:absolute;top:calc(100% + 4px);left:0;
  background:#fff;
  border:1px solid var(--border);
  border-top:3px solid var(--blue);
  border-radius:0 0 10px 10px;
  box-shadow:0 12px 40px rgba(0,0,0,.14);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:all .18s ease;
  z-index:999;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-width:460px;
  padding:0;
  overflow:hidden;
}
nav>ul>li:hover .dd-mega{opacity:1;visibility:visible;transform:translateY(0);}

.dd-col{padding:16px 0;}
.dd-col-title{
  font-size:11px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:1px;
  padding:4px 18px 8px;
  border-bottom:1px solid var(--border);margin-bottom:4px;
}
.dd-col:first-child{border-right:1px solid var(--border);background:#fafafa;}
.dd-col li{list-style:none;}
.dd-col li a{
  display:block;padding:8px 18px;
  font-size:14px;font-weight:500;color:var(--text);
  text-decoration:none;transition:all .1s;
}
.dd-col li a:hover{background:var(--lt);color:var(--blue);}

/* Mahalle dropdown — 3 kolon */
.dd-mah{
  position:absolute;top:calc(100% + 4px);left:50%;
  transform:translateX(-50%) translateY(6px);
  background:#fff;
  border:1px solid var(--border);
  border-top:3px solid var(--blue);
  border-radius:0 0 10px 10px;
  box-shadow:0 12px 40px rgba(0,0,0,.14);
  opacity:0;visibility:hidden;
  transition:all .18s ease;
  z-index:999;
  display:grid;grid-template-columns:repeat(3,1fr);
  min-width:480px;
  padding:12px 0;
}
nav>ul>li:hover .dd-mah{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dd-mah li{list-style:none;}
.dd-mah li a{
  display:block;padding:7px 16px;
  font-size:13px;font-weight:500;color:var(--text);
  text-decoration:none;transition:all .1s;white-space:nowrap;
}
.dd-mah li a:hover{background:var(--lt);color:var(--blue);}

/* Hamburger */
.hamburger{
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:10px;border:none;
  background:rgba(255,255,255,.15);border-radius:6px;
  transition:background .15s;flex-shrink:0;
}
.hamburger:hover{background:rgba(255,255,255,.25);}
.hamburger span{display:block;width:22px;height:2.5px;background:white;border-radius:2px;transition:all .3s;}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ═══════════════════════════════════════════
   HAMBURGer — sadece mobilde görünür
   ═══════════════════════════════════════════ */
.hamburger {
  display:none; flex-direction:column; gap:5px;
  cursor:pointer; padding:10px; border:none;
  background:rgba(255,255,255,.15); border-radius:6px;
  transition:background .15s; flex-shrink:0;
}
.hamburger:hover { background:rgba(255,255,255,.25); }
.hamburger span {
  display:block; width:22px; height:2.5px;
  background:white; border-radius:2px; transition:all .3s;
}
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ═══════════════════════════════════════════
   DRAWER MEGA MENÜ — mobil slide-in panel
   ═══════════════════════════════════════════ */
.drawer-overlay {
  display:none;
  position:fixed; inset:0; z-index:8888;
  background:rgba(0,0,0,.5);
  opacity:0; transition:opacity .25s;
}
.drawer-overlay.open { display:block; opacity:1; }

.drawer {
  position:fixed; top:0; left:0; bottom:0;
  width:min(340px,90vw);
  background:#fff; z-index:8999;
  transform:translateX(-100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column;
  overflow:hidden;
  box-shadow:4px 0 32px rgba(0,0,0,.18);
}
.drawer.open { transform:translateX(0); }

/* Drawer header */
.drawer-header {
  background:var(--blue);
  padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between;
  flex-shrink:0;
}
.drawer-logo { color:#fff; font-size:17px; font-weight:800; text-decoration:none; }
.drawer-logo span { color:rgba(255,255,255,.65); font-weight:400; font-size:13px; display:block; }
.drawer-close {
  width:36px; height:36px; border-radius:8px;
  background:rgba(255,255,255,.15); border:none;
  color:#fff; font-size:20px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s;
}
.drawer-close:hover { background:rgba(255,255,255,.25); }

/* Drawer telefon */
.drawer-tel {
  background:var(--blue3,#0d4fa8);
  padding:12px 20px;
  display:flex; align-items:center; gap:10px;
  flex-shrink:0;
}
.drawer-tel a {
  color:#fff; text-decoration:none;
  font-size:15px; font-weight:700;
  display:flex; align-items:center; gap:8px; flex:1;
}
.drawer-tel-wa {
  background:#25d366; color:#fff;
  border:none; border-radius:6px;
  padding:7px 14px; font-size:13px; font-weight:700;
  cursor:pointer; text-decoration:none;
  transition:background .15s; display:inline-block;
}
.drawer-tel-wa:hover { background:#1dbd5a; }

/* Drawer içerik — scroll */
.drawer-body {
  flex:1; overflow-y:auto;
  padding:8px 0;
}
.drawer-body::-webkit-scrollbar { width:4px; }
.drawer-body::-webkit-scrollbar-track { background:#f1f1f1; }
.drawer-body::-webkit-scrollbar-thumb { background:#ccc; border-radius:2px; }

/* Drawer ana linkler */
.d-link {
  display:flex; align-items:center;
  padding:13px 20px;
  font-size:15px; font-weight:600; color:var(--text);
  text-decoration:none; border-bottom:1px solid #f0f0f0;
  transition:background .12s;
}
.d-link:hover { background:var(--lt); color:var(--blue); }

/* Accordion bölümler */
.d-section { border-bottom:1px solid #eee; }
.d-section-btn {
  width:100%; display:flex; align-items:center;
  justify-content:space-between;
  padding:13px 20px;
  font-size:15px; font-weight:700; color:var(--text);
  background:#fff; border:none; cursor:pointer;
  text-align:left; transition:background .12s;
}
.d-section-btn:hover { background:var(--lt); color:var(--blue); }
.d-section-btn.open { background:var(--lt); color:var(--blue); }
.d-acc-icon {
  width:22px; height:22px; border-radius:50%;
  background:#f0f0f0; display:flex; align-items:center;
  justify-content:center; font-size:13px; color:var(--muted);
  transition:all .2s; flex-shrink:0;
}
.d-section-btn.open .d-acc-icon {
  background:var(--blue); color:#fff; transform:rotate(45deg);
}
.d-panel {
  display:none; padding:4px 12px 12px;
  background:#fafafa;
}
.d-panel.open { display:block; }
.d-panel-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:4px;
}
.d-panel-link {
  display:block; padding:8px 10px;
  font-size:13px; font-weight:500; color:var(--muted);
  text-decoration:none; border-radius:5px;
  transition:all .12s;
}
.d-panel-link:hover { background:var(--mid); color:var(--blue); font-weight:600; }
.d-panel-link-full {
  display:block; padding:9px 10px;
  font-size:13px; font-weight:500; color:var(--muted);
  text-decoration:none; border-radius:5px;
  transition:all .12s;
}
.d-panel-link-full:hover { background:var(--mid); color:var(--blue); }

/* Drawer alt bilgi */
.drawer-footer {
  background:#f8f9fa; border-top:1px solid #eee;
  padding:14px 20px; flex-shrink:0;
  font-size:12px; color:var(--muted); text-align:center;
}


/* ═══════════════════════════════════════════
   HERO — güvenilir, sade
   ═══════════════════════════════════════════ */
.hero{background:var(--blue);padding:56px 0 48px;}
.hero-wrap{
  max-width:1200px;margin:auto;padding:0 24px;
  display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:center;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.9);
  font-size:13px;font-weight:600;
  padding:6px 14px;border-radius:20px;
  margin-bottom:20px;
}
.hero-badge::before{content:'';width:8px;height:8px;background:#4ade80;border-radius:50%;flex-shrink:0;}
.hero-h1{
  font-size:42px;font-weight:800;
  color:#fff;line-height:1.1;
  letter-spacing:-.5px;margin-bottom:16px;
}
.hero-p{
  font-size:17px;color:rgba(255,255,255,.8);
  line-height:1.7;margin-bottom:32px;max-width:480px;
}
.hero-phones{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.hero-tel{
  display:inline-flex;align-items:center;gap:12px;
  background:white;color:var(--blue);
  font-weight:800;font-size:22px;
  padding:14px 24px;border-radius:8px;
  text-decoration:none;transition:background .15s;
  letter-spacing:-.3px;width:fit-content;
}
.hero-tel:hover{background:var(--lt);}
.hero-tel svg{width:22px;height:22px;fill:currentColor;flex-shrink:0;}
.hero-wa{
  display:inline-flex;align-items:center;gap:10px;
  background:#25d366;color:white;
  font-weight:700;font-size:16px;
  padding:12px 22px;border-radius:8px;
  text-decoration:none;transition:background .15s;
  width:fit-content;
}
.hero-wa:hover{background:#1dbd5a;}
.hero-wa svg{width:20px;height:20px;fill:currentColor;}
.hero-trust{
  display:flex;gap:20px;margin-top:24px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.12);
  flex-wrap:wrap;
}
.trust-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.8);font-size:14px;}
.trust-item svg{width:16px;height:16px;fill:#4ade80;flex-shrink:0;}

/* Hero form kartı */
.hero-form{
  background:white;border-radius:12px;
  padding:28px;box-shadow:0 4px 24px rgba(0,0,0,.18);
}
.hero-form h3{font-size:18px;font-weight:800;color:var(--text);margin-bottom:4px;}
.hero-form p{font-size:14px;color:var(--muted);margin-bottom:20px;}
.form-field{margin-bottom:12px;}
.form-field input,.form-field select{
  width:100%;padding:13px 14px;
  border:1.5px solid var(--border);border-radius:6px;
  font-size:15px;font-family:inherit;color:var(--text);
  background:white;outline:none;
  transition:border-color .15s;
}
.form-field input:focus,.form-field select:focus{border-color:var(--blue);}
.btn-form{
  width:100%;background:var(--blue);color:white;border:none;
  padding:14px;border-radius:6px;
  font-size:16px;font-weight:700;font-family:inherit;
  cursor:pointer;transition:background .15s;
}
.btn-form:hover{background:var(--blue2);}

/* ═══════════════════════════════════════════
   İSTATİSTİK BANDI
   ═══════════════════════════════════════════ */
.stats-bar{background:white;border-bottom:2px solid var(--border);}
.stats-wrap{
  max-width:1200px;margin:auto;padding:0 24px;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.stat{padding:22px 16px;text-align:center;border-right:1px solid var(--border);}
.stat:last-child{border-right:none;}
.stat-num{font-size:28px;font-weight:800;color:var(--blue);line-height:1;}
.stat-label{font-size:13px;color:var(--muted);margin-top:4px;}

/* ═══════════════════════════════════════════
   GENEL LAYOUT
   ═══════════════════════════════════════════ */
.container{max-width:1200px;margin:auto;padding:0 24px;}
.section{padding:64px 0;}
.section-white{background:white;}
.section-bg{background:var(--bg);}
.section-blue{background:var(--blue);}
.section-dark{background:var(--dark);}

.sec-label{
  display:block;font-size:13px;font-weight:700;
  color:var(--blue);text-transform:uppercase;letter-spacing:1px;
  margin-bottom:8px;
}
.sec-label-white{color:rgba(255,255,255,.6);}
.sec-h{font-size:30px;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:10px;letter-spacing:-.3px;}
.sec-h.white{color:white;}
.sec-p{font-size:16px;color:var(--muted);line-height:1.75;max-width:540px;}
.sec-p.white{color:rgba(255,255,255,.7);}
.sec-head{margin-bottom:44px;}
.sec-head.center{text-align:center;}
.sec-head.center .sec-p{margin:0 auto;}

/* ═══════════════════════════════════════════
   HİZMET KARTLARI
   ═══════════════════════════════════════════ */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;}
.svc-card{
  background:white;border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;text-decoration:none;color:inherit;
  display:flex;align-items:flex-start;gap:16px;
  transition:box-shadow .2s,border-color .2s,transform .2s;
}
.svc-card:hover{
  border-color:var(--blue);
  box-shadow:0 4px 20px rgba(24,119,242,.12);
  transform:translateY(-2px);
}
.svc-icon{
  width:48px;height:48px;background:var(--lt);border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;flex-shrink:0;transition:background .2s;
}
.svc-card:hover .svc-icon{background:var(--mid);}
.svc-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:5px;}
.svc-card p{font-size:14px;color:var(--muted);line-height:1.6;}
.svc-more{font-size:13px;color:var(--blue);font-weight:700;margin-top:10px;display:block;}

/* ═══════════════════════════════════════════
   MARKA ETİKETLERİ
   ═══════════════════════════════════════════ */
.brand-grid{display:flex;flex-wrap:wrap;gap:8px;}
.brand-tag{
  background:white;border:1.5px solid var(--border);
  border-radius:20px;padding:7px 18px;
  font-size:14px;font-weight:600;color:var(--text);
  text-decoration:none;transition:all .15s;
}
.brand-tag:hover{background:var(--blue);border-color:var(--blue);color:white;}
.brand-tag-dk{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.85);
}
.brand-tag-dk:hover{background:white;color:var(--blue);border-color:white;}

/* ═══════════════════════════════════════════
   MAHALLE
   ═══════════════════════════════════════════ */
.mah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:8px;}
.mah-btn{
  display:flex;align-items:center;gap:9px;
  padding:12px 14px;background:white;
  border:1.5px solid var(--border);border-radius:6px;
  color:var(--text);text-decoration:none;
  font-size:14px;font-weight:600;
  transition:all .15s;
}
.mah-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--lt);}
.mah-btn::before{content:'📍';font-size:14px;}
.mah-btn-dk{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85);}
.mah-btn-dk:hover{background:white;color:var(--blue);}
.mah-btn-dk::before{content:'📍';}

/* ═══════════════════════════════════════════
   ADIMLAR
   ═══════════════════════════════════════════ */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;}
.step{padding:28px 20px;border-right:1px solid rgba(255,255,255,.08);position:relative;}
.step:last-child{border-right:none;}
.step-n{
  font-size:48px;font-weight:800;color:rgba(255,255,255,.08);
  line-height:1;margin-bottom:12px;letter-spacing:-2px;
}
.step h3{font-size:15px;font-weight:700;color:white;margin-bottom:5px;}
.step p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;}
.step-icon{font-size:24px;margin-bottom:10px;}

/* ═══════════════════════════════════════════
   İLETİŞİM FORMU
   ═══════════════════════════════════════════ */
.contact-section{background:var(--bg);padding:64px 0;}
.contact-wrap{
  max-width:1200px;margin:auto;padding:0 24px;
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;
}
.contact-left h2{font-size:26px;font-weight:800;color:var(--text);margin-bottom:10px;}
.contact-left>p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:28px;}
.ci{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.ci-ic{
  width:44px;height:44px;background:var(--lt);border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.ci-txt strong{display:block;font-size:13px;color:var(--muted);}
.ci-txt a,.ci-txt span{font-size:15px;font-weight:600;color:var(--text);text-decoration:none;}
.ci-txt a:hover{color:var(--blue);}

.form-card{background:white;border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,.06);}
.form-card h3{font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px;}
.form-card>p{font-size:14px;color:var(--muted);margin-bottom:22px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg{margin-bottom:12px;}
.fg label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:5px;}
.fg input,.fg select,.fg textarea{
  width:100%;padding:12px 14px;
  border:1.5px solid var(--border);border-radius:6px;
  font-size:15px;font-family:inherit;color:var(--text);
  background:white;outline:none;transition:border-color .15s;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);}
.fg textarea{resize:vertical;min-height:88px;}
.btn-submit{
  width:100%;background:var(--blue);color:white;border:none;
  padding:14px;border-radius:6px;font-size:16px;font-weight:700;
  font-family:inherit;cursor:pointer;transition:background .15s;margin-bottom:10px;
}
.btn-submit:hover{background:var(--blue2);}
.btn-wa{
  width:100%;background:#25d366;color:white;border:none;
  padding:12px;border-radius:6px;font-size:15px;font-weight:700;
  font-family:inherit;cursor:pointer;display:flex;align-items:center;
  justify-content:center;gap:8px;transition:background .15s;text-decoration:none;
}
.btn-wa:hover{background:#1dbd5a;}
.btn-wa svg{width:18px;height:18px;fill:currentColor;}

/* ═══════════════════════════════════════════
   İÇ SAYFA HERO
   ═══════════════════════════════════════════ */
.page-hero{background:var(--blue);padding:40px 0 32px;}
.ph-inner{max-width:1200px;margin:auto;padding:0 24px;}
.bc{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:13px;color:rgba(255,255,255,.5);margin-bottom:14px;
}
.bc a{color:rgba(255,255,255,.65);text-decoration:none;}
.bc a:hover{color:white;}
.bc .sep{opacity:.4;}
.ph-h1{font-size:34px;font-weight:800;color:white;margin-bottom:10px;line-height:1.15;letter-spacing:-.3px;}
.ph-sub{font-size:16px;color:rgba(255,255,255,.75);line-height:1.7;max-width:600px;margin-bottom:22px;}
.ph-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.btn-ph1{
  background:white;color:var(--blue);padding:11px 22px;
  border-radius:6px;text-decoration:none;font-weight:700;font-size:15px;
  display:flex;align-items:center;gap:8px;transition:background .15s;
}
.btn-ph1:hover{background:var(--lt);}
.btn-ph1 svg{width:18px;height:18px;fill:currentColor;}
.btn-ph2{
  background:rgba(255,255,255,.12);color:white;
  border:1px solid rgba(255,255,255,.25);
  padding:11px 22px;border-radius:6px;
  text-decoration:none;font-weight:600;font-size:15px;
  transition:background .15s;
}
.btn-ph2:hover{background:rgba(255,255,255,.2);}
.ph-kpis{
  display:flex;gap:0;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap;
}
.ph-kpi{padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.12);}
.ph-kpi:last-child{border-right:none;}
.ph-kpi strong{display:block;font-size:20px;font-weight:800;color:white;}
.ph-kpi span{font-size:12px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.4px;}

/* ═══════════════════════════════════════════
   İÇ SAYFA LAYOUT
   ═══════════════════════════════════════════ */
.page-wrap{
  max-width:1200px;margin:auto;padding:32px 24px 64px;
  display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;
}
.sticky-col{position:sticky;top:140px;}

/* İçerik blokları */
.cb{
  background:white;border:1px solid var(--border);
  border-radius:var(--radius);padding:28px;margin-bottom:16px;
}
.cb:first-child{border-top:3px solid var(--blue);}
.cb h2{font-size:22px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.2px;}
.cb h3{font-size:17px;font-weight:700;color:var(--text);margin:20px 0 8px;}
.cb p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:12px;}
.cb ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.cb ul li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:15px;color:var(--muted);line-height:1.65;
  padding-bottom:8px;border-bottom:1px solid var(--border);
}
.cb ul li:last-child{border-bottom:none;padding-bottom:0;}
.cb ul li::before{
  content:'✓';color:var(--blue);font-weight:800;
  font-size:14px;flex-shrink:0;margin-top:2px;
}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.tag{
  background:var(--lt);color:var(--blue);
  border:1px solid var(--mid);padding:5px 14px;
  border-radius:20px;font-size:13px;font-weight:700;
}

/* Fiyat tablosu */
.price-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px;}
.price-table th{background:var(--blue);color:white;padding:11px 14px;text-align:left;font-weight:700;}
.price-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--muted);}
.price-table tr:last-child td{border-bottom:none;}
.price-table tr:hover td{background:var(--lt);}
.price-val{font-weight:700;color:var(--blue);}

/* Bilgi kutusu */
.info-box{
  background:var(--lt);border-left:4px solid var(--blue);
  border-radius:0 6px 6px 0;padding:14px 16px;
  font-size:14px;color:var(--text);line-height:1.7;margin:14px 0;
}
.info-box strong{color:var(--blue);}

/* Hata kodu tablosu */
.error-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px;}
.error-table th{background:var(--dark);color:white;padding:11px 14px;text-align:left;font-weight:600;}
.error-table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top;}
.error-table tr:hover td{background:var(--lt);}
.err-code{font-weight:800;color:var(--blue);white-space:nowrap;}
.err-mean{color:var(--text);font-weight:600;}
.err-sol{color:var(--muted);}

/* CTA sidebar */
.cta-card{
  background:var(--blue);border-radius:10px;
  padding:24px;margin-bottom:14px;
}
.cta-card h3{font-size:17px;font-weight:800;color:white;margin-bottom:6px;}
.cta-card p{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:18px;line-height:1.6;}
.cta-card a{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px;border-radius:6px;
  text-decoration:none;font-weight:700;font-size:15px;
  margin-bottom:8px;transition:background .15s;
}
.cta-call{background:white;color:var(--blue);}
.cta-call:hover{background:var(--lt);}
.cta-wa-link{background:#25d366;color:white;}
.cta-wa-link:hover{background:#1dbd5a;}
.cta-wa-link svg,.cta-call svg{width:16px;height:16px;fill:currentColor;}
.cta-hours{text-align:center;font-size:12px;color:rgba(255,255,255,.35);margin-top:10px;}

/* FAQ */
.faq{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.fq-item{border-bottom:1px solid var(--border);}
.fq-item:last-child{border-bottom:none;}
.fq-q{
  padding:15px 18px;font-size:15px;font-weight:700;
  color:var(--text);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  transition:background .12s;user-select:none;
}
.fq-q:hover{background:var(--lt);}
.fq-icon{
  width:22px;height:22px;background:var(--lt);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:var(--blue);font-weight:400;
  flex-shrink:0;transition:all .2s;
}
.fq-item.open .fq-icon{background:var(--blue);color:white;transform:rotate(45deg);}
.fq-a{
  display:none;padding:0 18px 15px;
  font-size:14px;color:var(--muted);line-height:1.8;
}
.fq-item.open .fq-a{display:block;}

/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
footer{background:var(--dark);color:rgba(255,255,255,.45);padding:52px 0 0;}
.footer-inner{max-width:1200px;margin:auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-brand .logo-name{color:white;font-size:20px;}
.footer-brand .logo-sub{color:rgba(255,255,255,.45);}
.footer-brand p{font-size:14px;line-height:1.75;max-width:260px;margin-top:14px;}
.footer-col h4{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul li a{font-size:14px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .15s;}
.footer-col ul li a:hover{color:rgba(255,255,255,.85);}
.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;}
.footer-bottom a{color:rgba(255,255,255,.4);text-decoration:none;}
.footer-bottom a:hover{color:rgba(255,255,255,.8);}

/* Floaters */
.floaters{position:fixed;bottom:24px;right:24px;z-index:9998;display:flex;flex-direction:column;gap:10px;}
.floater{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .2s;border:none;cursor:pointer;}
.floater:hover{transform:scale(1.1);}
.f-wa{background:#25d366;}.f-call{background:var(--blue);}.f-top{background:#444;font-size:14px;}

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media(max-width:960px){
  .hero-wrap{grid-template-columns:1fr;}
  .hero-form{display:none;}
  .hero-h1{font-size:34px;}
  .stats-wrap{grid-template-columns:1fr 1fr;}
  .stat:nth-child(2){border-right:none;}
  .contact-wrap{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .page-wrap{grid-template-columns:1fr;}
  .sticky-col{position:static;}
  .steps{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:700px){
  nav{display:none;}
  .hamburger{display:flex;}
  .btn-emergency{display:none;}
  .hdr-main{height:60px;}
  .hero-h1{font-size:28px;}
  .hero-tel{font-size:18px;}
  .ph-h1{font-size:26px;}
  .sec-h{font-size:24px;}
  .stats-wrap{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .ph-kpis{gap:12px;}
  .ph-kpi{border-right:none;padding-right:0;margin-right:0;}
  .svc-grid{grid-template-columns:1fr;}
  .mah-grid{grid-template-columns:repeat(2,1fr);}

  nav{display:none !important;}
  .hamburger{display:flex;}
  .btn-emergency{display:none;}
  .hdr-main{height:60px;}
  .hero-h1{font-size:28px;}
  .ph-h1{font-size:26px;}
  .sec-h{font-size:24px;}
  .stats-wrap{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .ph-kpis{gap:12px;}
  .ph-kpi{border-right:none;padding-right:0;margin-right:0;}
  .svc-grid{grid-template-columns:1fr;}
  .mah-grid{grid-template-columns:repeat(2,1fr);}
  .hdr-top{display:none;}
  .hero-phones{flex-direction:column;}
  .hero-trust{flex-wrap:wrap;gap:12px;}
  .page-wrap{padding:20px 16px 40px;}
  .cb{padding:20px 16px;}
  .ph-inner{padding:0 16px;}
  .contact-wrap{padding:0 16px;}
  .mah-grid{grid-template-columns:1fr 1fr;}
  .brand-grid{gap:6px;}
  .brand-tag{font-size:13px;padding:6px 14px;}
  .footer-inner{padding:0 16px;}
}





/* ═══ DRAWER MEGA MENU — Mobil ═══ */
.drawer-overlay{
  display:none;position:fixed;inset:0;z-index:8888;
  background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s;
}
.drawer-overlay.open{display:block;opacity:1;}
.drawer{
  position:fixed;top:0;left:0;bottom:0;
  width:min(340px,90vw);background:#fff;z-index:8999;
  transform:translateX(-100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow:hidden;
  box-shadow:4px 0 32px rgba(0,0,0,.18);
}
.drawer.open{transform:translateX(0);}
.drawer-header{
  background:var(--blue);padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;flex-shrink:0;
}
.drawer-logo{color:#fff;font-size:17px;font-weight:800;text-decoration:none;}
.drawer-logo span{color:rgba(255,255,255,.65);font-weight:400;font-size:12px;display:block;margin-top:2px;}
.drawer-close{
  width:36px;height:36px;border-radius:8px;
  background:rgba(255,255,255,.15);border:none;
  color:#fff;font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s;
}
.drawer-close:hover{background:rgba(255,255,255,.25);}
.drawer-tel{
  background:#1464d2;padding:12px 20px;
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.drawer-tel a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;flex:1;}
.drawer-tel-wa{
  background:#25d366;color:#fff;border:none;border-radius:6px;
  padding:7px 14px;font-size:13px;font-weight:700;
  cursor:pointer;text-decoration:none;transition:background .15s;display:inline-block;
}
.drawer-tel-wa:hover{background:#1dbd5a;}
.drawer-body{flex:1;overflow-y:auto;padding:8px 0;}
.drawer-body::-webkit-scrollbar{width:3px;}
.drawer-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px;}
.d-link{
  display:flex;align-items:center;padding:13px 20px;
  font-size:15px;font-weight:600;color:var(--text);
  text-decoration:none;border-bottom:1px solid #f2f2f2;transition:background .12s;
}
.d-link:hover{background:var(--lt);color:var(--blue);}
.d-section{border-bottom:1px solid #efefef;}
.d-section-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:13px 20px;font-size:15px;font-weight:700;color:var(--text);
  background:#fff;border:none;cursor:pointer;text-align:left;transition:background .12s;
}
.d-section-btn:hover,.d-section-btn.open{background:var(--lt);color:var(--blue);}
.d-acc-icon{
  width:22px;height:22px;border-radius:50%;background:#f0f0f0;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--muted);transition:all .2s;flex-shrink:0;
}
.d-section-btn.open .d-acc-icon{background:var(--blue);color:#fff;transform:rotate(45deg);}
.d-panel{display:none;padding:4px 12px 12px;background:#fafafa;}
.d-panel.open{display:block;}
.d-panel-subtitle{
  font-size:11px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:1px;
  padding:10px 8px 6px;
}
.d-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.d-panel-link{
  display:block;padding:8px 10px;font-size:13px;font-weight:500;
  color:var(--muted);text-decoration:none;border-radius:5px;transition:all .12s;
}
.d-panel-link:hover{background:var(--mid);color:var(--blue);font-weight:600;}
.d-panel-link-full{
  display:block;padding:9px 8px;font-size:13px;font-weight:500;
  color:var(--muted);text-decoration:none;border-radius:5px;transition:all .12s;
}
.d-panel-link-full:hover{background:var(--mid);color:var(--blue);}
.drawer-footer{
  background:#f8f9fa;border-top:1px solid #eee;
  padding:12px 20px;flex-shrink:0;
  font-size:12px;color:var(--muted);text-align:center;
}