/* ============================================================
   ADA DENİZCİLİK — Light Maritime Theme v4.0
   Palet: 1 ana lacivert + 1 turkuaz vurgu + bol beyaz
   ============================================================ */

:root {
    /* Brand colours — lacivert + turkuaz */
    --primary:    #0B3556;   /* ana lacivert */
    --secondary:  #14496F;   /* gradient için açık lacivert */
    --accent:     #0E98A8;   /* tek vurgu — turkuaz */
    /* Eski altın/turuncu referansları tek turkuaz vurguya eşlendi
       (böylece 60+ kullanım tek noktadan sadeleşiyor) */
    --gold:       #0E98A8;   /* -> turkuaz */
    --orange:     #0B7C89;   /* -> koyu turkuaz (gradient partneri) */

    /* Light backgrounds */
    --bg-body:    #FFFFFF;   /* beyaz */
    --bg-section: #F4F8FB;   /* çok açık mavi-gri (alternatif bölümler) */
    --bg-surface: #FFFFFF;   /* kartlar */
    --bg-elevated:#EEF3F8;   /* input / hover yüzeyi */
    --dark:       #0B2A4A;   /* lacivert blok (footer, istatistik, iç sayfa başlığı) */

    /* Text */
    --text-primary: #0B2A4A;  /* lacivert başlık */
    --text-body:    #4A5A6B;  /* gövde metni */
    --text-muted:   #7B8794;  /* soluk metin */

    /* Borders */
    --border:     rgba(11,42,74,0.08);
    --border-md:  rgba(11,42,74,0.14);

    /* Legacy aliases (inner pages) */
    --primary-color:   var(--primary);
    --secondary-color: var(--secondary);
    --accent-color:    var(--accent);
    --gold-color:      var(--gold);
    --orange-color:    var(--orange);
    --text-dark:       var(--text-primary);
    --text-light:      var(--text-muted);
    --bg-light:        var(--bg-section);
    --white:           #ffffff;

    /* Shadows — açık tema için lacivert tonlu, yumuşak */
    --shadow-sm: 0 1px 3px rgba(11,42,74,.06), 0 1px 2px rgba(11,42,74,.08);
    --shadow-md: 0 6px 24px rgba(11,42,74,.10);
    --shadow-lg: 0 14px 44px rgba(11,42,74,.13);
    --shadow-xl: 0 22px 60px rgba(11,42,74,.16);

    --ease-out:  cubic-bezier(.22,.68,0,1.2);
    --ease-base: cubic-bezier(.4,0,.2,1);
    --t-fast: .2s ease;
    --t-base: .35s var(--ease-base);
    --t-slow: .6s  var(--ease-base);

    /* Legacy aliases */
    --transition-fast: var(--t-fast);
    --transition-base: var(--t-base);
    --transition-slow: var(--t-slow);

    --container: 1360px;
    --radius:    16px;
    --radius-sm: 10px;
    --radius-lg: 24px;
}

/* ── Reset ────────────────────────────────────────────── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; line-height:1.7; color:var(--text-body); background:var(--bg-body); overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; }
@supports(padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));}}

/* ── Scrollbar ────────────────────────────────────────── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg-body)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:6px}

/* ── Keyframes ────────────────────────────────────────── */
@keyframes fadeUp   { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }
@keyframes pulse    { 0%,100%{opacity:.6} 50%{opacity:1} }
@keyframes slowZoom { 0%{transform:translate(-50%,-50%) scale(1)} 100%{transform:translate(-50%,-50%) scale(1.12)} }
@keyframes shimmer  { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes glowPulse{ 0%,100%{box-shadow:0 0 20px rgba(14,152,168,.1)} 50%{box-shadow:0 0 40px rgba(14,152,168,.25)} }

/* ── Eyebrow label ────────────────────────────────────── */
.eyebrow {
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: .75rem;
}

/* ── Section helpers ──────────────────────────────────── */
.section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: var(--text-primary);
    line-height: 1.2;
    margin-bottom: .75rem;
    position: relative;
    display: inline-block;
}
.section-title::after {
    content: '';
    display: block;
    width: 56px;
    height: 3px;
    background: linear-gradient(90deg, var(--orange), var(--gold));
    border-radius: 4px;
    margin-top: .7rem;
}
.section-title.centered { left:50%; transform:translateX(-50%); text-align:center; }
.section-title.centered::after { margin-left:auto; margin-right:auto; }

.section-subtitle {
    color: var(--text-body);
    font-size: 1.05rem;
    margin-bottom: 3.5rem;
    max-width: 640px;
}
.section-subtitle.centered { text-align:center; margin-left:auto; margin-right:auto; }

/* ── Buttons ──────────────────────────────────────────── */
.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .9rem 2.2rem;
    background: linear-gradient(135deg, var(--gold), var(--orange));
    color: white;
    border-radius: 50px;
    font-weight: 700;
    font-size: .95rem;
    transition: all var(--t-base);
    box-shadow: 0 6px 24px rgba(14,152,168,.35);
    border: none;
    cursor: pointer;
}
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(14,152,168,.5); }

.btn-outline {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 2rem;
    background: transparent;
    color: white;
    border: 1.5px solid rgba(255,255,255,.35);
    border-radius: 50px;
    font-weight: 600;
    font-size: .95rem;
    transition: all var(--t-base);
}
.btn-outline:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.7); transform:translateY(-2px); }

.btn-navy {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 2rem;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    border-radius: 50px;
    font-weight: 600;
    font-size: .92rem;
    transition: all var(--t-base);
    box-shadow: 0 4px 16px rgba(11,53,86,.3);
}
.btn-navy:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(11,53,86,.45); }

/* ═══════════════════════════════════════════════════════
   HEADER / NAV
════════════════════════════════════════════════════════ */
header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    border-bottom: 1px solid var(--border);
    transition: all var(--t-base);
}
header.scrolled {
    background: rgba(255,255,255,.96);
    box-shadow: 0 4px 32px rgba(11,42,74,.10);
}

nav {
    max-width: var(--container);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 4rem;
}

.logo {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}
.logo-img {
    height: 46px;
    width: auto;
    transition: transform var(--t-base);
    filter: drop-shadow(0 2px 8px rgba(14,152,168,.2));
}
.logo:hover .logo-img { transform:scale(1.06) rotate(3deg); }
.logo-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.logo-slogan {
    font-family: 'Poppins', sans-serif;
    font-size: .68rem;
    font-weight: 500;
    font-style: italic;
    color: var(--text-body) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: var(--text-body) !important;
    background-clip: unset !important;
    opacity: .8;
    text-transform: none !important;
    letter-spacing: .3px;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 2.2rem;
    align-items: center;
}
.nav-links > li { position:relative; }
.nav-links a {
    color: var(--text-body);
    font-weight: 600;
    font-size: .88rem;
    letter-spacing: .02em;
    transition: color var(--t-fast);
    position: relative;
    padding: .4rem 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 0; height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--accent));
    border-radius: 2px;
    transition: width var(--t-base);
}
.nav-links a:hover, .nav-links a.active { color:var(--text-primary); }
.nav-links a:hover::after, .nav-links a.active::after { width:100%; }

/* Vurgulu CTA menü öğesi (İş İlanları) */
.nav-links a.nav-cta {
    background: linear-gradient(135deg, var(--accent), var(--orange));
    color: #fff !important;
    padding: .5rem 1.15rem;
    border-radius: 50px;
    box-shadow: 0 4px 14px rgba(14,152,168,.30);
    transition: transform var(--t-base), box-shadow var(--t-base);
}
.nav-links a.nav-cta::after { display:none; }
.nav-links a.nav-cta:hover { transform:translateY(-2px); color:#fff !important; box-shadow:0 8px 22px rgba(14,152,168,.45); }

/* Dropdown */
.has-dropdown { position:relative; }
.has-dropdown > a > .chevron { font-size:.65rem; opacity:.4; transition:transform var(--t-base); margin-left:2px; }
.has-dropdown:hover > a > .chevron { transform:rotate(180deg); }
.dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    background: var(--bg-surface);
    border-radius: var(--radius);
    box-shadow: var(--shadow-xl);
    list-style: none;
    min-width: 272px;
    padding: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--t-base), visibility var(--t-base), transform var(--t-base);
    transform: translateX(-50%) translateY(-8px);
    border: 1px solid var(--border-md);
}
.dropdown::before {
    content: '';
    position: absolute;
    top: -6px; left: 50%;
    width: 12px; height: 12px;
    background: var(--bg-surface);
    border-left: 1px solid var(--border-md);
    border-top: 1px solid var(--border-md);
    transform: translateX(-50%) rotate(45deg);
}
.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: .75rem 1rem;
    border-radius: var(--radius-sm);
    color: var(--text-body) !important;
    font-size: .88rem;
    font-weight: 500;
    transition: all var(--t-fast);
    white-space: nowrap;
}
.dropdown li a::after { display:none; }
.dropdown li a i { color:var(--gold); font-size:.8rem; width:16px; text-align:center; }
.dropdown li a:hover { background:var(--bg-elevated); color:var(--text-primary) !important; padding-left:1.2rem; }

/* Mobile toggle */
.menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--border);
    transition: background var(--t-fast);
}
.menu-toggle:hover { background:var(--bg-elevated); }
.menu-toggle span {
    width: 24px; height: 2px;
    background: var(--text-body);
    border-radius: 2px;
    display: block;
    transition: all var(--t-base);
}
.menu-toggle.active span:nth-child(1){ transform:rotate(45deg) translate(5px,5px); }
.menu-toggle.active span:nth-child(2){ opacity:0; transform:translateX(-8px); }
.menu-toggle.active span:nth-child(3){ transform:rotate(-45deg) translate(5px,-5px); }

/* ═══════════════════════════════════════════════════════
   HERO
════════════════════════════════════════════════════════ */
.hero {
    height: 100vh;
    min-height: 620px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
}
.hero-video {
    position: absolute;
    top: 50%; left: 50%;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto;
    transform: translate(-50%,-50%) scale(1);
    object-fit: cover;
    z-index: 0;
    opacity: .35;
    filter: brightness(.6) contrast(1.1) saturate(1.2);
    animation: slowZoom 20s ease-in-out infinite alternate;
    will-change: transform;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg,
        rgba(4,10,18,.92) 0%,
        rgba(8,14,26,.85) 50%,
        rgba(12,21,37,.80) 100%);
    z-index: 1;
}
.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 0 2rem;
}
.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    background: rgba(14,152,168,.1);
    border: 1px solid rgba(14,152,168,.3);
    color: var(--gold);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: .4rem 1.1rem;
    border-radius: 50px;
    margin-bottom: 1.8rem;
    animation: fadeIn .8s ease .2s both;
}
.hero-eyebrow i { font-size:.7rem; }
.hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2.4rem, 5.5vw, 4.5rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -.02em;
    margin-bottom: 1.4rem;
    animation: fadeUp .9s var(--ease-base) .35s both;
}
.hero h1 .accent { color:var(--gold); }
.hero p {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: rgba(255,255,255,.7);
    margin-bottom: 2.6rem;
    font-weight: 400;
    line-height: 1.7;
    animation: fadeUp .9s var(--ease-base) .5s both;
}
.hero-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: fadeUp .9s var(--ease-base) .65s both;
}
.cta-button {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: 1rem 2.6rem;
    background: linear-gradient(135deg, var(--gold), var(--orange));
    color: white;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    transition: all var(--t-base);
    box-shadow: 0 8px 28px rgba(14,152,168,.4);
    position: relative;
    overflow: hidden;
}
.cta-button::before {
    content:'';
    position:absolute;
    top:0; left:-100%;
    width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
    transition:left .6s;
}
.cta-button:hover::before { left:100%; }
.cta-button:hover { transform:translateY(-4px); box-shadow:0 14px 40px rgba(14,152,168,.55); }
.cta-button-outline {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .95rem 2.2rem;
    background: transparent;
    color: rgba(255,255,255,.85);
    border: 1.5px solid rgba(255,255,255,.3);
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    transition: all var(--t-base);
}
.cta-button-outline:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.65); color:white; transform:translateY(-3px); }

.hero-scroll {
    position: absolute;
    bottom: 2.5rem; left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    color: rgba(255,255,255,.3);
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    animation: fadeIn 1s ease 1.2s both;
}
.hero-scroll .scroll-line {
    width: 1px; height: 48px;
    background: linear-gradient(180deg, rgba(255,255,255,.35), transparent);
    animation: pulse 2s ease-in-out infinite;
}

/* ═══════════════════════════════════════════════════════
   INTRO / TANITIM  (siteye girenin ilk okuduğu bölüm)
════════════════════════════════════════════════════════ */
.intro { padding:6.5rem 4rem; background:var(--bg-body); }
.intro-inner { max-width:960px; margin:0 auto; text-align:center; }
.intro .eyebrow { color:var(--accent); }
.intro-title { font-family:'Montserrat',sans-serif; font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; color:var(--text-primary); line-height:1.25; }
.intro-title span { color:var(--accent); }
.intro-underline { width:56px; height:3px; background:linear-gradient(90deg,var(--accent),var(--secondary)); border-radius:4px; margin:1rem auto 1.8rem; }
.intro-lead { font-size:1.15rem; color:var(--text-primary); font-weight:500; line-height:1.8; margin-bottom:1.4rem; }
.intro p { color:var(--text-body); line-height:1.9; margin-bottom:1.4rem; font-size:1rem; }
.intro-mv { display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; margin-top:2.8rem; text-align:left; }
.mv-card { background:var(--bg-section); border:1px solid var(--border); border-radius:var(--radius); padding:2rem; transition:transform var(--t-base), box-shadow var(--t-base); }
.mv-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-md); }
.mv-icon { width:54px; height:54px; border-radius:var(--radius-sm); background:rgba(14,152,168,.1); border:1px solid rgba(14,152,168,.22); display:flex; align-items:center; justify-content:center; font-size:1.4rem; color:var(--accent); margin-bottom:1rem; }
.mv-card h3 { font-family:'Montserrat',sans-serif; font-size:1.15rem; font-weight:700; color:var(--text-primary); margin-bottom:.6rem; }
.mv-card p { color:var(--text-body); font-size:.95rem; line-height:1.75; margin:0; }
@media(max-width:768px){ .intro { padding:4rem 1.5rem; } .intro-mv { grid-template-columns:1fr; } }

/* ═══════════════════════════════════════════════════════
   STATS BAND
════════════════════════════════════════════════════════ */
.stats-band {
    background: var(--dark);
    position: relative;
    overflow: hidden;
}
.stats-band::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, var(--orange), var(--gold), var(--accent), var(--primary));
}
.stats-band::after {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse at 15% 50%, rgba(14,152,168,.05) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 50%, rgba(14,152,168,.04) 0%, transparent 55%);
    pointer-events:none;
}
.stats-band-inner {
    position: relative;
    z-index: 1;
    max-width: var(--container);
    margin: 0 auto;
    padding: 5rem 4rem;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
    text-align: center;
}
.stat-item {
    padding: 1.5rem 1rem;
    border-right: 1px solid rgba(255,255,255,.06);
}
.stat-item:last-child { border-right:none; }
.stat-number {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2.4rem, 4vw, 3.8rem);
    font-weight: 800;
    color: #fff;
    display: block;
    line-height: 1;
    margin-bottom: .5rem;
    letter-spacing: -.03em;
}
.stat-number .plus { color:var(--gold); }
.stat-label {
    font-size: .8rem;
    color: rgba(255,255,255,.4);
    font-weight: 500;
    letter-spacing: .06em;
    display: block;
    text-transform: uppercase;
}
/* Legacy .stats-grid */
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }

/* ═══════════════════════════════════════════════════════
   ABOUT
════════════════════════════════════════════════════════ */
.about {
    padding: 7rem 4rem;
    background: var(--bg-body);
}
.about-content {
    max-width: var(--container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    align-items: center;
}
.about-text h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 1.6rem;
    line-height: 1.2;
}
.about-text h2 span { color:var(--gold); }
.about-underline {
    width: 56px; height: 3px;
    background: linear-gradient(90deg, var(--orange), var(--gold));
    border-radius: 4px;
    margin-bottom: 1.8rem;
}
.about-text p { color:var(--text-body); font-size:1rem; line-height:1.85; margin-bottom:1.4rem; }
.about-text strong { color:var(--text-primary); }
.about-text .btn-navy { margin-top:.6rem; }
.about-image {
    border-radius: var(--radius-lg);
    background: var(--bg-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.5rem;
    border: 1px solid var(--border-md);
    transition: box-shadow var(--t-base), border-color var(--t-base);
    aspect-ratio: 1;
    animation: glowPulse 4s ease-in-out infinite;
}
.about-image:hover { border-color:rgba(14,152,168,.25); }
.about-logo { max-width:100%; object-fit:contain; filter:drop-shadow(0 8px 32px rgba(14,152,168,.15)); }

/* ═══════════════════════════════════════════════════════
   SERVICES
════════════════════════════════════════════════════════ */
.services {
    padding: 7rem 4rem;
    background: var(--bg-section);
}
.services > .section-title { display:block; margin:0 auto; text-align:center; }
.services > .section-title::after { margin:.7rem auto 0; }
.services > .section-subtitle { text-align:center; margin:1rem auto 3.5rem; }

.services-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.6rem;
    max-width: var(--container);
    margin: 0 auto;
}
.service-card {
    background: var(--bg-surface);
    border-radius: var(--radius);
    padding: 2.6rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
    transition: transform var(--t-slow), box-shadow var(--t-slow), border-color var(--t-base);
}
.service-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 3px; height: 0;
    background: linear-gradient(180deg, var(--gold), var(--orange));
    transition: height var(--t-slow);
}
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(11,42,74,.12), 0 0 0 1px rgba(14,152,168,.15);
    border-color: rgba(14,152,168,.2);
}
.service-card:hover::before { height:100%; }
.service-icon {
    width: 68px; height: 68px;
    border-radius: var(--radius-sm);
    background: rgba(14,152,168,.1);
    border: 1px solid rgba(14,152,168,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    margin-bottom: 1.5rem;
    transition: all var(--t-base);
    flex-shrink: 0;
}
.service-card:hover .service-icon {
    background: rgba(14,152,168,.18);
    border-color: rgba(14,152,168,.4);
    transform: scale(1.08) rotate(-3deg);
}
.service-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: .7rem;
    line-height: 1.3;
    transition: color var(--t-fast);
}
.service-card:hover h3 { color:var(--gold); }
.service-card p { color:var(--text-body); font-size:.9rem; line-height:1.75; flex:1; }
.read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 1.4rem;
    color: var(--text-muted);
    font-weight: 600;
    font-size: .85rem;
    transition: all var(--t-base);
}
.service-card:hover .read-more { color:var(--gold); gap:10px; }

