:root{
  --lacivert:#0a3d62; --mavi:#1e6fb8; --acik:#3aa3d6; --su:#e8f4fb;
  --metin:#1a2430; --gri:#5b6b7a; --cizgi:#e2e8f0; --beyaz:#fff;
  --golge:0 2px 14px rgba(10,61,98,.08); --r:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--metin);background:#fbfdff;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
.kap{max-width:1160px;margin:0 auto;padding:0 20px}

/* Üst / nav */
.ust{position:sticky;top:0;z-index:50;background:var(--beyaz);border-bottom:1px solid var(--cizgi);box-shadow:0 1px 8px rgba(10,61,98,.05)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-size:1.32rem;font-weight:800;color:var(--lacivert)}
.logo span{color:var(--acik)}
.logo:hover{text-decoration:none}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{color:var(--metin);font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:8px}
.nav a:hover{background:var(--su);color:var(--lacivert);text-decoration:none}
.menu-ac{display:none;font-size:1.5rem;background:none;border:0;cursor:pointer;color:var(--lacivert)}

.icerik-alan{padding:28px 20px 10px}

/* Hero */
.hero{background:linear-gradient(135deg,var(--lacivert),var(--mavi) 60%,var(--acik));color:#fff;border-radius:var(--r);padding:48px 34px;margin-bottom:30px;box-shadow:var(--golge)}
.hero h1{font-size:2rem;line-height:1.25;margin-bottom:12px}
.hero p{font-size:1.1rem;opacity:.95;max-width:720px}

/* Bölüm */
.bolum{margin:34px 0}
.bolum-bas{font-size:1.5rem;color:var(--lacivert);margin-bottom:18px;padding-bottom:10px;border-bottom:3px solid var(--su);position:relative}
.bolum-bas::after{content:"";position:absolute;left:0;bottom:-3px;width:70px;height:3px;background:var(--acik)}

/* Etiketler (şehirler) */
.etiketler{display:flex;flex-wrap:wrap;gap:10px}
.etiket{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:30px;padding:8px 15px;font-weight:600;font-size:.92rem;color:var(--lacivert);transition:.15s}
.etiket:hover{background:var(--lacivert);color:#fff;text-decoration:none;border-color:var(--lacivert)}
.etiket span{background:var(--su);color:var(--mavi);border-radius:20px;padding:1px 8px;font-size:.8rem;margin-left:4px}
.etiket:hover span{background:rgba(255,255,255,.2);color:#fff}

/* Kart ızgara */
.kart-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;box-shadow:var(--golge);transition:.18s;display:flex;flex-direction:column}
.kart:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,61,98,.14)}
.kart-gorsel{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--su)}
.kart-gorsel img{width:100%;height:100%;object-fit:cover}
.kart-govde{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.kart-govde h3{font-size:1.06rem;line-height:1.35}
.kart-govde h3 a{color:var(--lacivert)}
.kart-ozet{color:var(--gri);font-size:.92rem;flex:1}
.kart-tarih{color:var(--acik);font-size:.82rem;font-weight:600}

/* Tekil */
.tekil{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:30px 34px;box-shadow:var(--golge);max-width:840px;margin:0 auto}
.ekmek{font-size:.85rem;color:var(--gri);margin-bottom:14px}
.ekmek span{color:var(--cizgi)}
.tekil h1{font-size:1.9rem;color:var(--lacivert);line-height:1.25;margin-bottom:10px}
.tekil-meta{color:var(--acik);font-weight:600;font-size:.9rem;margin-bottom:18px}
.tekil-gorsel{border-radius:10px;margin:0 0 20px;width:100%}
.yazi-govde{font-size:1.05rem}
.yazi-govde p{margin:0 0 16px}
.yazi-govde h2{font-size:1.4rem;color:var(--lacivert);margin:26px 0 12px}
.yazi-govde h3{font-size:1.18rem;color:var(--mavi);margin:22px 0 10px}
.yazi-govde ul,.yazi-govde ol{margin:0 0 16px 22px}
.yazi-govde li{margin:6px 0}
.yazi-govde img{border-radius:10px;margin:16px 0}
.yazi-govde a{text-decoration:underline}
.yazi-govde table{width:100%;border-collapse:collapse;margin:16px 0}
.yazi-govde td,.yazi-govde th{border:1px solid var(--cizgi);padding:8px 10px}
.kat-aciklama{color:var(--gri);margin-bottom:18px;max-width:800px}

/* Alt bilgi */
.dugme{display:inline-block;background:var(--mavi);color:#fff;padding:11px 22px;border-radius:9px;font-weight:600}
.dugme:hover{background:var(--lacivert);text-decoration:none}
.hata404{text-align:center;padding:40px 0}
.hata404 h1{font-size:2rem;color:var(--lacivert);margin-bottom:10px}
.hata404 .bolum-bas{text-align:left;margin-top:36px}

.alt{background:var(--lacivert);color:#cfe3f1;margin-top:48px}
.alt-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:40px 20px}
.alt-blok h4{color:#fff;margin-bottom:12px;font-size:1.05rem}
.alt-blok ul{list-style:none}
.alt-blok li{margin:6px 0}
.alt-blok a{color:#cfe3f1;font-size:.92rem}
.alt-blok a:hover{color:#fff}
.alt-telif{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.85rem;color:#9db9cf}

@media(max-width:820px){
  .menu-ac{display:block}
  .nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--cizgi);box-shadow:var(--golge)}
  body.menu-acik .nav{display:flex}
  .nav a{padding:11px 8px;border-bottom:1px solid var(--su)}
  .hero{padding:34px 22px}.hero h1{font-size:1.55rem}
  .tekil{padding:22px 20px}.tekil h1{font-size:1.5rem}
  .alt-ic{grid-template-columns:1fr;gap:22px}
}