/* =====================================================================
   EK-SA Nakliyat — ana stil dosyası
   Yazı tipi: Arial (sistem), Renkler: kırmızı/beyaz/koyu gri
   ===================================================================== */
:root {
  --red: #1C5D99;
  --red-dark: #123B61;
  --white: #FFFFFF;
  --gray-light: #F5F6F8;
  --gray-mid: #6B7280;
  --text: #102033;
  --dark: #0B1B2B;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 2px 12px rgba(16, 18, 22, .08);
  --shadow-lg: 0 10px 34px rgba(16, 18, 22, .14);
  --container: 1180px;
  --transition: .22s ease;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: var(--text);
  background: var(--white);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--red); text-decoration: none; }
a:hover { color: var(--red-dark); }
h1, h2, h3, h4 { line-height: 1.25; margin: 0 0 .6em; color: var(--text); }
h1 { font-size: clamp(1.7rem, 4vw, 2.6rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
h3 { font-size: 1.15rem; }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.3em; }

.container { max-width: var(--container); margin: 0 auto; padding: 0 20px; }
.section { padding: 64px 0; }
.section--gray { background: var(--gray-light); }
.section--dark { background: var(--dark); color: #e5e7eb; }
.section--dark h2, .section--dark h3 { color: var(--white); }
.section-head { max-width: 720px; margin: 0 auto 40px; text-align: center; }
.section-head .kicker { color: var(--red); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: .8rem; display: block; margin-bottom: 8px; }
.section-head p { color: var(--gray-mid); }

/* Erişilebilirlik */
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--red); color: #fff; padding: 10px 18px; z-index: 2000; border-radius: 0 0 8px 0; }
.skip-link:focus { left: 0; color: #fff; }
:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px 26px; border-radius: var(--radius); font-weight: 700; font-size: .95rem;
  border: 2px solid transparent; cursor: pointer; transition: transform var(--transition), background var(--transition), box-shadow var(--transition);
  min-height: 48px; text-align: center;
}
.btn:active { transform: scale(.97); }
.btn--primary { background: var(--red); color: #fff; }
.btn--primary:hover { background: var(--red-dark); color: #fff; box-shadow: var(--shadow); }
.btn--outline { border-color: var(--red); color: var(--red); background: transparent; }
.btn--outline:hover { background: var(--red); color: #fff; }
.btn--white { background: #fff; color: var(--red); }
.btn--white:hover { background: var(--gray-light); color: var(--red-dark); }
.btn--ghost-white { border-color: rgba(255,255,255,.6); color: #fff; }
.btn--ghost-white:hover { background: rgba(255,255,255,.12); color: #fff; }
.btn--sm { padding: 8px 16px; min-height: 38px; font-size: .85rem; }
.btn--block { width: 100%; }

/* ---------- Üst bilgi çubuğu ---------- */
.topbar { background: var(--dark); color: #d1d5db; font-size: .82rem; }
.topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; flex-wrap: wrap; padding: 4px 0; }
.topbar a { color: #fff; }
.topbar a:hover { color: #D9B65D; }
.topbar__group { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.topbar__item { display: inline-flex; align-items: center; gap: 6px; }
.topbar__item svg { flex: none; }

/* ---------- Header ---------- */
/* Not: çekmece menü header'ın çocuğu olduğundan header'ın z-index'i, menünün
   çerez barı (1400) ve alt çubuk (950) üzerinde kalmasını belirler */
.header { background: var(--white); box-shadow: 0 1px 0 rgba(16,18,22,.08); position: sticky; top: 0; z-index: 1600; transition: box-shadow var(--transition); }
.header.is-scrolled { box-shadow: var(--shadow); }
.header__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; }
.header__logo img, .header__logo svg { height: 46px; width: auto; }
.nav { display: flex; align-items: center; gap: 4px; }
.nav a { color: var(--text); font-weight: 700; font-size: .93rem; padding: 10px 13px; border-radius: 8px; display: block; }
.nav a:hover, .nav a.is-active { color: var(--red); background: var(--gray-light); }
.nav__item { position: relative; }
.nav__sub {
  position: absolute; top: 100%; left: 0; min-width: 240px; background: #fff; border-radius: var(--radius);
  box-shadow: var(--shadow-lg); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity var(--transition), transform var(--transition), visibility var(--transition); z-index: 950;
}
.nav__item:hover > .nav__sub, .nav__item:focus-within > .nav__sub { opacity: 1; visibility: visible; transform: translateY(0); }
.nav__sub a { font-weight: 400; padding: 9px 12px; }
.header__cta { display: flex; align-items: center; gap: 10px; }
.header__cta .btn { white-space: nowrap; }

/* Mobil menü */
.burger { display: none; background: none; border: 0; width: 48px; height: 48px; cursor: pointer; padding: 12px; }
.burger span { display: block; height: 3px; background: var(--text); border-radius: 2px; margin: 5px 0; transition: transform var(--transition), opacity var(--transition); }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

@media (max-width: 991px) {
  .burger { display: block; }
  .nav {
    position: fixed; inset: 0; top: 76px; background: #fff; flex-direction: column; align-items: stretch;
    padding: 20px; gap: 0; overflow-y: auto; transform: translateX(100%); transition: transform .28s ease; z-index: 890;
  }
  .nav.is-open { transform: translateX(0); }
  .nav a { padding: 14px 12px; font-size: 1.05rem; border-bottom: 1px solid var(--gray-light); }
  .nav__sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0 0 0 16px; display: none; }
  .nav__item.is-open > .nav__sub { display: block; }
  .header__cta .btn { display: none; }
  .header__cta .btn--mobile-visible { display: inline-flex; }
}

/* ---------- Hero ---------- */
.hero { background: linear-gradient(120deg, var(--dark) 0%, #18324D 60%, var(--red-dark) 130%); color: #fff; overflow: hidden; position: relative; }
.hero__inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; padding: 72px 0; }
.hero h1 { color: #fff; margin-bottom: 18px; }
.hero p { color: #d1d5db; font-size: 1.08rem; max-width: 560px; }
.hero__badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(28,93,153,.18); border: 1px solid rgba(28,93,153,.48); color: #D8E6F4; font-size: .82rem; font-weight: 700; padding: 6px 14px; border-radius: 999px; margin-bottom: 18px; }
.hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.hero__media { position: relative; }
.hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); aspect-ratio: 3/4; object-fit: cover; width: 100%; max-height: 480px; }
.hero__media::after { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 3px solid var(--red); border-radius: var(--radius-lg); z-index: -1; }
@media (max-width: 860px) {
  .hero__inner { grid-template-columns: 1fr; padding: 48px 0; gap: 32px; }
  .hero__media { max-width: 420px; margin: 0 auto; }
  .hero__media img { max-height: 360px; }
}

/* ---------- Hızlı teklif formu ---------- */
.quickquote { margin-top: -46px; position: relative; z-index: 10; }
.quickquote__box { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 26px; }
.quickquote__box h2 { font-size: 1.15rem; margin-bottom: 16px; }
.quickquote form { display: grid; grid-template-columns: repeat(6, 1fr) auto; gap: 12px; align-items: end; }
@media (max-width: 1080px) { .quickquote form { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .quickquote form { grid-template-columns: 1fr 1fr; } .quickquote form .btn { grid-column: 1 / -1; } }

/* ---------- Form elemanları ---------- */
.field label { display: block; font-size: .82rem; font-weight: 700; margin-bottom: 5px; color: var(--text); }
.field input, .field select, .field textarea {
  width: 100%; padding: 11px 13px; border: 1.5px solid #d7dae0; border-radius: 8px; font: inherit; color: var(--text);
  background: #fff; min-height: 46px; transition: border-color var(--transition);
}
.field textarea { min-height: 110px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--red); outline: none; }
.field--error input, .field--error select, .field--error textarea { border-color: var(--red); }
.field__error { color: var(--red); font-size: .8rem; margin-top: 4px; }
.field--check { display: flex; gap: 10px; align-items: flex-start; font-size: .85rem; }
.field--check input { width: 20px; height: 20px; min-height: 0; margin-top: 2px; flex: none; }
.form-alert { padding: 14px 16px; border-radius: var(--radius); margin-bottom: 18px; font-weight: 700; }
.form-alert--success { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.form-alert--error { background: #fef2f2; color: var(--red-dark); border: 1px solid #D8E6F4; }
.hp-field { position: absolute !important; left: -9999px !important; opacity: 0; height: 0; overflow: hidden; }

/* ---------- Kartlar ---------- */
.grid { display: grid; gap: 24px; }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991px) { .grid--3, .grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }

.card {
  background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 26px;
  transition: transform var(--transition), box-shadow var(--transition); position: relative; display: flex; flex-direction: column;
}
.card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.card__icon { width: 52px; height: 52px; border-radius: 12px; background: rgba(200,16,46,.1); color: var(--red); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.card__icon svg { width: 28px; height: 28px; }
.card h3 a { color: var(--text); }
.card h3 a:hover { color: var(--red); }
.card p { color: var(--gray-mid); font-size: .93rem; flex: 1; }
.card__links { display: flex; gap: 14px; margin-top: 12px; font-size: .88rem; font-weight: 700; }

/* ---------- Süreç adımları ---------- */
.steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; counter-reset: step; }
@media (max-width: 991px) { .steps { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .steps { grid-template-columns: 1fr 1fr; } }
.step { text-align: center; padding: 20px 12px; }
.step__no { width: 48px; height: 48px; margin: 0 auto 12px; border-radius: 50%; background: var(--red); color: #fff; font-weight: 700; font-size: 1.15rem; display: flex; align-items: center; justify-content: center; }
.step h3 { font-size: .95rem; }
.step p { font-size: .82rem; color: var(--gray-mid); margin: 0; }

/* ---------- Özellik listesi ---------- */
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 900px) { .features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .features { grid-template-columns: 1fr; } }
.feature { display: flex; gap: 14px; align-items: flex-start; }
.feature__icon { flex: none; width: 44px; height: 44px; border-radius: 10px; background: rgba(200,16,46,.1); color: var(--red); display: flex; align-items: center; justify-content: center; }
.feature h3 { font-size: 1rem; margin-bottom: 4px; }
.feature p { font-size: .88rem; color: var(--gray-mid); margin: 0; }

/* ---------- Galeri ---------- */
.gallery-filters { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 28px; }
.gallery-filters button { border: 1.5px solid #d7dae0; background: #fff; padding: 8px 18px; border-radius: 999px; font: inherit; font-weight: 700; font-size: .85rem; cursor: pointer; transition: all var(--transition); min-height: 40px; }
.gallery-filters button.is-active, .gallery-filters button:hover { background: var(--red); border-color: var(--red); color: #fff; }
.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 991px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } }
.gallery-item { border: 0; padding: 0; background: none; cursor: zoom-in; border-radius: var(--radius); overflow: hidden; position: relative; }
.gallery-item img { aspect-ratio: 3/4; object-fit: cover; width: 100%; transition: transform .35s ease; }
.gallery-item:hover img { transform: scale(1.05); }
.gallery-item figcaption { position: absolute; inset: auto 0 0; background: linear-gradient(transparent, rgba(16,18,22,.85)); color: #fff; font-size: .78rem; padding: 26px 12px 10px; }

/* Lightbox */
.lightbox { position: fixed; inset: 0; background: rgba(16,18,22,.92); z-index: 1700; display: none; align-items: center; justify-content: center; padding: 24px; }
.lightbox.is-open { display: flex; }
.lightbox img { max-height: 86vh; max-width: 92vw; width: auto; border-radius: var(--radius); }
.lightbox__close, .lightbox__prev, .lightbox__next { position: absolute; background: rgba(255,255,255,.12); color: #fff; border: 0; width: 48px; height: 48px; border-radius: 50%; font-size: 1.3rem; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.lightbox__close:hover, .lightbox__prev:hover, .lightbox__next:hover { background: var(--red); }
.lightbox__close { top: 18px; right: 18px; }
.lightbox__prev { left: 18px; top: 50%; transform: translateY(-50%); }
.lightbox__next { right: 18px; top: 50%; transform: translateY(-50%); }
.lightbox__caption { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: #d1d5db; font-size: .85rem; text-align: center; max-width: 80vw; }

/* ---------- Accordion (SSS) ---------- */
.accordion { border: 1px solid #e5e7eb; border-radius: var(--radius); overflow: hidden; background: #fff; }
.accordion + .accordion { margin-top: 12px; }
.accordion summary {
  padding: 18px 20px; font-weight: 700; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; font-size: 1.4rem; color: var(--red); transition: transform var(--transition); flex: none; }
.accordion[open] summary::after { transform: rotate(45deg); }
.accordion__body { padding: 0 20px 18px; color: var(--gray-mid); }

/* ---------- Yorumlar ---------- */
.testimonial { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 24px; }
.testimonial__stars { color: #f59e0b; letter-spacing: 2px; margin-bottom: 10px; }
.testimonial__meta { display: flex; justify-content: space-between; margin-top: 14px; font-size: .82rem; color: var(--gray-mid); }
.testimonial__name { font-weight: 700; color: var(--text); }

/* ---------- Blog kartı ---------- */
.post-card { overflow: hidden; padding: 0; }
.post-card__img img { aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.post-card__body { padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.post-card__meta { font-size: .78rem; color: var(--gray-mid); margin-bottom: 8px; display: flex; gap: 12px; }
.post-card h3 { font-size: 1.05rem; }

/* ---------- İçerik sayfası ---------- */
.prose { max-width: 780px; }
.prose h2 { margin-top: 1.6em; }
.prose img { border-radius: var(--radius); }
.prose table { border-collapse: collapse; width: 100%; }
.prose td, .prose th { border: 1px solid #e5e7eb; padding: 10px; }
.page-hero { background: var(--gray-light); padding: 44px 0 36px; }
.breadcrumbs { font-size: .82rem; color: var(--gray-mid); margin-bottom: 10px; }
.breadcrumbs a { color: var(--gray-mid); }
.breadcrumbs a:hover { color: var(--red); }
.page-layout { display: grid; grid-template-columns: 1fr 320px; gap: 44px; align-items: start; }
@media (max-width: 900px) { .page-layout { grid-template-columns: 1fr; } }
.sidebar__box { background: var(--gray-light); border-radius: var(--radius-lg); padding: 24px; margin-bottom: 22px; }
.sidebar__box--red { background: var(--red); color: #fff; }
.sidebar__box--red h3 { color: #fff; }
.sidebar__box ul { list-style: none; padding: 0; margin: 0; }
.sidebar__box li + li { border-top: 1px solid rgba(107,114,128,.15); }
.sidebar__box li a { display: block; padding: 9px 0; color: var(--text); font-size: .92rem; }
.sidebar__box li a:hover { color: var(--red); padding-left: 4px; }

/* ---------- CTA bandı ---------- */
.cta-band { background: linear-gradient(100deg, var(--red) 0%, var(--red-dark) 100%); color: #fff; border-radius: var(--radius-lg); padding: 44px; display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap; }
.cta-band h2 { color: #fff; margin: 0 0 6px; }
.cta-band p { color: #D8E6F4; margin: 0; }

/* ---------- Footer ---------- */
.footer { background: var(--dark); color: #9ca3af; font-size: .9rem; }
.footer a { color: #d1d5db; }
.footer a:hover { color: #fff; }
.footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 36px; padding: 56px 0 40px; }
@media (max-width: 900px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__grid { grid-template-columns: 1fr; } }
.footer h3 { color: #fff; font-size: 1rem; margin-bottom: 16px; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer li { margin-bottom: 9px; }
.footer__logo img { height: 44px; margin-bottom: 14px; }
.footer__bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 18px 0; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: .8rem; }
.footer__legal { display: flex; gap: 16px; flex-wrap: wrap; }

/* ---------- Mobil sabit iletişim çubuğu ---------- */
.mobilebar { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 -4px 20px rgba(16,18,22,.14); z-index: 950; }
.mobilebar a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 4px 8px; font-size: .68rem; font-weight: 700; color: var(--text); min-height: 54px; justify-content: center; }
.mobilebar a.is-primary { background: var(--red); color: #fff; }
.mobilebar svg { width: 21px; height: 21px; }
@media (max-width: 767px) {
  .mobilebar { display: flex; }
  body { padding-bottom: 62px; }
}

/* ---------- Bildirim (sosyal kanıt) ---------- */
.notify {
  position: fixed; left: 18px; bottom: 18px; max-width: 340px; background: #fff; border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg); padding: 14px 40px 14px 16px; z-index: 940; font-size: .85rem;
  transform: translateY(140%); transition: transform .4s ease; border-left: 4px solid var(--red);
}
.notify.is-visible { transform: translateY(0); }
.notify__close { position: absolute; top: 6px; right: 6px; background: none; border: 0; cursor: pointer; font-size: 1.1rem; color: var(--gray-mid); width: 30px; height: 30px; }
.notify__meta { color: var(--gray-mid); font-size: .74rem; margin-top: 4px; }
@media (max-width: 767px) { .notify { bottom: 74px; left: 12px; right: 12px; max-width: none; } }

/* ---------- Çerez bildirimi ---------- */
.cookiebar {
  position: fixed; bottom: 18px; right: 18px; max-width: 420px; background: #fff; border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg); padding: 22px; z-index: 1400; font-size: .87rem; display: none;
}
.cookiebar.is-visible { display: block; }
.cookiebar__actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.cookiebar__prefs { margin-top: 12px; display: none; }
.cookiebar__prefs.is-open { display: block; }
.cookiebar__prefs label { display: flex; gap: 8px; align-items: center; padding: 6px 0; }
@media (max-width: 560px) { .cookiebar { left: 12px; right: 12px; bottom: 70px; max-width: none; } }

/* ---------- Teklif formu adımları ---------- */
.qsteps { display: flex; gap: 8px; margin-bottom: 28px; }
.qsteps__item { flex: 1; text-align: center; font-size: .78rem; font-weight: 700; color: var(--gray-mid); position: relative; padding-top: 34px; }
.qsteps__item::before {
  content: attr(data-step); position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 30px; height: 30px; border-radius: 50%; background: #e5e7eb; color: var(--gray-mid);
  display: flex; align-items: center; justify-content: center; font-size: .82rem;
}
.qsteps__item.is-active { color: var(--red); }
.qsteps__item.is-active::before, .qsteps__item.is-done::before { background: var(--red); color: #fff; }
.qstep { display: none; }
.qstep.is-active { display: block; animation: fadeUp .3s ease; }
.no-js .qstep { display: block; }
.no-js .qsteps, .no-js .qnav { display: none; }
.qnav { display: flex; justify-content: space-between; margin-top: 24px; gap: 12px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 620px) { .form-grid { grid-template-columns: 1fr; } }
.form-grid .field--full { grid-column: 1 / -1; }

/* ---------- Animasyonlar ---------- */
@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
.hero__inner > * { animation: fadeUp .6s ease both; }
.hero__inner > *:nth-child(2) { animation-delay: .12s; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ---------- Sayaçlar ---------- */
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; text-align: center; }
@media (max-width: 620px) { .stats { grid-template-columns: 1fr; } }
.stat__value { font-size: 2.4rem; font-weight: 700; color: var(--red); }
.stat__label { color: var(--gray-mid); }

/* ---------- Sayfalama ---------- */
.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
.pagination a, .pagination span { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1.5px solid #d7dae0; color: var(--text); font-weight: 700; padding: 0 10px; }
.pagination .is-current { background: var(--red); border-color: var(--red); color: #fff; }
.pagination a:hover { border-color: var(--red); color: var(--red); }

/* ---------- Hata sayfaları ---------- */
.errorpage { text-align: center; padding: 90px 20px; }
.errorpage__code { font-size: 5.5rem; font-weight: 700; color: var(--red); line-height: 1; }
.errorpage form { max-width: 420px; margin: 24px auto; display: flex; gap: 10px; }

/* ---------- Yardımcılar ---------- */
.text-center { text-align: center; }
.mt-0 { margin-top: 0; } .mt-2 { margin-top: 16px; } .mt-3 { margin-top: 24px; } .mt-4 { margin-top: 36px; }
.mb-2 { margin-bottom: 16px; } .mb-3 { margin-bottom: 24px; }
.badge { display: inline-block; background: rgba(200,16,46,.1); color: var(--red); font-size: .74rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; }

/* =====================================================================
   Mobil iyileştirme paketi + slider bileşenleri
   ===================================================================== */

/* Header hızlı iletişim ikon butonları */
.iconbtn { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none; transition: transform var(--transition); }
.iconbtn:active { transform: scale(.92); }
.iconbtn svg { width: 20px; height: 20px; }
.iconbtn--tel { background: var(--red); color: #fff; }
.iconbtn--tel:hover { background: var(--red-dark); color: #fff; }
.iconbtn--wa { background: #25D366; color: #fff; }
.iconbtn--wa:hover { background: #1eb757; color: #fff; }

/* Detay sayfası kapak görselleri — taşkın büyüklüğü engelle */
.cover-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius-lg); display: block; }
.prose img { max-height: 340px; object-fit: cover; width: 100%; }

/* Hero slider */
/* Not: içerik tamamen absolute olduğu için kapsayıcıya açık genişlik gerekir;
   yoksa mobildeki "margin:0 auto" fit-content=0 genişliğe düşürür */
.hero__media { width: 100%; }
.hero-slides { position: relative; width: 100%; aspect-ratio: 3/4; max-height: 480px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); }
.hero-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; }
.hero-slides img.is-active { opacity: 1; }
.hero-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 7px; z-index: 2; }
.hero-dots button { width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba(255,255,255,.45); cursor: pointer; padding: 0; }
.hero-dots button.is-active { background: #fff; }
.hero-dots button:focus-visible { outline: 2px solid #fff; }

/* Yatay kaydırmalı slider (mobilde grid'ler kaydırılabilir şeride döner) */
@media (max-width: 767px) {
  .hscroll { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding: 4px 2px 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .hscroll > * { flex: 0 0 80%; scroll-snap-align: start; min-width: 0; }
  .hscroll--narrow > * { flex: 0 0 62%; }
}

/* Mobil genel düzen sıkılaştırma */
@media (max-width: 991px) {
  .header__cta { gap: 8px; }
  .header__cta .btn { display: none; }
  .header__cta .btn--mobile-visible { display: inline-flex; padding: 9px 14px; min-height: 42px; font-size: .82rem; }
  .header__inner { min-height: 66px; }
  .header__logo img { height: 38px; }
  .nav { top: 66px; }
}
@media (max-width: 620px) {
  .container { padding: 0 14px; }
  .section { padding: 42px 0; }
  .section-head { margin-bottom: 26px; }
  h2 { font-size: 1.35rem; }
  .hero__inner { padding: 34px 0 40px; gap: 22px; }
  .hero h1 { font-size: 1.55rem; }
  .hero p { font-size: .95rem; }
  .hero__badge { font-size: .72rem; }
  .hero__actions { gap: 8px; }
  .hero__actions .btn { flex: 1 1 45%; padding: 12px 10px; font-size: .85rem; }
  .hero__media { max-width: 100%; }
  .hero-slides { aspect-ratio: 4/3; max-height: 300px; }
  .hero__media::after { display: none; }
  .quickquote { margin-top: -26px; }
  .quickquote__box { padding: 18px 16px; }
  .card { padding: 18px; }
  .post-card { padding: 0; }
  .cta-band { padding: 26px 20px; }
  .page-hero { padding: 28px 0 22px; }
  .page-hero h1 { font-size: 1.4rem; }
  .cover-img { aspect-ratio: 3/2; max-height: 240px; border-radius: var(--radius); }
  .prose img { max-height: 240px; }
  .toc { padding: 14px 16px !important; }
  .topbar__group:first-child { display: none; }
  .topbar__inner { justify-content: center; }
  .steps { gap: 10px; }
  .step { padding: 14px 8px; }
  .features { gap: 16px; }
  .footer__grid { padding: 40px 0 28px; gap: 26px; }
}

/* =====================================================================
   Mobil menü v2 (çekmece) + alt çubuk renkleri + header buton düzeni
   ===================================================================== */

/* Alt sabit çubuk: varsayılan marka renkleri */
.mobilebar a.is-tel { background: #1C5D99; color: #fff; }
.mobilebar a.is-wa { background: #25D366; color: #fff; }

/* Menü başlık/altbilgi ve karartma — masaüstünde gizli */
.nav__head, .nav__footer, .nav__close, .nav-overlay { display: none; }

@media (max-width: 991px) {
  /* Header teklif butonu: küçük ve derli toplu */
  .header__cta .btn--mobile-visible { padding: 8px 14px; min-height: 36px; font-size: .8rem; border-radius: 8px; }

  /* Karartma katmanı */
  .nav-overlay { display: block; position: fixed; inset: 0; background: rgba(16,18,22,.55); z-index: 885;
    opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s ease; }
  .nav-overlay.is-open { opacity: 1; visibility: visible; }

  /* Çekmece menü: sağdan kayan panel */
  .nav { inset: 0 0 0 auto; top: 0; width: min(340px, 86vw); height: 100dvh; padding: 0 18px 18px;
    box-shadow: -18px 0 50px rgba(16,18,22,.25); transform: translateX(105%); }
  .nav.is-open { transform: translateX(0); }

  .nav__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 0 10px;
    border-bottom: 2px solid var(--red); margin-bottom: 6px; }
  .nav__head img { height: 30px; width: auto; }
  .nav__close { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
    border: 0; border-radius: 50%; background: var(--gray-light); color: var(--text); font-size: 1.05rem; cursor: pointer; }
  .nav__close:active { background: var(--red); color: #fff; }

  /* Öge girişleri: kademeli yumuşak akış */
  .nav .nav__item { opacity: 0; transform: translateX(14px); }
  .nav.is-open .nav__item { opacity: 1; transform: none; transition: opacity .3s ease, transform .3s ease; }
  .nav.is-open .nav__item:nth-child(2) { transition-delay: .03s; }
  .nav.is-open .nav__item:nth-child(3) { transition-delay: .06s; }
  .nav.is-open .nav__item:nth-child(4) { transition-delay: .09s; }
  .nav.is-open .nav__item:nth-child(5) { transition-delay: .12s; }
  .nav.is-open .nav__item:nth-child(6) { transition-delay: .15s; }
  .nav.is-open .nav__item:nth-child(7) { transition-delay: .18s; }
  .nav.is-open .nav__item:nth-child(8) { transition-delay: .21s; }

  .nav a { font-size: .98rem; padding: 13px 6px; }

  .nav__footer { display: block; margin-top: auto; padding-top: 16px; border-top: 1px solid #eef0f3; }
  .nav__footer-row { display: flex; gap: 10px; margin-top: 10px; }
  .nav__quick { flex: 1; text-align: center; padding: 11px 8px; border-radius: 8px; font-weight: 700; font-size: .88rem; color: #fff; }
  .nav__quick--tel { background: #1C5D99; }
  .nav__quick--tel:hover { background: #164C7E; color: #fff; }
  .nav__quick--wa { background: #25D366; }
  .nav__quick--wa:hover { background: #1eb757; color: #fff; }
  .nav { display: flex; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .nav .nav__item { opacity: 1; transform: none; }
}

/* Hero metni kenar boşluğu (mobilde ekrana yapışmasın) */
@media (max-width: 620px) {
  .container { padding: 0 18px; }
  .hero__inner > div:first-child { padding: 0 2px; }
}

/* =====================================================================
   Menü katman düzeltmesi + iletişim butonlarına sürekli animasyon
   ===================================================================== */

/* Çekmece menü, alt iletişim çubuğunun ve bildirimlerin ÜZERİNDE olmalı
   (aksi hâlde menü alt butonları çubuk altında kalıp okunmuyordu) */
@media (max-width: 991px) {
  /* Çerez barı (1400) ve lightbox (1500) dahil her şeyin üzerinde */
  .nav { z-index: 1600; }
  .nav-overlay { z-index: 1590; }
  /* Alt çubuk + güvenli alan payı: menü footer'ı her zaman erişilebilir */
  .nav__footer { padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
}

/* Sürekli dikkat animasyonları */
@keyframes atn-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, .45); }
  60% { box-shadow: 0 0 0 12px rgba(200, 16, 46, 0); }
}
@keyframes atn-ring {
  0%, 88%, 100% { transform: rotate(0); }
  90% { transform: rotate(-14deg); }
  92% { transform: rotate(12deg); }
  94% { transform: rotate(-9deg); }
  96% { transform: rotate(7deg); }
  98% { transform: rotate(-4deg); }
}
@keyframes atn-bob {
  0%, 85%, 100% { transform: translateY(0); }
  90% { transform: translateY(-4px); }
  95% { transform: translateY(1px); }
}

/* Alt çubuk: teklif nabız, telefon "çalma", whatsapp zıplama */
.mobilebar a.is-primary { animation: atn-pulse 2.2s ease-out infinite; }
.mobilebar a.is-tel svg { animation: atn-ring 3.5s ease-in-out infinite; transform-origin: 50% 50%; }
.mobilebar a.is-wa svg { animation: atn-bob 3s ease-in-out infinite; }

/* Header ve menü içindeki teklif/hızlı butonlar */
.header__cta .btn--mobile-visible, .header__cta .btn--primary { animation: atn-pulse 2.6s ease-out infinite; }
.nav__quick--tel { animation: none; }
.nav__quick--wa { animation: none; }

@media (prefers-reduced-motion: reduce) {
  .mobilebar a.is-primary, .mobilebar a.is-tel svg, .mobilebar a.is-wa svg,
  .header__cta .btn--mobile-visible, .header__cta .btn--primary { animation: none !important; }
}

/* =====================================================================
   Detay sayfası mobil taşma (grid blowout) düzeltmeleri
   .page-layout'un 1fr sütunu, içerideki geniş grid'lerin min-content
   genişliği yüzünden viewport'un altına küçülemiyordu; tüm sayfa sağa
   taşıp metinler kesiliyordu.
   ===================================================================== */
.page-layout > * { min-width: 0; }
.grid > *, .steps > *, .features > * { min-width: 0; }
.grid, .steps, .features, .form-grid { max-width: 100%; }
.prose { overflow-wrap: break-word; max-width: 100%; }
.table-wrap, .prose table { max-width: 100%; overflow-x: auto; display: block; }

/* Hizmet detayı süreç adımları: masaüstünde otomatik, mobilde 2 sütun */
.steps--auto { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
@media (max-width: 620px) { .steps--auto { grid-template-columns: 1fr 1fr; } }

/* Son savunma hattı: beklenmedik tek öğe taşmasında sayfa yana kaymasın */
body { overflow-x: hidden; overflow-x: clip; }


/* === EK-SA 2026 Modern UI Layer === */
:root{--brand:#1C5D99;--brand-2:#2D7BC0;--accent:#D9B65D;--ink:#0B1B2B;--ink-2:#17324D;--surface:#F4F7FA;--line:#DFE7EF;--radius-xl:28px;--shadow-lg:0 24px 70px rgba(11,27,43,.14)}
body{background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.header{backdrop-filter:saturate(170%) blur(16px);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(11,20,35,.07);position:sticky;top:0;z-index:70}
.header__inner{min-height:78px}.header__logo img{height:48px;width:auto}.nav a{font-weight:700}.nav__sub{border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px;overflow:hidden}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(45,123,192,.22),transparent 28%),linear-gradient(135deg,#071522 0%,#0F2A44 56%,#0B1B2B 100%);padding:88px 0 110px}
.hero:after{content:"";position:absolute;inset:auto -120px -220px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}
.hero__inner{position:relative;z-index:2;gap:64px}.hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;max-width:850px}.hero p{font-size:1.15rem;max-width:700px;color:#d8e1ed}.hero__badge{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:9px 14px}.hero__media{border-radius:32px;transform:rotate(1.2deg);box-shadow:0 34px 90px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)}
.btn{border-radius:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 30px rgba(28,93,153,.28);border:0}
.quickquote{margin-top:-58px;position:relative;z-index:5}.quickquote__box{border-radius:26px;border:1px solid rgba(11,20,35,.08);box-shadow:var(--shadow-lg);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.card,.service-card,.blog-card,.testimonial{border-radius:22px;border:1px solid var(--line);box-shadow:0 12px 36px rgba(11,20,35,.07);transition:transform .25s ease,box-shadow .25s ease}.card:hover,.service-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(11,20,35,.11)}
.section{padding:84px 0}.section--gray{background:linear-gradient(180deg,#f8fafc,#f2f5f9)}.section-head h2{letter-spacing:-.025em}.kicker{color:var(--brand);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:95}.wa-float__toggle{border:0;border-radius:999px;background:#17a765;color:#fff;padding:15px 20px;font-weight:900;box-shadow:0 16px 42px rgba(23,167,101,.32);cursor:pointer;display:flex;align-items:center;gap:10px}.wa-float__pulse{width:10px;height:10px;background:#d9ffe9;border-radius:50%;box-shadow:0 0 0 0 rgba(217,255,233,.7);animation:waPulse 1.8s infinite}.wa-float__card{position:absolute;right:0;bottom:64px;width:min(360px,calc(100vw - 32px));padding:18px;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(11,20,35,.22);border:1px solid var(--line)}.wa-float__head{display:flex;flex-direction:column;gap:3px}.wa-float__head span{font-size:.78rem;color:#65748a}.wa-float__card p{font-size:.92rem;line-height:1.55;color:#445268}@keyframes waPulse{70%{box-shadow:0 0 0 12px rgba(217,255,233,0)}100%{box-shadow:0 0 0 0 rgba(217,255,233,0)}}
@media(max-width:767px){.hero{padding:64px 0 86px}.hero h1{font-size:2.55rem}.section{padding:58px 0}.wa-float{right:14px;bottom:82px}.wa-float__toggle{padding:13px 16px;font-size:.86rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.wa-float__pulse{animation:none}}

/* Corporate palette refinements */
.section--dark .kicker{color:var(--accent)!important}.feature__icon{color:var(--brand)}.topbar a:hover{color:#BFD5E8}.cta-band{background:linear-gradient(110deg,#174C7D 0%,#0E3151 100%)}.cta-band p{color:#D7E5F2}.btn--outline:hover{border-color:var(--brand);background:var(--brand);color:#fff}.hero__badge{box-shadow:inset 0 0 0 1px rgba(217,182,93,.08)}

/* =====================================================================
   EK-SA Nakliyat — v5 Premium Blue UI
   18.09.2026 / installed-site hotfix
   Amaç: taşmasız mobil menü, stabil butonlar, canlı kurumsal mavi gradient,
   daha premium yüzeyler ve ölçülü animasyonlar.
   ===================================================================== */
:root {
  --brand: #0757d9;
  --brand-2: #0b78f6;
  --brand-3: #00a8ff;
  --brand-4: #4d63f2;
  --navy: #061b3a;
  --navy-2: #0b2f64;
  --cyan: #37d5ff;
  --surface: #f5f9ff;
  --surface-2: #edf5ff;
  --line: rgba(11, 91, 211, .12);
  --text: #0b1f3a;
  --gray-mid: #64748b;
  --dark: #05152f;
  --red: #0b63e5;      /* eski seçicilerle geriye uyumluluk */
  --red-dark: #0746a8; /* eski seçicilerle geriye uyumluluk */
  --gradient-brand: linear-gradient(135deg, #0757d9 0%, #0b78f6 45%, #00a8ff 100%);
  --gradient-brand-deep: linear-gradient(135deg, #061b3a 0%, #0a3f91 46%, #0b78f6 100%);
  --gradient-accent: linear-gradient(135deg, #20c7ff 0%, #0b78f6 48%, #4d63f2 100%);
  --shadow-sm: 0 10px 30px rgba(6, 52, 120, .08);
  --shadow-md: 0 18px 48px rgba(6, 52, 120, .12);
  --shadow-xl: 0 30px 90px rgba(3, 31, 75, .22);
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --transition: .24s cubic-bezier(.2,.7,.2,1);
}

html { overflow-x: clip; scrollbar-gutter: stable; }
body {
  overflow-x: clip;
  background: #fff;
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
html.menu-open { overflow: hidden; }

.container { width: min(100% - 40px, 1220px); max-width: 1220px; padding: 0; }
@media (max-width: 620px) { .container { width: min(100% - 28px, 1220px); padding: 0; } }

/* -------------------- Stabil premium butonlar -------------------- */
.btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 48px;
  border-radius: 14px;
  padding: 12px 22px;
  border-width: 1px;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.15;
  white-space: nowrap;
  transform: none !important;
  animation: none !important;
  transition: box-shadow var(--transition), border-color var(--transition), color var(--transition), background-color var(--transition), filter var(--transition) !important;
  will-change: auto;
}
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 15%, rgba(255,255,255,.22) 45%, transparent 72%);
  transform: translateX(-130%);
  transition: transform .55s ease;
  pointer-events: none;
}
.btn:hover::after { transform: translateX(130%); }
.btn:active { transform: none !important; filter: brightness(.96); }
.btn--primary {
  color: #fff;
  border-color: transparent;
  background: var(--gradient-brand);
  background-size: 170% 170%;
  box-shadow: 0 12px 28px rgba(11, 99, 229, .25);
}
.btn--primary:hover { color:#fff; box-shadow: 0 16px 34px rgba(11,99,229,.34); filter: saturate(1.08); }
.btn--outline { color: #0757d9; border-color: rgba(7,87,217,.3); background: rgba(255,255,255,.72); }
.btn--outline:hover { color: #fff; border-color: transparent; background: var(--gradient-brand); box-shadow: 0 12px 30px rgba(11,99,229,.18); }
.btn--white { color:#0757d9; background:#fff; border-color:rgba(255,255,255,.9); box-shadow:0 10px 28px rgba(0,0,0,.12); }
.btn--white:hover { color:#0649b5; background:#f8fbff; box-shadow:0 16px 34px rgba(0,0,0,.15); }
.btn--ghost-white { color:#fff; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.btn--ghost-white:hover { color:#fff; border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.14); }
.header__cta .btn--mobile-visible, .header__cta .btn--primary, .mobilebar a.is-primary { animation: none !important; }

/* -------------------- Topbar + header -------------------- */
.topbar {
  background: linear-gradient(90deg, #04152f 0%, #072d66 48%, #084bb1 100%);
  color: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.topbar__inner { min-height: 40px; }
.topbar a { color: #fff; font-weight: 650; }
.topbar a:hover { color: #7de0ff; }

.header {
  position: sticky;
  top: 0;
  z-index: 1600;
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(7,87,217,.08);
  box-shadow: 0 10px 30px rgba(3,31,75,.04);
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
}
.header.is-scrolled { box-shadow: 0 14px 42px rgba(3,31,75,.11); }
.header__inner { min-height: 82px; gap: 26px; }
.header__logo { display:flex; align-items:center; min-width:0; flex:none; }
.header__logo img { width:auto; height:56px; max-width:260px; object-fit:contain; }
.header__cta { flex:none; }

.nav { gap: 5px; }
.nav__row { display:flex; align-items:center; }
.nav__row > a { flex:1; }
.nav__subtoggle { display:none; }
.nav a {
  color:#102846;
  border-radius:12px;
  font-size:.92rem;
  font-weight:750;
  letter-spacing:-.01em;
  transition: color var(--transition), background var(--transition), box-shadow var(--transition);
}
.nav a:hover, .nav a.is-active {
  color:#0757d9;
  background:linear-gradient(135deg, rgba(7,87,217,.07), rgba(0,168,255,.08));
}
.nav__sub {
  min-width: 270px;
  padding: 9px;
  border-radius: 18px;
  border:1px solid rgba(7,87,217,.12);
  box-shadow:0 24px 70px rgba(3,31,75,.16);
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(16px);
}
.nav__sub a { border-radius:11px; font-weight:650; }

.burger {
  width:46px;
  height:46px;
  padding:11px;
  border:1px solid rgba(7,87,217,.12);
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#f3f8ff);
  box-shadow:0 8px 24px rgba(6,52,120,.08);
}
.burger span { height:2.5px; background:#0b2f64; border-radius:999px; margin:5px 0; }

/* -------------------- Hero -------------------- */
.hero {
  padding: 0;
  background:
    radial-gradient(circle at 10% 18%, rgba(55,213,255,.24) 0, transparent 28%),
    radial-gradient(circle at 88% 26%, rgba(77,99,242,.33) 0, transparent 32%),
    linear-gradient(125deg, #04142e 0%, #07377c 34%, #075ed8 68%, #089fe7 108%);
  background-size: 120% 120%;
  animation: eksaHeroGradient 14s ease-in-out infinite alternate;
  isolation:isolate;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 90%);
}
.hero::after {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-170px;
  top:-180px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.018);
  z-index:-1;
  animation: eksaOrbit 12s ease-in-out infinite alternate;
}
@keyframes eksaHeroGradient { to { background-position: 100% 40%; } }
@keyframes eksaOrbit { to { transform:translate(-28px,32px) scale(1.04); } }
.hero__inner { min-height:620px; padding:86px 0 112px; grid-template-columns:1.08fr .92fr; gap:66px; }
.hero h1 {
  font-size:clamp(2.55rem,5.3vw,5.15rem);
  line-height:.98;
  letter-spacing:-.052em;
  text-wrap:balance;
  text-shadow:0 8px 30px rgba(0,0,0,.14);
}
.hero p { color:rgba(240,247,255,.88); font-size:1.11rem; line-height:1.75; }
.hero__badge {
  color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.08);
  backdrop-filter:blur(12px);
  padding:9px 15px;
}
.hero__actions { gap:11px; }
.hero__media { transform:none !important; border:0; box-shadow:none; }
.hero__media::after { inset:18px -18px -18px 18px; border:1px solid rgba(113,224,255,.42); border-radius:30px; }
.hero-slides {
  border-radius:30px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 38px 90px rgba(1,20,52,.42);
  background:#0b2f64;
  animation: eksaMediaFloat 6.5s ease-in-out infinite;
}
.hero-slides::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 25%,transparent 72%,rgba(0,73,176,.15));
  z-index:2;
}
@keyframes eksaMediaFloat { 50% { transform:translateY(-7px); } }
.hero-dots { z-index:4; padding:7px 9px; border-radius:999px; background:rgba(4,20,46,.35); backdrop-filter:blur(10px); }
.hero-dots button { width:8px; height:8px; transition:width .25s ease,background .25s ease; }
.hero-dots button.is-active { width:28px; border-radius:999px; background:linear-gradient(90deg,#fff,#68ddff); }

/* -------------------- Hızlı teklif -------------------- */
.quickquote { margin-top:-62px; z-index:12; }
.quickquote__box {
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(7,87,217,.1);
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 80px rgba(4,43,102,.15);
  backdrop-filter:blur(18px);
}
.quickquote__box::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--gradient-accent);
}
.quickquote__box h2 { font-size:1.18rem; letter-spacing:-.02em; }
.field input, .field select, .field textarea {
  border-color:#d9e6f7;
  border-radius:12px;
  background:#fbfdff;
  box-shadow:inset 0 1px 1px rgba(3,31,75,.02);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color:#0b78f6;
  background:#fff;
  box-shadow:0 0 0 4px rgba(11,120,246,.1);
}

/* -------------------- Bölümler / kartlar -------------------- */
.section { padding:86px 0; }
.section--gray { background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%); }
.section--dark {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(0,168,255,.2),transparent 30%),
    radial-gradient(circle at 88% 70%,rgba(77,99,242,.22),transparent 30%),
    linear-gradient(135deg,#04142e 0%,#082b5e 52%,#073f8f 100%);
}
.section--dark::after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; right:-180px; bottom:-220px; border:1px solid rgba(255,255,255,.09); box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.014); }
.section-head { margin-bottom:44px; }
.section-head h2 { color:#0a2343; letter-spacing:-.035em; }
.section-head .kicker, .kicker { color:#075ed8; font-weight:850; letter-spacing:.13em; }
.section-head p { color:#60738d; font-size:1rem; }

.card, .testimonial, .feature, .step, .sidebar__box, .accordion {
  border-color:rgba(7,87,217,.1);
}
.card, .testimonial {
  border-radius:22px;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 12px 36px rgba(4,43,102,.07);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.card:hover, .testimonial:hover {
  transform:translateY(-6px);
  border-color:rgba(11,120,246,.2);
  box-shadow:0 24px 58px rgba(4,43,102,.13);
}
.post-card__img { display:block; overflow:hidden; }
.post-card__img img { transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.post-card:hover .post-card__img img { transform:scale(1.045); filter:saturate(1.06); }
.post-card__body { padding:22px 23px 25px; }
.card__links a { color:#0763e6; }

.features { gap:18px; }
.feature {
  position:relative;
  padding:20px;
  border:1px solid rgba(7,87,217,.09);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 9px 26px rgba(4,43,102,.045);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.feature:hover { transform:translateY(-3px); border-color:rgba(11,120,246,.19); box-shadow:0 16px 40px rgba(4,43,102,.09); }
.feature__icon {
  width:46px;
  height:46px;
  border-radius:14px;
  color:#fff;
  background:var(--gradient-brand);
  box-shadow:0 10px 24px rgba(11,99,229,.18);
}

.steps { gap:14px; }
.step {
  position:relative;
  border:1px solid rgba(7,87,217,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 26px rgba(4,43,102,.045);
}
.step__no { background:var(--gradient-brand); box-shadow:0 10px 24px rgba(11,99,229,.22); }
.stat__value {
  color:transparent;
  background:var(--gradient-brand);
  -webkit-background-clip:text;
  background-clip:text;
}
.badge { background:linear-gradient(135deg,rgba(7,87,217,.08),rgba(0,168,255,.09)); color:#0757d9; border:1px solid rgba(7,87,217,.1); }

.page-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 85% 20%,rgba(55,213,255,.2),transparent 30%),
    linear-gradient(125deg,#051936,#083c86 58%,#087cdf 120%);
  padding:54px 0 46px;
}
.page-hero h1 { color:#fff; letter-spacing:-.035em; }
.page-hero .breadcrumbs, .page-hero .breadcrumbs a { color:rgba(255,255,255,.74); }
.page-hero .breadcrumbs a:hover { color:#fff; }
.sidebar__box { background:linear-gradient(145deg,#f8fbff,#edf5ff); border:1px solid rgba(7,87,217,.09); }
.sidebar__box--red { color:#fff; background:var(--gradient-brand-deep); }
.sidebar__box--red h3 { color:#fff; }

.accordion { border-radius:16px; box-shadow:0 7px 22px rgba(4,43,102,.045); }
.accordion summary::after { color:#0b78f6; }
.cta-band { background:var(--gradient-brand-deep); border-radius:26px; box-shadow:0 28px 70px rgba(4,43,102,.22); }

/* -------------------- Footer / alt mobil bar -------------------- */
.footer {
  position:relative;
  background:
    radial-gradient(circle at 85% 12%,rgba(0,168,255,.15),transparent 30%),
    linear-gradient(135deg,#031126 0%,#061f45 50%,#072f68 100%);
  color:#9fb1c8;
}
.footer::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#1bb8ff,transparent); opacity:.7; }
.footer a { color:#cad8e9; }
.footer a:hover { color:#76ddff; }
.footer__logo img { height:54px; max-width:250px; }

.mobilebar {
  left:10px;
  right:10px;
  bottom:calc(9px + env(safe-area-inset-bottom, 0px));
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(7,87,217,.12);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 46px rgba(3,31,75,.2);
  backdrop-filter:blur(18px);
}
.mobilebar a { min-height:58px; transition:background .2s ease,color .2s ease; }
.mobilebar a.is-primary, .mobilebar a.is-tel { background:var(--gradient-brand); }
.mobilebar a.is-wa { background:linear-gradient(135deg,#12a75d,#25d366); }
.mobilebar a svg { animation:none !important; }

/* -------------------- WhatsApp -------------------- */
.wa-float__toggle {
  background:linear-gradient(135deg,#0fa759,#27d76f);
  border:1px solid rgba(255,255,255,.3);
  box-shadow:0 18px 48px rgba(18,167,93,.3);
  transition:box-shadow .25s ease,filter .25s ease;
}
.wa-float__toggle:hover { box-shadow:0 22px 54px rgba(18,167,93,.38); filter:saturate(1.07); }
.wa-float__card { border-radius:24px; border:1px solid rgba(7,87,217,.1); box-shadow:0 30px 90px rgba(3,31,75,.22); }

/* -------------------- Mobil menü v5: TAM EKRAN, yatay kayma yok -------------------- */
.nav__head, .nav__footer, .nav__close, .nav-overlay { display:none; }

@media (max-width: 991px) {
  .header__inner { min-height:70px; gap:10px; }
  .header__logo img { height:43px; max-width:min(205px,52vw); }
  .header__cta { gap:8px; }
  .header__cta .btn--mobile-visible { display:inline-flex; min-height:40px; padding:9px 13px; border-radius:12px; font-size:.79rem; }
  .burger { display:block; flex:none; }

  .nav-overlay {
    display:block;
    position:fixed;
    inset:0;
    z-index:1;
    background:rgba(2,13,31,.6);
    backdrop-filter:blur(5px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s ease,visibility .3s ease;
  }
  .nav-overlay.is-open { opacity:1; visibility:visible; pointer-events:auto; }

  .nav {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    position:fixed;
    inset:0;
    top:0;
    width:100%;
    max-width:none;
    height:100dvh;
    z-index:2;
    padding:0;
    overflow:hidden;
    color:#fff;
    background:
      radial-gradient(circle at 88% 8%,rgba(55,213,255,.24),transparent 28%),
      radial-gradient(circle at 12% 90%,rgba(77,99,242,.24),transparent 28%),
      linear-gradient(145deg,#03142f 0%,#07377d 55%,#0868d8 118%);
    box-shadow:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:scale(.985);
    transform-origin:top right;
    transition:opacity .28s ease,transform .28s cubic-bezier(.2,.7,.2,1),visibility .28s ease;
  }
  .nav::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.25;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
  }
  .nav.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:scale(1); }

  .nav__head {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:none;
    min-height:82px;
    padding:15px 18px;
    margin:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(3,20,47,.28);
    backdrop-filter:blur(14px);
  }
  .nav__brand { padding:0 !important; background:none !important; border:0 !important; }
  .nav__head img { width:auto; height:48px; max-width:225px; }
  .nav__close {
    position:relative;
    display:block;
    flex:none;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:15px;
    background:rgba(255,255,255,.1);
    color:#fff;
    cursor:pointer;
    padding:0;
    transition:background .2s ease,border-color .2s ease;
  }
  .nav__close:hover, .nav__close:active { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.28); }
  .nav__close span { position:absolute; left:13px; right:13px; top:21px; height:2px; border-radius:999px; background:#fff; }
  .nav__close span:first-child { transform:rotate(45deg); }
  .nav__close span:last-child { transform:rotate(-45deg); }

  .nav__scroll {
    position:relative;
    z-index:2;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:18px 16px 22px;
  }
  .nav .nav__item { opacity:0; transform:translateY(9px); border-bottom:1px solid rgba(255,255,255,.09); }
  .nav.is-open .nav__item { opacity:1; transform:none; transition:opacity .38s ease,transform .38s ease; }
  .nav.is-open .nav__item:nth-child(1) { transition-delay:.03s; }
  .nav.is-open .nav__item:nth-child(2) { transition-delay:.06s; }
  .nav.is-open .nav__item:nth-child(3) { transition-delay:.09s; }
  .nav.is-open .nav__item:nth-child(4) { transition-delay:.12s; }
  .nav.is-open .nav__item:nth-child(5) { transition-delay:.15s; }
  .nav.is-open .nav__item:nth-child(6) { transition-delay:.18s; }
  .nav.is-open .nav__item:nth-child(7) { transition-delay:.21s; }
  .nav.is-open .nav__item:nth-child(8) { transition-delay:.24s; }

  .nav__row { display:flex; align-items:center; gap:6px; }
  .nav__row > a {
    flex:1;
    min-width:0;
    padding:15px 11px;
    border:0;
    border-radius:13px;
    color:#fff;
    background:transparent;
    font-size:1.03rem;
    font-weight:760;
  }
  .nav a:hover, .nav a.is-active { color:#fff; background:rgba(255,255,255,.09); }
  .nav__subtoggle {
    display:grid;
    place-items:center;
    flex:none;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:13px;
    color:#fff;
    background:rgba(255,255,255,.07);
    cursor:pointer;
  }
  .nav__subtoggle svg { transition:transform .25s ease; }
  .nav__subtoggle[aria-expanded="true"] svg { transform:rotate(180deg); }

  .nav__sub {
    position:static;
    min-width:0;
    max-height:0;
    padding:0 8px;
    margin:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:none;
    border:0;
    border-radius:15px;
    background:rgba(0,15,41,.22);
    box-shadow:none;
    transition:max-height .34s ease,opacity .25s ease,padding .25s ease,margin .25s ease,visibility .25s ease;
  }
  .nav__item.is-open > .nav__sub { max-height:560px; opacity:1; visibility:visible; padding:8px; margin:0 0 12px; }
  .nav__sub a { color:rgba(255,255,255,.84); padding:11px 12px; border:0; border-radius:11px; font-size:.9rem; font-weight:600; }
  .nav__sub a:hover { color:#fff; background:rgba(255,255,255,.08); }

  .nav__footer {
    position:relative;
    z-index:2;
    display:block;
    flex:none;
    margin:0;
    padding:14px 16px calc(15px + env(safe-area-inset-bottom,0px));
    border:0;
    border-top:1px solid rgba(255,255,255,.12);
    background:rgba(2,17,41,.5);
    backdrop-filter:blur(16px);
  }
  .nav__contact-title { color:rgba(255,255,255,.66); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin:0 0 8px 2px; }
  .nav__footer .btn { border:1px solid rgba(255,255,255,.15); background:linear-gradient(135deg,#0b78f6,#00a8ff); box-shadow:0 14px 34px rgba(0,0,0,.18); }
  .nav__footer-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:9px; }
  .nav__quick {
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:43px;
    padding:10px 8px !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:13px !important;
    color:#fff !important;
    font-size:.86rem !important;
    font-weight:750 !important;
  }
  .nav__quick--tel { background:linear-gradient(135deg,#0a4bb5,#087cf0) !important; }
  .nav__quick--wa { background:linear-gradient(135deg,#0e9f56,#25d366) !important; }
}

/* -------------------- Mobil genel -------------------- */
@media (max-width: 767px) {
  body { padding-bottom:78px; }
  .section { padding:58px 0; }
  .section-head { margin-bottom:28px; }
  .section-head h2 { font-size:clamp(1.55rem,7vw,2.15rem); }
  .hero { animation-duration:18s; }
  .hero__inner { min-height:0; padding:48px 0 98px; gap:28px; }
  .hero h1 { font-size:clamp(2.12rem,10.2vw,3.25rem); line-height:1.02; }
  .hero p { font-size:.97rem; line-height:1.65; }
  .hero__badge { font-size:.7rem; padding:7px 11px; }
  .hero__actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
  .hero__actions .btn { width:100%; min-width:0; padding:11px 10px; font-size:.82rem; white-space:normal; }
  .hero__actions .btn:first-child { grid-column:1 / -1; }
  .hero__media { width:100%; max-width:none; }
  .hero-slides { aspect-ratio:16/10; max-height:none; border-radius:22px; animation:none; }
  .hero__media::after { display:none; }

  .quickquote { margin-top:-55px; }
  .quickquote__box { padding:20px 16px; border-radius:20px; }
  .quickquote form { grid-template-columns:1fr 1fr; gap:10px; }
  .quickquote form .field:nth-of-type(1), .quickquote form .field:nth-of-type(2) { grid-column:auto; }
  .quickquote form .btn { grid-column:1 / -1; width:100%; }

  .hscroll { gap:13px; padding:4px 3px 14px; scroll-padding-left:3px; }
  .hscroll > * { flex-basis:86%; }
  .hscroll--narrow > * { flex-basis:72%; }

  .feature { padding:17px; }
  .steps { grid-template-columns:1fr 1fr; }
  .step { padding:16px 9px; }
  .step__no { width:43px; height:43px; }

  .wa-float { right:13px; bottom:88px; }
  .wa-float__toggle { width:52px; height:52px; border-radius:50%; padding:0; font-size:0; justify-content:center; }
  .wa-float__toggle::after { content:"WA"; font-size:.72rem; font-weight:900; letter-spacing:-.03em; }
  .wa-float__toggle .wa-float__pulse { position:absolute; top:8px; right:8px; width:8px; height:8px; }
  .wa-float__card { bottom:61px; width:min(350px,calc(100vw - 26px)); }

  .mobilebar { display:flex; }
  .notify { bottom:87px; }
  .cookiebar { bottom:84px; }
}

@media (max-width: 430px) {
  .header__logo img { height:39px; max-width:48vw; }
  .header__cta .btn--mobile-visible { padding:8px 10px; min-height:38px; font-size:.74rem; }
  .burger { width:42px; height:42px; padding:9px; border-radius:12px; }
  .hero__actions { grid-template-columns:1fr; }
  .hero__actions .btn:first-child { grid-column:auto; }
  .quickquote form { grid-template-columns:1fr; }
  .quickquote form .btn { grid-column:auto; }
  .nav__head { min-height:76px; padding:12px 14px; }
  .nav__head img { height:43px; max-width:205px; }
  .nav__scroll { padding:13px 12px 18px; }
  .nav__row > a { padding:13px 9px; font-size:.98rem; }
}

@media (prefers-reduced-motion: reduce) {
  .hero, .hero::after, .hero-slides { animation:none !important; }
  .nav, .nav .nav__item, .nav__sub, .nav__subtoggle svg, .btn::after { transition:none !important; }
}

/* =====================================================================
   EK-SA v6 — HEADER / DESKTOP NAV / MOBILE DRAWER FINAL OVERRIDE
   Ayrı class isimleri kullanır; eski .nav stilleriyle çakışmaz.
   ===================================================================== */
.header--v6 {
  position: sticky;
  top: 0;
  z-index: 1800;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(7,87,217,.09);
  box-shadow: 0 8px 28px rgba(3,31,75,.055);
  backdrop-filter: blur(18px) saturate(165%);
  -webkit-backdrop-filter: blur(18px) saturate(165%);
}
.header--v6.is-scrolled { box-shadow: 0 16px 48px rgba(3,31,75,.11); }
.header-v6__inner {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 26px;
}
.header-v6__logo {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex: none;
}
.header-v6__logo img {
  display: block;
  width: auto;
  height: 55px;
  max-width: 270px;
  object-fit: contain;
}
.header-v6__actions { display:flex; align-items:center; gap:10px; }
.header-v6__quote { min-height: 43px; padding: 10px 18px; border-radius: 13px; font-size: .88rem; }

/* Desktop navigation */
.desktop-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.desktop-nav__item { position: relative; flex: none; }
.desktop-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 0 10px;
  border-radius: 12px;
  color: #102846;
  font-size: .88rem;
  font-weight: 780;
  letter-spacing: -.018em;
  white-space: nowrap;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease;
}
.desktop-nav__link:hover,
.desktop-nav__link.is-active {
  color: #0757d9;
  background: linear-gradient(135deg,rgba(7,87,217,.075),rgba(0,168,255,.085));
  box-shadow: inset 0 0 0 1px rgba(7,87,217,.045);
}
.desktop-nav__chevron { transition: transform .22s ease; }
.desktop-nav__item:hover .desktop-nav__chevron,
.desktop-nav__item:focus-within .desktop-nav__chevron { transform: rotate(180deg); }
.desktop-nav__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: 1900;
  width: 290px;
  padding: 10px;
  border: 1px solid rgba(7,87,217,.11);
  border-radius: 18px;
  background: rgba(255,255,255,.99);
  box-shadow: 0 26px 70px rgba(3,31,75,.17);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%,8px) scale(.985);
  transform-origin: top center;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.desktop-nav__dropdown::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:14px;
}
.desktop-nav__item:hover > .desktop-nav__dropdown,
.desktop-nav__item:focus-within > .desktop-nav__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%,0) scale(1);
}
.desktop-nav__dropdown-title {
  padding: 7px 10px 9px;
  color: #75869e;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.desktop-nav__dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 11px;
  border-radius: 11px;
  color: #173451;
  font-size: .86rem;
  font-weight: 690;
  line-height: 1.28;
  transition: color .18s ease, background .18s ease, padding-left .18s ease;
}
.desktop-nav__dropdown a:hover {
  color: #0757d9;
  background: linear-gradient(135deg,#f1f7ff,#edf9ff);
  padding-left: 14px;
}
.desktop-nav__dropdown a svg { flex:none; color:#0b78f6; }

/* Mobile toggle */
.mobile-menu-toggle {
  display: none;
  position: relative;
  width: 46px;
  height: 46px;
  flex: none;
  padding: 11px;
  border: 1px solid rgba(7,87,217,.12);
  border-radius: 14px;
  background: linear-gradient(145deg,#fff,#f1f7ff);
  box-shadow: 0 8px 24px rgba(6,52,120,.08);
  cursor: pointer;
}
.mobile-menu-toggle span {
  display: block;
  width: 100%;
  height: 2.5px;
  margin: 5px 0;
  border-radius: 999px;
  background: #0b2f64;
  transition: transform .22s ease, opacity .18s ease;
}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* Drawer varsayılan olarak erişilemez */
.mobile-menu-overlay,
.mobile-menu { display:none; }

@media (max-width: 1180px) and (min-width: 1100px) {
  .header-v6__inner { gap: 14px; }
  .header-v6__logo img { height: 49px; max-width: 235px; }
  .desktop-nav__link { padding: 0 7px; font-size: .83rem; }
  .header-v6__quote { padding-inline: 14px; }
}

@media (max-width: 1099px) {
  .header--v6 {
    backdrop-filter: blur(14px) saturate(155%);
    -webkit-backdrop-filter: blur(14px) saturate(155%);
  }
  .header-v6__inner {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .header-v6__logo img { height: 43px; max-width: min(220px,52vw); }
  .desktop-nav { display:none !important; }
  .header-v6__actions { margin-left:auto; gap:8px; }
  .header-v6__quote { min-height:40px; padding:9px 13px; border-radius:12px; font-size:.78rem; }
  .mobile-menu-toggle { display:block; }

  .mobile-menu-overlay {
    display:block;
    position:fixed;
    inset:0;
    z-index:4000;
    background:rgba(1,13,31,.62);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .26s ease,visibility .26s ease;
  }
  .mobile-menu-overlay.is-open {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .mobile-menu {
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:4010;
    width:min(390px,calc(100vw - 18px));
    max-width:100%;
    height:100dvh;
    overflow:hidden;
    color:#fff;
    background:
      radial-gradient(circle at 88% 7%,rgba(55,213,255,.22),transparent 27%),
      radial-gradient(circle at 6% 92%,rgba(77,99,242,.25),transparent 31%),
      linear-gradient(148deg,#03132e 0%,#073878 54%,#087ce6 116%);
    box-shadow:-28px 0 80px rgba(0,15,39,.34);
    transform:translate3d(104%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .32s cubic-bezier(.2,.72,.2,1),visibility .32s ease;
    contain:layout paint;
  }
  .mobile-menu::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background-image:
      linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 92%);
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 92%);
  }
  .mobile-menu.is-open {
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
  }
  .mobile-menu__head {
    position:relative;
    z-index:2;
    flex:none;
    min-height:79px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px 12px 18px;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(3,20,47,.28);
  }
  .mobile-menu__brand { display:inline-flex; align-items:center; min-width:0; padding:0; }
  .mobile-menu__brand img { width:auto; height:45px; max-width:225px; object-fit:contain; }
  .mobile-menu__close {
    position:relative;
    flex:none;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(255,255,255,.17);
    border-radius:15px;
    background:rgba(255,255,255,.10);
    color:#fff;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }
  .mobile-menu__close:hover,
  .mobile-menu__close:active { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.3); }
  .mobile-menu__close span {
    position:absolute;
    left:13px;
    right:13px;
    top:21px;
    height:2px;
    border-radius:999px;
    background:#fff;
  }
  .mobile-menu__close span:first-child { transform:rotate(45deg); }
  .mobile-menu__close span:last-child { transform:rotate(-45deg); }

  .mobile-menu__body {
    position:relative;
    z-index:2;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:16px 14px 22px;
  }
  .mobile-menu__eyebrow {
    padding:2px 10px 8px;
    color:rgba(255,255,255,.52);
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.16em;
  }
  .mobile-menu__item {
    border-bottom:1px solid rgba(255,255,255,.09);
    opacity:0;
    transform:translateX(10px);
  }
  .mobile-menu.is-open .mobile-menu__item {
    opacity:1;
    transform:none;
    transition:opacity .34s ease,transform .34s ease;
  }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(2) { transition-delay:.025s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(3) { transition-delay:.05s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(4) { transition-delay:.075s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(5) { transition-delay:.10s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(6) { transition-delay:.125s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(7) { transition-delay:.15s; }
  .mobile-menu.is-open .mobile-menu__item:nth-of-type(8) { transition-delay:.175s; }
  .mobile-menu__row { display:flex; align-items:center; gap:6px; }
  .mobile-menu__link {
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    min-height:52px;
    padding:12px 10px;
    border-radius:12px;
    color:#fff !important;
    font-size:1rem;
    font-weight:780;
    letter-spacing:-.015em;
    line-height:1.2;
  }
  .mobile-menu__link:hover,
  .mobile-menu__link.is-active { background:rgba(255,255,255,.10); color:#fff !important; }
  .mobile-menu__subtoggle {
    display:grid;
    place-items:center;
    flex:none;
    width:40px;
    height:40px;
    margin-right:3px;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.075);
    cursor:pointer;
  }
  .mobile-menu__subtoggle svg { transition:transform .22s ease; }
  .mobile-menu__subtoggle[aria-expanded="true"] svg { transform:rotate(180deg); }
  .mobile-menu__submenu {
    max-height:0;
    overflow:hidden;
    opacity:0;
    margin:0;
    padding:0 7px;
    border-radius:14px;
    background:rgba(0,13,38,.18);
    transition:max-height .30s ease,opacity .22s ease,padding .22s ease,margin .22s ease;
  }
  .mobile-menu__item.is-open .mobile-menu__submenu {
    max-height:570px;
    opacity:1;
    margin:0 0 11px;
    padding:7px;
  }
  .mobile-menu__submenu a {
    display:block;
    padding:10px 11px;
    border-radius:10px;
    color:rgba(255,255,255,.82) !important;
    font-size:.88rem;
    font-weight:620;
    line-height:1.3;
  }
  .mobile-menu__submenu a:hover { color:#fff !important; background:rgba(255,255,255,.08); }

  .mobile-menu__footer {
    position:relative;
    z-index:2;
    flex:none;
    padding:13px 14px calc(14px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(255,255,255,.12);
    background:rgba(1,15,39,.48);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .mobile-menu__support {
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 2px 11px;
  }
  .mobile-menu__support-dot {
    width:10px;
    height:10px;
    flex:none;
    border-radius:50%;
    background:#34e98a;
    box-shadow:0 0 0 5px rgba(52,233,138,.12);
  }
  .mobile-menu__support strong,
  .mobile-menu__support small { display:block; }
  .mobile-menu__support strong { color:#fff; font-size:.79rem; line-height:1.2; }
  .mobile-menu__support small { margin-top:2px; color:rgba(255,255,255,.56); font-size:.68rem; }
  .mobile-menu__offer {
    min-height:45px;
    background:linear-gradient(135deg,#0b78f6 0%,#00a8ff 100%) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.17) !important;
  }
  .mobile-menu__quick-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:9px; }
  .mobile-menu__quick {
    min-width:0;
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 8px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    color:#fff !important;
    font-size:.83rem;
    font-weight:780;
  }
  .mobile-menu__quick--tel { background:linear-gradient(135deg,#0a49a8,#0b78f6); }
  .mobile-menu__quick--wa { background:linear-gradient(135deg,#0d9d55,#25d366); }

  html.menu-v6-open,
  body.menu-v6-open { overflow:hidden !important; overscroll-behavior:none; }
}

@media (max-width: 480px) {
  .header-v6__logo img { height:39px; max-width:48vw; }
  .header-v6__quote { display:none; }
  .mobile-menu-toggle { width:43px; height:43px; padding:10px; border-radius:13px; }
  .mobile-menu { width:min(365px,calc(100vw - 12px)); }
  .mobile-menu__head { min-height:74px; padding:11px 12px 10px 14px; }
  .mobile-menu__brand img { height:40px; max-width:205px; }
  .mobile-menu__body { padding:13px 11px 18px; }
  .mobile-menu__link { min-height:49px; padding:11px 8px; font-size:.96rem; }
  .mobile-menu__footer { padding-inline:11px; }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu,
  .mobile-menu-overlay,
  .mobile-menu__item,
  .mobile-menu__submenu,
  .mobile-menu__subtoggle svg,
  .desktop-nav__dropdown { transition:none !important; }
}
/* v6 desktop dropdown taşma koruması */
@media (min-width: 1100px) {
  .desktop-nav__dropdown { max-height: min(70vh, 620px); overflow-y: auto; overscroll-behavior: contain; }
}

/* =========================================================
   EK-SA UI V7 — isolated header/menu + corporate hero slider
   ========================================================= */
:root{
  --eksa-navy:#051a35;
  --eksa-navy-2:#0a2d5c;
  --eksa-blue:#0866d9;
  --eksa-blue-2:#0a8df2;
  --eksa-cyan:#27c5ff;
  --eksa-ink:#0c2542;
  --eksa-surface:#ffffff;
  --eksa-line:rgba(8,72,150,.12);
  --eksa-grad:linear-gradient(135deg,#06439d 0%,#0877e8 48%,#19baf7 100%);
}

html,body{max-width:100%;overflow-x:hidden}
html.eksa-menu-open,body.eksa-menu-open{overflow:hidden!important;overscroll-behavior:none}

/* Header */
.eksa-header{
  position:sticky;
  top:0;
  z-index:3200;
  width:100%;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(7,51,103,.08);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  transition:box-shadow .22s ease,background .22s ease;
}
.eksa-header.is-scrolled{background:rgba(255,255,255,.985);box-shadow:0 14px 38px rgba(4,31,71,.10)}
.eksa-header__inner{
  min-height:78px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.eksa-header__logo{display:inline-flex;align-items:center;min-width:0}
.eksa-header__logo img{display:block;width:auto;height:52px;max-width:255px;object-fit:contain}
.eksa-header__actions{display:flex;align-items:center;gap:9px;white-space:nowrap}
.eksa-header__quote{min-height:42px;padding:10px 17px;border-radius:12px;font-size:.86rem;box-shadow:0 10px 25px rgba(8,102,217,.18)!important}
.eksa-header__phone{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:11px;
  color:#17436f;
  background:#f4f8fd;
  border:1px solid rgba(8,72,150,.08);
  font-weight:780;
  font-size:.8rem;
}
.eksa-header__phone:hover{color:#075fd1;background:#edf6ff}

/* Desktop navigation */
.eksa-desktop-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:2px}
.eksa-desktop-nav__item{position:relative;flex:none}
.eksa-desktop-nav__link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border-radius:11px;
  color:#183b5f;
  font-size:.85rem;
  font-weight:760;
  letter-spacing:-.014em;
  white-space:nowrap;
  transition:color .18s ease,background .18s ease;
}
.eksa-desktop-nav__link svg{transition:transform .2s ease}
.eksa-desktop-nav__link:hover,.eksa-desktop-nav__link.is-active{color:#0667d8;background:linear-gradient(135deg,rgba(8,102,217,.07),rgba(39,197,255,.08))}
.eksa-desktop-nav__item:hover>.eksa-desktop-nav__link svg,.eksa-desktop-nav__item:focus-within>.eksa-desktop-nav__link svg{transform:rotate(180deg)}
.eksa-desktop-nav__dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  z-index:3400;
  width:300px;
  max-height:min(68vh,620px);
  overflow:auto;
  padding:10px;
  border:1px solid rgba(8,72,150,.11);
  border-radius:18px;
  background:rgba(255,255,255,.995);
  box-shadow:0 28px 70px rgba(4,31,71,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,8px) scale(.985);
  transform-origin:top center;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.eksa-desktop-nav__dropdown:before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px}
.eksa-desktop-nav__item:hover>.eksa-desktop-nav__dropdown,.eksa-desktop-nav__item:focus-within>.eksa-desktop-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.eksa-desktop-nav__dropdown-head{padding:8px 10px 10px;border-bottom:1px solid #eef3f8;margin-bottom:5px}
.eksa-desktop-nav__dropdown-head span,.eksa-desktop-nav__dropdown-head small{display:block}
.eksa-desktop-nav__dropdown-head span{color:#0d2f56;font-size:.78rem;font-weight:850}
.eksa-desktop-nav__dropdown-head small{margin-top:2px;color:#8292a7;font-size:.66rem}
.eksa-desktop-nav__dropdown a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:10px;color:#173a5c;font-size:.84rem;font-weight:680;line-height:1.25;transition:background .16s ease,color .16s ease,padding-left .16s ease}
.eksa-desktop-nav__dropdown a:hover{color:#0667d8;background:linear-gradient(135deg,#f2f7ff,#eefbff);padding-left:14px}
.eksa-desktop-nav__dropdown a svg{flex:none;color:#0a8df2}

/* Dedicated mobile controls */
.eksa-menu-button{display:none;position:relative;flex:none;width:44px;height:44px;padding:10px;border:1px solid rgba(8,72,150,.12);border-radius:13px;background:linear-gradient(145deg,#fff,#eef6ff);box-shadow:0 8px 20px rgba(4,50,111,.08);cursor:pointer}
.eksa-menu-button span{display:block;width:100%;height:2.3px;margin:5px 0;border-radius:999px;background:#0a3268;transition:transform .2s ease,opacity .16s ease}
.eksa-menu-button.is-open span:nth-child(1){transform:translateY(7.3px) rotate(45deg)}
.eksa-menu-button.is-open span:nth-child(2){opacity:0}
.eksa-menu-button.is-open span:nth-child(3){transform:translateY(-7.3px) rotate(-45deg)}
.eksa-mobile-overlay,.eksa-mobile-menu{display:none}

@media(max-width:1180px) and (min-width:1100px){
  .eksa-header__inner{gap:13px}
  .eksa-header__logo img{height:47px;max-width:225px}
  .eksa-desktop-nav__link{padding:0 6px;font-size:.8rem}
  .eksa-header__phone{display:none}
  .eksa-header__quote{padding-inline:13px}
}

@media(max-width:1099px){
  .eksa-header__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .eksa-header__logo img{height:42px;max-width:min(210px,52vw)}
  .eksa-desktop-nav{display:none!important}
  .eksa-header__actions{margin-left:auto;gap:7px}
  .eksa-header__phone{display:none}
  .eksa-header__quote{min-height:39px;padding:8px 12px;border-radius:11px;font-size:.76rem}
  .eksa-menu-button{display:block}

  .eksa-mobile-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:4980;
    background:rgba(2,13,31,.62);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  .eksa-mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .eksa-mobile-menu{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:4990;
    width:min(390px,calc(100vw - 14px));
    height:100dvh;
    max-width:100%;
    overflow:hidden;
    color:#fff;
    background:radial-gradient(circle at 92% 8%,rgba(43,200,255,.22),transparent 28%),radial-gradient(circle at 8% 88%,rgba(70,92,238,.24),transparent 34%),linear-gradient(150deg,#031429 0%,#073f83 56%,#0879de 112%);
    box-shadow:-28px 0 80px rgba(0,14,38,.34);
    transform:translate3d(105%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.22,.72,.2,1),visibility .28s ease;
  }
  .eksa-mobile-menu.is-open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}
  .eksa-mobile-menu:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 95%)}
  .eksa-mobile-menu__top{position:relative;z-index:2;flex:none;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 11px 17px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(2,18,43,.24)}
  .eksa-mobile-menu__logo{display:inline-flex;align-items:center;min-width:0}
  .eksa-mobile-menu__logo img{display:block;width:auto;height:42px;max-width:215px;object-fit:contain}
  .eksa-mobile-menu__close{position:relative;flex:none;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.10);cursor:pointer}
  .eksa-mobile-menu__close span{position:absolute;left:12px;right:12px;top:21px;height:2px;border-radius:999px;background:#fff}
  .eksa-mobile-menu__close span:first-child{transform:rotate(45deg)}
  .eksa-mobile-menu__close span:last-child{transform:rotate(-45deg)}
  .eksa-mobile-menu__content{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:15px 13px 20px}
  .eksa-mobile-menu__label{padding:1px 9px 8px;color:rgba(255,255,255,.54);font-size:.62rem;font-weight:900;letter-spacing:.16em}
  .eksa-mobile-item{border-bottom:1px solid rgba(255,255,255,.09)}
  .eksa-mobile-item__row{display:flex;align-items:center;gap:6px}
  .eksa-mobile-item__link{flex:1;min-width:0;min-height:50px;display:flex;align-items:center;padding:11px 9px;border-radius:11px;color:#fff!important;font-size:.97rem;font-weight:760;letter-spacing:-.012em;line-height:1.2}
  .eksa-mobile-item__link:hover,.eksa-mobile-item__link.is-active{background:rgba(255,255,255,.10);color:#fff!important}
  .eksa-mobile-item__toggle{display:grid;place-items:center;flex:none;width:39px;height:39px;margin-right:2px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#fff;background:rgba(255,255,255,.075);cursor:pointer}
  .eksa-mobile-item__toggle svg{transition:transform .2s ease}
  .eksa-mobile-item__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .eksa-mobile-item__submenu{max-height:0;overflow:hidden;opacity:0;margin:0;padding:0 7px;border-radius:13px;background:rgba(0,12,37,.18);transition:max-height .26s ease,opacity .2s ease,padding .2s ease,margin .2s ease}
  .eksa-mobile-item.is-open .eksa-mobile-item__submenu{max-height:560px;opacity:1;margin:0 0 10px;padding:6px}
  .eksa-mobile-item__submenu a{display:block;padding:10px 10px;border-radius:9px;color:rgba(255,255,255,.82)!important;font-size:.86rem;font-weight:620;line-height:1.28}
  .eksa-mobile-item__submenu a:hover{color:#fff!important;background:rgba(255,255,255,.08)}
  .eksa-mobile-menu__bottom{position:relative;z-index:2;flex:none;padding:12px 13px calc(13px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.12);background:rgba(1,14,37,.50);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .eksa-mobile-menu__status{display:flex;align-items:center;gap:9px;margin:0 2px 10px}
  .eksa-mobile-menu__status i{width:9px;height:9px;flex:none;border-radius:50%;background:#35eb8c;box-shadow:0 0 0 5px rgba(53,235,140,.12)}
  .eksa-mobile-menu__status strong,.eksa-mobile-menu__status small{display:block}
  .eksa-mobile-menu__status strong{color:#fff;font-size:.77rem}
  .eksa-mobile-menu__status small{margin-top:2px;color:rgba(255,255,255,.55);font-size:.66rem}
  .eksa-mobile-menu__offer{min-height:44px;border-radius:12px!important;background:linear-gradient(135deg,#0872ea,#10aef3)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
  .eksa-mobile-menu__quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .eksa-mobile-menu__quick a{min-height:42px;display:flex;align-items:center;justify-content:center;padding:9px 8px;border:1px solid rgba(255,255,255,.13);border-radius:11px;color:#fff!important;font-size:.81rem;font-weight:760}
  .eksa-mobile-menu__quick .is-phone{background:linear-gradient(135deg,#0a4fac,#0b78e7)}
  .eksa-mobile-menu__quick .is-whatsapp{background:linear-gradient(135deg,#0c9d54,#25d366)}
}

@media(max-width:480px){
  .eksa-header__logo img{height:38px;max-width:50vw}
  .eksa-header__quote{display:none}
  .eksa-menu-button{width:42px;height:42px;padding:9px}
  .eksa-mobile-menu{width:min(360px,calc(100vw - 8px))}
  .eksa-mobile-menu__top{min-height:72px;padding:10px 11px 10px 13px}
  .eksa-mobile-menu__logo img{height:38px;max-width:195px}
  .eksa-mobile-menu__content{padding:12px 10px 17px}
  .eksa-mobile-menu__bottom{padding-inline:10px}
}

/* Corporate Hero V7 */
.eksa-hero-v7{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:linear-gradient(118deg,#04162d 0%,#082f61 46%,#075db7 75%,#0a83df 115%);
}
.eksa-hero-v7:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 82%);-webkit-mask-image:linear-gradient(to right,#000,transparent 82%)}
.eksa-hero-v7:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;z-index:-1;background:linear-gradient(to top,rgba(2,14,33,.24),transparent);pointer-events:none}
.eksa-hero-v7__glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(12px);pointer-events:none}
.eksa-hero-v7__glow--one{width:520px;height:520px;right:-160px;top:-230px;background:radial-gradient(circle,rgba(42,201,255,.34),rgba(42,201,255,0) 69%)}
.eksa-hero-v7__glow--two{width:430px;height:430px;left:-260px;bottom:-240px;background:radial-gradient(circle,rgba(46,100,255,.24),rgba(46,100,255,0) 70%)}
.eksa-hero-v7__inner{min-height:620px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);align-items:center;gap:58px;padding:72px 0 94px}
.eksa-hero-v7__copy{position:relative;z-index:2;max-width:760px}
.eksa-hero-v7__eyebrow{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.88);font-size:.72rem;font-weight:760;letter-spacing:.015em;backdrop-filter:blur(8px)}
.eksa-hero-v7__eyebrow-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#43e99a;box-shadow:0 0 0 5px rgba(67,233,154,.12)}
.eksa-hero-v7 h1{margin:0;max-width:760px;color:#fff;font-size:clamp(2.55rem,4.9vw,4.95rem);line-height:.98;letter-spacing:-.05em;font-weight:850}
.eksa-hero-v7 h1 span{display:block;margin-top:7px;background:linear-gradient(90deg,#fff 0%,#bdeeff 45%,#6bd5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eksa-hero-v7__copy>p{max-width:675px;margin:24px 0 0;color:rgba(236,246,255,.86);font-size:1.08rem;line-height:1.72}
.eksa-hero-v7__actions{display:flex;align-items:center;gap:10px;margin-top:30px}
.eksa-hero-v7__primary{min-height:48px;padding:12px 20px;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#0b78f4,#16b8f3)!important;box-shadow:0 16px 38px rgba(0,73,173,.30)!important}
.eksa-hero-v7__secondary{min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid rgba(255,255,255,.20);border-radius:12px;color:#fff!important;background:rgba(255,255,255,.07);font-weight:760;font-size:.88rem;backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease}
.eksa-hero-v7__secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.31)}
.eksa-hero-v7__trust{display:flex;align-items:stretch;gap:0;margin-top:36px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,20,50,.20);backdrop-filter:blur(8px);overflow:hidden}
.eksa-hero-v7__trust>div{min-width:132px;padding:12px 16px;border-right:1px solid rgba(255,255,255,.10)}
.eksa-hero-v7__trust>div:last-child{border-right:0}
.eksa-hero-v7__trust strong,.eksa-hero-v7__trust span{display:block}
.eksa-hero-v7__trust strong{font-size:.91rem;color:#fff}
.eksa-hero-v7__trust span{margin-top:2px;font-size:.67rem;color:rgba(255,255,255,.58)}

.eksa-hero-slider{position:relative;z-index:2;width:100%;max-width:590px;justify-self:end;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 34px 78px rgba(0,11,31,.32);backdrop-filter:blur(14px)}
.eksa-hero-slider__viewport{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:21px;background:#0a2a54}
.eksa-hero-slider__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity .62s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),visibility .62s ease}
.eksa-hero-slider__slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.eksa-hero-slider__slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.02)}
.eksa-hero-slider__slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,12,30,.80) 0%,rgba(1,12,30,.14) 46%,rgba(1,12,30,.08) 100%);pointer-events:none}
.eksa-hero-slider__slide figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;max-width:88%;color:#fff}
.eksa-hero-slider__slide figcaption span{display:inline-flex;margin-bottom:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.10);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}
.eksa-hero-slider__slide figcaption strong{display:block;font-size:1rem;line-height:1.32;letter-spacing:-.015em;text-shadow:0 2px 15px rgba(0,0,0,.25)}
.eksa-hero-slider__topline{position:absolute;top:23px;left:23px;right:23px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.eksa-hero-slider__brand,.eksa-hero-slider__count{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,18,44,.36);color:#fff;font-size:.62rem;font-weight:780;letter-spacing:.06em;backdrop-filter:blur(9px)}
.eksa-hero-slider__brand i{width:7px;height:7px;border-radius:50%;background:#44e59a;box-shadow:0 0 0 4px rgba(68,229,154,.12)}
.eksa-hero-slider__count b{font-size:.66rem;color:#9ceaff}
.eksa-hero-slider__controls{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 5px 1px}
.eksa-hero-slider__dots{display:flex;align-items:center;gap:6px}
.eksa-hero-slider__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.30);cursor:pointer;transition:width .2s ease,background .2s ease}
.eksa-hero-slider__dots button.is-active{width:28px;background:linear-gradient(90deg,#4acbff,#fff)}
.eksa-hero-slider__arrows{display:flex;gap:7px}
.eksa-hero-slider__arrows button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:11px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer;transition:background .18s ease,border-color .18s ease}
.eksa-hero-slider__arrows button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26)}

@media(max-width:1000px){
  .eksa-hero-v7__inner{min-height:0;grid-template-columns:1fr;gap:36px;padding:58px 0 78px}
  .eksa-hero-v7__copy{max-width:800px}
  .eksa-hero-slider{justify-self:start;max-width:700px}
}
@media(max-width:700px){
  .eksa-hero-v7__inner{gap:28px;padding:42px 0 64px}
  .eksa-hero-v7__eyebrow{margin-bottom:15px;font-size:.66rem;padding:7px 10px}
  .eksa-hero-v7 h1{font-size:clamp(2.18rem,11vw,3.25rem);line-height:1.01}
  .eksa-hero-v7__copy>p{margin-top:18px;font-size:.96rem;line-height:1.62}
  .eksa-hero-v7__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
  .eksa-hero-v7__primary,.eksa-hero-v7__secondary{width:100%;justify-content:center;min-height:45px;padding:10px 11px;font-size:.81rem}
  .eksa-hero-v7__trust{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px}
  .eksa-hero-v7__trust>div{min-width:0;padding:10px 9px}
  .eksa-hero-v7__trust strong{font-size:.79rem}
  .eksa-hero-v7__trust span{font-size:.59rem;line-height:1.28}
  .eksa-hero-slider{max-width:none;padding:7px;border-radius:21px}
  .eksa-hero-slider__viewport{aspect-ratio:4/3;border-radius:16px}
  .eksa-hero-slider__topline{top:17px;left:17px;right:17px}
  .eksa-hero-slider__brand,.eksa-hero-slider__count{padding:5px 7px;font-size:.55rem}
  .eksa-hero-slider__slide figcaption{left:17px;right:17px;bottom:16px}
  .eksa-hero-slider__slide figcaption strong{font-size:.9rem}
  .eksa-hero-slider__controls{min-height:48px;padding-top:7px}
  .eksa-hero-slider__arrows button{width:35px;height:35px;border-radius:10px}
}
@media(max-width:430px){
  .eksa-hero-v7__actions{grid-template-columns:1fr}
  .eksa-hero-v7__trust{grid-template-columns:1fr 1fr 1fr}
  .eksa-hero-v7__trust>div{padding:9px 7px}
  .eksa-hero-slider__viewport{aspect-ratio:1.22/1}
  .eksa-hero-slider__slide figcaption strong{font-size:.84rem}
}

@media(prefers-reduced-motion:reduce){
  .eksa-mobile-menu,.eksa-mobile-overlay,.eksa-mobile-item__submenu,.eksa-menu-button span,.eksa-desktop-nav__dropdown,.eksa-hero-slider__slide{transition:none!important}
}


/* =========================================================
   EK-SA UI V8 — Hizmet Bölgeleri + WhatsApp ikon düzeltmesi
   SEO metinleri/URL yapısı değiştirilmez.
   ========================================================= */
.eksa-locations-v8{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding-block:82px;
  background:
    radial-gradient(circle at 12% 18%,rgba(26,173,255,.10),transparent 30%),
    radial-gradient(circle at 88% 76%,rgba(38,94,255,.09),transparent 32%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.eksa-locations-v8__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(18px);pointer-events:none;opacity:.85}
.eksa-locations-v8__orb--one{width:420px;height:420px;left:-210px;top:-130px;background:radial-gradient(circle,rgba(0,183,255,.22),rgba(0,183,255,0) 70%);animation:eksaLocOrbA 10s ease-in-out infinite alternate}
.eksa-locations-v8__orb--two{width:500px;height:500px;right:-260px;bottom:-240px;background:radial-gradient(circle,rgba(24,91,255,.18),rgba(24,91,255,0) 72%);animation:eksaLocOrbB 12s ease-in-out infinite alternate}
.eksa-locations-v8__shell{
  position:relative;
  padding:clamp(30px,4vw,54px);
  border:1px solid rgba(17,102,224,.13);
  border-radius:30px;
  background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(244,250,255,.92));
  box-shadow:0 30px 90px rgba(11,63,130,.11);
  overflow:hidden;
}
.eksa-locations-v8__shell::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:32px;
  padding:1px;
  background:linear-gradient(110deg,#0b56d8,#12a8f4,#33d1ff,#3468ff,#0b56d8);
  background-size:280% 280%;
  animation:eksaLocGradient 7s ease infinite;
  opacity:.52;
}
.eksa-locations-v8__shell::after{
  content:"";
  position:absolute;
  width:460px;height:180px;
  right:-90px;top:-90px;
  transform:rotate(-16deg);
  background:linear-gradient(90deg,transparent,rgba(73,200,255,.12),transparent);
  filter:blur(2px);
  animation:eksaLocSweep 8s ease-in-out infinite;
  pointer-events:none;
}
.eksa-locations-v8__head{max-width:820px;margin:0 auto 30px;text-align:center}
.eksa-locations-v8__head .kicker{
  background:linear-gradient(90deg,#0b61dc,#11b8f2);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.eksa-locations-v8__head h2{letter-spacing:-.035em}
.eksa-locations-v8__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1060px;margin:0 auto}
.eksa-location-chip{
  --delay:min(calc(var(--loc-i,0) * 32ms),420ms);
  position:relative;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 11px 9px 10px;
  border:1px solid rgba(10,104,219,.13);
  border-radius:14px;
  color:#092b53!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,248,255,.94));
  box-shadow:0 7px 20px rgba(11,67,135,.07);
  font-size:.84rem;
  font-weight:760;
  line-height:1;
  overflow:hidden;
  transform:translateY(0);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease,color .25s ease;
  opacity:0;
  transform:translateY(11px);
}
.eksa-location-chip::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(115deg,#0755d6 0%,#0b86eb 44%,#18c6ef 100%);
  opacity:0;
  transition:opacity .25s ease;
}
.eksa-location-chip>*{position:relative;z-index:1}
.eksa-locations-v8__shell.is-visible .eksa-location-chip{animation:eksaLocChipIn .55s both;animation-delay:var(--delay)}
.eksa-location-chip__pin{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:10px;color:#0873e2;background:linear-gradient(145deg,#e5f3ff,#f8fcff);box-shadow:inset 0 0 0 1px rgba(11,101,220,.08);transition:background .25s ease,color .25s ease,transform .25s ease}
.eksa-location-chip__pin svg{width:16px;height:16px;display:block}
.eksa-location-chip__arrow{margin-left:1px;color:#5c7899;font-size:.82rem;transition:transform .25s ease,color .25s ease}
.eksa-location-chip:hover{color:#fff!important;border-color:transparent;transform:translateY(-4px);box-shadow:0 16px 32px rgba(4,91,203,.20)}
.eksa-location-chip:hover::before{opacity:1}
.eksa-location-chip:hover .eksa-location-chip__pin{color:#fff;background:rgba(255,255,255,.16);transform:scale(1.04)}
.eksa-location-chip:hover .eksa-location-chip__arrow{color:#fff;transform:translate(2px,-2px)}
.eksa-locations-v8__note{margin:26px 0 0;text-align:center;color:var(--gray-mid);font-size:.9rem}
.eksa-locations-v8__note a{font-weight:800;background:linear-gradient(90deg,#0758d8,#0ba7ef);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Floating WhatsApp: gerçek ikon, artık "WA" yok */
.wa-float__toggle{position:relative;overflow:visible}
.wa-float__toggle::after{content:none!important;display:none!important}
.wa-float__icon{width:21px;height:21px;display:grid;place-items:center;flex:none}
.wa-float__icon svg{width:100%;height:100%;display:block}
.wa-float__label{display:inline-block}
.eksa-mobile-menu__quick .is-whatsapp{gap:7px}
.eksa-mobile-menu__quick .is-whatsapp svg{width:18px;height:18px;display:block;flex:none}
.wa-float__start{display:flex!important;align-items:center;justify-content:center;gap:8px}
.wa-float__start svg{width:18px;height:18px;display:block;flex:none}

@keyframes eksaLocGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes eksaLocOrbA{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(70px,28px,0) scale(1.08)}}
@keyframes eksaLocOrbB{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-65px,-32px,0) scale(1.1)}}
@keyframes eksaLocSweep{0%,20%{transform:translateX(-25%) rotate(-16deg);opacity:0}48%{opacity:1}75%,100%{transform:translateX(60%) rotate(-16deg);opacity:0}}
@keyframes eksaLocChipIn{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:767px){
  .eksa-locations-v8{padding-block:58px}
  .eksa-locations-v8__shell{padding:26px 15px 24px;border-radius:23px}
  .eksa-locations-v8__shell::before{border-radius:25px}
  .eksa-locations-v8__head{margin-bottom:22px}
  .eksa-locations-v8__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .eksa-location-chip{width:100%;min-height:46px;padding:8px 9px;font-size:.78rem;border-radius:12px}
  .eksa-location-chip__pin{width:27px;height:27px;border-radius:9px}
  .eksa-location-chip__arrow{margin-left:auto}
  .eksa-locations-v8__note{font-size:.82rem;line-height:1.55}
  .wa-float__toggle{width:54px!important;height:54px!important;padding:0!important;display:grid!important;place-items:center!important}
  .wa-float__toggle .wa-float__icon{width:25px;height:25px}
  .wa-float__toggle .wa-float__label{display:none}
  .wa-float__toggle .wa-float__pulse{position:absolute;top:7px;right:7px}
}
@media(max-width:390px){.eksa-locations-v8__grid{grid-template-columns:1fr}.eksa-location-chip{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.eksa-locations-v8__orb,.eksa-locations-v8__shell::before,.eksa-locations-v8__shell::after,.eksa-location-chip{animation:none!important}.eksa-location-chip{opacity:1!important;transform:none!important}}