/* ═══════════════════════════════════════════════════════
   GEMİ ADAMI
════════════════════════════════════════════════════════ */
.gemi-adami {
    padding: 7rem 4rem;
    background: var(--bg-body);
}
.gemi-adami > .section-title { text-align:center; display:block; margin:0 auto; }
.gemi-adami > .section-title::after { margin:.7rem auto 0; }

.gemi-adami-content {
    max-width: var(--container);
    margin: 3.5rem auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.gemi-adami-card {
    background: var(--bg-surface);
    padding: 3rem;
    border-radius: var(--radius-lg);
    text-align: center;
    border: 1px solid var(--border);
    transition: all var(--t-slow);
    position: relative;
    overflow: hidden;
}
.gemi-adami-card::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, var(--primary), var(--accent));
    opacity:0;
    transition:opacity var(--t-base);
}
.gemi-adami-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(11,42,74,.12);
    border-color: rgba(14,152,168,.2);
}
.gemi-adami-card:hover::before { opacity:1; }
.gemi-adami-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-md);
    display: inline-block;
    transition: color var(--t-base);
}
.gemi-adami-card:hover h3 { color:var(--accent); }
.gemi-adami-card p { color:var(--text-body); line-height:1.85; text-align:left; margin-bottom:1.8rem; font-size:.97rem; }
.gemi-adami-image {
    width:100%; max-width:300px;
    margin:0 auto 1.6rem;
    border-radius:var(--radius);
    box-shadow:0 8px 32px rgba(11,42,74,.12);
    transition:transform var(--t-base),box-shadow var(--t-base);
}
.gemi-adami-image:hover { transform:scale(1.03); box-shadow:0 16px 48px rgba(11,42,74,.14); }

/* ═══════════════════════════════════════════════════════
   BLOG
════════════════════════════════════════════════════════ */
.blog-section {
    padding: 7rem 4rem;
    background: var(--bg-section);
}
.blog-section > .section-title { text-align:center; display:block; margin:0 auto; }
.blog-section > .section-title::after { margin:.7rem auto 0; }
.blog-section > .section-subtitle { text-align:center; margin:.8rem auto 3.5rem; }

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.8rem;
    max-width: var(--container);
    margin: 0 auto;
}
.blog-card {
    background: var(--bg-surface);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border);
    transition: transform var(--t-slow), box-shadow var(--t-slow), border-color var(--t-base);
}
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(11,42,74,.12);
    border-color: rgba(14,152,168,.2);
}
.blog-card-image {
    height: 200px;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-surface));
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    position: relative;
    overflow: hidden;
}
.blog-card-image::before {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(11,53,86,.15), rgba(14,152,168,.08));
}
.blog-card-image i { color:rgba(11,42,74,.32); position:relative; z-index:1; }
.blog-card:hover .blog-card-image i { color:var(--gold); }
.blog-card-body { padding:1.8rem; flex:1; display:flex; flex-direction:column; }
.blog-tag {
    display: inline-block;
    padding: .3rem .85rem;
    background: rgba(14,152,168,.1);
    color: var(--accent);
    border-radius: 50px;
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: .9rem;
    border: 1px solid rgba(14,152,168,.2);
}
.blog-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: .7rem;
    line-height: 1.45;
    flex:1;
    transition: color var(--t-fast);
}
.blog-card:hover h3 { color:var(--gold); }
.blog-card p { color:var(--text-body); font-size:.88rem; line-height:1.72; }
.blog-card-footer {
    display:flex; align-items:center; justify-content:space-between;
    margin-top:1.2rem; padding-top:1rem;
    border-top:1px solid var(--border);
}
.blog-date { font-size:.8rem; color:var(--text-muted); }
.blog-read-more { font-size:.85rem; color:var(--accent); font-weight:600; display:flex; align-items:center; gap:5px; transition:all var(--t-base); }
.blog-card:hover .blog-read-more { color:var(--gold); gap:9px; }

/* ═══════════════════════════════════════════════════════
   CONTACT
════════════════════════════════════════════════════════ */
.contact {
    padding: 7rem 4rem;
    background: var(--bg-body);
}
.contact > .section-title { text-align:center; display:block; margin:0 auto; }
.contact > .section-title::after { margin:.7rem auto 0; }
.contact > .section-subtitle { text-align:center; margin:.8rem auto 3.5rem; }

.contact-content {
    max-width: var(--container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}
.contact-info { display:flex; flex-direction:column; gap:1.2rem; }
.contact-item {
    display:flex; align-items:center; justify-content:center;
    gap:1.2rem; padding:1.6rem 2rem;
    border-radius:var(--radius);
    text-decoration:none; cursor:pointer;
    position:relative; overflow:hidden;
    min-height:80px;
    transition:transform var(--t-base),box-shadow var(--t-base);
}
.contact-item:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(11,42,74,.12), 0 0 0 1px rgba(14,152,168,.2); border-color:rgba(14,152,168,.25); }
.contact-item::after { display:none; }
.phone-contact    { background:var(--bg-surface); border:1px solid var(--border-md); box-shadow:var(--shadow-sm); }
.whatsapp-contact { background:var(--bg-surface); border:1px solid var(--border-md); box-shadow:var(--shadow-sm); }
.contact-icon {
    width: 52px; height: 52px;
    border-radius: var(--radius-sm);
    background: rgba(14,152,168,.1);
    border: 1px solid rgba(14,152,168,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.45rem;
    flex-shrink: 0;
    position: relative; z-index: 1;
    transition: all var(--t-base);
}
.contact-item:hover .contact-icon { background:rgba(14,152,168,.18); border-color:rgba(14,152,168,.4); transform:scale(1.06); }
.icon-svg { width:24px; height:24px; }
.map-contact {
    background:var(--bg-surface);
    padding:0 !important; overflow:hidden;
    cursor:pointer; height:240px;
    border:1px solid var(--border-md);
}
.map-contact::after { display:none; }
.map-contact iframe { width:100%; height:100%; border:none; pointer-events:none; filter:grayscale(.2) contrast(1.02); }
.map-overlay {
    position:absolute; inset:0;
    background:rgba(0,0,0,.3);
    display:flex; align-items:center; justify-content:center;
    opacity:0; transition:opacity .3s;
}
.map-contact:hover .map-overlay { opacity:1; }
.map-label { background:var(--bg-surface); padding:10px 22px; border-radius:8px; font-weight:600; color:var(--text-primary); box-shadow:var(--shadow-md); font-size:.9rem; border:1px solid var(--border-md); }
.contact-details { text-align:center; position:relative; z-index:1; }
.contact-details h3 { color:var(--text-primary); font-size:1rem; font-weight:700; margin-bottom:.2rem; }
.contact-details p { color:var(--text-body); margin:0; font-size:.9rem; }
.contact-item:hover .contact-details h3 { color:var(--gold); }
.phone-contact .contact-icon i,
.whatsapp-contact .contact-icon i,
.phone-contact .contact-icon svg,
.whatsapp-contact .contact-icon svg { color:var(--gold) !important; fill:var(--gold) !important; }

/* Form */
.contact-form {
    background: var(--bg-surface);
    padding: 3rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-md);
}
.contact-form h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 2rem;
}
.form-group { margin-bottom:1.5rem; }
.form-group label {
    display:block; margin-bottom:.6rem;
    color:var(--text-primary); font-weight:600; font-size:.9rem;
}
.form-group input,
.form-group textarea,
.form-group select {
    width:100%; padding:.9rem 1.1rem;
    border:1.5px solid var(--border-md);
    border-radius:var(--radius-sm);
    font-family:inherit; font-size:1rem;
    background:var(--bg-elevated);
    color:var(--text-primary);
    transition:all var(--t-base);
    -webkit-appearance:none;
}
.form-group input::placeholder,
.form-group textarea::placeholder { color:var(--text-muted); }
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(14,152,168,.1);
    background:var(--bg-surface);
}
.form-group textarea { resize:vertical; min-height:140px; }
.submit-button {
    width:100%; padding:1.1rem;
    background:linear-gradient(135deg, var(--primary), var(--secondary));
    color:white; border:none;
    border-radius:var(--radius-sm);
    font-size:1.05rem; font-weight:700;
    cursor:pointer; transition:all var(--t-base);
    box-shadow:0 4px 16px rgba(11,53,86,.3);
    font-family:inherit;
}
.submit-button:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(11,53,86,.5); }
.form-message { margin-top:1.2rem; padding:1rem; border-radius:var(--radius-sm); text-align:center; font-weight:600; display:none; animation:fadeUp .4s ease; }
.form-message.success { background:rgba(40,167,69,.1); color:#2F855A; border:1px solid rgba(40,167,69,.25); }
.form-message.error { background:rgba(220,53,69,.08); color:#C53030; border:1px solid rgba(220,53,69,.2); }

/* ═══════════════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════════════════ */
footer {
    background: var(--dark);
    color: white;
    padding: 4.5rem 4rem 2rem;
    position: relative;
}
footer::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, var(--orange), var(--gold), var(--accent), var(--primary));
}
.footer-content {
    max-width: var(--container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: 3.5rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 1;
}
.footer-section h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.3rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.footer-desc { color:rgba(255,255,255,.45); font-size:.9rem; line-height:1.75; display:block !important; margin-bottom:0 !important; }
.footer-section p {
    color: rgba(255,255,255,.45);
    font-size: .88rem;
    line-height: 1.7;
    margin-bottom: .65rem;
    display: flex;
    align-items: flex-start;
    gap: 9px;
}
.footer-section p a { color:rgba(255,255,255,.45); transition:color var(--t-fast); flex:1; }
.footer-section p a:hover { color:var(--gold); }
.footer-section p i { color:var(--gold); flex-shrink:0; margin-top:4px; font-size:.82rem; }
.footer-section > a {
    color: rgba(255,255,255,.45);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: .55rem;
    font-size: .88rem;
    transition: all var(--t-fast);
}
.footer-section > a::before { content:'›'; color:var(--gold); font-size:.95rem; }
.footer-section > a:hover { color:var(--gold); padding-left:4px; }
.footer-bottom {
    max-width: var(--container);
    margin: 0 auto;
    padding-top: 1.8rem;
    border-top: 1px solid rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.footer-bottom p { color:rgba(255,255,255,.3); font-size:.82rem; }
.footer-badge { display:flex; align-items:center; gap:6px; font-size:.75rem; color:rgba(255,255,255,.25); }
.footer-badge i { color:var(--gold); }

/* ═══════════════════════════════════════════════════════
   PAGE HERO  (inner pages)
════════════════════════════════════════════════════════ */
.page-hero {
    padding: 8rem 4rem 5rem;
    background: linear-gradient(150deg, #0B2A4A 0%, #0F3357 55%, #14496F 100%);
    position: relative;
    overflow: hidden;
    text-align: center;
}
.page-hero::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse at 15% 50%, rgba(11,53,86,.1) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 30%, rgba(14,152,168,.06) 0%, transparent 50%);
}
.page-hero::after {
    content:'';
    position:absolute;
    bottom:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--accent), transparent);
    opacity:.4;
}
.page-hero-content { position:relative; z-index:1; max-width:860px; margin:0 auto; }
.page-hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: white;
    margin-bottom: .9rem;
    animation: fadeUp .7s ease both;
}
.page-hero p {
    font-size: 1.1rem;
    color: rgba(255,255,255,.6);
    max-width:640px;
    margin:0 auto;
    animation: fadeUp .7s ease .2s both;
}

/* ═══════════════════════════════════════════════════════
   BREADCRUMB
════════════════════════════════════════════════════════ */
.breadcrumb {
    background: var(--bg-body);
    padding: .8rem 4rem;
    border-bottom: 1px solid var(--border);
}
.breadcrumb ol { list-style:none; display:flex; align-items:center; gap:.4rem; max-width:var(--container); margin:0 auto; font-size:.83rem; }
.breadcrumb li { display:flex; align-items:center; gap:.4rem; }
.breadcrumb li:not(:last-child)::after { content:'›'; color:var(--text-muted); }
.breadcrumb a { color:var(--accent); transition:color var(--t-fast); }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb li:last-child { color:var(--text-muted); }

/* ═══════════════════════════════════════════════════════
   ARTICLE LAYOUT
════════════════════════════════════════════════════════ */
.article-layout { display:grid; grid-template-columns:1fr 320px; gap:3.5rem; max-width:var(--container); margin:0 auto; padding:4rem; align-items:start; }
.article-body h2 { font-family:'Montserrat',sans-serif; font-size:1.6rem; font-weight:700; color:var(--text-primary); margin:2.5rem 0 1.1rem; padding-bottom:.5rem; border-bottom:1px solid var(--border-md); }
.article-body h3 { font-size:1.18rem; font-weight:600; color:var(--accent); margin:1.8rem 0 .9rem; }
.article-body p { color:var(--text-body); line-height:1.9; margin-bottom:1.4rem; font-size:1rem; }
.article-body ul,.article-body ol { padding-left:1.4rem; margin-bottom:1.4rem; }
.article-body li { color:var(--text-body); line-height:1.8; margin-bottom:.4rem; }
.article-body strong { color:var(--text-primary); }

.article-meta { display:flex; align-items:center; gap:1.2rem; margin-bottom:2rem; flex-wrap:wrap; }
.article-meta span { display:flex; align-items:center; gap:5px; color:var(--text-muted); font-size:.85rem; }
.article-tag { background:rgba(14,152,168,.1); color:var(--accent); padding:.3rem .85rem; border-radius:50px; font-size:.75rem; font-weight:700; border:1px solid rgba(14,152,168,.2); }

/* TOC */
.toc { background:var(--bg-surface); border-radius:var(--radius); padding:1.8rem; margin-bottom:2.5rem; border:1px solid var(--border-md); }
.toc h4 { font-family:'Montserrat',sans-serif; font-size:.92rem; font-weight:700; color:var(--text-primary); margin-bottom:.9rem; display:flex; align-items:center; gap:8px; }
.toc h4 i { color:var(--gold); }
.toc ol { padding-left:1.2rem; }
.toc li { margin-bottom:.45rem; }
.toc a { color:var(--accent); font-size:.9rem; transition:color var(--t-fast); }
.toc a:hover { color:var(--gold); }

/* Info / Warning boxes */
.info-box { background:rgba(11,53,86,.08); border-left:3px solid var(--gold); border-radius:0 var(--radius-sm) var(--radius-sm) 0; padding:1.4rem 1.8rem; margin:1.8rem 0; }
.info-box strong { color:var(--text-primary); display:block; margin-bottom:.4rem; font-size:.95rem; }
.info-box strong i { color:var(--accent); margin-right:6px; }
.info-box p { margin:0; color:var(--text-body); font-size:.93rem; }
.warning-box { background:rgba(255,193,7,.07); border-left:3px solid #F0A820; border-radius:0 var(--radius-sm) var(--radius-sm) 0; padding:1.4rem 1.8rem; margin:1.8rem 0; }
.warning-box strong { color:#F0A820; display:block; margin-bottom:.4rem; }
.warning-box strong i { margin-right:6px; }
.warning-box p { margin:0; color:rgba(14,152,168,.8); font-size:.93rem; }

/* Requirements */
.requirements-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.9rem; margin:1.4rem 0; }
.req-item { display:flex; align-items:flex-start; gap:.7rem; background:var(--bg-surface); padding:.9rem 1.1rem; border-radius:var(--radius-sm); border:1px solid var(--border); }
.req-icon { flex-shrink:0; margin-top:2px; width:22px; text-align:center; }
.req-icon i { color:var(--gold); font-size:.95rem; }
.req-text { font-size:.88rem; color:var(--text-body); }

/* Process steps */
.process-steps { margin:1.8rem 0; }
.step { display:flex; gap:1.3rem; margin-bottom:1.4rem; padding:1.3rem; background:var(--bg-surface); border-radius:var(--radius); border:1px solid var(--border); transition:all var(--t-base); }
.step:hover { border-color:rgba(14,152,168,.2); transform:translateX(4px); }
.step-number { width:44px; height:44px; flex-shrink:0; background:linear-gradient(135deg,var(--orange),var(--gold)); color:white; font-family:'Montserrat',sans-serif; font-weight:800; font-size:1.1rem; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.step-content h4 { font-weight:700; color:var(--text-primary); margin-bottom:.3rem; font-size:.97rem; }
.step-content p { color:var(--text-body); font-size:.9rem; margin:0; }

/* FAQ */
.faq { margin:1.8rem 0; }
.faq-item { border:1px solid var(--border); border-radius:var(--radius-sm); margin-bottom:.8rem; overflow:hidden; transition:all var(--t-base); }
.faq-item:hover { border-color:rgba(14,152,168,.25); }
.faq-question { width:100%; text-align:left; padding:1.2rem 1.6rem; background:var(--bg-surface); border:none; cursor:pointer; font-family:inherit; font-size:.95rem; font-weight:600; color:var(--text-primary); display:flex; justify-content:space-between; align-items:center; gap:1rem; transition:background var(--t-fast); }
.faq-question:hover { background:var(--bg-elevated); }
.faq-toggle { font-size:1.3rem; transition:transform var(--t-base); flex-shrink:0; color:var(--gold); }
.faq-item.active .faq-toggle { transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .45s ease,padding .3s ease; background:var(--bg-surface); }
.faq-answer-inner { padding:0 1.6rem 1.2rem; color:var(--text-body); line-height:1.8; font-size:.93rem; }
.faq-item.active .faq-answer { max-height:300px; }

/* Sidebar */
.article-sidebar { position:sticky; top:100px; }
.sidebar-card { background:var(--bg-surface); border-radius:var(--radius); padding:1.8rem; border:1px solid var(--border); margin-bottom:1.2rem; }
.sidebar-card h3 { font-family:'Montserrat',sans-serif; font-size:.97rem; font-weight:700; color:var(--text-primary); margin-bottom:1rem; padding-bottom:.7rem; border-bottom:1px solid var(--border); }
.sidebar-cta { background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface)); border:1px solid rgba(11,53,86,.25); border-radius:var(--radius); padding:1.8rem; text-align:center; margin-bottom:1.2rem; }
.sidebar-cta h3 { color:var(--text-primary); font-family:'Montserrat',sans-serif; font-size:1.02rem; font-weight:700; margin-bottom:.8rem; border:none; padding:0; }
.sidebar-cta p { color:var(--text-body); font-size:.86rem; margin-bottom:1.3rem; }
.sidebar-cta .btn { display:block; padding:.8rem; background:linear-gradient(135deg,var(--gold),var(--orange)); color:white; border-radius:var(--radius-sm); font-weight:700; text-align:center; transition:all var(--t-base); font-size:.9rem; }
.sidebar-cta .btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(14,152,168,.4); }
.sidebar-links { list-style:none; }
.sidebar-links li { margin-bottom:.3rem; }
.sidebar-links a { display:flex; align-items:center; gap:8px; padding:.6rem .9rem; border-radius:var(--radius-sm); color:var(--text-body); font-size:.9rem; transition:all var(--t-fast); }
.sidebar-links a i { color:var(--gold); font-size:.78rem; flex-shrink:0; }
.sidebar-links a:hover { background:var(--bg-elevated); color:var(--text-primary); padding-left:1.2rem; }

