body { font-family:'Inter',system-ui,sans-serif; background:#f6f7f9; color:#1f2733; }
  .rg-display { font-family:'Bricolage Grotesque',system-ui,sans-serif; letter-spacing:-.02em; }
  a { color:inherit; }

  /* ── SITE GENELI SABIT NAV ── */
  .nav{background:#0f1f4e;position:sticky;top:0;z-index:200;box-shadow:0 2px 12px rgba(0,0,0,.25)}
  .nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
  .logo{color:#fff;font-size:1.25rem;font-weight:800;text-decoration:none;white-space:nowrap;letter-spacing:-.3px}
  .logo span{color:#3b82f6}
  .nav-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
  .nav-links a{color:#c8d4ef;font-size:.8rem;text-decoration:none;padding:6px 9px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}
  .nav-links a:hover{background:rgba(255,255,255,.1);color:#fff}
  .nav-links a.active{background:#1d4ed8;color:#fff}
  .hamburger{display:none;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:6px}
  .mob-menu{display:none;background:#162040;padding:8px 0}
  .mob-menu a{display:block;color:#c8d4ef;text-decoration:none;padding:10px 24px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.06)}
  .mob-menu a:hover{background:rgba(255,255,255,.05);color:#fff}
  .mob-menu.open{display:block}
  @media(max-width:768px){.nav-links{display:none}.hamburger{display:block}}
  /* rg-topbar artik sayfaya-ozel ikincil alt nav (breadcrumb) olarak kullaniliyor */
  .rg-topbar{position:relative;z-index:90}

  /* ÜST MENÜ / BREADCRUMB */
  .rg-topbar { background:#0b1220; color:#cbd5e1; font-size:.85rem; }
  .rg-topbar a { color:#e2e8f0; text-decoration:none; opacity:.9; }
  .rg-topbar a:hover { opacity:1; color:#fff; }
  .rg-topbar .brand { font-family:'Bricolage Grotesque'; font-weight:700; color:#fff; letter-spacing:-.01em; }
  .rg-crumb { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; }
  .rg-crumb .sep { opacity:.45; }
  /* HERO */
  .rg-hero { position:relative; overflow:hidden; color:#fff;
    background-image:radial-gradient(120% 140% at 12% -10%, rgba(255,255,255,.18), transparent 55%),
      linear-gradient(135deg, var(--c), #0b1220); }
  .rg-hero::after { content:""; position:absolute; inset:0; opacity:.10; pointer-events:none;
    background-image:radial-gradient(currentColor 1px, transparent 1.4px); background-size:18px 18px; }
  .rg-eyebrow { display:inline-flex; align-items:center; gap:.5rem; font-weight:600; font-size:.72rem;
    letter-spacing:.22em; text-transform:uppercase; opacity:.92; background:rgba(255,255,255,.14);
    padding:.35rem .7rem; border-radius:999px; backdrop-filter:blur(4px); }
  .rg-hero-stats { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:1.6rem; }
  .rg-hero-stat b { font-family:'Bricolage Grotesque'; font-size:1.5rem; display:block; line-height:1; }
  .rg-hero-stat span { font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; opacity:.85; }
  /* TOPIC RAIL */
  .rg-rail { position:sticky; top:0; z-index:30; background:rgba(255,255,255,.92);
    backdrop-filter:blur(8px); border-bottom:1px solid #e7e9ee; }
  .rg-rail-inner { display:flex; gap:.5rem; overflow-x:auto; max-width:80rem; margin:0 auto;
    padding:.7rem 1rem; scrollbar-width:none; }
  .rg-rail-inner::-webkit-scrollbar { display:none; }
  .rg-pill { flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem; font-size:.82rem;
    font-weight:500; color:#475467; text-decoration:none; padding:.45rem .8rem; border-radius:999px;
    border:1px solid #e7e9ee; background:#fff; transition:.18s; white-space:nowrap; }
  .rg-pill i { color:var(--c); font-size:.85rem; }
  .rg-pill:hover { border-color:var(--c); color:#1f2733; transform:translateY(-1px); }
  .rg-pill-on { color:#fff; background:var(--c); border-color:var(--c); }
  .rg-pill-on i { color:#fff; }
  /* PANELS */
  .rg-panel { background:#fff; border:1px solid #eceef2; border-radius:18px; padding:1.6rem 1.7rem;
    box-shadow:0 1px 2px rgba(16,24,40,.04); }
  .rg-panel + .rg-panel { margin-top:1.25rem; }
  .rg-panel-title { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.35rem;
    display:flex; align-items:center; gap:.6rem; color:#101828; }
  .rg-panel-dot { width:.7rem; height:.7rem; border-radius:50%; background:var(--c);
    box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent); }
  .rg-panel-body { margin-top:1rem; font-size:1.03rem; line-height:1.75; color:#39434f; }
  .rg-panel-body p + p { margin-top:.8rem; }
  .rg-sub { margin-top:1.1rem; }
  .rg-sub-title { font-family:'Bricolage Grotesque'; font-weight:600; color:#1f2733; font-size:1.05rem; margin-bottom:.5rem; }
  .rg-line { display:flex; gap:.5rem; padding:.4rem 0; border-bottom:1px dashed #eceef2; }
  .rg-line span { font-weight:600; color:#101828; min-width:9rem; }
  /* CHIPS / BULLETS */
  .rg-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
  .rg-chip { background:color-mix(in srgb, var(--c) 9%, #fff); color:#1f2733;
    border:1px solid color-mix(in srgb, var(--c) 22%, #fff); padding:.32rem .7rem; border-radius:8px;
    font-size:.9rem; font-weight:500; }
  .rg-bullets { list-style:none; padding:0; }
  .rg-bullets li { position:relative; padding-left:1.4rem; margin:.45rem 0; }
  .rg-bullets li::before { content:"\2022"; color:var(--c); font-weight:800; position:absolute; left:.3rem; top:-.05rem; font-size:1.1rem; }
  /* STAT TILES */
  .rg-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.8rem; }
  .rg-stat { background:#f8fafc; border:1px solid #eceef2; border-radius:12px; padding:.9rem 1rem; }
  .rg-stat-val { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.25rem; color:#101828; }
  .rg-stat-key { font-size:.78rem; color:#667085; text-transform:uppercase; letter-spacing:.06em; margin-top:.15rem; }
  /* PLACE CARDS */
  .rg-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
  .rg-card { border:1px solid #eceef2; border-radius:14px; padding:1.1rem 1.2rem; background:#fff;
    border-top:3px solid var(--c); transition:.18s; }
  .rg-card:hover { box-shadow:0 8px 24px rgba(16,24,40,.08); transform:translateY(-2px); }
  .rg-card-title { font-family:'Bricolage Grotesque'; font-weight:600; font-size:1.08rem; color:#101828; }
  .rg-card-desc { margin-top:.4rem; color:#475467; font-size:.96rem; line-height:1.6; }
  .rg-meta { margin-top:.5rem; font-size:.85rem; color:#475467; }
  .rg-meta span { font-weight:600; color:#101828; margin-right:.3rem; }
  /* SIDEBAR */
  .rg-side-card { background:#fff; border:1px solid #eceef2; border-radius:18px; padding:1.2rem;
    box-shadow:0 1px 2px rgba(16,24,40,.04); }
  .rg-side-card + .rg-side-card { margin-top:1.1rem; }
  .rg-side-hero { padding:1rem; }
  .rg-side-hero img { width:100%; border-radius:12px; display:block; }
  .rg-gaz { margin-top:.9rem; display:flex; align-items:center; justify-content:center; gap:.5rem;
    background:#101828; color:#fff; text-decoration:none; padding:.7rem; border-radius:10px;
    font-weight:600; font-size:.92rem; transition:.18s; }
  .rg-gaz:hover { background:var(--c); }
  .rg-facts { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
  .rg-fact { background:#f8fafc; border:1px solid #eceef2; border-radius:12px; padding:.7rem .8rem; text-align:center; }
  .rg-fact-val { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.15rem; color:var(--c); }
  .rg-fact-key { font-size:.72rem; color:#667085; text-transform:uppercase; letter-spacing:.06em; }
  .rg-side-title { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.05rem; color:#101828; margin-bottom:.8rem; }
  .rg-navlist { list-style:none; padding:0; display:flex; flex-direction:column; gap:.3rem; }
  .rg-nav { display:flex; align-items:center; gap:.7rem; padding:.55rem .7rem; border-radius:10px;
    text-decoration:none; color:#475467; font-size:.92rem; font-weight:500; transition:.15s; }
  .rg-nav i { color:var(--c); width:1.1rem; text-align:center; }
  .rg-nav:hover { background:#f6f7f9; color:#101828; }
  .rg-nav-on { background:color-mix(in srgb, var(--c) 10%, #fff); color:#101828;
    border:1px solid color-mix(in srgb, var(--c) 25%, #fff); }
  /* CATEGORY GRID (şehir sayfası) */
  .rg-cat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1rem; }
  .rg-cat { --cc:var(--c); display:flex; gap:.9rem; align-items:flex-start; text-decoration:none;
    background:#fff; border:1px solid #eceef2; border-radius:16px; padding:1.1rem 1.2rem;
    border-left:4px solid var(--cc); transition:.18s; }
  .rg-cat:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(16,24,40,.10); }
  .rg-cat-ic { flex:0 0 auto; width:2.6rem; height:2.6rem; border-radius:12px; display:grid; place-items:center;
    background:color-mix(in srgb, var(--cc) 12%, #fff); color:var(--cc); font-size:1.1rem; }
  .rg-cat-tt { font-family:'Bricolage Grotesque'; font-weight:700; color:#101828; font-size:1.05rem; }
  .rg-cat-ds { color:#667085; font-size:.86rem; margin-top:.2rem; line-height:1.45; }
  .rg-badge { display:inline-block; font-size:.66rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
    padding:.12rem .4rem; border-radius:6px; margin-top:.45rem; }
  .rg-badge-on { background:#dcfce7; color:#166534; }
  .rg-badge-soon { background:#f1f5f9; color:#64748b; }
  /* CITY GRID (ülke sayfası) */
  .rg-tools { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; margin-bottom:1.3rem; }
  .rg-search { flex:1 1 280px; display:flex; align-items:center; gap:.6rem; background:#fff;
    border:1px solid #e7e9ee; border-radius:12px; padding:.7rem 1rem; }
  .rg-search input { border:0; outline:0; width:100%; font-size:1rem; background:transparent; color:#1f2733; }
  .rg-search i { color:#94a3b8; }
  .rg-count { font-size:.85rem; color:#667085; white-space:nowrap; }
  .rg-cities { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.7rem; }
  .rg-city { display:flex; align-items:center; gap:.7rem; text-decoration:none; background:#fff;
    border:1px solid #eceef2; border-radius:12px; padding:.7rem .85rem; transition:.15s; }
  .rg-city:hover { border-color:var(--c); transform:translateY(-2px); box-shadow:0 8px 20px rgba(16,24,40,.08); }
  .rg-plaka { flex:0 0 auto; min-width:2rem; height:2rem; padding:0 .35rem; border-radius:8px; display:grid;
    place-items:center; font-family:'Bricolage Grotesque'; font-weight:700; font-size:.82rem;
    background:color-mix(in srgb, var(--c) 12%, #fff); color:var(--c); border:1px solid color-mix(in srgb, var(--c) 22%, #fff); }
  .rg-city-ad { font-weight:600; color:#101828; font-size:.97rem; }
  .rg-empty-find { color:#94a3b8; padding:2rem; text-align:center; display:none; }
  /* FOOTER */
  .rg-foot { background:#0b1220; color:#9aa4b2; }
  .rg-foot a { color:#cbd5e1; text-decoration:none; }
  .rg-foot a:hover { text-decoration:underline; }
  /* anim */
  .rg-fade { animation:rgIn .5s ease both; }
  @keyframes rgIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
  @media (prefers-reduced-motion: reduce){ .rg-fade{animation:none;} .rg-card,.rg-pill,.rg-cat,.rg-city{transition:none;} }




/* ── gzt-ortak-ustalt: ana sayfadaki nav ve footer ile aynı görünüm ── */
/* ── NAV ── */
      .nav {
        background: #0f1f4e;
        position: sticky;
        top: 0;
        z-index: 100;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
      }
.nav-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 56px;
      }
.logo {
        color: #fff;
        font-size: 1.25rem;
        font-weight: 800;
        text-decoration: none;
        white-space: nowrap;
        letter-spacing: -0.3px;
      }
.logo span {
        color: #3b82f6;
      }
.nav-links {
        display: flex;
        align-items: center;
        gap: 2px;
        flex-wrap: wrap;
      }
.nav-links a {
        color: #c8d4ef;
        font-size: 0.8rem;
        text-decoration: none;
        padding: 6px 9px;
        border-radius: 6px;
        transition:
          background 0.15s,
          color 0.15s;
        white-space: nowrap;
      }
.nav-links a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
      }
.nav-links a.active {
        background: #1d4ed8;
        color: #fff;
      }
/* ── FOOTER ── */
      footer {
  /* Yazı tipi sayfadan miras alınmasın; her bölümde ana sayfayla
     aynı görünsün diye sabitlendi. */
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
        background: #0f1f4e;
        color: #8fa8cf;
        padding: 40px 20px 24px;
      }
.footer-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
      }
footer h4 {
        color: #fff;
        font-size: 0.88rem;
        font-weight: 700;
        margin-bottom: 12px;
      }
footer p {
        font-size: 0.82rem;
        line-height: 1.6;
      }
footer a {
        color: #8fa8cf;
        text-decoration: none;
        display: block;
        font-size: 0.82rem;
        margin-bottom: 6px;
      }
footer a:hover {
        color: #60a5fa;
      }
.footer-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        background: rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        color: #8fa8cf;
        text-decoration: none;
        margin-right: 6px;
        margin-bottom: 0;
        font-size: 1rem;
        transition:
          background 0.15s,
          color 0.15s;
      }
.footer-social a:hover {
        background: #1d4ed8;
        color: #fff;
      }
.footer-bottom {
        max-width: 1200px;
        margin: 28px auto 0;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        text-align: center;
        font-size: 0.78rem;
        color: #5a78aa;
      }
.footer-bottom a {
        display: inline;
        margin: 0 8px;
        color: #5a78aa;
      }
.footer-bottom a:hover {
        color: #60a5fa;
      }
.footer-inner {
          grid-template-columns: 1fr;
          gap: 24px;
        }

/* Menü bağlantıları yalnız dar ekranda gizlenir; hamburger görünür.
   (Bu kural medya sorgusundan koparak koşulsuz kalmıştı — düzeltildi.) */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .hamburger { display: block; }
}
/* Tarayıcının varsayılan 8px gövde boşluğu nav'ı üstten ayırıyordu. */
body { margin: 0; }