:root{
  --mavi:#0d6efd;
  --mavi-koyu:#0a3b66;
  --turkuaz:#0aa2c0;
  --whatsapp:#25D366;
  --sari:#ffd60a;
  --gri:#64748b;
  --acik:#f3f7fb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  color:#1f2d3d;
  overflow-x:hidden;
}
a{text-decoration:none}
.text-mavi{color:var(--mavi)!important}
.bg-mavi{background:var(--mavi)!important}
.bg-acik{background:var(--acik)!important}

/* ---------- Üst bilgi şeridi ---------- */
.topbar{background:var(--mavi-koyu);color:#dbeafe;font-size:.86rem}
.topbar a{color:#fff}
.topbar .sep{opacity:.35}

/* ---------- Navbar ---------- */
.navbar-brand img{height:46px}
.navbar .btn-ara{font-weight:700}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  background:linear-gradient(125deg,#0a3b66 0%,#0d6efd 55%,#0aa2c0 100%);
  color:#fff;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:url("../img/foto/dukkan.jpeg") center/cover;
  opacity:.14;mix-blend-mode:luminosity;
}
.hero .container{position:relative;z-index:2}
.hero h1{font-weight:800;line-height:1.15;font-size:clamp(1.8rem,4.6vw,3.2rem)}
.hero .lead{font-size:clamp(1rem,2.3vw,1.3rem);color:#eaf2ff}
.hero .rozet{
  display:inline-flex;align-items:center;gap:.45rem;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
  padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;
}

/* ---------- Butonlar ---------- */
.btn-wa{background:var(--whatsapp);color:#fff;font-weight:700}
.btn-wa:hover{background:#1da851;color:#fff}
.btn-tel{background:var(--sari);color:#0a3b66;font-weight:800}
.btn-tel:hover{background:#f5c800;color:#0a3b66}
.btn-lg{padding:.8rem 1.5rem;border-radius:14px}

/* ---------- Kartlar ---------- */
.kart{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(13,59,102,.08);transition:.25s}
.kart:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(13,59,102,.16)}
.kart-ikon{
  width:64px;height:64px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--mavi),var(--turkuaz));color:#fff;font-size:1.7rem;
}
.section{padding:64px 0}
.section-baslik{font-weight:800;color:var(--mavi-koyu)}
.section-ust{color:var(--turkuaz);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.82rem}

/* ---------- Adım / süreç ---------- */
.adim-no{
  width:48px;height:48px;border-radius:50%;background:var(--mavi);color:#fff;
  font-weight:800;display:grid;place-items:center;font-size:1.2rem
}

/* ---------- İstatistik şeridi ---------- */
.stat{background:var(--mavi-koyu);color:#fff}
.stat h3{font-weight:800;font-size:2.2rem;color:var(--sari)}

/* ---------- Bölge etiketleri ---------- */
.bolge-link{
  display:inline-block;background:#fff;border:1px solid #dbe6f3;color:var(--mavi-koyu);
  padding:.45rem .9rem;border-radius:999px;margin:.25rem;font-size:.9rem;font-weight:600;transition:.2s
}
.bolge-link:hover{background:var(--mavi);color:#fff;border-color:var(--mavi)}

/* ---------- SSS ---------- */
.accordion-button:not(.collapsed){background:#eaf2ff;color:var(--mavi-koyu);font-weight:700}
.accordion-button:focus{box-shadow:none}

/* ---------- Footer ---------- */
.footer{background:var(--mavi-koyu);color:#c7d6e6}
.footer a{color:#c7d6e6}
.footer a:hover{color:#fff}
.footer h6{color:#fff;font-weight:700}

/* ---------- Sabit WhatsApp / Telefon (mobil) ---------- */
.float-wa{
  position:fixed;right:18px;bottom:18px;z-index:1000;
  width:58px;height:58px;border-radius:50%;background:var(--whatsapp);
  display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.25);
  animation:nabiz 2s infinite
}
.float-wa svg{width:32px;height:32px;fill:#fff}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Mobil alt arama çubuğu */
.mobil-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;display:none;
  box-shadow:0 -4px 18px rgba(0,0,0,.12)
}
.mobil-bar a{padding:.85rem;font-weight:800;text-align:center;color:#fff;display:block}
.mobil-bar .ara{background:var(--mavi)}
.mobil-bar .wa{background:var(--whatsapp)}
@media(max-width:768px){
  .mobil-bar{display:flex}
  .mobil-bar a{flex:1}
  body{padding-bottom:54px}
  .float-wa{bottom:66px}
}

/* ---------- Puanlama özeti ---------- */
.puan-ozet{background:linear-gradient(135deg,var(--mavi-koyu),var(--mavi));color:#fff;border-radius:20px}
.puan-buyuk{font-size:3.4rem;font-weight:800;line-height:1;color:var(--sari)}
.yildiz{color:var(--sari);font-size:1.05rem}
.bar{height:8px;background:rgba(255,255,255,.2);border-radius:6px;overflow:hidden}
.bar > span{display:block;height:100%;background:var(--sari);border-radius:6px}
.rozet-google{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#3c4043;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}

/* ---------- Yorum kartı ---------- */
.yorum{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(13,59,102,.08);height:100%;transition:.25s}
.yorum:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,59,102,.15)}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem}
.av1{background:#0d6efd}.av2{background:#0aa2c0}.av3{background:#6f42c1}.av4{background:#fd7e14}.av5{background:#20c997}.av6{background:#e83e8c}
.dogrulandi{font-size:.72rem;color:#16a34a;font-weight:600}

/* görseller */
img,iframe{max-width:100%}
.foto{border-radius:18px;box-shadow:0 12px 34px rgba(13,59,102,.18);width:100%}
.harita iframe{border-radius:18px;width:100%;height:340px;border:0;display:block}
.kartvizit-img{width:100%;max-width:680px;height:auto;border-radius:14px;box-shadow:0 14px 40px rgba(13,59,102,.2)}