/* Yüzmekolik — ORTAK NAVBAR
   Kaynak: iso/index.html satır içi stilinden çıkarıldı (tools/bake-navbar.js).
   ⚠️ ELLE DÜZENLEME: ana sayfadaki stili değiştirip bu script'i yeniden çalıştır. */
/* === TOPBAR — FLOATING PILL NAVIGATION === */
    .nk-topbar {
        position: fixed;
        top: 16px; left: 0; right: 0;
        z-index: 1000;
        padding: 0 20px;
        transition: top 0.3s var(--nk-ease);
    }
    .nk-topbar-inner {
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 68px;
        padding: 0 12px 0 24px;
        border-radius: 999px;
        background: rgba(12,30,53,0.5);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(18px) saturate(160%);
        -webkit-backdrop-filter: blur(18px) saturate(160%);
        box-shadow: 0 10px 34px rgba(3,14,28,0.22);
        transition: background 0.35s var(--nk-ease), border-color 0.35s var(--nk-ease), box-shadow 0.35s var(--nk-ease);
    }
    .nk-topbar.scrolled {
        top: 10px;
    }
    .nk-topbar.scrolled .nk-topbar-inner {
        background: rgba(255,255,255,0.92);
        border-color: var(--nk-border);
        box-shadow: 0 12px 32px rgba(15,23,42,0.12);
    }

    /* Logo */
    .nk-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        flex-shrink: 0;
    }
    .nk-logo i { font-size: 1.6rem; color: var(--nk-blue); }
    .nk-logo span {
        font-family: var(--font-display);
        font-size: 1.5rem;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: -0.5px;
        transition: color 0.3s;
        text-shadow: 0 1px 8px rgba(0,0,0,0.3);
    }
    .nk-topbar.scrolled .nk-logo span { color: var(--nk-text); text-shadow: none; }

    /* Nav */
    .nk-nav {
        display: flex;
        align-items: center;
        gap: 4px;
        list-style: none;
    }
    .nk-nav > li { position: relative; }
    .nk-nav-link {
        position: relative;
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 8px 14px;
        font-size: 13.5px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        border-radius: 8px;
        transition: all 0.25s var(--nk-ease);
        white-space: nowrap;
        cursor: pointer;
        text-shadow: 0 1px 6px rgba(0,0,0,0.3);
    }
    .nk-nav-link::after {
        content: '';
        position: absolute;
        left: 14px; right: 14px; bottom: 3px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s var(--nk-ease);
    }
    .nk-nav-link:hover { background: rgba(255,255,255,0.15); color: #fff; }
    .nk-nav-link:hover::after { transform: scaleX(1); }
    .nk-topbar.scrolled .nk-nav-link { color: var(--nk-text); text-shadow: none; }
    .nk-topbar.scrolled .nk-nav-link:hover { background: var(--nk-ice); color: var(--nk-blue); }

    /* Mega Menu */
    .nk-megamenu { position: relative; }
    .nk-dropdown-arrow { font-size: 10px; transition: transform 0.25s; }
    .nk-mega-panel {
        position: absolute;
        top: calc(100% + 18px);
        left: 50%;
        transform: translateX(-50%) translateY(-8px);
        width: 860px;
        background: var(--nk-white);
        border: 1px solid var(--nk-border);
        border-radius: 20px;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s var(--nk-ease);
        z-index: 100;
        overflow: hidden;
        box-shadow: 0 28px 64px rgba(6,20,40,0.22);
    }
    .nk-megamenu:hover .nk-mega-panel {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    .nk-megamenu:hover .nk-dropdown-arrow { transform: rotate(180deg); }
    .nk-mega-inner {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0;
    }
    .nk-mega-col {
        padding: 20px;
    }
    .nk-mega-col:not(:last-child) {
        border-right: 1px solid var(--nk-border);
    }
    .nk-mega-heading {
        font-family: var(--font-display);
        font-size: 10px;
        font-weight: 700;
        color: var(--nk-text-sub);
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 14px;
        padding-left: 4px;
    }
    .nk-mega-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 12px;
        border-radius: var(--nk-radius-sm);
        text-decoration: none;
        transition: all 0.2s var(--nk-ease);
        margin-bottom: 4px;
    }
    .nk-mega-item:hover { background: var(--nk-ice); }
    .nk-mega-icon {
        width: 40px; height: 40px;
        display: flex; align-items: center; justify-content: center;
        border-radius: 10px;
        font-size: 16px;
        flex-shrink: 0;
        transition: transform 0.3s var(--nk-spring);
    }
    .nk-mega-item:hover .nk-mega-icon { transform: scale(1.1) rotate(-5deg); }
    .nk-mega-icon.swim { background: rgba(14,165,233,0.08); color: var(--nk-blue); }
    .nk-mega-icon.health { background: rgba(16,185,129,0.08); color: #10b981; }
    .nk-mega-icon.breath { background: rgba(6,182,212,0.08); color: #06b6d4; }
    .nk-mega-icon.psych { background: rgba(139,92,246,0.08); color: var(--nk-violet); }
    .nk-mega-icon.diet { background: rgba(245,158,11,0.08); color: var(--nk-amber); }
    .nk-mega-icon.cond { background: rgba(239,68,68,0.08); color: #ef4444; }
    .nk-mega-item-compact { padding: 8px 12px; margin-bottom: 2px; }
    .nk-mega-item-compact .nk-mega-icon { width: 32px; height: 32px; font-size: 13px; }
    .nk-mega-item-compact .nk-mega-name { font-size: 13px; }
    .nk-mega-name {
        font-family: var(--font-display);
        font-size: 14px;
        font-weight: 700;
        color: var(--nk-text);
        margin-bottom: 3px;
    }
    .nk-mega-desc {
        font-size: 12px;
        color: var(--nk-text-sub);
        line-height: 1.5;
    }
    .nk-mega-promo {
        grid-column: 1 / -1;
        padding: 20px 24px;
        background: linear-gradient(135deg, #f0f9ff, var(--nk-ice));
        border-top: 1px solid var(--nk-border);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
    .nk-mega-promo-text {
        font-size: 13px;
        font-weight: 600;
        color: var(--nk-text);
    }
    .nk-mega-promo-text span {
        color: var(--nk-text-sub);
        font-weight: 400;
    }
    .nk-mega-promo-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 18px;
        background: var(--nk-blue);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        border-radius: var(--nk-radius-pill);
        text-decoration: none;
        transition: all 0.3s;
        flex-shrink: 0;
    }
    .nk-mega-promo-btn:hover { background: var(--nk-blue-deep); transform: translateY(-1px); }

    /* Nav CTA */
    .nk-nav-cta {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 9px 20px;
        background: linear-gradient(135deg, var(--nk-blue), var(--nk-blue-vivid));
        color: #fff !important;
        font-size: 13px;
        font-weight: 700;
        border-radius: var(--nk-radius-pill);
        text-decoration: none;
        box-shadow: 0 6px 18px rgba(14,165,233,0.35);
        transition: all 0.3s var(--nk-ease);
    }
    .nk-nav-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(14,165,233,0.5); }
    .nk-topbar.scrolled .nk-nav-cta { color: #fff !important; }

    /* Right section */
    .nk-nav-right {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .nk-insta {
        width: 36px; height: 36px;
        display: flex; align-items: center; justify-content: center;
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        transition: transform 0.3s;
    }
    .nk-insta:hover { transform: scale(1.1); }

    /* Hamburger */
    .nk-hamburger {
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 40px; height: 40px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 1001;
        background: rgba(255,255,255,0.14);
        border: none;
        padding: 4px;
        transition: background 0.3s;
    }
    .nk-hamburger span {
        width: 20px; height: 2.5px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s;
    }
    .nk-topbar.scrolled .nk-hamburger { background: var(--nk-ice); }
    .nk-topbar.scrolled .nk-hamburger span { background: var(--nk-text); }
    .nk-hamburger.active span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
    .nk-hamburger.active span:nth-child(2) { opacity: 0; }
    .nk-hamburger.active span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

    

/* Navbar hedefleyen @media kuralları (sayfanın başka yerlerinden) */
@media (max-width: 968px) {
        .nk-topbar { top: 10px; padding: 0 14px; }
        .nk-topbar-inner { padding: 0 8px 0 18px; height: 60px; }
        .nk-nav, .nk-nav-right .nk-nav-cta { display: none; }
        .nk-hamburger { display: flex; }
        .nk-nav.mobile-open {
            display: flex;
            flex-direction: column;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100vh;
            background: rgba(255,255,255,0.98);
            backdrop-filter: blur(20px);
            z-index: 999;
            padding: 80px 24px 40px;
            justify-content: flex-start;
            /* align-items:center miras kalırsa linkler metin genişliğine büzülür
               ve satırın kalanına dokunmak boşa gider — tam satır dokunma hedefi: */
            align-items: stretch;
            gap: 4px;
            overflow-y: auto;
        }
        .nk-nav.mobile-open .nk-nav-link { color: var(--nk-text); font-size: 16px; padding: 14px 16px; border-radius: 12px; text-shadow: none; }
        .nk-nav.mobile-open .nk-nav-link:hover { background: var(--nk-ice); color: var(--nk-blue); }
        /* Mobil: mega panel AKORDEON — varsayılan kapalı, "Hizmetler"e dokununca açılır.
           (Zorla açık olması menüyü ~1600px yapıp asıl linkleri ekran dışına itiyordu.) */
        .nk-mega-panel {
            display: none;
            position: static !important;
            transform: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            width: 100% !important;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }
        .nk-megamenu.open .nk-mega-panel { display: block; }
        .nk-megamenu.open > .nk-nav-link .nk-dropdown-arrow { transform: rotate(180deg); }
        .nk-mega-inner {
            grid-template-columns: 1fr;
        }
        .nk-mega-col {
            padding: 8px 0 8px 16px;
            border-right: none !important;
        }
        .nk-mega-promo { display: none; }
        .nk-mega-heading { margin-bottom: 8px; }
        .nk-nav.mobile-open .nk-nav-cta-li {
            display: block !important;
            margin-top: 12px;
        }
        .nk-nav.mobile-open .nk-nav-cta-li .nk-nav-cta {
            display: flex;
            width: 100%;
            justify-content: center;
            padding: 14px 24px;
            font-size: 15px;
        }
        .nk-why-grid { grid-template-columns: repeat(2, 1fr); }
        .nk-hero-inner { flex-direction: column; gap: 40px; }
        .nk-hero-content { text-align: center; max-width: 640px; }
        .nk-hero-desc { margin: 0 auto 32px; }
        .nk-hero-btns { justify-content: center; }
        .nk-hero-globe-wrap { flex-direction: column; gap: 24px; width: 100%; }
    }


/* ============================================================
   DAR EKRAN DÜZELTMESİ — tools/bake-navbar.js ekler.
   320-420px arası logoyu küçültür ve hamburgeri satır içinde tutar.
   ⚠️ Logo yüksekliğini büyütürsen burayı da güncelle.
   ============================================================ */
.nk-topbar-inner{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.nk-logo{flex:0 1 auto;min-width:0;overflow:hidden}
.nk-logo img{max-width:100%;height:auto}
.nk-burger,[class*="nk-burger"]{flex:0 0 auto;margin-left:auto}
@media (max-width:480px){
  .nk-topbar-inner{padding-left:12px;padding-right:12px;gap:8px}
  .nk-logo img{height:36px !important}
}
@media (max-width:380px){
  .nk-topbar-inner{padding-left:10px;padding-right:10px}
  .nk-logo img{height:30px !important}
}