/* Service detail */
.service-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.3rem; margin:1.8rem 0; }
.service-feature { padding:1.8rem; background:var(--bg-surface); border-radius:var(--radius); border:1px solid var(--border); transition:all var(--t-base); }
.service-feature:hover { border-color:rgba(14,152,168,.25); transform:translateY(-4px); box-shadow:0 12px 32px rgba(11,42,74,.10); }
.service-feature-icon { font-size:1.9rem; margin-bottom:.9rem; display:block; }
.service-feature-icon i { color:var(--orange); }
.service-feature:hover .service-feature-icon i { color:var(--gold); }
.service-feature h4 { font-weight:700; color:var(--text-primary); margin-bottom:.4rem; font-size:.97rem; }
.service-feature p { color:var(--text-body); font-size:.88rem; line-height:1.7; }

/* CTA banner */
.cta-banner { background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface)); border:1px solid rgba(11,53,86,.2); border-radius:var(--radius-lg); padding:3rem; text-align:center; margin:2.5rem 0; position:relative; overflow:hidden; }
.cta-banner::before { content:''; position:absolute; top:-60%; right:-15%; width:360px; height:360px; background:radial-gradient(circle,rgba(14,152,168,.08) 0%,transparent 70%); border-radius:50%; }
.cta-banner h3 { font-family:'Montserrat',sans-serif; font-size:1.65rem; font-weight:800; color:var(--text-primary); margin-bottom:.8rem; position:relative; }
.cta-banner p { color:var(--text-body); margin-bottom:1.8rem; position:relative; }
.cta-banner .btn-white { display:inline-block; padding:.95rem 2.4rem; background:linear-gradient(135deg,var(--gold),var(--orange)); color:white; border-radius:50px; font-weight:700; font-size:.97rem; transition:all var(--t-base); position:relative; box-shadow:0 4px 18px rgba(14,152,168,.3); }
.cta-banner .btn-white:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(14,152,168,.5); }

.page-content { max-width:var(--container); margin:0 auto; padding:4rem; }
.page-content-narrow { max-width:860px; margin:0 auto; padding:4rem 2rem; }

/* ═══════════════════════════════════════════════════════
   İLETİŞİM SAYFASI — 4-card grid
════════════════════════════════════════════════════════ */
.iletisim-cards {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.4rem;
    margin-bottom: 3rem;
}
.iletisim-card {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.6rem 1.4rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-md);
    border-radius: var(--radius);
    text-decoration: none;
    transition: transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);
}
.iletisim-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(11,42,74,.12), 0 0 0 1px rgba(14,152,168,.2);
    border-color: rgba(14,152,168,.3);
}
.iletisim-icon {
    width: 52px; height: 52px;
    border-radius: var(--radius-sm);
    background: rgba(14,152,168,.1);
    border: 1px solid rgba(14,152,168,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem;
    color: var(--gold);
    flex-shrink: 0;
    transition: all var(--t-base);
}
.iletisim-card:hover .iletisim-icon {
    background: rgba(14,152,168,.18);
    border-color: rgba(14,152,168,.45);
    color: var(--gold);
}
.iletisim-text h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: .92rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: .25rem;
    transition: color var(--t-fast);
}
.iletisim-card:hover .iletisim-text h3 { color: var(--gold); }
.iletisim-text p {
    font-size: .83rem;
    color: var(--text-body);
    margin: 0;
    line-height: 1.5;
}
@media(max-width:900px){ .iletisim-cards { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .iletisim-cards { grid-template-columns:1fr; } }

/* ═══════════════════════════════════════════════════════
   FONT AWESOME ICON COLORS
════════════════════════════════════════════════════════ */
.service-icon i { color:var(--gold); line-height:1; }
.service-card:hover .service-icon i { color:var(--accent); }
.blog-card-image i { color:rgba(11,42,74,.32); line-height:1; }
.blog-card:hover .blog-card-image i { color:var(--gold); }
.service-feature-icon i { color:var(--orange); }
.service-feature:hover .service-feature-icon i { color:var(--gold); }
.req-icon i { color:var(--gold); }
.toc h4 i { color:var(--gold); }
.article-tag i { font-size:.72rem; }
.sidebar-links a i { color:var(--gold); font-size:.8rem; }
.contact-icon i { color:var(--gold); }
.footer-section p i { color:var(--gold); flex-shrink:0; margin-top:4px; font-size:.82rem; }
.dropdown li a i { color:var(--gold); }
.article-meta span i { color:var(--text-muted); }

/* ═══════════════════════════════════════════════════════
   EĞİTİM TAKVİMİ TABLOSU + İŞ İLANLARI
════════════════════════════════════════════════════════ */
.data-table-wrap { overflow-x:auto; max-width:var(--container); margin:0 auto; -webkit-overflow-scrolling:touch; }
.data-table { width:100%; border-collapse:collapse; min-width:640px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.data-table th { background:var(--primary); color:#fff; font-family:'Montserrat',sans-serif; font-weight:600; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; text-align:left; padding:1rem 1.2rem; }
.data-table td { padding:1rem 1.2rem; border-top:1px solid var(--border); color:var(--text-body); font-size:.92rem; }
.data-table td strong { color:var(--text-primary); }
.data-table tr:hover td { background:var(--bg-section); }
.badge { display:inline-block; padding:.25rem .7rem; border-radius:50px; font-size:.72rem; font-weight:700; white-space:nowrap; }
.badge-open { background:rgba(14,152,168,.12); color:var(--accent); border:1px solid rgba(14,152,168,.25); }
.badge-soon { background:rgba(11,42,74,.07); color:var(--primary); border:1px solid rgba(11,42,74,.15); }

.job-list { display:flex; flex-direction:column; gap:1.2rem; max-width:var(--container); margin:0 auto; }
.job-card { display:flex; align-items:center; gap:1.5rem; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius); padding:1.6rem 1.8rem; transition:transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base); }
.job-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:rgba(14,152,168,.3); }
.job-icon { width:58px; height:58px; flex-shrink:0; border-radius:var(--radius-sm); background:rgba(14,152,168,.1); border:1px solid rgba(14,152,168,.22); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--accent); }
.job-info { flex:1; min-width:0; }
.job-info h3 { font-family:'Montserrat',sans-serif; font-size:1.1rem; font-weight:700; color:var(--text-primary); margin-bottom:.4rem; }
.job-meta { display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; color:var(--text-muted); font-size:.85rem; }
.job-meta span { display:flex; align-items:center; gap:5px; }
.job-meta i { color:var(--accent); }
.job-apply { flex-shrink:0; }
@media(max-width:640px){ .job-card { flex-direction:column; align-items:flex-start; } .job-apply { width:100%; } .job-apply .btn-navy { width:100%; justify-content:center; } }

/* ═══════════════════════════════════════════════════════
   GÖRSEL YUVALARI  (görsel varsa gösterir; yoksa ikon/logo'ya düşer)
   img'lerde onerror="this.remove()" ile boş yuva şık kalır
════════════════════════════════════════════════════════ */
.img-badge { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.img-badge > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; }

/* Hizmet kartı minik görseli (ana sayfa) */
.service-thumb { width:80px; height:80px; border-radius:var(--radius-sm); margin-bottom:1.5rem; background:linear-gradient(135deg, rgba(14,152,168,.12), rgba(11,53,86,.08)); border:1px solid rgba(14,152,168,.2); transition:all var(--t-base); }
.service-thumb > i { color:var(--accent); font-size:1.7rem; line-height:1; }
.service-card:hover .service-thumb { transform:scale(1.06) rotate(-3deg); border-color:rgba(14,152,168,.4); }

/* Vizyon/Misyon minik görseli */
.mv-thumb { width:60px; height:60px; border-radius:var(--radius-sm); margin-bottom:1rem; background:rgba(14,152,168,.1); border:1px solid rgba(14,152,168,.22); }
.mv-thumb > i { color:var(--accent); font-size:1.4rem; }

/* Blog kartı görseli */
.blog-card-image > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; }

