:root{
      --bg:#ffffff;
      --text:#1f2937;
      --muted:#6b7280;
      --brand:#4CAF50;
      --brand-dark:#3e9a44;
      --card:#f8fafc;
      --card-hover:#eef7f1;
      --surface:#f4f7f6;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
    .container{max-width:1100px;margin:0 auto;padding:0 20px}
    h1,h2,h3{line-height:1.25;margin-bottom:1rem}
    p{margin-bottom:1rem}
    a{text-decoration:none;color:var(--brand)}

    /* Header */
    .site-header{background:#2c3e50;color:#fff;padding:1rem 0;border-bottom:3px solid var(--brand)}
    .site-header .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .logo a{color:#fff;font-weight:900;font-size:1.8rem}
    .desktop-nav a{color:#fff;padding:0 1rem;font-weight:700}
    .desktop-nav a:hover{color:var(--brand)}
    .header-arama-butonu{background:var(--brand);color:#fff;padding:.8rem 1.2rem;border-radius:10px;font-weight:800}
    .header-arama-butonu:hover{background:var(--brand-dark)}

    /* Hero */
    .hero{background:var(--surface);text-align:center;padding:3.5rem 0}
    .hero h1{font-size:2.8rem;color:#2c3e50}
    .hero .sub{font-size:1.2rem;color:var(--muted)}
    .hero .intro{max-width:820px;margin:1rem auto 0;color:#374151}
    .cta{display:inline-block;background:var(--brand);color:#fff;font-size:1.1rem;font-weight:900;padding:1rem 1.6rem;border-radius:12px;margin-top:1.2rem;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .2s, box-shadow .2s}
    .cta span{display:block;font-size:.95rem;font-weight:600;margin-top:6px;opacity:.95}
    .cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}

    /* Features */
    .features{padding:3.2rem 0}
    .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:1.5rem}
    .card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .2s, box-shadow .2s}
    .card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.06)}
    .card h3{color:var(--brand);font-size:1.1rem;margin-bottom:.3rem}
    .copy{max-width:900px;margin:1.6rem auto 0;background:var(--card);padding:1.25rem 1.25rem;border-radius:12px;color:#374151}

    /* Sections */
    .section{padding:3rem 0}
    .section h2{text-align:center;color:#2c3e50}
    .section .text{max-width:900px;margin:0 auto;color:#374151}

    /* Neighborhood list - NO LINKS */
    .bolgeler{background:var(--surface);padding:3rem 0}
    .bolgeler h2{text-align:center;margin-bottom:1rem}
    .bolgeler > .container > p{max-width:860px;margin:0 auto 1.25rem;text-align:center;color:#374151}
    .mahalle-listesi{list-style:none;padding:0;margin:0 auto;max-width:1000px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .mahalle-item{background:var(--card);border:1px solid #e5e7eb;border-left:5px solid var(--brand);border-radius:10px;padding:.75rem 1rem;font-weight:700;color:#1f2937;transition:background .2s, transform .2s}
    .mahalle-item:hover{background:var(--card-hover);transform:translateY(-2px)}

    /* Map */
    .maps iframe{width:100%;height:420px;border:0;display:block}

    /* Final CTA */
    .final{background:#2c3e50;color:#fff;text-align:center;padding:3rem 0}
    .final h2{color:#fff}
    .final p{opacity:.95}

    /* Footer */
    .site-footer{background:#111827;color:#cbd5e1;text-align:center;padding:2rem 0}
    .footer-nav a{color:#e5e7eb;padding:0 10px}
    .footer-nav a:hover{color:#86efac}

    /* Responsive */
    @media (max-width:900px){ .cards{grid-template-columns:1fr 1fr} .mahalle-listesi{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width:700px){ .hero h1{font-size:2.2rem} .mahalle-listesi{grid-template-columns:1fr} }