:root{--green:#1e6c41;--green-dark:#0d3a22;--bg:#f7f8fa;--card:#fff;--text:#1d2420;--muted:#66706a;--shadow:0 10px 30px rgba(0,0,0,.08);--radius:18px;--neon:#36eaff;--neon-soft:rgba(54,234,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header-top{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.logo img{height:54px;width:auto}
.header-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.10);border:0;cursor:pointer;transition:.15s transform}
.btn i{font-size:18px}.btn-call{background:var(--green);color:#fff}.btn-wa{background:#25D366;color:#fff}.btn-ghost{background:#eef3f0;color:var(--green)}
.btn:hover{transform:translateY(-1px)}
.top-nav-bar{background:var(--green)}.scroll-container{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:10px 8px;scrollbar-width:none}
.scroll-container::-webkit-scrollbar{display:none}
.nav-item{color:#fff;padding:8px 14px;border-radius:10px;font-weight:800;font-size:13px;opacity:.95}
.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.18)}
.icon-nav-row{display:flex;justify-content:space-around;background:#fff;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.icon-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#2f3b35}
.icon-item i{font-size:20px;color:var(--green)}
.hero{padding:28px 0 16px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}
.hero-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.hero-media img{width:100%;height:auto;display:block}.hero-body{padding:18px}
.kicker{display:inline-flex;gap:10px;align-items:center;background:#e9f6ee;color:var(--green);padding:8px 12px;border-radius:999px;font-weight:900;font-size:12px}
.hero h1{margin:12px 0 8px;font-size:34px;line-height:1.1}.hero p{margin:0;color:var(--muted);font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.badge{background:#fff;border:1px solid rgba(0,0,0,.06);padding:10px 12px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);font-weight:800;font-size:13px;color:#2f3b35}
.section{padding:28px 0}.section-title{font-size:26px;margin:0 0 10px}.section-sub{margin:0 0 16px;color:var(--muted);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:relative;overflow:hidden}
.card h3{margin:10px 0 8px}.card p{margin:0;color:var(--muted);font-weight:600}
.icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;color:#fff}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:linear-gradient(135deg,#fff,#f3faf6);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:16px}
.step .n{width:34px;height:34px;border-radius:12px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.step h4{margin:10px 0 6px}.step p{margin:0;color:var(--muted);font-weight:600}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{padding:10px 12px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px rgba(0,0,0,.05);font-weight:800}
.pill:hover{border-color:rgba(30,108,65,.45)}
.gallery{columns:4;column-gap:14px}
.g-item{break-inside:avoid;margin-bottom:14px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff;display:block}
.g-item img{width:100%;height:auto;display:block}.g-cap{padding:10px 12px;font-weight:800;color:#2f3b35}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.stars{color:#f39c12;font-weight:900;letter-spacing:1px}
.review p{color:var(--muted);font-weight:600}
footer{background:#0f2f20;color:#eaf6ef;margin-top:18px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:28px 0}
.footer-grid a{color:#eaf6ef;opacity:.95}.footer-grid a:hover{opacity:1}
.small{font-size:13px;color:#cfe6da;font-weight:600}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;color:#cfe6da;font-size:13px;text-align:center}
.floating-buttons{position:fixed;right:14px;bottom:18px;display:flex;flex-direction:column;gap:12px;z-index:999}
.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.float-call{background:var(--green)}.float-wa{background:#25D366}.float-top{background:#1e88e5}
@media (min-width:900px){.floating-buttons{display:none}}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.gallery{columns:3}.footer-grid{grid-template-columns:1fr}}
@media (max-width:620px){.grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.gallery{columns:2}.hero h1{font-size:28px}.header-inner{flex-direction:column;align-items:flex-start}.header-cta{width:100%;justify-content:flex-start}}

/* ===== v2 UI upgrades (district cards, map, FAQ, city cards) ===== */
.card:hover{transform:translateY(-2px)}
.card{transition:transform .18s ease, box-shadow .18s ease}

.district-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.district-card{background:linear-gradient(180deg,#ffffff, #f3faf6);border:1px solid rgba(0,0,0,.06);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.08);padding:16px;position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.district-card:before{content:"";position:absolute;inset:-2px -2px auto auto;width:140px;height:140px;background:radial-gradient(circle at 30% 30%, rgba(30,108,65,.25), rgba(30,108,65,0));border-radius:999px}
.district-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.district-title{margin:10px 0 6px;font-size:16px;line-height:1.25}
.district-desc{margin:0;color:var(--muted);font-weight:600}
.district-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);font-weight:800;font-size:12px;color:#2f3b35;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.tag i{color:var(--green)}
.district-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.district-actions .btn{box-shadow:0 10px 20px rgba(0,0,0,.10)}
.district-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.12);border-color:rgba(30,108,65,.25)}

.map-wrap{background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.map-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:0}
.map-embed{min-height:360px}
.map-embed iframe{width:100%;height:100%;border:0;display:block}
.map-info{padding:16px}
.kv{display:grid;gap:10px;margin-top:10px}
.kv .item{background:#f6fbf8;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:12px}
.kv .item b{display:block;margin-bottom:4px}

.toc{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:22px;box-shadow:var(--shadow);padding:14px}
.toc a{display:inline-flex;margin:6px 8px 0 0;padding:10px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.06);background:#fff;font-weight:800}
.toc a:hover{border-color:rgba(30,108,65,.45)}

.prose{background:#fff;border-radius:22px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.06);padding:16px}
.prose h2{margin:8px 0 8px;font-size:20px}
.prose h3{margin:14px 0 8px;font-size:16px}
.prose p{margin:0 0 10px;color:var(--muted);font-weight:600;line-height:1.75}
.prose ul{margin:0 0 10px 18px;color:var(--muted);font-weight:600;line-height:1.75}
.prose li{margin:6px 0}

.faq{display:grid;gap:10px;margin-top:10px}
.faq details{background:#f6fbf8;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:12px}
.faq summary{cursor:pointer;font-weight:900;color:#2f3b35;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--green);font-weight:900}
.faq details[open] summary:after{content:"–"}

.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.city-card{background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);padding:16px;position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.city-card:before{content:"";position:absolute;inset:auto -40px -40px auto;width:160px;height:160px;background:radial-gradient(circle at 30% 30%, rgba(30,108,65,.22), rgba(30,108,65,0));border-radius:999px}
.city-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.12);border-color:rgba(30,108,65,.25)}
.city-name{margin:8px 0 6px;font-size:16px}
.city-key{margin:0;color:var(--muted);font-weight:600}

@media (max-width:980px){
  .district-grid{grid-template-columns:1fr 1fr}
  .city-grid{grid-template-columns:1fr 1fr}
  .map-grid{grid-template-columns:1fr}
  .map-embed{min-height:320px}
}
@media (max-width:620px){
  .district-grid{grid-template-columns:1fr}
  .city-grid{grid-template-columns:1fr}
}



/* --- İlçe Kartları (Yeni Tema) --- */
.districts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.districts-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);backdrop-filter:saturate(140%) blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.search i{opacity:.65}
.search input{border:0;outline:0;background:transparent;min-width:260px;font-weight:700}
@media (max-width:520px){.search input{min-width:180px}}

.district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.district-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.district-grid{grid-template-columns:1fr}}

.district-item{
  position:relative;display:flex;flex-direction:column;gap:10px;
  padding:14px 14px 12px;border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
}
.district-item:before{
  content:"";position:absolute;inset:-2px;
  background:radial-gradient(800px 180px at 15% 0%, rgba(30,108,65,.20), transparent 60%),
             radial-gradient(700px 200px at 85% 10%, rgba(255,179,0,.18), transparent 55%);
  opacity:.9;pointer-events:none;
}
.district-item > *{position:relative}
.district-item:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(0,0,0,.12);border-color:rgba(30,108,65,.35)}

.d-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.d-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  background:rgba(17,24,39,.04);border:1px solid rgba(0,0,0,.08);
  font-weight:900
}
.d-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:999px;
  background:rgba(30,108,65,.08);border:1px solid rgba(30,108,65,.18);
  font-weight:900;color:var(--brand)
}
.d-title{font-size:16px;line-height:1.25;font-weight:950}
.d-sub{opacity:.8;font-weight:700}

.d-cta{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:2px}
.mini{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 10px;border-radius:12px;
  background:#fff;border:1px solid rgba(0,0,0,.08);
  font-weight:950;
}
.district-item:hover .mini{border-color:rgba(30,108,65,.28)}

/* bölüm arka plan vurgusu */
#ilceler.section{background:
  radial-gradient(1200px 240px at 20% 0%, rgba(30,108,65,.10), transparent 60%),
  radial-gradient(1200px 260px at 80% 0%, rgba(255,179,0,.08), transparent 60%);
}

/* ===== Premium Responsive Navigation (v5) ===== */
.nav-shell{background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.nav-shell-inner{display:flex;align-items:center;gap:12px;min-height:58px}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.07);cursor:pointer}
.nav-toggle .i{width:22px;height:22px;color:var(--green)}
.nav-desktop{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.desk-link{color:#0f2a1b;font-weight:800;font-size:13px;letter-spacing:.4px;padding:10px 12px;border-radius:14px;opacity:.92}
.desk-link:hover{background:rgba(30,108,65,.10)}
.desk-link.active{background:rgba(30,108,65,.14);box-shadow:inset 0 0 0 1px rgba(30,108,65,.25)}

.site-menu{display:none;position:fixed;inset:0;z-index:80}
.site-menu.open{display:block}
.site-menu::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.site-menu .menu-head{position:absolute;right:0;top:0;width:min(420px, 92vw);background:#fff;border-left:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);border-top-left-radius:22px;border-bottom-left-radius:22px;padding:14px 14px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 30px 60px rgba(0,0,0,.18)}
.menu-brand{display:flex;align-items:center;gap:10px;font-weight:900}
.menu-dot{width:10px;height:10px;border-radius:99px;background:linear-gradient(135deg, #1e6c41, #37d46e)}
.menu-title{font-size:14px;letter-spacing:.6px}
.menu-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer}
.menu-close .i{width:20px;height:20px;color:#173224}

.site-menu .menu-links{position:absolute;right:0;top:68px;width:min(420px, 92vw);height:calc(100% - 68px);background:#fff;border-left:1px solid rgba(0,0,0,.08);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,#fff,#f7faf8);box-shadow:0 12px 24px rgba(0,0,0,.06)}
.nav-link .i{width:20px;height:20px;color:var(--green)}
.nav-link span{font-weight:800}
.nav-link:hover{transform:translateY(-1px)}
.nav-link.active{border-color:rgba(30,108,65,.35);box-shadow:0 18px 30px rgba(30,108,65,.12)}

.menu-quick{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.quick-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:18px;font-weight:900;border:1px solid rgba(0,0,0,.08);background:#fff}
.quick-btn .i{width:18px;height:18px;color:var(--green)}
.quick-btn.wa{background:linear-gradient(135deg,#19b95b,#37d46e);color:#fff;border-color:transparent}
.quick-btn.wa .i{color:#fff}
.quick-btn.ghost{background:#f3f7f4}

.mobile-dock{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid rgba(0,0,0,.08)}
.dock-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px}
.dock-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:16px;font-weight:800;font-size:11px;color:#1e2a23}
.dock-item .i{width:22px;height:22px;color:var(--green)}
.dock-item.active{background:rgba(30,108,65,.12);box-shadow:inset 0 0 0 1px rgba(30,108,65,.18)}
.dock-item[href^="https://wa.me"]{background:linear-gradient(135deg,#19b95b,#37d46e);color:#fff}
.dock-item[href^="https://wa.me"] .i{color:#fff}

/* spacing so dock doesn't cover content */
@media (max-width: 860px){
  .nav-toggle{display:inline-flex}
  .nav-desktop{display:none}
  .mobile-dock{display:block}
  main{padding-bottom:86px}
  .header-cta{gap:8px}
  .btn{padding:10px 12px;font-size:13px}
  .logo img{height:48px}
}

/* ===== Neon UI (requested) ===== */
.neon-border{
  border:1px solid rgba(54,234,255,.55) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.10),
    0 0 0 1px rgba(54,234,255,.25),
    0 0 18px rgba(54,234,255,.18),
    0 0 38px rgba(54,234,255,.10);
}
.neon-border:hover{
  border-color:rgba(54,234,255,.85) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.12),
    0 0 0 1px rgba(54,234,255,.30),
    0 0 22px rgba(54,234,255,.22),
    0 0 56px rgba(54,234,255,.14);
}
.district-item, .district-card, .city-card, .card, .review, .g-item, .map-wrap, .toc, .prose{
  border:1px solid rgba(54,234,255,.45);
}
.district-item, .district-card, .city-card, .card, .review, .g-item, .map-wrap, .toc, .prose{
  box-shadow:
    0 14px 40px rgba(0,0,0,.10),
    0 0 0 1px rgba(54,234,255,.18),
    0 0 18px rgba(54,234,255,.12);
}
.district-item:hover, .district-card:hover, .city-card:hover, .card:hover, .review:hover, .g-item:hover{
  box-shadow:
    0 18px 55px rgba(0,0,0,.12),
    0 0 0 1px rgba(54,234,255,.26),
    0 0 24px rgba(54,234,255,.18);
  border-color:rgba(54,234,255,.75);
}

/* Smaller, elegant mobile header buttons */
@media (max-width: 520px){
  .header-inner{gap:10px}
  .header-cta{width:100%;justify-content:flex-start}
  .btn{padding:9px 11px;font-size:12px}
  .btn i{font-size:16px}
  .nav-toggle{width:40px;height:40px;border-radius:12px}
  .dock-inner{padding:8px 10px}
  .dock-item{padding:8px 6px;border-radius:14px;font-size:10px}
  .dock-item .i{width:20px;height:20px}
}
@media (max-width: 400px){
  .header-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .btn{justify-content:center}
}


/* ===== Mobil Menü: 2 satır (yatay kaydırmalı) + alttaki dock kapalı ===== */
.mobile-dock{ display:none !important; }

@media (max-width: 768px){
  /* Menü panelindeki linkler 2 satır sabit kalsın */
  .menu-links{
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    padding: 12px 12px 6px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .menu-links::-webkit-scrollbar{ height: 8px; }
  .menu-links::-webkit-scrollbar-thumb{ border-radius: 999px; }

  .menu-links .nav-link{
    min-width: 150px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  .menu-links .nav-link span{
    font-size: 13px;
    letter-spacing: .2px;
  }
}


/* ===== Mobile: Menü her zaman görünür (kaydırmasız) ===== */
@media (max-width: 768px){
  /* Alttaki dock menü varsa tamamen kapat */
  .mobile-dock{display:none !important;}

  /* Hamburger butonu gizle (menü zaten açık) */
  .nav-toggle{display:none !important;}

  /* Off-canvas davranışı iptal */
  .site-menu{
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 0 0 18px 18px;
    margin: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(0,0,0,.10);
  }

  /* Başlık/kapama alanını kaldır */
  .menu-head, .menu-close{display:none !important;}

  /* Linkleri 2 sütun, ekrana sığacak şekilde grid yap */
  .menu-links{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .menu-links .nav-link{
    width: 100% !important;
    min-width: 0 !important;
    height: 44px;
    padding: 10px 10px;
    border-radius: 14px;
    justify-content: center;
    border: 1.6px solid rgba(54,234,255,.60);
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.42));
    box-shadow: 0 0 0 rgba(54,234,255,0);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .menu-links .nav-link:active{transform: scale(.98);}
  .menu-links .nav-link:hover{
    border-color: rgba(54,234,255,.95);
    box-shadow: 0 0 0 3px rgba(54,234,255,.22), 0 0 26px rgba(54,234,255,.32);
  }

  .menu-links .nav-link span{font-size: 12.5px; letter-spacing: .2px;}

  /* Hızlı butonlar: 3'lü grid, taşma yok */
  .menu-quick{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    padding: 0 12px 12px;
  }
  .menu-quick .quick-btn{
    justify-content:center;
    padding: 10px 10px;
    border-radius: 14px;
  }
}


/* ===== FINAL MOBILE MENU FIX ===== */
@media (max-width: 768px){
  .nav-desktop{display:none !important;}
  .nav-toggle{display:none !important;}
  .mobile-dock{display:none !important;}
  .site-menu,
  .site-menu.open{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    background:transparent !important;
    z-index:auto !important;
  }
  .site-menu::before{display:none !important;}
  .site-menu .menu-head{display:none !important;}
  .site-menu .menu-links{
    position:static !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    border:none !important;
    padding:12px 0 0 !important;
    background:transparent !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
    overflow:visible !important;
  }
  .site-menu .nav-link{
    width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    height:56px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.15 !important;
    gap:8px !important;
    background:linear-gradient(135deg, rgba(63,177,197,.88), rgba(132,219,230,.88)) !important;
    border:1.5px solid rgba(167,245,255,.65) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 10px 24px rgba(26,144,160,.18) !important;
  }
  .site-menu .nav-link .i{width:18px !important;height:18px !important;flex:0 0 18px;}
  .site-menu .nav-link span{
    display:block !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.1px !important;
  }
  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible{
    border-color:rgba(193,250,255,.95) !important;
    box-shadow:0 0 0 2px rgba(134,240,255,.24), 0 0 26px rgba(88,230,255,.34), inset 0 1px 0 rgba(255,255,255,.30) !important;
    transform:translateY(-1px);
  }
  .site-menu .nav-link.active{
    border-color:rgba(193,250,255,.95) !important;
    box-shadow:0 0 0 2px rgba(134,240,255,.22), 0 0 26px rgba(88,230,255,.28), inset 0 1px 0 rgba(255,255,255,.30) !important;
  }
  .menu-quick{display:none !important;}
}

@media (max-width: 420px){
  .site-menu .menu-links{gap:10px !important;}
  .site-menu .nav-link{min-height:52px !important;height:52px !important;padding:8px 10px !important;border-radius:16px !important;}
  .site-menu .nav-link span{font-size:12px !important;}
  .site-menu .nav-link .i{width:16px !important;height:16px !important;}
}


/* ===== Final polish update ===== */
.map-section-bottom{padding-top:10px}
.map-section-bottom .section-title{margin-bottom:8px}
.map-section-bottom .section-sub{max-width:760px}
.site-credit a{color:#86f0ff;font-weight:800}
.site-credit a:hover{text-decoration:underline}

@media (max-width:768px){
  .header-inner{flex-direction:column;align-items:stretch;padding:10px 0}
  .logo{display:flex;justify-content:center}
  .logo img{height:50px}
  .header-cta{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .header-cta .btn{justify-content:center;padding:9px 6px;font-size:11px;border-radius:14px;min-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-cta .btn i{font-size:14px}

  .nav-shell{position:static}
  .site-menu .menu-links{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;padding:10px 0 0 !important}
  .site-menu .nav-link{min-height:54px !important;height:54px !important;padding:8px 10px !important;border-radius:16px !important}
  .site-menu .nav-link span{font-size:12px !important}
  .site-menu .nav-link:last-child{grid-column:1 / -1}
}
@media (max-width:420px){
  .header-cta .btn{font-size:10.5px;min-height:40px}
  .site-menu .nav-link{min-height:50px !important;height:50px !important}
  .site-menu .nav-link span{font-size:11.5px !important}
}


/* ===== V6 MOBILE MENU EQUAL FIX ===== */
@media (max-width: 768px){
  .nav-toggle,
  .menu-head,
  .menu-quick,
  .mobile-dock{display:none !important;}

  .header-inner{flex-direction:column;align-items:stretch;gap:12px;padding:10px 0 12px;}
  .logo{display:flex;justify-content:center;}
  .logo img{height:54px;width:auto;max-width:100%;}

  .header-cta{
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .header-cta .btn{
    min-width:0;
    min-height:42px;
    height:42px;
    padding:8px 6px;
    font-size:11px;
    border-radius:14px;
    justify-content:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .header-cta .btn i{font-size:13px;}

  .nav-shell,.nav-shell-inner{position:static !important;}
  .site-menu,
  .site-menu.open{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    background:transparent !important;
  }
  .site-menu::before{display:none !important;}
  .site-menu .menu-links{
    position:static !important;
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:12px 0 0 !important;
    background:transparent !important;
    border:none !important;
    overflow:visible !important;
  }
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:60px !important;
    height:60px !important;
    padding:10px 8px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    text-align:center !important;
    white-space:normal !important;
    background:linear-gradient(135deg, rgba(90,195,214,.96), rgba(132,221,234,.96)) !important;
    border:1.5px solid rgba(178,246,255,.72) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32), 0 10px 22px rgba(27,145,161,.16) !important;
  }
  .site-menu .nav-link .i{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }
  .site-menu .nav-link span{
    display:block !important;
    width:100% !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    letter-spacing:.1px !important;
    word-break:break-word;
  }
  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible,
  .site-menu .nav-link.active{
    border-color:rgba(214,252,255,.98) !important;
    box-shadow:0 0 0 2px rgba(138,241,255,.20), 0 0 24px rgba(88,230,255,.22), inset 0 1px 0 rgba(255,255,255,.34) !important;
    transform:none !important;
  }
}

@media (max-width: 430px){
  .header-cta .btn{font-size:10.5px;min-height:40px;height:40px;border-radius:13px;}
  .site-menu .menu-links{gap:8px !important;}
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{min-height:56px !important;height:56px !important;padding:8px 6px !important;border-radius:16px !important;}
  .site-menu .nav-link .i{width:15px !important;height:15px !important;}
  .site-menu .nav-link span{font-size:11px !important;}
}


/* Biz Kimiz */
.about-us{padding-top:10px}
.about-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:18px;align-items:start}
.about-main{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,252,255,.92))}
.section-title.left{text-align:left;margin-bottom:10px}
.about-lead{font-size:17px;font-weight:700;color:#244d5f}
.about-main p{color:var(--muted);font-weight:600;line-height:1.8}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.stat-card{background:linear-gradient(180deg,rgba(104,218,235,.16),rgba(255,255,255,.96));border:1px solid rgba(54,234,255,.45);border-radius:22px;padding:18px 14px;text-align:center;box-shadow:0 14px 36px rgba(0,0,0,.08),0 0 0 1px rgba(54,234,255,.16),0 0 18px rgba(54,234,255,.10)}
.stat-card strong{display:block;font-size:28px;line-height:1.1;color:#0c7f96;font-weight:900;margin-bottom:6px}
.stat-card span{display:block;font-weight:700;color:#335866;font-size:13px}
.about-side{display:grid;gap:14px}
.feature-card{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,252,255,.95));border-radius:24px;padding:18px}
.feature-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#53d8ea,#8de8f4);color:#fff;box-shadow:0 12px 28px rgba(83,216,234,.35), inset 0 1px 0 rgba(255,255,255,.45)}
.feature-icon i{font-size:24px}
.feature-card h3{margin:2px 0 8px;font-size:18px}
.feature-card p{margin:0;color:var(--muted);font-weight:600;line-height:1.7}
@media (max-width: 980px){.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.about-main{padding:18px}.about-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px 10px}.stat-card strong{font-size:24px}.feature-card{grid-template-columns:52px 1fr;padding:14px}.feature-icon{width:52px;height:52px;border-radius:16px}}

/* ===== FINAL MOBILE MENU 3D ICON UPDATE ===== */
.nav-desktop{gap:12px;}
.desk-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:18px;
  color:#154556;
  font-weight:800;
  letter-spacing:.15px;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(206,244,249,.92));
  border:1px solid rgba(129,224,239,.65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 14px 30px rgba(22,126,145,.10);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease;
}
.desk-link:hover,
.desk-link:focus-visible{
  color:#0a6174;
  transform:translateY(-2px);
  border-color:rgba(118,241,255,.95);
  box-shadow:0 0 0 3px rgba(114,235,255,.14), 0 16px 30px rgba(49,178,198,.16), inset 0 1px 0 rgba(255,255,255,.85);
}
.desk-link.active{
  color:#fff;
  background:linear-gradient(135deg, #46cddd, #7fe6f2);
  border-color:rgba(214,252,255,.95);
  box-shadow:0 0 0 3px rgba(114,235,255,.14), 0 18px 34px rgba(49,178,198,.24), inset 0 1px 0 rgba(255,255,255,.45);
}

@media (max-width: 768px){
  .nav-toggle,
  .menu-head,
  .menu-quick,
  .mobile-dock{display:none !important;}

  .nav-shell,.nav-shell-inner{position:static !important;}
  .site-menu,
  .site-menu.open{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    background:transparent !important;
  }
  .site-menu::before{display:none !important;}
  .site-menu .menu-links{
    position:static !important;
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:12px 0 0 !important;
    margin-top:2px !important;
    background:transparent !important;
    border:none !important;
    overflow:visible !important;
  }
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:76px !important;
    height:76px !important;
    padding:10px 6px !important;
    border-radius:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
    text-align:center !important;
    white-space:normal !important;
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(231,250,252,.98)) !important;
    border:1px solid rgba(164,229,236,.95) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 16px 30px rgba(29,145,164,.11) !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  }
  .site-menu .nav-link .i{
    display:grid !important;
    place-items:center !important;
    width:22px !important;
    height:22px !important;
    color:#0f8fa3 !important;
    background:linear-gradient(180deg,#ffffff 0%, #ddfbff 48%, #b8f1f8 100%) !important;
    border-radius:999px !important;
    padding:8px !important;
    box-sizing:content-box !important;
    border:1px solid rgba(129,228,239,.9) !important;
    box-shadow:0 8px 18px rgba(45,194,214,.28), inset 0 2px 3px rgba(255,255,255,.92), inset 0 -4px 8px rgba(69,204,222,.22) !important;
    filter:drop-shadow(0 3px 8px rgba(35,174,194,.18));
    flex:0 0 auto !important;
  }
  .site-menu .nav-link span{
    display:block !important;
    width:100% !important;
    font-size:11.7px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    color:#40616a !important;
    letter-spacing:.1px !important;
    word-break:break-word !important;
  }
  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible,
  .site-menu .nav-link.active{
    transform:translateY(-2px) !important;
    border-color:rgba(94,225,241,.95) !important;
    box-shadow:0 0 0 3px rgba(111,240,255,.14), 0 18px 28px rgba(26,144,160,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }
  .site-menu .nav-link:hover .i,
  .site-menu .nav-link:focus-visible .i,
  .site-menu .nav-link.active .i{
    color:#ffffff !important;
    background:linear-gradient(180deg,#56d9ea 0%, #28bfd6 50%, #129cb6 100%) !important;
    border-color:rgba(201,250,255,.98) !important;
    box-shadow:0 10px 22px rgba(21,177,199,.38), inset 0 2px 4px rgba(255,255,255,.52), inset 0 -6px 10px rgba(0,91,109,.28) !important;
  }

  /* 2 buton üstte kalsa bile taşmasın */
  .header-inner{gap:10px !important;}
}

@media (max-width: 520px){
  .site-menu .menu-links{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    min-height:72px !important;
    height:72px !important;
    padding:8px 5px !important;
    border-radius:18px !important;
  }
  .site-menu .nav-link .i{
    width:20px !important;
    height:20px !important;
    padding:7px !important;
  }
  .site-menu .nav-link span{font-size:10.8px !important;}
}


/* ===== 3D service icons for mobile menu ===== */
@media (max-width: 768px){
  .site-menu .nav-link{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,252,253,.98)) !important;
  }
  .site-menu .nav-link::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(140px 70px at 20% 0%, rgba(112,239,255,.16), transparent 70%), radial-gradient(120px 65px at 100% 100%, rgba(47,201,221,.14), transparent 72%);
    pointer-events:none;
  }
  .site-menu .nav-link .i{
    width:26px !important;
    height:26px !important;
    padding:8px !important;
    border-radius:999px !important;
    border:1px solid rgba(111,228,243,.95) !important;
    color:#0c8ca1 !important;
    background:
      radial-gradient(circle at 30% 28%, rgba(255,255,255,.95) 0 20%, rgba(255,255,255,.45) 21%, transparent 34%),
      linear-gradient(180deg, #dffcff 0%, #87e5f0 52%, #31bfd3 100%) !important;
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.95),
      inset 0 -8px 12px rgba(9,126,145,.20),
      0 10px 16px rgba(37,178,198,.26),
      0 0 0 6px rgba(120,240,255,.09) !important;
    filter:drop-shadow(0 5px 9px rgba(25,175,196,.16));
  }
  .site-menu .nav-link:nth-child(1) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#dffcff 0%,#91ecf4 52%,#2ec2d6 100%) !important;}
  .site-menu .nav-link:nth-child(2) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#ebfffb 0%,#9ef4d5 52%,#39c38e 100%) !important; color:#10835d !important;}
  .site-menu .nav-link:nth-child(3) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#f2fdff 0%,#b7edff 52%,#66bdf8 100%) !important; color:#2076b0 !important;}
  .site-menu .nav-link:nth-child(4) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#f3fdff 0%,#c7f5ff 52%,#6ed8f1 100%) !important; color:#0d819b !important;}
  .site-menu .nav-link:nth-child(5) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#fbffff 0%,#bfeaf9 52%,#61bbf4 100%) !important; color:#216ea4 !important;}
  .site-menu .nav-link:nth-child(6) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#fbffff 0%,#d1f4ff 52%,#73d1f5 100%) !important; color:#137a9d !important;}
  .site-menu .nav-link:nth-child(7) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#fdffff 0%,#c8fff0 52%,#5bd8bf 100%) !important; color:#0f8d73 !important;}
  .site-menu .nav-link:nth-child(8) .i{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.96) 0 20%, rgba(255,255,255,.46) 21%, transparent 34%), linear-gradient(180deg,#ffffff 0%,#d4f7ff 52%,#78d9f0 100%) !important; color:#0b7891 !important;}
  .site-menu .nav-link:hover .i,
  .site-menu .nav-link:focus-visible .i,
  .site-menu .nav-link.active .i{
    transform:translateY(-1px) scale(1.04);
  }
}


/* ===== V7 Elegant 3D Vector Menu Refresh ===== */
:root{
  --menu-card-top:#f8feff;
  --menu-card-bottom:#eaf8fb;
  --menu-stroke:#8fe8fb;
  --menu-shadow:0 16px 32px rgba(21,129,150,.12), inset 0 1px 0 rgba(255,255,255,.95);
  --menu-shadow-hover:0 22px 42px rgba(21,129,150,.18), 0 0 0 4px rgba(143,232,251,.16), inset 0 1px 0 rgba(255,255,255,.98);
}

.nav-desktop{
  gap:14px;
}
.desk-link{
  border-radius:20px;
  min-height:50px;
  padding:12px 18px;
  background:linear-gradient(180deg,var(--menu-card-top),var(--menu-card-bottom));
  border:1px solid rgba(143,232,251,.8);
  box-shadow:var(--menu-shadow);
  color:#245367;
}
.desk-link:hover,.desk-link:focus-visible{
  transform:translateY(-2px);
  box-shadow:var(--menu-shadow-hover);
  border-color:#58d9f2;
}
.desk-link.active{
  background:linear-gradient(180deg,#faffff,#dff7fb);
  color:#0a6f86;
  border-color:#4ed7f1;
  box-shadow:var(--menu-shadow-hover);
}

@media (max-width: 768px){
  .header-cta{margin-bottom:10px;}
  .site-menu .menu-links{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:8px 0 0 !important;
  }
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    min-height:92px !important;
    height:92px !important;
    padding:12px 10px !important;
    border-radius:22px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    background:linear-gradient(180deg,var(--menu-card-top),var(--menu-card-bottom)) !important;
    border:1px solid rgba(143,232,251,.82) !important;
    box-shadow:var(--menu-shadow) !important;
    overflow:hidden;
    position:relative;
  }
  .site-menu .nav-link::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%);
    pointer-events:none;
  }
  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible,
  .site-menu .nav-link.active{
    transform:translateY(-1px) !important;
    border-color:#4ed7f1 !important;
    box-shadow:var(--menu-shadow-hover) !important;
  }
  .site-menu .nav-link .nav-orb{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.98), rgba(198,244,251,.92) 60%, rgba(162,233,245,.85) 100%);
    border:1px solid rgba(118,227,245,.78);
    box-shadow:inset 0 6px 10px rgba(255,255,255,.92), inset 0 -8px 14px rgba(88,211,233,.16), 0 10px 18px rgba(73,197,219,.18);
    position:relative;
    z-index:1;
  }
  .site-menu .nav-link .nav-orb::after{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.75);
    opacity:.9;
  }
  .site-menu .nav-link .i{
    width:20px !important;
    height:20px !important;
    color:#1698b1;
    stroke-width:1.85;
    filter:drop-shadow(0 2px 1px rgba(255,255,255,.8));
    position:relative;
    z-index:2;
  }
  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{
    display:block !important;
    width:100%;
    text-align:center;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#325565;
    position:relative;
    z-index:1;
  }
}
@media (max-width: 430px){
  .site-menu .menu-links{gap:10px !important;}
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    min-height:86px !important;
    height:86px !important;
    padding:10px 8px !important;
    border-radius:20px !important;
  }
  .site-menu .nav-link .nav-orb{width:38px;height:38px;}
  .site-menu .nav-link .i{width:18px !important;height:18px !important;}
  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{font-size:12px !important;}
}

/* ===== V8 Zarif Sekmeli Menü ===== */
:root{
  --tab-top:#fffdfa;
  --tab-mid:#f9f2e3;
  --tab-bottom:#e8c97b;
  --tab-border:#ba8f34;
  --tab-shadow:0 12px 22px rgba(135,94,23,.18), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 10px rgba(169,121,31,.12);
  --tab-shadow-hover:0 16px 28px rgba(135,94,23,.25), 0 0 0 3px rgba(255,214,120,.24), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -8px 10px rgba(169,121,31,.16);
  --tab-text:#54411a;
  --tab-base-start:#11233d;
  --tab-base-end:#203d64;
}

.header-nav{
  background:linear-gradient(180deg,#eef7f8 0%,#f9fbfc 100%);
  border-top:1px solid rgba(255,255,255,.75);
}
.nav-shell{
  background:linear-gradient(180deg,#fbfdfe 0%,#edf6f7 100%) !important;
  border-bottom:0 !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.8), 0 10px 24px rgba(20,52,82,.08);
}
.nav-shell-inner{
  position:relative;
  padding-top:12px;
  padding-bottom:18px;
}
.nav-shell-inner::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:14px;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,var(--tab-base-start),var(--tab-base-end));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 10px 18px rgba(13,34,58,.18);
}
.nav-desktop{
  position:relative;
  z-index:1;
  gap:0;
  width:100%;
  justify-content:flex-start;
  align-items:flex-end;
}
.desk-link{
  min-width:132px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px 16px;
  margin-right:4px;
  border-radius:14px 14px 10px 10px;
  border:1px solid var(--tab-border);
  border-bottom-color:#8b6518;
  background:linear-gradient(180deg,var(--tab-top) 0%, var(--tab-mid) 36%, var(--tab-bottom) 100%) !important;
  box-shadow:var(--tab-shadow);
  color:var(--tab-text) !important;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.55px;
  font-weight:900;
  text-align:center;
  position:relative;
}
.desk-link::before{
  content:"";
  position:absolute;
  left:12px;right:12px;top:6px;
  height:16px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));
  pointer-events:none;
}
.desk-link:hover,
.desk-link:focus-visible,
.desk-link.active{
  transform:translateY(-2px);
  box-shadow:var(--tab-shadow-hover);
  border-color:#c99831;
  color:#3f2f10 !important;
}
.desk-link.active{
  background:linear-gradient(180deg,#fffefb 0%, #f8efdb 30%, #efbf51 100%) !important;
}

@media (max-width: 768px){
  .nav-shell-inner{padding-top:10px;padding-bottom:10px;display:block}
  .nav-shell-inner::after{display:none}
  .nav-toggle,.menu-head,.menu-close{display:none !important}
  .site-menu{
    display:block !important;
    position:static !important;
    inset:auto !important;
    z-index:auto !important;
    background:none !important;
  }
  .site-menu::before{display:none !important}
  .site-menu .menu-links{
    position:static !important;
    width:100% !important;
    height:auto !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    overflow:visible !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    min-height:78px !important;
    height:78px !important;
    border-radius:18px !important;
    padding:10px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
    background:linear-gradient(180deg,#fbffff 0%, #edf7f8 55%, #cfe5e7 100%) !important;
    border:1px solid rgba(121,214,229,.6) !important;
    box-shadow:0 10px 22px rgba(34,135,153,.12), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 12px rgba(124,207,220,.14) !important;
  }
  .site-menu .nav-link::before{
    content:"";
    position:absolute;
    left:8px;right:8px;top:6px;
    height:18px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));
    pointer-events:none;
  }
  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible,
  .site-menu .nav-link.active{
    transform:translateY(-1px) !important;
    border-color:#67d7ea !important;
    box-shadow:0 14px 26px rgba(34,135,153,.16), 0 0 0 3px rgba(103,215,234,.15), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 12px rgba(124,207,220,.18) !important;
  }
  .site-menu .nav-link .nav-orb{
    width:34px !important;
    height:34px !important;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.98), rgba(219,247,251,.94) 58%, rgba(160,225,236,.82) 100%) !important;
    border:1px solid rgba(122,215,231,.72) !important;
    box-shadow:inset 0 5px 8px rgba(255,255,255,.96), inset 0 -7px 10px rgba(83,186,202,.16), 0 8px 14px rgba(61,177,196,.14) !important;
  }
  .site-menu .nav-link .i{
    width:16px !important;
    height:16px !important;
    color:#2b8ca0 !important;
  }
  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{
    font-size:12px !important;
    color:#33505a !important;
    font-weight:800 !important;
  }
}


/* ===== Mobile visible 3D tab menu ===== */
@media (max-width: 860px){
  .header-nav{position:relative;z-index:40}
  .nav-shell{
    background:linear-gradient(180deg, rgba(247,251,252,.96), rgba(233,241,245,.96));
    border-bottom:1px solid rgba(94,177,203,.25);
    box-shadow:0 12px 30px rgba(18,46,74,.08);
  }
  .nav-shell-inner{display:block;min-height:auto;padding:12px 0 16px}
  .nav-toggle,.mobile-dock,.menu-close,.menu-head{display:none !important}
  main{padding-bottom:0}
  .site-menu{
    display:block !important;
    position:static;
    inset:auto;
    width:100%;
    background:transparent;
  }
  .site-menu::before{display:none !important}
  .site-menu .menu-links{
    position:static;
    inset:auto;
    width:100%;
    height:auto;
    background:transparent;
    border:0;
    padding:0;
    overflow:visible;
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:10px;
  }
  .site-menu .menu-quick{display:none !important}

  .nav-link{
    position:relative;
    min-height:82px;
    border-radius:18px 18px 14px 14px;
    padding:10px 8px 12px;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    gap:8px;
    text-align:center;
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(240,248,250,.96) 54%, rgba(214,232,238,.98) 100%);
    border:1px solid rgba(123,212,237,.9);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -12px 20px rgba(95,181,207,.16),
      0 4px 0 rgba(56,111,139,.78),
      0 10px 18px rgba(26,70,102,.16),
      0 0 0 1px rgba(255,255,255,.7);
    transform:translateY(0);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .nav-link::before{
    content:"";
    position:absolute;
    left:8px; right:8px; top:6px;
    height:44%;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.18));
    pointer-events:none;
  }
  .nav-link:hover,
  .nav-link:focus-visible,
  .nav-link.active{
    border-color:rgba(76,207,245,.98);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -14px 24px rgba(66,196,226,.18),
      0 4px 0 rgba(46,104,133,.85),
      0 0 18px rgba(82,223,255,.26),
      0 14px 22px rgba(26,70,102,.18);
    transform:translateY(-1px);
  }
  .nav-orb{
    position:relative;
    z-index:1;
    width:34px;
    height:34px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 30% 28%, #ffffff 0%, #d8f8ff 24%, #73dff6 58%, #2eb3d4 100%);
    box-shadow:
      inset 0 3px 8px rgba(255,255,255,.78),
      inset 0 -10px 16px rgba(14,124,160,.22),
      0 8px 12px rgba(36,146,180,.24),
      0 0 0 1px rgba(114,221,247,.55);
  }
  .nav-link .i{
    width:18px;
    height:18px;
    color:#0e5f76;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.8));
  }
  .nav-text{
    position:relative;
    z-index:1;
    display:block;
    font-size:12px;
    line-height:1.15;
    font-weight:800;
    color:#29485a;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
  }
}

@media (max-width: 560px){
  .site-menu .menu-links{grid-template-columns:repeat(2, minmax(0,1fr));}
  .nav-link{min-height:88px}
}

/* ===== FINAL MOBILE 3D TAB MENU OVERRIDE ===== */
@media (max-width: 768px){
  .nav-toggle,
  .mobile-dock,
  .menu-head,
  .menu-close,
  .site-menu::before,
  .site-menu .menu-quick{display:none !important;}

  .header-top .container,
  .nav-shell-inner,
  .container{width:min(100% - 18px, 1180px) !important;}

  .header-inner{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .header-cta{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

  .header-cta .btn{
    min-width:0 !important;
    width:100%;
    justify-content:center;
    padding:10px 8px;
    font-size:12px;
    border-radius:16px;
  }

  .header-nav{
    padding:8px 0 0;
  }

  .site-menu,
  .site-menu.open{
    display:block !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    background:transparent !important;
    z-index:auto !important;
  }

  .site-menu .menu-links{
    position:static !important;
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 !important;
    overflow:visible !important;
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(229,249,251,.92)) !important;
    border:1px solid rgba(80,212,240,.32) !important;
    border-radius:20px !important;
    box-shadow:0 18px 38px rgba(71,189,208,.16), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  .site-menu .nav-link,
  .site-menu .nav-link:last-child{
    min-height:86px !important;
    height:86px !important;
    padding:8px 6px 10px !important;
    border-radius:16px !important;
    border:1px solid rgba(78,214,240,.45) !important;
    background:linear-gradient(180deg, #fbffff 0%, #edf9fb 48%, #d8f2f8 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -10px 18px rgba(95,207,230,.10),
      0 10px 18px rgba(60,164,183,.12) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    transform:none !important;
  }

  .site-menu .nav-link:hover,
  .site-menu .nav-link:focus-visible,
  .site-menu .nav-link.active{
    background:linear-gradient(180deg, #ffffff 0%, #eefcff 42%, #c9eff8 100%) !important;
    border-color:#57d4ef !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -12px 22px rgba(51,199,228,.14),
      0 0 0 1px rgba(95,227,255,.28),
      0 10px 22px rgba(53,183,209,.18) !important;
  }

  .site-menu .nav-link .nav-orb{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    position:relative;
    background:
      radial-gradient(circle at 30% 26%, rgba(255,255,255,.98) 0 18%, rgba(255,255,255,.48) 19%, transparent 34%),
      linear-gradient(180deg,#dffcff 0%,#9debf7 50%,#49cae3 100%) !important;
    border:1px solid rgba(104,222,245,.72) !important;
    box-shadow:
      inset 0 5px 10px rgba(255,255,255,.88),
      inset 0 -8px 12px rgba(26,163,188,.18),
      0 6px 16px rgba(66,193,217,.22) !important;
  }

  .site-menu .nav-link .nav-orb::after{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:50%;
    background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0));
    pointer-events:none;
  }

  .site-menu .nav-link .i{
    width:17px !important;
    height:17px !important;
    color:#15738d !important;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.8));
  }

  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{
    font-size:11px !important;
    line-height:1.12 !important;
    letter-spacing:.1px !important;
    font-weight:800 !important;
    color:#365867 !important;
  }

  .nav-desktop{display:none !important;}
}

@media (max-width: 460px){
  .site-menu .menu-links{gap:8px !important; border-radius:18px !important;}
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{min-height:82px !important;height:82px !important;padding:8px 4px 9px !important;}
  .site-menu .nav-link .nav-orb{width:32px !important;height:32px !important;}
  .site-menu .nav-link .i{width:16px !important;height:16px !important;}
  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{font-size:10.3px !important;}
}

@media (max-width: 390px){
  .header-cta .btn{font-size:11px; padding:9px 6px;}
  .site-menu .menu-links{gap:7px !important;}
  .site-menu .nav-link,
  .site-menu .nav-link:last-child{min-height:78px !important;height:78px !important; border-radius:14px !important;}
  .site-menu .nav-link .nav-orb{width:30px !important;height:30px !important;}
  .site-menu .nav-link .i{width:15px !important;height:15px !important;}
  .site-menu .nav-link .nav-text,
  .site-menu .nav-link span:last-child{font-size:9.8px !important;}
}


/* ===== CLEAN REBUILT NAVIGATION ===== */
.nav-rebuild{position:sticky;top:0;z-index:70;background:linear-gradient(180deg,rgba(246,252,253,.96),rgba(237,248,250,.95));backdrop-filter:blur(10px);border-top:1px solid rgba(80,195,220,.14);border-bottom:1px solid rgba(80,195,220,.22);box-shadow:0 10px 30px rgba(46,154,182,.08)}
.nav-rebuild-inner{padding:10px 0}
.nav-toggle,.site-menu,.mobile-dock{display:none !important}
.nav-desktop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.desk-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:122px;padding:13px 16px;border-radius:16px;border:1px solid rgba(92,206,232,.35);background:linear-gradient(180deg,#ffffff 0%,#eef9fb 48%,#d9f0f5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -8px 12px rgba(76,195,220,.12), 0 12px 22px rgba(38,156,181,.10);font-weight:800;font-size:13px;color:#24586a;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.desk-link:hover,.desk-link.active{transform:translateY(-2px);border-color:rgba(55,198,233,.60);box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -10px 16px rgba(61,207,233,.18), 0 16px 30px rgba(31,162,191,.16), 0 0 0 1px rgba(122,233,255,.28)}
.nav-mobile-grid{display:none}

@media (max-width: 860px){
  .header-inner{flex-direction:column;align-items:stretch;gap:12px}
  .logo{display:flex;justify-content:center}
  .header-cta{justify-content:center;flex-wrap:wrap}
  .nav-desktop{display:none !important}
  .nav-mobile-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
  .mobile-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:88px;padding:10px 6px;border-radius:18px;border:1px solid rgba(95,208,233,.38);background:linear-gradient(180deg,#ffffff 0%,#f4fbfc 36%,#dff4f8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -10px 16px rgba(76,204,226,.12), 0 12px 24px rgba(47,160,188,.10);text-align:center;color:#345b68;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
  .mobile-tab::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.95), transparent 42%), linear-gradient(180deg,rgba(255,255,255,.15),transparent 45%);pointer-events:none}
  .mobile-tab:hover,.mobile-tab:focus-visible,.mobile-tab.active{transform:translateY(-2px);border-color:rgba(60,213,240,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,1), inset 0 -12px 18px rgba(83,211,233,.16), 0 16px 28px rgba(32,161,189,.16), 0 0 0 1px rgba(137,238,255,.24)}
  .tab-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:linear-gradient(180deg,#fdfefe 0%,#dff6fa 42%,#91e0f0 100%);border:1px solid rgba(100,212,235,.65);box-shadow:inset 0 2px 3px rgba(255,255,255,.98), inset 0 -7px 10px rgba(57,190,219,.18), 0 10px 18px rgba(38,165,194,.16)}
  .tab-icon::after{content:"";position:absolute;top:5px;left:8px;width:16px;height:10px;border-radius:999px;background:rgba(255,255,255,.72);filter:blur(.3px)}
  .tab-icon i{font-size:18px;line-height:1;background:linear-gradient(180deg,#32c7e0,#1885a2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.35)}
  .tab-label{display:block;font-weight:800;font-size:12px;line-height:1.18;letter-spacing:.1px;color:#3e5f69;text-wrap:balance}
}

@media (max-width: 560px){
  .header-top .container{padding-left:12px;padding-right:12px}
  .header-cta{gap:8px}
  .header-cta .btn{padding:10px 12px;font-size:13px}
  .logo img{height:52px;width:auto}
  .nav-rebuild-inner{padding:8px 0}
  .nav-mobile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .mobile-tab{min-height:82px;padding:8px 4px;border-radius:16px}
  .tab-icon{width:34px;height:34px}
  .tab-icon i{font-size:15px}
  .tab-label{font-size:10.8px}
}

@media (max-width: 390px){
  .nav-mobile-grid{gap:7px}
  .mobile-tab{min-height:78px}
  .tab-icon{width:31px;height:31px}
  .tab-label{font-size:10px}
}