/* Hakkımızda kapak + minik kolaj */
.about-cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; border-radius:inherit; }
.about-mini { position:absolute; right:16px; bottom:16px; width:118px; height:118px; border-radius:14px; overflow:hidden; border:3px solid #fff; box-shadow:var(--shadow-md); z-index:3; background:var(--bg-elevated); }
.about-mini img { width:100%; height:100%; object-fit:cover; display:block; }
@media(max-width:768px){ .about-mini { width:90px; height:90px; } }

/* ═══════════════════════════════════════════════════════
   SCROLL REVEAL
════════════════════════════════════════════════════════ */
.reveal { opacity:0; transform:translateY(32px); transition:opacity .65s var(--ease-base), transform .65s var(--ease-base); }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════ */
@media(max-width:1200px){
    .article-layout { grid-template-columns:1fr; }
    .article-sidebar { position:static; }
    .services-grid { grid-template-columns:repeat(2,1fr); }
    .blog-grid { grid-template-columns:repeat(2,1fr); }
    .footer-content { grid-template-columns:repeat(2,1fr); }
    .stats-band-inner { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:1024px){
    nav { padding:.9rem 2rem; }
    .logo-text { font-size:1.35rem; }
    .about,.services,.gemi-adami,.blog-section,.contact { padding:5rem 2.5rem; }
    footer { padding:3.5rem 2.5rem 1.8rem; }
    .page-hero { padding:7rem 2.5rem 4rem; }
    .article-layout,.page-content { padding:3rem 2rem; }
    .breadcrumb { padding:.8rem 2rem; }
    .stats-band-inner { padding:4rem 2.5rem; }
    .about-content { gap:3.5rem; }
}
@media(max-width:768px){
    nav { padding:.85rem 1.5rem; }
    .logo-text { font-size:1.2rem; }
    .logo-img { height:38px; }
    .menu-toggle { display:flex; }
    .nav-links {
        position:fixed;
        top:70px; left:-100%;
        width:85%; max-width:320px;
        height:calc(100vh - 70px);
        background:var(--bg-surface);
        border-right:1px solid var(--border-md);
        flex-direction:column;
        align-items:flex-start;
        padding:2rem 1.5rem;
        gap:0;
        transition:left var(--t-base);
        box-shadow:var(--shadow-xl);
        z-index:999;
        overflow-y:auto;
    }
    .nav-links.active { left:0; }
    .nav-links > li { width:100%; border-bottom:1px solid var(--border); }
    .nav-links a { font-size:1rem; padding:.9rem 0; color:var(--text-body); }
    .dropdown { position:static; transform:none; box-shadow:none; background:var(--bg-elevated); border-radius:var(--radius-sm); opacity:1; visibility:visible; display:none; padding:.4rem; width:100%; margin-top:.3rem; border:1px solid var(--border); }
    .has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown { display:block; }
    .dropdown::before { display:none; }

    .hero h1 { font-size:2.2rem; }
    .hero p { font-size:1rem; }
    .hero-buttons { flex-direction:column; align-items:center; }
    .cta-button,.cta-button-outline { width:100%; max-width:280px; justify-content:center; }

    .stats-band-inner { grid-template-columns:repeat(2,1fr); padding:3rem 1.5rem; gap:0; }
    .stat-item { border-right:none; border-bottom:1px solid rgba(255,255,255,.05); padding:1.8rem 1rem; }
    .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.05); }

    .about { padding:4rem 1.5rem; }
    .about-content { grid-template-columns:1fr; gap:2.5rem; }
    .about-image { aspect-ratio:auto; height:250px; }
    .services { padding:4rem 1.5rem; }
    .services-grid { grid-template-columns:1fr; gap:1.2rem; }
    .gemi-adami { padding:4rem 1.5rem; }
    .gemi-adami-content { grid-template-columns:1fr; }
    .blog-section { padding:4rem 1.5rem; }
    .blog-grid { grid-template-columns:1fr; }
    .contact { padding:4rem 1.5rem; }
    .contact-content { grid-template-columns:1fr; gap:2.5rem; }
    .contact-form { padding:2rem 1.5rem; }
    footer { padding:3rem 1.5rem 1.5rem; }
    .footer-content { grid-template-columns:1fr; gap:1.8rem; }
    .footer-bottom { flex-direction:column; gap:.8rem; text-align:center; }
    .page-hero { padding:6rem 1.5rem 3rem; }
    .article-layout,.page-content { padding:2rem 1.2rem; }
    .requirements-grid,.service-detail-grid { grid-template-columns:1fr; }
    .breadcrumb { padding:.6rem 1.5rem; }
}
@media(max-width:480px){
    .logo-text { font-size:1rem; }
    .logo-img { height:32px; }
    .hero h1 { font-size:1.85rem; }
    .stats-band-inner { grid-template-columns:1fr; }
    .stat-item { border-right:none !important; }
    .stat-number { font-size:3rem; }
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
@media(max-width:768px){
    *{ animation-duration:.5s !important; }
    input,textarea,select { font-size:16px !important; }
}

/* ============================================================
   ADA DENİZCİLİK — v5.0  KURUMSAL ÜST KATMAN
   Yeni bileşenler: topbar, hero slider, program takvimi,
   orbit istatistik, neden-biz, uzmanlık sekmeleri, blog split,
   SSS, cream CTA, footer v2, sticky başvuru formu, bento grid.
   Palet DEĞİŞMEDİ: lacivert + turkuaz + beyaz (+ krem zemin, WA yeşili)
   ============================================================ */

:root{
    --cream:      #F3EFE7;   /* son CTA bandı — sıcak nötr, palete rakip değil */
    --cream-deep: #E9E3D7;
    --green:      #1EA34C;   /* yalnızca WhatsApp butonu */
    --green-dark: #17853E;
    /* Lacivert bloklar için ince denizcilik dokusu */
    --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'%3E%3Ccircle cx='15' cy='15' r='5'/%3E%3Cpath d='M15 8v14M9 15h12'/%3E%3Crect x='38' y='38' width='10' height='10' rx='2'/%3E%3Cpath d='M43 30v6M43 50v6'/%3E%3C/g%3E%3C/svg%3E");
    /* Kart köşesindeki dümen filigranı */
    --wheel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230B2A4A' stroke-opacity='.10' stroke-width='3'%3E%3Ccircle cx='60' cy='60' r='34'/%3E%3Ccircle cx='60' cy='60' r='14'/%3E%3Cpath d='M60 12v14M60 94v14M12 60h14M94 60h14M26 26l10 10M84 84l10 10M94 26L84 36M36 84l-10 10'/%3E%3C/g%3E%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════
   ÜST BAR  (telefon · e-posta · adres · hızlı aksiyon)
   ═══════════════════════════════════════════════════════ */
.topbar{
    background:var(--dark); color:rgba(255,255,255,.78);
    font-size:.8rem; position:relative; z-index:1001;
}
.topbar-inner{
    max-width:var(--container); margin:0 auto; padding:.55rem 4rem;
    display:flex; align-items:center; gap:1.4rem;
}
.topbar a{ color:inherit; transition:color var(--t-fast); }
.topbar a:hover{ color:#fff; }
.topbar-item{ display:inline-flex; align-items:center; gap:.5rem; white-space:nowrap; }
.topbar-item i{ color:var(--accent); font-size:.8rem; }
.topbar-sep{ width:1px; height:14px; background:rgba(255,255,255,.16); }
.topbar-right{ margin-left:auto; display:flex; align-items:center; gap:.7rem; }
.topbar-btn{
    display:inline-flex; align-items:center; gap:.45rem;
    background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14);
    padding:.32rem .8rem; border-radius:999px; font-weight:600; font-size:.76rem;
    color:#fff !important; transition:all var(--t-fast);
}
.topbar-btn:hover{ background:var(--accent); border-color:var(--accent); transform:translateY(-1px); }
.topbar-btn.is-wa:hover{ background:var(--green); border-color:var(--green); }
@media(max-width:1100px){ .topbar-inner{ padding:.55rem 1.5rem; gap:1rem; } .topbar-addr{ display:none; } }
@media(max-width:680px){ .topbar-mail,.topbar-sep{ display:none; } .topbar-inner{ justify-content:space-between; } }

/* Topbar varken header sabitlemesi kayar */
body.has-topbar header{ top:0; }

/* Header'daki dolu CTA butonu (ÖN KAYIT) */
.nav-links a.nav-pill{
    background:var(--dark); color:#fff !important;
    padding:.62rem 1.35rem; border-radius:999px;
    font-weight:700; font-size:.8rem; letter-spacing:.04em; text-transform:uppercase;
    box-shadow:0 6px 18px rgba(11,42,74,.28); transition:all var(--t-base);
}
.nav-links a.nav-pill::after{ display:none; }
.nav-links a.nav-pill:hover{ background:var(--accent); transform:translateY(-2px); box-shadow:0 10px 26px rgba(14,152,168,.4); }

/* ═══════════════════════════════════════════════════════
   HERO SLIDER  (görsel karusel + oklar + noktalar)
   ═══════════════════════════════════════════════════════ */
.hero-slides{ position:absolute; inset:0; z-index:0; }
.hero-slide{
    position:absolute; inset:0; opacity:0;
    background-size:cover; background-position:center;
    transition:opacity 1.1s var(--ease-base), transform 7s linear;
    transform:scale(1.04);
}
.hero-slide.is-active{ opacity:1; transform:scale(1.11); }
.hero-arrow{
    position:absolute; top:50%; transform:translateY(-50%); z-index:3;
    width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.28);
    background:rgba(11,42,74,.32); backdrop-filter:blur(6px);
    color:#fff; font-size:1rem; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:all var(--t-base);
}
.hero-arrow:hover{ background:var(--accent); border-color:var(--accent); }
.hero-arrow.prev{ left:2rem; }
.hero-arrow.next{ right:2rem; }
.hero-dots{
    position:absolute; bottom:2.2rem; left:50%; transform:translateX(-50%);
    z-index:3; display:flex; gap:.55rem;
}
.hero-dot{
    width:9px; height:9px; border-radius:50%; border:none; cursor:pointer;
    background:rgba(255,255,255,.35); transition:all var(--t-base);
}
.hero-dot.is-active{ background:var(--accent); width:30px; border-radius:999px; }
@media(max-width:768px){ .hero-arrow{ display:none; } }

/* ═══════════════════════════════════════════════════════
   KATEGORİ ŞERİDİ  (yuvarlak avatarlar)
   ═══════════════════════════════════════════════════════ */
.cat-strip{ background:var(--bg-body); border-bottom:1px solid var(--border); padding:2.4rem 4rem; }
.cat-strip-inner{
    max-width:var(--container); margin:0 auto;
    display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}
.cat-av{ display:flex; flex-direction:column; align-items:center; gap:.7rem; width:110px; text-align:center; }
.cat-av-ring{
    width:74px; height:74px; border-radius:50%; padding:3px;
    background:linear-gradient(135deg,var(--accent),var(--primary));
    transition:transform var(--t-base), box-shadow var(--t-base);
}
.cat-av:hover .cat-av-ring{ transform:translateY(-4px) scale(1.05); box-shadow:0 10px 26px rgba(14,152,168,.32); }
.cat-av-ring > span{
    width:100%; height:100%; border-radius:50%; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    background:var(--bg-elevated); color:var(--primary); font-size:1.5rem;
}
.cat-av-ring img{ width:100%; height:100%; object-fit:cover; }
.cat-av span.cat-av-label{
    font-size:.76rem; font-weight:600; color:var(--text-body); line-height:1.35;
    transition:color var(--t-fast);
}
.cat-av:hover .cat-av-label{ color:var(--accent); }
@media(max-width:768px){
    .cat-strip{ padding:1.8rem 1rem; }
    .cat-strip-inner{ justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; padding-bottom:.6rem; scrollbar-width:none; }
    .cat-strip-inner::-webkit-scrollbar{ display:none; }
    .cat-av{ width:92px; flex:0 0 auto; }
    .cat-av-ring{ width:62px; height:62px; }
}

/* ═══════════════════════════════════════════════════════
   BÖLÜM BAŞLIĞI — ortalanmış, iki yanı çizgili eyebrow
   ═══════════════════════════════════════════════════════ */
.sec-head{ max-width:760px; margin:0 auto 3rem; text-align:center; }
.sec-head .rule-eyebrow{
    display:flex; align-items:center; justify-content:center; gap:1rem;
    font-size:.74rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
    color:var(--accent); margin-bottom:1rem;
}
.sec-head .rule-eyebrow::before,
.sec-head .rule-eyebrow::after{
    content:''; height:1px; width:52px; background:linear-gradient(90deg,transparent,var(--border-md));
}
.sec-head .rule-eyebrow::after{ background:linear-gradient(90deg,var(--border-md),transparent); }
.sec-head h2{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.15;
    font-size:clamp(1.9rem,4vw,3.1rem); color:var(--text-primary);
}
.sec-head h2 span{ color:var(--accent); }
.sec-head p{ color:var(--text-body); margin-top:1rem; font-size:1.02rem; }
/* Sola dayalı varyant */
.sec-head.left{ margin-left:0; text-align:left; }
.sec-head.left .rule-eyebrow{ justify-content:flex-start; }
.sec-head.left .rule-eyebrow::after{ display:none; }
.sec-head.left .rule-eyebrow::before{ width:32px; background:var(--accent); height:2px; }

/* ═══════════════════════════════════════════════════════
   KATEGORİ SEKME KARTLARI  (dümen filigranlı)
   ═══════════════════════════════════════════════════════ */
.cat-tabs{
    display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:1rem; margin-bottom:2.6rem;
}
.cat-tab{
    position:relative; overflow:hidden; cursor:pointer; text-align:center;
    background:var(--bg-surface); border:1px solid var(--border);
    border-radius:var(--radius); padding:1.5rem 1rem;
    box-shadow:var(--shadow-sm); transition:all var(--t-base);
}
.cat-tab::after{
    content:''; position:absolute; top:-34px; right:-34px; width:120px; height:120px;
    background:var(--wheel) no-repeat center/contain; opacity:.9; pointer-events:none;
}
.cat-tab-ico{
    width:44px; height:44px; margin:0 auto .8rem; border-radius:12px;
    background:var(--bg-elevated); color:var(--primary);
    display:flex; align-items:center; justify-content:center; font-size:1.05rem;
    transition:all var(--t-base);
}
.cat-tab-name{ display:block; font-family:'Montserrat',sans-serif; font-weight:700; font-size:.92rem; color:var(--text-primary); }
.cat-tab-count{ display:block; font-size:.76rem; color:var(--text-muted); margin-top:.2rem; }
.cat-tab:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:rgba(14,152,168,.3); }
.cat-tab.is-active{ background:var(--dark); border-color:var(--dark); box-shadow:0 14px 34px rgba(11,42,74,.26); }
.cat-tab.is-active::after{ filter:invert(1) brightness(2); opacity:.14; }
.cat-tab.is-active .cat-tab-ico{ background:rgba(255,255,255,.12); color:#fff; }
.cat-tab.is-active .cat-tab-name{ color:#fff; }
.cat-tab.is-active .cat-tab-count{ color:rgba(255,255,255,.6); }
@media(max-width:768px){ .cat-tabs{ grid-template-columns:repeat(2,1fr); gap:.7rem; } .cat-tab{ padding:1.1rem .7rem; } }

/* ═══════════════════════════════════════════════════════
   PROGRAM LİSTESİ  (tarih rozeti + satır kart + başvur bloğu)
   ═══════════════════════════════════════════════════════ */
.prog-section{ padding:6rem 4rem; background:var(--bg-section); }
.prog-head{
    max-width:var(--container); margin:0 auto 2.4rem;
    display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; flex-wrap:wrap;
}
.prog-head .sec-head{ margin:0; }
.view-toggle{ display:inline-flex; background:var(--bg-surface); border:1px solid var(--border-md); border-radius:12px; padding:4px; box-shadow:var(--shadow-sm); }
.view-toggle button{
    display:inline-flex; align-items:center; gap:.45rem; cursor:pointer;
    background:none; border:none; border-radius:9px; padding:.55rem 1.1rem;
    font-family:'Poppins',sans-serif; font-weight:600; font-size:.82rem; color:var(--text-muted);
    transition:all var(--t-base);
}
.view-toggle button.is-active{ background:var(--dark); color:#fff; box-shadow:var(--shadow-sm); }

.prog-list{ max-width:var(--container); margin:0 auto; display:flex; flex-direction:column; gap:1rem; }
.prog-row{
    display:grid; grid-template-columns:auto 1fr auto auto; align-items:stretch;
    gap:0; position:relative; padding-left:34px;
}
.prog-badge{
    position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2;
    width:56px; min-height:56px; border-radius:14px; background:var(--dark); color:#fff;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(11,42,74,.3); padding:.5rem .2rem;
}
.prog-badge b{ font-family:'Montserrat',sans-serif; font-size:1.05rem; font-weight:800; line-height:1; }
.prog-badge small{ font-size:.6rem; letter-spacing:.08em; opacity:.72; text-transform:uppercase; margin-top:2px; }
.prog-body{
    grid-column:2; background:var(--bg-surface); border:1px solid var(--border);
    border-right:none; border-radius:var(--radius) 0 0 var(--radius);
    padding:1.4rem 1.6rem 1.4rem 2.4rem; display:flex; flex-direction:column; justify-content:center;
    transition:all var(--t-base);
}
.prog-meta{ font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); font-weight:600; margin-bottom:.4rem; }
.prog-meta .dot{ margin:0 .5rem; opacity:.5; }
.prog-meta .cat{ color:var(--accent); }
.prog-title{ font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:700; color:var(--text-primary); line-height:1.35; }
.prog-status{
    grid-column:3; background:var(--bg-surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border);
    display:flex; align-items:center; padding:0 1.4rem;
}
.pill-open{
    display:inline-block; background:rgba(30,163,76,.12); color:var(--green-dark);
    border:1px solid rgba(30,163,76,.24); border-radius:999px;
    padding:.28rem .8rem; font-size:.74rem; font-weight:700; white-space:nowrap;
}
.pill-soon{ background:rgba(14,152,168,.1); color:var(--accent); border-color:rgba(14,152,168,.26); }
.prog-apply{
    grid-column:4; display:flex; align-items:center; justify-content:center; gap:.6rem;
    background:var(--dark); color:#fff; font-weight:700; font-size:.82rem; letter-spacing:.03em;
    padding:0 1.8rem; border-radius:0 var(--radius) var(--radius) 0;
    white-space:nowrap; transition:all var(--t-base);
}
.prog-apply i{ transition:transform var(--t-base); }
.prog-row:hover .prog-body,.prog-row:hover .prog-status{ border-color:rgba(14,152,168,.3); }
.prog-row:hover .prog-apply{ background:var(--accent); }
.prog-row:hover .prog-apply i{ transform:translateX(4px); }
.prog-row:hover .prog-title{ color:var(--accent); }
@media(max-width:900px){
    .prog-section{ padding:4rem 1.2rem; }
    .prog-row{ grid-template-columns:1fr; padding-left:0; }
    .prog-badge{ position:static; transform:none; flex-direction:row; gap:.45rem; width:auto; align-self:flex-start; min-height:0; border-radius:12px 12px 0 0; padding:.4rem 1rem; }
    .prog-badge small{ margin:0; }
    .prog-body{ grid-column:1; border-right:1px solid var(--border); border-radius:0; padding:1.2rem 1.2rem; }
    .prog-status{ grid-column:1; border-left:1px solid var(--border); border-right:1px solid var(--border); padding:0 1.2rem 1rem; }
    .prog-apply{ grid-column:1; border-radius:0 0 var(--radius) var(--radius); padding:1rem; }
}

/* ═══════════════════════════════════════════════════════
   ORBIT İSTATİSTİK  ("Rotanı Bize Çevir")
   ═══════════════════════════════════════════════════════ */
.orbit-section{
    padding:6.5rem 4rem; background:var(--bg-body);
    background-image:linear-gradient(rgba(11,42,74,.035) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(11,42,74,.035) 1px,transparent 1px);
    background-size:78px 78px;
}
.orbit-inner{
    max-width:var(--container); margin:0 auto;
    display:grid; grid-template-columns:1fr 1.15fr; gap:3rem; align-items:center;
}
.orbit-copy h2{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.1;
    font-size:clamp(2rem,4.4vw,3.4rem); color:var(--text-primary);
}
.orbit-copy .kicker{
    display:block; margin-top:.7rem; font-size:.76rem; font-weight:700;
    letter-spacing:.22em; text-transform:uppercase; color:var(--text-muted);
}
.orbit-copy p{ margin-top:1.4rem; color:var(--text-body); max-width:420px; }
.orbit-stage{ position:relative; aspect-ratio:1/.86; min-height:620px; }
/* Yay: SVG yerine CSS kenarlığı — üst + sol çeyrek = sağa açılan C */
.orbit-ring,.orbit-ring-track{
    position:absolute; left:45%; top:50%;
    width:360px; height:540px; border-radius:50%;
    box-sizing:border-box; pointer-events:none;
    transform:translate(-50%,-50%);
}
.orbit-ring-track{ border:6px solid rgba(11,42,74,.055); }
.orbit-ring{
    border:6px solid transparent;
    border-top-color:var(--accent);
    border-left-color:var(--primary);
}
.orbit-hub{
    position:absolute; left:45%; top:50%; transform:translate(-50%,-50%);
    width:132px; height:132px; border-radius:50%;
    background:rgba(14,152,168,.09); display:flex; align-items:center; justify-content:center;
}
.orbit-hub img{ width:62px; height:auto; }
.orbit-node{ position:absolute; display:flex; align-items:center; gap:.85rem; }
.orbit-node .bub{
    width:64px; height:64px; flex:0 0 64px; border-radius:50%;
    background:var(--dark); color:#fff; font-size:1.35rem;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 26px rgba(11,42,74,.28);
    transition:transform var(--t-base), background var(--t-base);
}
.orbit-node:hover .bub{ transform:scale(1.09); background:var(--accent); }
.orbit-node b{ display:block; white-space:nowrap; font-family:'Montserrat',sans-serif; font-size:1.3rem; font-weight:800; color:var(--text-primary); line-height:1.1; }
.orbit-node small{ display:block; white-space:nowrap; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted); margin-top:2px; }
/* Hub merkezi %45/%50. Düğümler ELİPTİK yayda (rx=180px, ry=270px),
   -78° ile +78° arasında; dikey aralık etiketlerin çakışmasını önlüyor. */
.orbit-node.n1{ left:45.7%; top:1.0%;  }
.orbit-node.n2{ left:58.0%; top:12.0%; }
.orbit-node.n3{ left:65.1%; top:32.4%; }
.orbit-node.n4{ left:65.1%; top:57.0%; }
.orbit-node.n5{ left:58.0%; top:77.4%; }
.orbit-node.n6{ left:45.7%; top:88.4%; }
@media(max-width:980px){
    .orbit-section{ padding:4rem 1.5rem; }
    .orbit-inner{ grid-template-columns:1fr; gap:2.4rem; }
    .orbit-stage{ display:none; }
    .orbit-grid-fallback{ display:grid !important; }
}
.orbit-grid-fallback{ display:none; grid-template-columns:repeat(2,1fr); gap:1rem; }
.orbit-grid-fallback .ofb{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    padding:1.3rem; display:flex; align-items:center; gap:.9rem; box-shadow:var(--shadow-sm);
}
.orbit-grid-fallback .ofb i{ width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--dark); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1rem; }
.orbit-grid-fallback .ofb b{ display:block; font-family:'Montserrat',sans-serif; font-size:1.05rem; color:var(--text-primary); }
.orbit-grid-fallback .ofb small{ font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
@media(max-width:520px){ .orbit-grid-fallback{ grid-template-columns:1fr; } }

/* ═══════════════════════════════════════════════════════
   NEDEN BİZ  (medya + metin + özellik kartı karuseli)
   ═══════════════════════════════════════════════════════ */
.why-section{ padding:6rem 4rem; background:var(--bg-section); }
.why-top{
    max-width:var(--container); margin:0 auto 3rem;
    display:grid; grid-template-columns:.85fr 1.15fr; gap:3rem; align-items:center;
}
.why-media{
    position:relative; border-radius:var(--radius-lg); overflow:hidden;
    aspect-ratio:16/11; background:var(--dark); box-shadow:var(--shadow-lg);
}
.why-media img{ width:100%; height:100%; object-fit:cover; }
.why-media .play{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:78px; height:78px; border-radius:50%;
    background:var(--accent); color:#fff; font-size:1.6rem;
    display:flex; align-items:center; justify-content:center; padding-left:5px;
    box-shadow:0 10px 34px rgba(14,152,168,.5); transition:transform var(--t-base);
}
.why-media:hover .play{ transform:translate(-50%,-50%) scale(1.09); }
.why-copy p{ color:var(--text-body); line-height:1.9; margin-bottom:1.1rem; }
.why-copy p:first-child{ font-size:1.06rem; color:var(--text-primary); font-weight:500; }

.why-cards-wrap{ max-width:var(--container); margin:0 auto; position:relative; }
.why-cards{
    display:flex; gap:1.2rem; overflow-x:auto; scroll-behavior:smooth;
    padding-bottom:.6rem; scrollbar-width:none;
}
.why-cards::-webkit-scrollbar{ display:none; }
.why-card{
    flex:0 0 clamp(240px,26%,320px);
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    padding:1.7rem; box-shadow:var(--shadow-sm); transition:all var(--t-base);
    display:flex; flex-direction:column;
}
.why-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(14,152,168,.28); }
.why-card .ico{
    width:46px; height:46px; border-radius:12px; margin-bottom:1.1rem;
    background:rgba(14,152,168,.1); color:var(--accent);
    display:flex; align-items:center; justify-content:center; font-size:1.05rem;
}
.why-card h3{ font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:700; color:var(--text-primary); line-height:1.4; margin-bottom:.6rem; }
.why-card p{ font-size:.88rem; color:var(--text-body); line-height:1.7; flex:1; margin-bottom:1rem; }
.why-card .more{ font-size:.82rem; font-weight:600; color:var(--accent); display:inline-flex; align-items:center; gap:6px; }
.why-card:hover .more{ gap:11px; }
.carousel-nav{ display:flex; gap:.6rem; justify-content:flex-end; margin-top:1.4rem; }
.carousel-nav button{
    width:42px; height:42px; border-radius:50%; cursor:pointer;
    background:var(--bg-surface); border:1px solid var(--border-md); color:var(--text-primary);
    display:flex; align-items:center; justify-content:center; transition:all var(--t-base);
}
.carousel-nav button:hover{ background:var(--dark); border-color:var(--dark); color:#fff; }
@media(max-width:900px){
    .why-section{ padding:4rem 1.2rem; }
    .why-top{ grid-template-columns:1fr; gap:2rem; }
    .why-card{ flex:0 0 84%; }
}

/* ═══════════════════════════════════════════════════════
   UZMANLIK BÖLÜMÜ  (sekme + numaralı içerik listesi)
   ═══════════════════════════════════════════════════════ */
.spec-section{ padding:6rem 4rem; background:var(--bg-body); position:relative; overflow:hidden; }
.spec-inner{ max-width:var(--container); margin:0 auto; }
.spec-body{ display:grid; grid-template-columns:.8fr 1.2fr; gap:2.4rem; align-items:start; }
.spec-visual{
    border-radius:var(--radius-lg); overflow:hidden; background:var(--dark);
    aspect-ratio:3/4; position:relative; box-shadow:var(--shadow-lg);
}
.spec-visual img{ width:100%; height:100%; object-fit:cover; }
.spec-visual .cap{
    position:absolute; inset:auto 0 0 0; padding:1.6rem;
    background:linear-gradient(transparent,rgba(11,42,74,.92)); color:#fff;
}
.spec-visual .cap b{ font-family:'Montserrat',sans-serif; font-size:1.1rem; display:block; }
.spec-visual .cap span{ font-size:.84rem; opacity:.8; }
.spec-list-title{ font-family:'Montserrat',sans-serif; font-size:1.05rem; font-weight:700; color:var(--text-primary); margin-bottom:1rem; }
.spec-list{ display:flex; flex-direction:column; gap:.7rem; }
.spec-item{
    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.1rem;
    background:var(--bg-surface); border:1px solid var(--border); border-radius:14px;
    padding:1rem 1.3rem; transition:all var(--t-base);
}
.spec-item .no{
    font-family:'Montserrat',sans-serif; font-size:.8rem; font-weight:800; color:var(--text-muted);
    width:34px; height:34px; border-radius:10px; background:var(--bg-elevated);
    display:flex; align-items:center; justify-content:center; transition:all var(--t-base);
}
.spec-item b{ display:block; font-family:'Montserrat',sans-serif; font-size:.92rem; font-weight:700; color:var(--text-primary); }
.spec-item p{ font-size:.82rem; color:var(--text-muted); margin:.15rem 0 0; line-height:1.6;
    display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.spec-item .arw{ color:var(--text-muted); transition:all var(--t-base); }
.spec-item:hover{ border-color:rgba(14,152,168,.35); box-shadow:var(--shadow-md); transform:translateX(4px); }
.spec-item:hover .no{ background:var(--accent); color:#fff; }
.spec-item:hover .arw{ color:var(--accent); transform:translateX(4px); }
@media(max-width:900px){
    .spec-section{ padding:4rem 1.2rem; }
    .spec-body{ grid-template-columns:1fr; }
    .spec-visual{ aspect-ratio:16/10; }
}

/* ═══════════════════════════════════════════════════════
   BLOG SPLIT  (lacivert panel + görsel mozaik)
   ═══════════════════════════════════════════════════════ */
.blog-split{ display:grid; grid-template-columns:1fr 1fr; min-height:640px; }
.blog-split-copy{
    background:var(--dark); background-image:var(--pattern);
    color:#fff; padding:5rem 4rem; display:flex; flex-direction:column; justify-content:center;
}
.blog-split-copy .rule-label{
    display:flex; align-items:center; gap:1rem; font-size:.74rem; font-weight:700;
    letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-bottom:1.2rem;
}
.blog-split-copy .rule-label::before{ content:''; width:38px; height:2px; background:var(--accent); }
.blog-split-copy h2{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.05;
    font-size:clamp(2.2rem,5vw,3.8rem); color:#fff;
}
.blog-split-copy .sub{
    margin-top:1.6rem; display:flex; align-items:center; gap:.7rem;
    font-size:.86rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.8);
}
.blog-split-copy .sub::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.blog-split-copy .all-link{
    margin-top:2.4rem; align-self:flex-start;
    display:inline-flex; align-items:center; gap:.7rem;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
    color:#fff; padding:.85rem 1.7rem; border-radius:999px; font-weight:600; font-size:.9rem;
    transition:all var(--t-base);
}
.blog-split-copy .all-link:hover{ background:var(--accent); border-color:var(--accent); gap:1.1rem; }

.blog-split-grid{ display:grid; grid-template-rows:1.25fr 1fr; }
.bs-feat{
    position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end;
    padding:2.6rem; color:#fff; background:var(--primary);
}
.bs-feat img,.bs-mini img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform 1s var(--ease-base); }
.bs-feat::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(11,42,74,.25) 0%,rgba(11,42,74,.92) 100%); }
.bs-feat > *{ position:relative; z-index:2; }
.bs-feat:hover img{ transform:scale(1.06); }
.bs-feat h3{ font-family:'Montserrat',sans-serif; font-size:clamp(1.15rem,2vw,1.6rem); font-weight:700; line-height:1.25; margin-bottom:.7rem; color:#fff; }
.bs-feat p{ font-size:.9rem; color:rgba(255,255,255,.78); line-height:1.7; max-width:46ch; margin-bottom:1.4rem; }
.bs-feat .go{
    display:inline-flex; align-items:center; gap:.6rem; align-self:flex-start;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.26);
    backdrop-filter:blur(6px); color:#fff; padding:.7rem 1.4rem; border-radius:999px;
    font-weight:600; font-size:.85rem; transition:all var(--t-base);
}
.bs-feat .go:hover{ background:var(--accent); border-color:var(--accent); gap:1rem; }
.bs-row{ display:grid; grid-template-columns:1fr 1fr; }
.bs-mini{
    position:relative; overflow:hidden; padding:1.9rem;
    background:var(--bg-surface); border-left:1px solid var(--border); border-top:1px solid var(--border);
    display:flex; flex-direction:column; justify-content:flex-end; transition:all var(--t-base);
}
.bs-mini.is-photo{ color:#fff; }
.bs-mini.is-photo::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(11,42,74,.2),rgba(11,42,74,.88)); }
.bs-mini.is-photo > *{ position:relative; z-index:2; }
.bs-mini h3{ font-family:'Montserrat',sans-serif; font-size:.98rem; font-weight:700; line-height:1.35; margin-bottom:.5rem; color:var(--text-primary); }
.bs-mini.is-photo h3{ color:#fff; }
.bs-mini p{ font-size:.82rem; color:var(--text-muted); line-height:1.6;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bs-mini.is-photo p{ color:rgba(255,255,255,.75); }
.bs-mini:hover{ background:var(--bg-elevated); }
.bs-mini:hover img{ transform:scale(1.06); }
.bs-mini.is-photo:hover h3{ color:#fff; }
@media(max-width:980px){
    .blog-split{ grid-template-columns:1fr; }
    .blog-split-copy{ padding:3.4rem 1.5rem; }
    .blog-split-grid{ grid-template-rows:auto auto; }
    .bs-feat{ padding:2rem 1.5rem; min-height:340px; }
    .bs-row{ grid-template-columns:1fr; }
    .bs-mini{ min-height:180px; }
}

/* ═══════════════════════════════════════════════════════
   SSS v2  (yardım kartı + etiketli akordiyon)
   ═══════════════════════════════════════════════════════ */
.faq2-section{ padding:6rem 4rem; background:var(--bg-section); }
.faq2-inner{ max-width:var(--container); margin:0 auto; }
.faq2-body{ display:grid; grid-template-columns:.42fr 1fr; gap:2.2rem; align-items:start; margin-top:2.6rem; }
.help-card{
    background:var(--dark); background-image:var(--pattern);
    border-radius:var(--radius); padding:2.2rem 1.8rem; text-align:center;
    box-shadow:var(--shadow-lg); position:sticky; top:120px;
}
.help-card .q{
    width:52px; height:52px; margin:0 auto 1.2rem; border-radius:50%;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16);
    color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.1rem;
}
.help-card h3{ font-family:'Montserrat',sans-serif; font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:.4rem; }
.help-card > p{ font-size:.85rem; color:rgba(255,255,255,.66); margin-bottom:1.6rem; }
.help-btn{
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    width:100%; padding:.9rem 1rem; border-radius:11px; font-weight:700; font-size:.92rem;
    margin-bottom:.7rem; transition:all var(--t-base);
}
.help-btn.solid{ background:#fff; color:var(--dark); }
.help-btn.solid:hover{ background:var(--accent); color:#fff; }
.help-btn.ghost{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); color:#fff; }
.help-btn.ghost:hover{ background:rgba(255,255,255,.18); }
.help-btn.wa{ background:var(--green); color:#fff; margin-top:1.1rem; }
.help-btn.wa:hover{ background:var(--green-dark); }
.help-card .divider{ height:1px; background:rgba(255,255,255,.14); margin:1.3rem 0 0; }

.faq2-list{ display:flex; flex-direction:column; gap:.9rem; }
.faq2-item{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    box-shadow:var(--shadow-sm); overflow:hidden; transition:all var(--t-base);
}
.faq2-item.is-open{ border-color:rgba(14,152,168,.3); box-shadow:var(--shadow-md); }
.faq2-q{
    width:100%; cursor:pointer; background:none; border:none; text-align:left;
    padding:1.4rem 1.7rem; display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:start;
    font-family:'Poppins',sans-serif;
}
.faq2-q b{ display:block; font-size:1rem; font-weight:600; color:var(--text-primary); line-height:1.45; }
.faq2-tag{
    display:inline-block; margin-top:.55rem; background:var(--bg-elevated); color:var(--text-muted);
    border-radius:6px; padding:.22rem .6rem; font-size:.66rem; font-weight:700;
    letter-spacing:.09em; text-transform:uppercase;
}
.faq2-q .chev{ color:var(--text-muted); transition:transform var(--t-base); margin-top:.3rem; }
.faq2-item.is-open .faq2-q .chev{ transform:rotate(180deg); color:var(--accent); }
.faq2-a{ max-height:0; overflow:hidden; transition:max-height .45s var(--ease-base); }
.faq2-a-in{ padding:0 1.7rem 1.6rem; }
.faq2-a p{ color:var(--text-body); line-height:1.85; font-size:.94rem; margin-bottom:.9rem; }
.faq2-a p:last-child{ margin-bottom:0; }
@media(max-width:900px){
    .faq2-section{ padding:4rem 1.2rem; }
    .faq2-body{ grid-template-columns:1fr; }
    .help-card{ position:static; }
}

/* ═══════════════════════════════════════════════════════
   KREM CTA BANDI  (kapanış)
   ═══════════════════════════════════════════════════════ */
.cta-cream{ background:var(--cream); padding:7rem 4rem; }
.cta-cream-inner{ max-width:var(--container); margin:0 auto; max-width:900px; }
.cta-cream h2{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.08;
    font-size:clamp(2.1rem,5vw,3.6rem); color:var(--text-primary);
}
.cta-cream .rule{ width:64px; height:3px; background:var(--primary); border-radius:4px; margin:1.6rem 0; }
.cta-cream p{ color:var(--text-body); font-size:1.05rem; max-width:520px; margin-bottom:2.2rem; }
.cta-cream-btns{ display:flex; gap:1rem; flex-wrap:wrap; }
.btn-cream-solid{
    display:inline-flex; align-items:center; gap:.6rem;
    background:var(--dark); color:#fff; padding:1rem 2rem; border-radius:11px;
    font-weight:700; font-size:.88rem; letter-spacing:.04em; text-transform:uppercase;
    box-shadow:var(--shadow-md); transition:all var(--t-base);
}
.btn-cream-solid:hover{ background:var(--accent); transform:translateY(-3px); }
.btn-cream-ghost{
    display:inline-flex; align-items:center; gap:.6rem;
    background:#fff; border:1px solid var(--cream-deep); color:var(--text-primary);
    padding:1rem 2rem; border-radius:11px; font-weight:700; font-size:.88rem;
    transition:all var(--t-base);
}
.btn-cream-ghost:hover{ border-color:var(--accent); color:var(--accent); transform:translateY(-3px); }
@media(max-width:768px){ .cta-cream{ padding:4rem 1.5rem; } .cta-cream-btns{ flex-direction:column; } .btn-cream-solid,.btn-cream-ghost{ justify-content:center; } }

/* ═══════════════════════════════════════════════════════
   FOOTER v2  (akreditasyon şeridi + dokulu lacivert)
   ═══════════════════════════════════════════════════════ */
footer.v2{ background:var(--dark); background-image:var(--pattern); padding:0; }
.foot-accred{
    max-width:var(--container); margin:0 auto;
    padding:2.2rem 4rem; display:flex; align-items:center; gap:2rem; flex-wrap:wrap;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.foot-accred .lbl{ font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.foot-accred .sep{ width:1px; height:26px; background:rgba(255,255,255,.14); }
.foot-accred .badges{ display:flex; align-items:center; gap:1.6rem; flex-wrap:wrap; }
.accred-badge{
    display:inline-flex; align-items:center; gap:.55rem;
    font-size:.78rem; font-weight:600; color:rgba(255,255,255,.72);
    transition:color var(--t-fast);
}
.accred-badge i{ font-size:1.05rem; color:var(--accent); }
.accred-badge:hover{ color:#fff; }

.foot-cols{
    max-width:var(--container); margin:0 auto;
    padding:3.4rem 4rem; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:3rem;
}
.foot-brand img{ height:84px; width:auto; margin-bottom:1.2rem; }
.foot-brand p{ color:rgba(255,255,255,.62); font-size:.92rem; line-height:1.8; max-width:36ch; margin-bottom:1.8rem; }
.foot-contact{ display:flex; flex-direction:column; gap:1rem; }
.foot-contact a,.foot-contact span{ display:flex; align-items:flex-start; gap:.9rem; color:rgba(255,255,255,.8); font-size:.9rem; transition:color var(--t-fast); }
.foot-contact a:hover{ color:var(--accent); }
.foot-contact .chip{
    width:34px; height:34px; flex:0 0 34px; border-radius:9px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1);
    display:flex; align-items:center; justify-content:center; font-size:.82rem; color:var(--accent);
}
.foot-h{ font-size:.76rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#fff; margin-bottom:1.5rem; }
.foot-links{ display:flex; flex-direction:column; gap:.85rem; }
.foot-links a{
    display:flex; align-items:center; gap:.6rem; color:rgba(255,255,255,.7);
    font-size:.92rem; transition:all var(--t-fast);
}
.foot-links a::before{ content:'\f054'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:.6rem; color:var(--accent); opacity:.7; }
.foot-links a:hover{ color:#fff; transform:translateX(4px); }
.soc-chips{ display:flex; gap:.6rem; margin-bottom:1.2rem; flex-wrap:wrap; }
.soc-chips a{
    width:42px; height:42px; border-radius:11px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.82); display:flex; align-items:center; justify-content:center;
    font-size:.95rem; transition:all var(--t-base);
}
.soc-chips a:hover{ background:var(--accent); border-color:var(--accent); color:#fff; transform:translateY(-3px); }
.foot-note{ color:rgba(255,255,255,.5); font-size:.85rem; line-height:1.7; }
.foot-bottom{
    border-top:1px solid rgba(255,255,255,.08);
}
.foot-bottom-inner{
    max-width:var(--container); margin:0 auto; padding:1.5rem 4rem;
    display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
    font-size:.83rem; color:rgba(255,255,255,.5);
}
.foot-bottom-inner a{ color:rgba(255,255,255,.62); }
.foot-bottom-inner a:hover{ color:var(--accent); }
.foot-bottom-right{ display:flex; align-items:center; gap:1rem; }
.foot-bottom-right .sep{ width:1px; height:14px; background:rgba(255,255,255,.16); }
@media(max-width:900px){
    .foot-accred{ padding:1.8rem 1.5rem; }
    .foot-cols{ padding:2.6rem 1.5rem; grid-template-columns:1fr; gap:2.4rem; }
    .foot-bottom-inner{ padding:1.3rem 1.5rem; flex-direction:column; text-align:center; }
}

/* ═══════════════════════════════════════════════════════
   YÜZEN WHATSAPP BUTONU
   ═══════════════════════════════════════════════════════ */
.wa-float{
    position:fixed; right:1.6rem; bottom:1.6rem; z-index:900;
    width:58px; height:58px; border-radius:50%;
    background:var(--green); color:#fff; font-size:1.55rem;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 30px rgba(30,163,76,.42);
    transition:transform var(--t-base), box-shadow var(--t-base);
}
.wa-float:hover{ transform:scale(1.08) translateY(-2px); box-shadow:0 14px 38px rgba(30,163,76,.55); }
.wa-float::after{
    content:''; position:absolute; inset:0; border-radius:50%;
    border:2px solid var(--green); animation:waRing 2.4s ease-out infinite; pointer-events:none;
}
@keyframes waRing{ 0%{ transform:scale(1); opacity:.7 } 100%{ transform:scale(1.65); opacity:0 } }
@media(max-width:768px){ .wa-float{ right:1rem; bottom:1rem; width:52px; height:52px; font-size:1.35rem; } }

/* ═══════════════════════════════════════════════════════
   İÇ SAYFA HERO v2  (dokulu, ortalanmış, pill etiketli)
   ═══════════════════════════════════════════════════════ */
.page-hero2{
    background:var(--dark); background-image:var(--pattern);
    padding:9rem 4rem 5rem; text-align:center; position:relative; overflow:hidden;
}
.page-hero2.has-photo{ background-size:cover; background-position:center; }
.page-hero2.has-photo::before{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,42,74,.86),rgba(11,42,74,.94)); }
.page-hero2-inner{ position:relative; z-index:2; max-width:900px; margin:0 auto; }
.ph-crumb{ display:flex; align-items:center; justify-content:center; gap:.6rem; font-size:.85rem; color:rgba(255,255,255,.55); margin-bottom:1.4rem; flex-wrap:wrap; }
.ph-crumb a{ color:rgba(255,255,255,.55); transition:color var(--t-fast); }
.ph-crumb a:hover{ color:#fff; }
.ph-crumb i{ font-size:.6rem; opacity:.5; }
.ph-crumb .cur{ color:#fff; font-weight:600; }
.ph-pill{
    display:inline-block; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
    color:rgba(255,255,255,.9); border-radius:999px; padding:.42rem 1.2rem;
    font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin-bottom:1.4rem;
}
.page-hero2 h1{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.1;
    font-size:clamp(2.1rem,5vw,3.6rem); color:#fff;
}
.page-hero2 > .page-hero2-inner > p{ color:rgba(255,255,255,.7); margin-top:1.2rem; font-size:1.02rem; max-width:640px; margin-left:auto; margin-right:auto; }
.meta-chips{ display:flex; justify-content:center; gap:.7rem; flex-wrap:wrap; margin-top:1.8rem; }
.meta-chip{
    display:inline-flex; align-items:center; gap:.45rem;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.85); border-radius:8px; padding:.38rem .85rem; font-size:.78rem; font-weight:600;
}
.meta-chip i{ color:var(--accent); font-size:.75rem; }
@media(max-width:768px){ .page-hero2{ padding:7rem 1.5rem 3.2rem; } }

/* ═══════════════════════════════════════════════════════
   BENTO KATEGORİ GRID  (2 büyük + 4 küçük)
   ═══════════════════════════════════════════════════════ */
.bento{ max-width:var(--container); margin:0 auto; display:grid; gap:1.4rem; }
.bento-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
.bento-row-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.bento-card{
    position:relative; overflow:hidden; border-radius:var(--radius-lg);
    background:var(--primary); color:#fff; padding:2.2rem;
    display:flex; flex-direction:column; justify-content:flex-end; min-height:270px;
    transition:transform var(--t-base), box-shadow var(--t-base);
}
.bento-card.tall{ min-height:330px; }
.bento-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform 1s var(--ease-base); }
.bento-card::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(11,53,86,.55) 0%,rgba(11,42,74,.95) 100%); }
.bento-card > *{ position:relative; z-index:2; }
.bento-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-xl); }
.bento-card:hover img{ transform:scale(1.07); }
.bento-count{
    align-self:flex-start; display:inline-flex; align-items:center; gap:.5rem;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.2);
    backdrop-filter:blur(6px); border-radius:999px; padding:.3rem .8rem;
    font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:auto;
}
.bento-count::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.bento-card h3{ font-family:'Montserrat',sans-serif; font-size:clamp(1.15rem,2vw,1.55rem); font-weight:700; color:#fff; margin:1.4rem 0 .6rem; line-height:1.25; }
.bento-card p{ font-size:.9rem; color:rgba(255,255,255,.75); line-height:1.7; margin-bottom:1.3rem; max-width:44ch; }
.bento-card .go{ display:inline-flex; align-items:center; gap:.6rem; font-weight:600; font-size:.88rem; color:#fff; transition:gap var(--t-base); }
.bento-card .go i{ color:var(--accent); }
.bento-card:hover .go{ gap:1rem; }
@media(max-width:980px){ .bento-row-4{ grid-template-columns:1fr 1fr; } }
@media(max-width:680px){ .bento-row-2,.bento-row-4{ grid-template-columns:1fr; } .bento-card{ padding:1.7rem; min-height:230px; } }

/* ═══════════════════════════════════════════════════════
   SEKME ÇUBUĞU + STICKY BAŞVURU FORMU
   ═══════════════════════════════════════════════════════ */
.detail-layout{
    max-width:var(--container); margin:0 auto; padding:3.4rem 4rem 5rem;
    display:grid; grid-template-columns:1fr .38fr; gap:2.4rem; align-items:start;
}
.tabbar{
    display:flex; gap:.5rem; background:var(--bg-surface); border:1px solid var(--border);
    border-radius:var(--radius); padding:6px; box-shadow:var(--shadow-sm); margin-bottom:1.6rem;
    position:sticky; top:96px; z-index:20;
}
.tabbar button{
    flex:1; cursor:pointer; background:none; border:none; border-radius:11px;
    padding:.95rem 1rem; font-family:'Poppins',sans-serif; font-weight:700; font-size:.9rem;
    color:var(--text-muted); display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
    transition:all var(--t-base);
}
.tabbar button.is-active{ background:var(--dark); color:#fff; box-shadow:var(--shadow-sm); }
.tabbar .cnt{ background:var(--bg-elevated); color:var(--text-muted); border-radius:999px; padding:.05rem .5rem; font-size:.72rem; }
.tabbar button.is-active .cnt{ background:rgba(255,255,255,.16); color:#fff; }
.tab-panel{ display:none; }
.tab-panel.is-active{ display:block; animation:fadeIn .35s ease; }

.detail-card{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    box-shadow:var(--shadow-sm); padding:2.4rem;
}
.detail-card > .card-head{ display:flex; align-items:center; gap:.9rem; margin-bottom:1.6rem; }
.detail-card > .card-head i{
    width:40px; height:40px; border-radius:11px; background:var(--bg-elevated); color:var(--accent);
    display:flex; align-items:center; justify-content:center; font-size:.95rem;
}
.detail-card > .card-head h2{ font-family:'Montserrat',sans-serif; font-size:1.25rem; font-weight:700; color:var(--text-primary); }

.apply-card{
    border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-lg);
    border:1px solid var(--border); position:sticky; top:170px;
}
.apply-head{ background:var(--dark); background-image:var(--pattern); padding:1.5rem 1.6rem; }
.apply-head h3{ font-family:'Montserrat',sans-serif; font-size:1.15rem; font-weight:700; color:#fff; }
.apply-head p{ font-size:.82rem; color:rgba(255,255,255,.66); margin-top:.25rem; }
.apply-body{ background:var(--bg-surface); padding:1.6rem; }
.f-row{ display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.f-field{ margin-bottom:1rem; }
.f-field label{ display:block; font-size:.8rem; font-weight:600; color:var(--text-primary); margin-bottom:.4rem; }
.f-field label .req{ color:var(--accent); }
.f-field input,.f-field select,.f-field textarea{
    width:100%; background:var(--bg-body); border:1px solid var(--border-md); border-radius:9px;
    padding:.72rem .9rem; font-family:'Poppins',sans-serif; font-size:.9rem; color:var(--text-primary);
    transition:all var(--t-fast);
}
.f-field textarea{ min-height:88px; resize:vertical; }
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{
    outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(14,152,168,.12);
}
.f-field input::placeholder,.f-field textarea::placeholder{ color:var(--text-muted); }
.f-phone{ display:flex; align-items:stretch; }
.f-phone .cc{
    display:flex; align-items:center; padding:0 .8rem; font-size:.9rem; font-weight:600; color:var(--text-primary);
    background:var(--bg-elevated); border:1px solid var(--border-md); border-right:none; border-radius:9px 0 0 9px;
}
.f-phone input{ border-radius:0 9px 9px 0; }
.f-check{ display:flex; align-items:flex-start; gap:.6rem; margin:1.1rem 0 1.2rem; }
.f-check input{ width:16px; height:16px; margin-top:3px; accent-color:var(--accent); flex:0 0 16px; }
.f-check label{ font-size:.8rem; color:var(--text-body); line-height:1.6; }
.f-check label a{ color:var(--accent); font-weight:600; text-decoration:underline; }
.f-submit{
    width:100%; cursor:pointer; border:none; border-radius:11px; padding:.95rem 1rem;
    background:var(--dark); color:#fff; font-family:'Poppins',sans-serif;
    font-weight:700; font-size:.94rem; transition:all var(--t-base);
}
.f-submit:hover{ background:var(--accent); }
.f-submit:disabled{ background:var(--border-md); color:var(--text-muted); cursor:not-allowed; }
.f-alt{
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    margin-top:.8rem; padding:.9rem 1rem; border-radius:11px;
    background:var(--bg-body); border:1px solid var(--border-md);
    font-weight:700; font-size:.94rem; color:var(--text-primary); transition:all var(--t-base);
}
.f-alt:hover{ border-color:var(--accent); color:var(--accent); }
.f-alt.wa{ background:var(--green); border-color:var(--green); color:#fff; }
.f-alt.wa:hover{ background:var(--green-dark); border-color:var(--green-dark); color:#fff; }
.f-note{ font-size:.76rem; color:var(--text-muted); text-align:center; margin-top:.9rem; line-height:1.6; }
@media(max-width:980px){
    .detail-layout{ grid-template-columns:1fr; padding:2.4rem 1.2rem 3.4rem; }
    .apply-card{ position:static; }
    .tabbar{ position:static; }
}

/* ═══════════════════════════════════════════════════════
   BLOG İNDEKS  (kategori çipleri + öne çıkan + grid)
   ═══════════════════════════════════════════════════════ */
.blog-filter{
    background:var(--bg-surface); border-bottom:1px solid var(--border);
    position:sticky; top:88px; z-index:50;
}
.blog-filter-inner{
    max-width:var(--container); margin:0 auto; padding:1rem 4rem;
    display:flex; align-items:center; gap:1rem; overflow-x:auto; scrollbar-width:none;
}
.blog-filter-inner::-webkit-scrollbar{ display:none; }
.blog-filter .lbl{
    display:flex; align-items:center; gap:.8rem; flex:0 0 auto;
    font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted);
}
.blog-filter .lbl::before{ content:''; width:24px; height:2px; background:var(--primary); }
.chip{
    flex:0 0 auto; cursor:pointer; display:inline-flex; align-items:center; gap:.55rem;
    background:var(--bg-body); border:1px solid var(--border-md); border-radius:999px;
    padding:.55rem 1.1rem; font-family:'Poppins',sans-serif; font-size:.85rem; font-weight:500;
    color:var(--text-body); transition:all var(--t-base); white-space:nowrap;
}
.chip::before{ content:''; width:7px; height:7px; border-radius:50%; background:var(--accent); opacity:.55; }
.chip:hover{ border-color:var(--accent); color:var(--text-primary); }
.chip.is-active{ background:var(--dark); border-color:var(--dark); color:#fff; font-weight:600; }
.chip.is-active::before{ opacity:1; }
.chip .cnt{ background:rgba(255,255,255,.18); border-radius:999px; padding:.02rem .45rem; font-size:.72rem; }
@media(max-width:900px){ .blog-filter-inner{ padding:.9rem 1.2rem; } }

.blog-featured{
    max-width:var(--container); margin:0 auto; padding:4rem 4rem 0;
    display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
}
.blog-featured-img{
    position:relative; border-radius:var(--radius-lg); overflow:hidden;
    aspect-ratio:4/3; background:var(--dark); box-shadow:var(--shadow-lg);
}
.blog-featured-img img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease-base); }
.blog-featured:hover .blog-featured-img img{ transform:scale(1.05); }
.blog-featured-img .tag{
    position:absolute; top:1.2rem; left:1.2rem; z-index:2;
    background:rgba(11,42,74,.82); backdrop-filter:blur(6px); color:#fff;
    border-radius:7px; padding:.35rem .8rem; font-size:.68rem; font-weight:700;
    letter-spacing:.1em; text-transform:uppercase;
}
.blog-featured-body .date{ font-size:.85rem; color:var(--text-muted); margin-bottom:.8rem; display:block; }
.blog-featured-body h2{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.18;
    font-size:clamp(1.5rem,3vw,2.4rem); color:var(--text-primary); margin-bottom:1rem;
}
.blog-featured-body p{ color:var(--text-body); line-height:1.85; margin-bottom:1.8rem; }
.blog-list-head{
    max-width:var(--container); margin:0 auto; padding:4rem 4rem 1.6rem;
    display:flex; align-items:baseline; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}
.blog-list-head .lbl{ font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted); }
.blog-list-head .cnt{ font-size:.85rem; color:var(--text-muted); }
.blog-list-head .cnt b{ color:var(--text-primary); }
.blog-grid3{
    max-width:var(--container); margin:0 auto; padding:0 4rem 5rem;
    display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem;
}
.post-card{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column;
    transition:all var(--t-base);
}
.post-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(14,152,168,.25); }
.post-card-img{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--bg-elevated); display:flex; align-items:center; justify-content:center; }
.post-card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease-base); }
.post-card-img > i{ font-size:2.2rem; color:rgba(11,42,74,.2); }
.post-card:hover .post-card-img img{ transform:scale(1.07); }
.post-card-img .tag{
    position:absolute; top:.9rem; left:.9rem; z-index:2;
    background:rgba(11,42,74,.85); backdrop-filter:blur(6px); color:#fff;
    border-radius:7px; padding:.3rem .7rem; font-size:.64rem; font-weight:700;
    letter-spacing:.1em; text-transform:uppercase;
}
.post-card-body{ padding:1.6rem; display:flex; flex-direction:column; flex:1; }
.post-card-body .date{ font-size:.8rem; color:var(--text-muted); margin-bottom:.6rem; }
.post-card-body h3{ font-family:'Montserrat',sans-serif; font-size:1.02rem; font-weight:700; color:var(--text-primary); line-height:1.4; margin-bottom:.7rem; transition:color var(--t-fast); }
.post-card:hover h3{ color:var(--accent); }
.post-card-body p{ font-size:.87rem; color:var(--text-body); line-height:1.7; flex:1; margin-bottom:1.2rem; }
.post-card-body .go{ font-size:.85rem; font-weight:600; color:var(--accent); display:inline-flex; align-items:center; gap:.5rem; transition:gap var(--t-base); }
.post-card:hover .go{ gap:.9rem; }
@media(max-width:1100px){ .blog-grid3{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:900px){
    .blog-featured{ grid-template-columns:1fr; gap:2rem; padding:2.6rem 1.2rem 0; }
    .blog-list-head{ padding:2.6rem 1.2rem 1.2rem; }
    .blog-grid3{ grid-template-columns:1fr; padding:0 1.2rem 3.4rem; }
}

/* ═══════════════════════════════════════════════════════
   MAKALE DETAY  (görsel hero + yan panel)
   ═══════════════════════════════════════════════════════ */
.post-hero{
    position:relative; min-height:480px; display:flex; align-items:center; justify-content:center;
    text-align:center; padding:8rem 4rem 4rem; background:var(--dark); overflow:hidden;
}
.post-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.post-hero::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(11,42,74,.72),rgba(11,42,74,.9)); }
.post-hero-in{ position:relative; z-index:2; max-width:900px; }
.post-hero h1{
    font-family:'Montserrat',sans-serif; font-weight:800; line-height:1.12;
    font-size:clamp(1.9rem,4.6vw,3.3rem); color:#fff; margin-bottom:1rem;
}
.post-hero .date{ color:rgba(255,255,255,.65); font-size:.92rem; }
.post-layout{
    max-width:var(--container); margin:0 auto; padding:3.6rem 4rem 5rem;
    display:grid; grid-template-columns:1fr .38fr; gap:3rem; align-items:start;
}
.post-body > p:first-of-type{ font-size:1.15rem; color:var(--text-primary); font-weight:500; line-height:1.85; }
.post-body p{ color:var(--text-body); line-height:1.9; margin-bottom:1.5rem; }
.post-body h2{
    font-family:'Montserrat',sans-serif; font-size:clamp(1.25rem,2.4vw,1.7rem); font-weight:700;
    color:var(--text-primary); margin:2.6rem 0 1rem; line-height:1.3;
}
.post-body h3{ font-family:'Montserrat',sans-serif; font-size:1.1rem; font-weight:700; color:var(--text-primary); margin:2rem 0 .8rem; }
.post-body ul,.post-body ol{ margin:0 0 1.5rem 1.4rem; color:var(--text-body); }
.post-body li{ margin-bottom:.6rem; line-height:1.85; }
.post-body a{ color:var(--accent); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.post-body img{ border-radius:var(--radius); margin:2rem 0; box-shadow:var(--shadow-md); }
.post-body blockquote{
    border-left:3px solid var(--accent); background:var(--bg-section);
    padding:1.4rem 1.6rem; border-radius:0 var(--radius-sm) var(--radius-sm) 0;
    margin:2rem 0; color:var(--text-primary); font-style:italic;
}
.side-h{ font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted); margin-bottom:1.2rem; }
.side-posts{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    box-shadow:var(--shadow-sm); overflow:hidden; margin-bottom:1.6rem;
}
.side-post{
    display:grid; grid-template-columns:74px 1fr; gap:.9rem; align-items:center;
    padding:.9rem; border-bottom:1px solid var(--border); transition:background var(--t-fast);
}
.side-post:last-child{ border-bottom:none; }
.side-post:hover{ background:var(--bg-elevated); }
.side-post .th{ width:74px; height:56px; border-radius:9px; overflow:hidden; background:var(--bg-elevated); display:flex; align-items:center; justify-content:center; }
.side-post .th img{ width:100%; height:100%; object-fit:cover; }
.side-post .th i{ color:rgba(11,42,74,.25); }
.side-post b{ display:block; font-family:'Montserrat',sans-serif; font-size:.86rem; font-weight:700; color:var(--text-primary); line-height:1.4; }
.side-post small{ font-size:.74rem; color:var(--text-muted); }
.side-post:hover b{ color:var(--accent); }
.side-cta{
    background:var(--dark); background-image:var(--pattern);
    border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow-lg); position:sticky; top:120px;
}
.side-cta .help-btn{ margin-bottom:.65rem; }
@media(max-width:980px){
    .post-hero{ min-height:340px; padding:6.5rem 1.5rem 3rem; }
    .post-layout{ grid-template-columns:1fr; padding:2.4rem 1.2rem 3.4rem; gap:2.4rem; }
    .side-cta{ position:static; }
}

/* ═══════════════════════════════════════════════════════
   EKİP / GALERİ GRIDLERİ
   ═══════════════════════════════════════════════════════ */
.team-grid{
    max-width:var(--container); margin:0 auto;
    display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.6rem;
}
.team-card{
    background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius);
    overflow:hidden; box-shadow:var(--shadow-sm); transition:all var(--t-base);
}
.team-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.team-photo{ aspect-ratio:1; background:var(--bg-elevated); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.team-photo img{ width:100%; height:100%; object-fit:cover; }
.team-photo i{ font-size:2.6rem; color:rgba(11,42,74,.18); }
.team-info{ padding:1.4rem; text-align:center; }
.team-info b{ display:block; font-family:'Montserrat',sans-serif; font-size:1rem; color:var(--text-primary); }
.team-info span{ display:block; font-size:.82rem; color:var(--accent); font-weight:600; margin-top:.2rem; }
.team-info p{ font-size:.84rem; color:var(--text-body); line-height:1.65; margin-top:.7rem; }

.gallery-grid{
    max-width:var(--container); margin:0 auto;
    display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.2rem;
}
.gallery-item{
    position:relative; aspect-ratio:4/3; border-radius:var(--radius); overflow:hidden;
    background:var(--bg-elevated); display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow-sm); transition:all var(--t-base);
}
.gallery-item img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease-base); }
.gallery-item > i{ font-size:2.2rem; color:rgba(11,42,74,.18); }
.gallery-item:hover{ box-shadow:var(--shadow-lg); }
.gallery-item:hover img{ transform:scale(1.07); }
.gallery-item .cap{
    position:absolute; inset:auto 0 0 0; padding:1.1rem;
    background:linear-gradient(transparent,rgba(11,42,74,.9)); color:#fff;
    font-size:.86rem; font-weight:600; opacity:0; transition:opacity var(--t-base);
}
.gallery-item:hover .cap{ opacity:1; }

/* ═══════════════════════════════════════════════════════
   ORTAK YARDIMCILAR
   ═══════════════════════════════════════════════════════ */
.wrap{ max-width:var(--container); margin:0 auto; }
.sect{ padding:6rem 4rem; }
.sect.alt{ background:var(--bg-section); }
.sect.tight{ padding:4rem 4rem; }
@media(max-width:900px){ .sect,.sect.tight{ padding:3.6rem 1.2rem; } }
.navy-cta{
    background:var(--dark); background-image:var(--pattern);
    padding:5rem 4rem; text-align:center;
}
.navy-cta h2{ font-family:'Montserrat',sans-serif; font-weight:800; font-size:clamp(1.7rem,3.6vw,2.6rem); color:#fff; line-height:1.2; }
.navy-cta p{ color:rgba(255,255,255,.7); margin:1rem auto 2rem; max-width:560px; }
.navy-cta-btns{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.btn-on-navy{
    display:inline-flex; align-items:center; gap:.6rem;
    background:#fff; color:var(--dark); padding:.95rem 2rem; border-radius:11px;
    font-weight:700; font-size:.86rem; letter-spacing:.04em; text-transform:uppercase;
    transition:all var(--t-base);
}
.btn-on-navy:hover{ background:var(--accent); color:#fff; transform:translateY(-3px); }
.btn-on-navy.ghost{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); color:#fff; }
.btn-on-navy.ghost:hover{ background:rgba(255,255,255,.2); }
@media(max-width:768px){ .navy-cta{ padding:3.4rem 1.5rem; } .navy-cta-btns{ flex-direction:column; } .btn-on-navy{ justify-content:center; } }

/* Görsel yuvası: foto yoksa ikon kalır (mevcut .img-badge deseniyle uyumlu) */
.img-badge{ position:relative; overflow:hidden; }
.img-badge img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.img-badge i{ position:relative; z-index:0; }

/* Program listesi — kart görünümü (LİSTE/KART değiştirici) */
.prog-list.as-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:1.2rem; }
.prog-list.as-grid .prog-row{ grid-template-columns:1fr; padding-left:0; }
.prog-list.as-grid .prog-badge{ position:static; transform:none; flex-direction:row; gap:.5rem; width:auto; min-height:0; align-self:flex-start; border-radius:12px 12px 0 0; padding:.45rem 1rem; }
.prog-list.as-grid .prog-badge small{ margin:0; }
.prog-list.as-grid .prog-body{ grid-column:1; border-right:1px solid var(--border); border-radius:0; padding:1.2rem; }
.prog-list.as-grid .prog-status{ grid-column:1; border-left:1px solid var(--border); border-right:1px solid var(--border); padding:0 1.2rem 1rem; }
.prog-list.as-grid .prog-apply{ grid-column:1; border-radius:0 0 var(--radius) var(--radius); padding:1rem; }

/* ═══════════════════════════════════════════════════════
   TOPBAR + HEADER KONUMLANDIRMA
   Topbar sabit; aşağı kaydırınca yukarı kayıp gizlenir ve
   header onun yerine tepeye oturur.
   ═══════════════════════════════════════════════════════ */
:root{ --topbar-h:38px; }
.topbar{
    position:fixed; top:0; left:0; right:0;
    height:var(--topbar-h); display:flex; align-items:center;
    transition:transform var(--t-base);
}
.topbar-inner{ width:100%; padding:0 4rem; }
body.has-topbar{ padding-top:var(--topbar-h); }
body.has-topbar header{ top:var(--topbar-h); }
body.has-topbar .hero{ height:calc(100vh - var(--topbar-h)); }

body.nav-scrolled .topbar{ transform:translateY(-100%); }
body.nav-scrolled header{ top:0; }

@media(max-width:1100px){ .topbar-inner{ padding:0 1.5rem; } }
@media(max-width:768px){
    :root{ --topbar-h:36px; }
    .topbar-inner{ padding:0 1rem; font-size:.76rem; }
}

/* ═══════════════════════════════════════════════════════
   v5.0 DÜZELTMELER — nav taşması, etiketler, filigran
   ═══════════════════════════════════════════════════════ */

/* Logo ve nav öğeleri satır kırmasın */
.logo{ flex:0 0 auto; }
.logo-text{ white-space:nowrap; }
.nav-links a{ white-space:nowrap; }
.nav-links{ flex-wrap:nowrap; }

/* 9 menü öğesi için kademeli sıkıştırma */
@media(max-width:1560px){ .nav-links{ gap:1.5rem; } nav{ padding:1rem 2.5rem; } }
@media(max-width:1400px){
    .nav-links{ gap:1.05rem; }
    .nav-links a{ font-size:.83rem; }
    .nav-links a.nav-pill{ padding:.55rem 1.05rem; font-size:.74rem; }
    .logo-text{ font-size:1.25rem; }
    .logo-img{ height:38px; }
}

/* Mobil menüye 1180px'te geç — masaüstü nav bu genişlikten sonra sıkışıyor */
@media(max-width:1180px){
    .menu-toggle{ display:flex; }
    .nav-links{
        position:fixed;
        top:calc(var(--topbar-h) + 62px); left:-100%;
        width:85%; max-width:340px;
        height:calc(100vh - var(--topbar-h) - 62px);
        background:var(--bg-surface);
        flex-direction:column; flex-wrap:wrap;
        align-items:flex-start;
        padding:2rem 1.5rem; gap:0;
        transition:left var(--t-base);
        box-shadow:var(--shadow-xl);
        z-index:999; overflow-y:auto;
    }
    body.nav-scrolled .nav-links{ top:62px; height:calc(100vh - 62px); }
    .nav-links.active{ left:0; }
    .nav-links > li{ width:100%; border-bottom:1px solid var(--border); }
    .nav-links a{ font-size:1rem; padding:.9rem 0; color:var(--text-body); white-space:normal; }
    .nav-links a.nav-pill{
        margin-top:1.2rem; justify-content:center; width:100%;
        font-size:.85rem; padding:.9rem 1rem;
    }
    .nav-links > li:last-child{ border-bottom:none; }
    .dropdown{
        position:static; transform:none; box-shadow:none; background:var(--bg-elevated);
        border-radius:var(--radius-sm); opacity:1; visibility:visible; display:none;
        padding:.4rem; width:100%; margin-top:.3rem; border:1px solid var(--border);
    }
    .has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{ display:block; }
    .dropdown::before{ display:none; }
    .logo-text{ font-size:1.3rem; }
}

/* Durum etiketleri — .pill-soon tek başına da tam biçimlenir */
.pill-open,.pill-soon{
    display:inline-block; border-radius:999px;
    padding:.28rem .8rem; font-size:.74rem; font-weight:700; white-space:nowrap;
    border:1px solid transparent;
}
.pill-open{ background:rgba(30,163,76,.12); color:var(--green-dark); border-color:rgba(30,163,76,.24); }
.pill-soon{ background:rgba(14,152,168,.1);  color:var(--accent);     border-color:rgba(14,152,168,.26); }

/* Dümen filigranı daha sessiz */
.cat-tab::after{ opacity:.55; }
.cat-tab:hover::after{ opacity:.8; }

/* ════════════════════════════════════════════════════════════════
   ADA DENİZCİLİK — v6.0  "PORTOLAN"  (özgünleştirme katmanı)
   ----------------------------------------------------------------
   v5 bileşenleri rakip siteye fazla benziyordu. Bu katman tasarım
   dilini deniz haritası / seyir defteri yönüne çeviriyor:
     · Yumuşak pill geometrisi  → keskin, teknik köşeler (3-4px)
     · Büyük yumuşak gölgeler   → hairline kenarlık + minimal gölge
     · Ortalanmış simetrik başlık → sola dayalı, indeksli (01/02…)
     · Yuvarlak avatar/orbit    → kare karo + seyir rotası hattı
     · Krem kapanış bandı       → koyu "gece seyri" bandı
   ════════════════════════════════════════════════════════════════ */

:root{
    --r-card: 4px;    /* kart köşesi — teknik, keskin */
    --r-btn:  3px;    /* buton köşesi */
    --r-tile: 3px;
    /* Harita kağıdı dokusu — açık zeminler için ince kareli ızgara */
    --chart-light:
        linear-gradient(rgba(11,42,74,.045) 1px, transparent 1px) 0 0/100% 26px,
        linear-gradient(90deg, rgba(11,42,74,.045) 1px, transparent 1px) 0 0/26px 100%,
        linear-gradient(rgba(11,42,74,.075) 1px, transparent 1px) 0 0/100% 130px,
        linear-gradient(90deg, rgba(11,42,74,.075) 1px, transparent 1px) 0 0/130px 100%;
    /* Koyu bloklar için aynı ızgara, beyaz çizgilerle */
    --chart-dark:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/100% 26px,
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/26px 100%,
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px) 0 0/100% 130px,
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0/130px 100%;
}

/* ── Geometriyi sertleştir ───────────────────────────────────── */
.cta-button,.cta-button-outline,.btn-navy,.btn-primary,.btn-outline,
.btn-on-navy,.btn-cream-solid,.btn-cream-ghost,
.help-btn,.f-alt,.f-submit,.hero-arrow,.view-toggle,.view-toggle button,
.tabbar,.tabbar button,.chip,.carousel-nav button{
    border-radius:var(--r-btn) !important;
}
.hero-arrow{ border-radius:var(--r-btn) !important; width:44px; height:60px; }
.hero-dot{ border-radius:0; height:3px; width:22px; }
.hero-dot.is-active{ border-radius:0; width:44px; }

.service-card,.gemi-adami-card,.mv-card,.why-card,.cat-tab,.spec-item,
.post-card,.team-card,.gallery-item,.detail-card,.apply-card,.side-posts,
.side-cta,.help-card,.faq2-item,.bento-card,.blog-featured-img,
.why-media,.spec-visual,.contact-form,.contact-item{
    border-radius:var(--r-card) !important;
}
.f-field input,.f-field select,.f-field textarea,.f-phone .cc,.f-phone input{
    border-radius:var(--r-btn) !important;
}
.pill-open,.pill-soon{ border-radius:2px; letter-spacing:.04em; text-transform:uppercase; font-size:.68rem; }
.bento-count,.ph-pill,.meta-chip,.post-card-img .tag,.blog-featured-img .tag,.faq2-tag{
    border-radius:2px !important;
}
.topbar-btn{ border-radius:2px; }
.soc-chips a,.foot-contact .chip,.cat-tab-ico,.why-card .ico,.spec-item .no{ border-radius:3px; }

/* Gölgeleri kıs — hairline kenarlık öne çıksın */
.service-card,.why-card,.cat-tab,.post-card,.team-card,.detail-card,.faq2-item{
    box-shadow:none !important;
}
.service-card:hover,.why-card:hover,.post-card:hover,.team-card:hover{
    box-shadow:0 10px 28px rgba(11,42,74,.10) !important;
}

/* ── Bölüm başlığı: indeksli, sola dayalı, tek çentik ────────── */
.sec-head .rule-eyebrow::before,
.sec-head .rule-eyebrow::after{ display:none !important; }
.sec-head .rule-eyebrow{
    justify-content:flex-start; gap:.7rem; letter-spacing:.24em; font-size:.7rem;
    position:relative; padding-left:0;
}
.sec-head .rule-eyebrow::first-letter{ letter-spacing:.24em; }
.sec-head{ text-align:left; margin-left:0; margin-right:auto; max-width:820px; }
.sec-head h2{ letter-spacing:-.015em; }

/* İndeks numarası: data-idx özniteliğinden gelir */
.sec-head[data-idx]{ position:relative; padding-left:4.6rem; }
.sec-head[data-idx]::before{
    content:attr(data-idx);
    position:absolute; left:0; top:.1rem;
    font-family:'Montserrat',sans-serif; font-size:2.4rem; font-weight:800;
    line-height:1; color:var(--border-md);
    letter-spacing:-.03em;
}
.sec-head[data-idx]::after{
    content:''; position:absolute; left:.35rem; top:3.1rem; bottom:.4rem;
    width:2px; background:linear-gradient(var(--accent),transparent);
}
@media(max-width:640px){
    .sec-head[data-idx]{ padding-left:0; }
    .sec-head[data-idx]::before{ position:static; display:block; margin-bottom:.4rem; font-size:1.6rem; }
    .sec-head[data-idx]::after{ display:none; }
}

/* Ortalanmış eski varyantları da sola çek (rakiptekinin aynısı olmasın) */
.services > .sec-head,.gemi-adami > .sec-head,.spec-section .sec-head,
.sect > .sec-head,.faq2-inner > .sec-head{ margin-left:0; text-align:left; }
.services > .sec-head p,.gemi-adami > .sec-head p{ margin-left:0; }

/* ── Kategori filtre karoları: dümen filigranı yok, indeks var ─ */
.cat-tab{ text-align:left; padding:1.3rem 1.2rem 1.15rem; border-top:2px solid var(--border-md); }
.cat-tab::after{ display:none !important; }
.cat-tab::before{
    content:''; position:absolute; left:0; right:0; bottom:0; height:2px;
    background:var(--accent); transform:scaleX(0); transform-origin:left;
    transition:transform var(--t-base);
}
.cat-tab:hover::before{ transform:scaleX(1); }
.cat-tab-ico{ margin:0 0 .9rem; }
.cat-tab.is-active{ border-top-color:var(--accent); }
.cat-tab.is-active::before{ transform:scaleX(1); }
.cat-tab:hover{ transform:none; border-color:var(--border-md); border-top-color:var(--accent); }

/* ── Program / ilan satırları: "manifesto" defteri ──────────── */
.prog-list{ gap:0; border-top:1px solid var(--border-md); }
.prog-list.as-grid{ border-top:none; gap:1rem; }
.prog-row{
    grid-template-columns:64px 1fr auto auto;
    padding-left:0; align-items:center;
    border-bottom:1px solid var(--border);
    background:var(--bg-surface);
    transition:background var(--t-base);
}
.prog-row::before{
    content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:var(--accent); transform:scaleY(0); transform-origin:top;
    transition:transform var(--t-base);
}
.prog-row:hover::before{ transform:scaleY(1); }
.prog-row:hover{ background:var(--bg-elevated); }
.prog-badge{
    position:static; transform:none; grid-column:1;
    width:auto; min-height:0; box-shadow:none;
    background:none; color:var(--text-muted);
    flex-direction:column; gap:.15rem; padding:1.2rem 0 1.2rem 1.3rem;
    align-items:flex-start; border-radius:0;
}
.prog-badge b{ font-size:1rem; color:var(--primary); }
.prog-badge b i{ font-size:.95rem; }
.prog-badge small{ opacity:1; color:var(--text-muted); font-size:.58rem; margin:0; }
.prog-body{
    grid-column:2; background:none; border:none; border-radius:0;
    padding:1.15rem 1.4rem 1.15rem .6rem;
}
.prog-status{
    grid-column:3; background:none; border:none; padding:0 1.2rem;
}
.prog-apply{
    grid-column:4; background:none; border-radius:0;
    color:var(--primary); padding:0 1.4rem 0 .6rem;
    font-size:.78rem; text-transform:uppercase; letter-spacing:.08em;
}
.prog-row:hover .prog-apply{ background:none; color:var(--accent); }
.prog-row:hover .prog-body,.prog-row:hover .prog-status{ border:none; }
.prog-meta{ font-size:.68rem; letter-spacing:.11em; }
.prog-title{ font-size:1.02rem; }
@media(max-width:900px){
    .prog-row{ grid-template-columns:1fr auto; padding:1rem 1rem 1rem 1.1rem; row-gap:.5rem; }
    .prog-badge{ grid-column:1; grid-row:1; flex-direction:row; align-items:center; padding:0; }
    .prog-body{ grid-column:1/-1; grid-row:2; padding:0; }
    .prog-status{ grid-column:1; grid-row:3; padding:0; }
    .prog-apply{ grid-column:2; grid-row:3; padding:0; justify-content:flex-end; }
}

/* ── SEYİR ROTASI  (orbit diyagramının yerine) ──────────────── */
.route-section{
    padding:6rem 4rem; background:var(--bg-body); background-image:var(--chart-light);
    border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.route-section .sec-head{ margin-bottom:1rem; }
.route{
    position:relative; margin-top:2rem;
    display:grid; grid-template-columns:repeat(6,1fr);
}
.route-line{
    position:absolute; left:6%; right:6%; top:50%;
    border-top:2px dashed rgba(14,152,168,.45);
}
.route-line::before,.route-line::after{
    content:''; position:absolute; top:-5px; width:8px; height:8px;
    border-top:2px solid var(--primary); border-right:2px solid var(--primary);
}
.route-line::before{ left:-4px; transform:rotate(-135deg); }
.route-line::after{ right:-4px; transform:rotate(45deg); }
.route-wp{ position:relative; height:300px; }
.wp-mark{
    position:absolute; left:50%; top:50%;
    width:16px; height:16px; margin:-8px 0 0 -8px;
    background:var(--bg-body); border:3px solid var(--primary);
    transform:rotate(45deg); transition:all var(--t-base); z-index:2;
}
.route-wp:hover .wp-mark{ border-color:var(--accent); background:var(--accent); transform:rotate(45deg) scale(1.25); }
.wp-body{
    position:absolute; left:50%; transform:translateX(-50%);
    width:min(160px,90%); text-align:center;
}
.wp-body i{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; margin:0 auto .6rem; border-radius:3px;
    background:var(--dark); color:#fff; font-size:.9rem;
}
.wp-body b{
    display:block; font-family:'Montserrat',sans-serif;
    font-size:1.05rem; font-weight:800; color:var(--text-primary); line-height:1.15;
}
.wp-body small{
    display:block; margin-top:.2rem; font-size:.62rem; letter-spacing:.13em;
    text-transform:uppercase; color:var(--text-muted);
}
.wp-body::after{
    content:''; position:absolute; left:50%; width:1px; height:26px;
    background:var(--border-md);
}
.route-wp.up   .wp-body{ bottom:calc(50% + 36px); }
.route-wp.down .wp-body{ top:calc(50% + 36px); }
.route-wp.up   .wp-body::after{ bottom:-28px; }
.route-wp.down .wp-body::after{ top:-28px; }
.route-wp.down .wp-body i{ order:2; margin:.6rem auto 0; }
.route-wp.down .wp-body{ display:flex; flex-direction:column; }
@media(max-width:900px){
    .route-section{ padding:4rem 1.2rem; }
    .route{ grid-template-columns:1fr; gap:0; }
    .route-line{ display:none; }
    .route-wp{ height:auto; display:grid; grid-template-columns:44px 1fr; gap:1rem;
               align-items:center; padding:1.1rem 0; border-bottom:1px solid var(--border); }
    .wp-mark{ position:static; margin:0; justify-self:center; }
    .wp-body{ position:static !important; transform:none; width:auto; text-align:left; display:block !important; }
    .wp-body::after{ display:none; }
    .wp-body i{ display:none; }
}

/* ── KATEGORİ KAROLARI  (yuvarlak avatar şeridinin yerine) ───── */
.cat-strip{ padding:0; border-bottom:1px solid var(--border); }
.cat-strip-inner{
    display:grid; grid-template-columns:repeat(6,1fr); gap:0;
    justify-content:initial; flex-wrap:initial; max-width:var(--container);
    border-left:1px solid var(--border);
}
.cat-av{
    width:auto; display:block; text-align:left;
    padding:1.7rem 1.4rem; border-right:1px solid var(--border);
    position:relative; transition:background var(--t-base);
}
.cat-av::before{
    content:''; position:absolute; left:0; right:0; top:0; height:2px;
    background:var(--accent); transform:scaleX(0); transform-origin:left;
    transition:transform var(--t-base);
}
.cat-av:hover{ background:var(--bg-section); }
.cat-av:hover::before{ transform:scaleX(1); }
.cat-av-ring{
    width:auto; height:auto; padding:0; background:none;
    display:flex; align-items:center; justify-content:space-between; margin-bottom:1.1rem;
}
.cat-av:hover .cat-av-ring{ transform:none; box-shadow:none; }
.cat-av-ring > span{
    width:40px; height:40px; flex:0 0 40px; border-radius:3px;
    background:var(--dark); color:#fff; font-size:.95rem;
}
.cat-av-ring > span img{ border-radius:3px; }
.cat-av-ring::after{
    content:counter(catcount,decimal-leading-zero);
    font-family:'Montserrat',sans-serif; font-size:.78rem; font-weight:800;
    color:var(--border-md); letter-spacing:.02em;
}
.cat-strip-inner{ counter-reset:catcount; }
.cat-av{ counter-increment:catcount; }
.cat-av span.cat-av-label{
    font-size:.82rem; font-weight:700; color:var(--text-primary);
    font-family:'Montserrat',sans-serif; line-height:1.3;
}
.cat-av:hover .cat-av-label{ color:var(--accent); }
@media(max-width:1100px){ .cat-strip-inner{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px){ .cat-strip-inner{ grid-template-columns:repeat(2,1fr); } .cat-av{ padding:1.2rem 1rem; } }

/* ── SAHADAN NOTLAR  (blog split panelinin yerine) ──────────── */
.notes-band{
    background:var(--dark); background-image:var(--chart-dark);
    padding:5rem 4rem 9.5rem;
}
.notes-head{
    max-width:var(--container); margin:0 auto;
    display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; flex-wrap:wrap;
}
.notes-band .sec-head h2{ color:#fff; }
.notes-band .sec-head h2 span{ color:var(--accent); }
.notes-band .sec-head p{ color:rgba(255,255,255,.62); }
.notes-band .sec-head .rule-eyebrow{ color:var(--accent); }
.notes-band .sec-head[data-idx]::before{ color:rgba(255,255,255,.16); }
.notes-band .sec-head[data-idx]::after{ background:linear-gradient(var(--accent),transparent); }
.notes-all{
    display:inline-flex; align-items:center; gap:.7rem; flex:0 0 auto;
    border:1px solid rgba(255,255,255,.22); color:#fff;
    padding:.8rem 1.5rem; border-radius:var(--r-btn);
    font-weight:700; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase;
    transition:all var(--t-base);
}
.notes-all:hover{ background:var(--accent); border-color:var(--accent); gap:1.1rem; }
.notes-cards{
    max-width:var(--container); margin:-6.5rem auto 0; padding:0 4rem;
    display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem;
    position:relative; z-index:2;
}
.note-card{
    background:var(--bg-surface); border:1px solid var(--border-md);
    border-radius:var(--r-card); overflow:hidden;
    display:flex; flex-direction:column; transition:all var(--t-base);
}
.note-card:hover{ transform:translateY(-5px); box-shadow:0 16px 40px rgba(11,42,74,.16); border-color:rgba(14,152,168,.4); }
.note-thumb{
    position:relative; aspect-ratio:16/9; background:var(--bg-elevated);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.note-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease-base); }
.note-thumb > i{ font-size:1.9rem; color:rgba(11,42,74,.2); }
.note-card:hover .note-thumb img{ transform:scale(1.06); }
.note-body{ padding:1.5rem 1.4rem 1.4rem; display:flex; flex-direction:column; flex:1; border-top:2px solid var(--accent); }
.note-kicker{
    display:flex; align-items:center; gap:.6rem; margin-bottom:.7rem;
    font-size:.64rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted);
}
.note-kicker b{ color:var(--accent); font-weight:800; }
.note-card h3{
    font-family:'Montserrat',sans-serif; font-size:1.02rem; font-weight:700;
    color:var(--text-primary); line-height:1.35; margin-bottom:.6rem;
}
.note-card:hover h3{ color:var(--accent); }
.note-card p{ font-size:.86rem; color:var(--text-body); line-height:1.7; flex:1; margin-bottom:1.1rem; }
.note-go{ font-size:.74rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
          color:var(--primary); display:inline-flex; align-items:center; gap:.5rem; }
.note-card:hover .note-go{ color:var(--accent); gap:.9rem; }
@media(max-width:980px){
    .notes-band{ padding:3.6rem 1.5rem 8rem; }
    .notes-cards{ grid-template-columns:1fr; padding:0 1.2rem; margin-top:-6rem; }
}

/* ── GECE SEYRİ BANDI  (krem CTA'nın yerine) ─────────────────── */
.cta-cream{
    background:var(--dark) !important; background-image:var(--chart-dark) !important;
    padding:6.5rem 4rem; position:relative;
}
.cta-cream::before{
    content:''; position:absolute; left:0; top:0; width:100%; height:3px;
    background:linear-gradient(90deg,var(--accent),transparent 60%);
}
.cta-cream-inner{ max-width:900px; }
.cta-cream h2{ color:#fff; }
.cta-cream .rule{ background:var(--accent); width:48px; height:2px; }
.cta-cream p{ color:rgba(255,255,255,.68); }
.btn-cream-solid{
    background:var(--accent); color:#fff; box-shadow:none;
    border:1px solid var(--accent);
}
.btn-cream-solid:hover{ background:#fff; color:var(--dark); border-color:#fff; transform:translateY(-2px); }
.btn-cream-ghost{
    background:transparent; border:1px solid rgba(255,255,255,.26); color:#fff;
}
.btn-cream-ghost:hover{ border-color:#fff; color:#fff; background:rgba(255,255,255,.08); transform:translateY(-2px); }
@media(max-width:768px){ .cta-cream{ padding:4rem 1.5rem; } }

/* ── Yardım kartı: yuvarlak "?" yerine üst aksan çizgisi ─────── */
.help-card{ text-align:left; padding:1.9rem 1.6rem; border-top:3px solid var(--accent); }
.help-card .q{
    width:auto; height:auto; margin:0 0 1rem; border:none; background:none;
    justify-content:flex-start; font-size:.66rem; font-weight:800;
    letter-spacing:.18em; text-transform:uppercase; color:var(--accent);
}
.help-card .q i{ display:none; }
.help-card .q::after{ content:'Destek Hattı'; }
.help-btn{ justify-content:flex-start; padding:.85rem 1.05rem; font-size:.88rem; }
.help-btn i{ width:16px; text-align:center; }

/* ── İç sayfa hero: haritalı, sola dayalı ────────────────────── */
.page-hero2{ background-image:var(--chart-dark); text-align:left; padding:8rem 4rem 4.4rem; }
.page-hero2-inner{ margin:0; max-width:820px; }
.ph-crumb{ justify-content:flex-start; }
.meta-chips{ justify-content:flex-start; }
.page-hero2 > .page-hero2-inner > p{ margin-left:0; margin-right:0; }
.page-hero2::after{
    content:''; position:absolute; left:0; bottom:0; width:180px; height:3px;
    background:var(--accent); z-index:3;
}
@media(max-width:768px){ .page-hero2{ padding:6.5rem 1.5rem 3rem; } }

/* ── Navy CTA: ortalanmış yerine sola dayalı + harita dokusu ── */
.navy-cta{ background-image:var(--chart-dark); text-align:left; padding:5rem 4rem; }
.navy-cta h2,.navy-cta p{ margin-left:0; margin-right:0; max-width:640px; }
.navy-cta-btns{ justify-content:flex-start; }
@media(max-width:768px){ .navy-cta{ padding:3.4rem 1.5rem; } }

/* ── Bento kartları: köşe çentikli, indeksli ─────────────────── */
.bento-card{ border-top:2px solid var(--accent); }
.bento-count{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.16); }
.bento-card:hover{ transform:translateY(-4px); }

/* ── Uzmanlık listesi: kaydırma yerine sol aksan ─────────────── */
.spec-item{ border-left:2px solid transparent; }
.spec-item:hover{ transform:none; border-left-color:var(--accent); border-color:var(--border-md); border-left-color:var(--accent); }

/* ── Sekmeli çubuk & görünüm değiştirici: alt aksan çizgisi ──── */
.view-toggle,.tabbar{ padding:0; border:1px solid var(--border-md); background:var(--bg-surface); }
.view-toggle button,.tabbar button{ border-radius:0 !important; }
.view-toggle button.is-active,.tabbar button.is-active{ box-shadow:none; }

/* ── Footer: akreditasyon şeridi harita dokulu ───────────────── */
footer.v2{ background-image:var(--chart-dark); }
footer.v2::before{
    content:''; display:block; height:3px;
    background:linear-gradient(90deg,var(--accent),transparent 55%);
}

/* ── Kategori karoları: 40px ikon kutusu yerine geniş görsel bandı ──
   Görseller yüklendiğine göre karolar artık fotoğrafı hakkıyla gösterebilir.
   Görsel yoksa ikon fallback'i aynı bantta ortalanır. */
.cat-av-ring{
    display:block; position:relative; width:100%;
    aspect-ratio:16/9; border-radius:3px; overflow:hidden;
    margin-bottom:.95rem; background:var(--dark);
}
.cat-av-ring > span{
    position:absolute; inset:0; width:100%; height:100%; flex:none;
    border-radius:0; background:var(--dark); color:rgba(255,255,255,.55); font-size:1.25rem;
}
.cat-av-ring > span img{ border-radius:0; }
.cat-av-ring::after{
    position:absolute; top:6px; right:8px; z-index:3;
    color:#fff; text-shadow:0 1px 6px rgba(11,42,74,.9); font-size:.72rem;
}
.cat-av-ring::before{
    content:''; position:absolute; inset:0; z-index:2;
    background:linear-gradient(180deg,rgba(11,42,74,.05),rgba(11,42,74,.55));
    transition:background var(--t-base);
}
.cat-av:hover .cat-av-ring::before{ background:linear-gradient(180deg,rgba(14,152,168,.15),rgba(11,42,74,.35)); }
.cat-av-ring img{ transition:transform .8s var(--ease-base); }
.cat-av:hover .cat-av-ring img{ transform:scale(1.06); }

/* ── Görsel + ikon fallback çakışması ────────────────────────────
   Bu kapsayıcılar hem <img> hem yedek <i> içeriyor. Flex düzeninde
   ikisi yan yana diziliyordu; görsel mutlak konumlanıp kapsayıcıyı
   doldurmalı, ikon arkada kalmalı (görsel yoksa ortaya çıkar). */
.note-thumb, .post-card-img, .gallery-item, .team-photo,
.side-post .th, .blog-featured-img{ position:relative; }
.note-thumb > img, .post-card-img > img, .gallery-item > img,
.team-photo > img, .side-post .th > img, .blog-featured-img > img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; z-index:1;
}
.note-thumb > i, .post-card-img > i, .gallery-item > i,
.team-photo > i, .side-post .th > i{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;
}
/* Üst katmanlar (etiket, başlık) görselin üstünde kalsın */
.post-card-img .tag, .blog-featured-img .tag, .gallery-item .cap{ z-index:3; }

/* ── Footer: çalışma saatleri (sosyal medya bloğunun yerine) ──── */
.foot-hours{ display:flex; flex-direction:column; gap:.6rem; margin-bottom:1.4rem; }
.foot-hours span{
    display:flex; align-items:baseline; justify-content:space-between; gap:1rem;
    padding-bottom:.6rem; border-bottom:1px solid rgba(255,255,255,.08);
    font-size:.88rem;
}
.foot-hours span:last-child{ border-bottom:none; padding-bottom:0; }
.foot-hours b{ color:rgba(255,255,255,.8); font-weight:600; }
.foot-hours i{ font-style:normal; color:var(--accent); font-weight:700; white-space:nowrap; }
.foot-wa{
    display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
    background:var(--green); color:#fff; border-radius:var(--r-btn);
    padding:.8rem 1.3rem; font-weight:700; font-size:.86rem;
    transition:background var(--t-base), transform var(--t-base);
}
.foot-wa:hover{ background:var(--green-dark); color:#fff; transform:translateY(-2px); }