:root {
  --c-bg:        #07090E;
  --c-bg2:       #0B0F18;
  --c-surface:   #10161F;
  --c-card:      #131B27;
  --c-border:    #1C2840;
  --c-border2:   #243050;

  --c-gold:      #C8960C;
  --c-gold-lt:   #E8B020;
  --c-gold-dim:  rgba(200,150,12,.18);
  --c-gold-line: rgba(200,150,12,.45);

  --c-blue:      #1A3D6E;
  --c-blue-lt:   #2563EB;

  --c-text:      #EDF0F5;
  --c-text2:     #8B95A5;
  --c-text3:     #3D4A60;

  --f-head:  'Rajdhani', sans-serif;
  --f-disp:  'Barlow Condensed', sans-serif;
  --f-body:  'Inter', sans-serif;

  --nav-h:       76px;
  --ease:        cubic-bezier(.4,0,.2,1);
  --ease-out:    cubic-bezier(0,.55,.45,1);
  --tr:          .3s var(--ease);
}

/* === RESET ========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
body {
  background: var(--c-bg);
  color: var(--c-text);
  font-family: var(--f-body);
  font-weight: 300;
  line-height: 1.7;
  overflow-x: hidden;
  max-width: 100vw;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* === TYPOGRAPHY ==================================================== */
h1,h2,h3,h4,h5,h6 {
  font-family: var(--f-head);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.15;
}

.display-title {
  font-family: var(--f-disp);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow {
  font-family: var(--f-disp);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--c-gold);
}

.text-muted-rota { color: var(--c-text2); }

/* === SCROLLBAR ===================================================== */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--c-bg2); }
::-webkit-scrollbar-thumb { background: var(--c-gold-dim); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--c-gold); }

/* === SELECTION ===================================================== */
::selection { background: var(--c-gold); color: #000; }

/* ============================================================
   NAVIGATION
   ============================================================ */
#navbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--nav-h);
  display: flex;
  align-items: center;   /* Y ekseni: tüm çocukları dikey ortalar */
  flex-wrap: nowrap;
  padding: 0 2.5rem;
  transition: background .4s var(--ease), backdrop-filter .4s, box-shadow .4s;
}

#navbar.nav-scrolled {
  background: rgba(7, 9, 14, .92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 var(--c-border);
}

.nav-logo {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-shrink: 0;
}

/* nav-logo-icon kaldırıldı — gerçek logo görseli kullanılıyor */
.nav-logo-icon { display: none; }

.nav-logo-text {
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nav-logo-text span {
  display: block;
  font-size: .58rem;
  font-weight: 400;
  letter-spacing: .2em;
  color: var(--c-text2);
  margin-top: 1px;
}

.nav-links {
  display: flex;
  align-items: center;    /* Y ekseni: li'leri dikey ortalar */
  justify-content: center; /* X ekseni: li'leri yatay ortalar */
  gap: 2rem;
  flex: 1;                /* Logo ile buton arasındaki tüm alanı kapla */
  margin: 0;
}

.nav-links a {
  font-family: var(--f-disp);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--c-text2);
  transition: color var(--tr);
  position: relative;
  padding-bottom: 2px;
}

.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 1px;
  background: var(--c-gold);
  transition: width .3s var(--ease);
}

.nav-links a:hover, .nav-links a.active {
  color: var(--c-text);
}
.nav-links a:hover::after, .nav-links a.active::after {
  width: 100%;
}


/* ── Nav end wrapper: toggle + cta ── */
.nav-end-wrap {
  display: flex;
  align-items: center;   /* Y ekseni: toggle ve butonu dikey ortalar */
  gap: 8px;
  flex-shrink: 0;        /* Küçülme — margin-left: auto kaldırıldı, flex:1 halleder */
}
.nav-cta {
  margin-left: .4rem;
}

/* Mobile burger */
.nav-burger {
  display: none;
  margin-left: auto;   /* en sağa it */
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 6px 2px;
  cursor: pointer;
}
.nav-burger span {
  display: block;
  width: 26px;
  height: 2.5px;
  background: var(--c-text);
  transition: var(--tr);
}
.nav-burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-burger.open span:nth-child(2) { opacity: 0; }
.nav-burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Mobile nav */
.nav-mobile {
  display: none;
  position: fixed;
  top: var(--nav-h);
  left: 0; right: 0;
  background: rgba(7,9,14,.97);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid var(--c-border);
  padding: 1rem 1.6rem 2rem;
  flex-direction: column;
  gap: 0;
  z-index: 999;
}
.nav-mobile.open { display: flex; }
.nav-mobile a {
  font-family: var(--f-disp);
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-text2);
  padding: .85rem 0;
  border-bottom: 1px solid var(--c-border);
  transition: color .2s;
}
.nav-mobile a:hover { color: var(--c-gold); }

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-rota {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-family: var(--f-disp);
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: .75rem 1.8rem;
  border: 1px solid var(--c-gold);
  color: var(--c-gold);
  background: transparent;
  position: relative;
  overflow: hidden;
  transition: color .35s var(--ease);
}

.btn-rota::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--c-gold);
  transform: translateX(-101%);
  transition: transform .35s var(--ease);
  z-index: 0;
}

.btn-rota:hover { color: #000; }
.btn-rota:hover::before { transform: translateX(0); }
.btn-rota > * { position: relative; z-index: 1; }

.btn-rota-outline {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-family: var(--f-disp);
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: .75rem 1.8rem;
  border: 1px solid var(--c-border2);
  color: var(--c-text2);
  background: transparent;
  transition: all var(--tr);
}
.btn-rota-outline:hover {
  border-color: var(--c-gold);
  color: var(--c-gold);
}

.btn-rota-solid {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-family: var(--f-disp);
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: .75rem 1.8rem;
  background: var(--c-gold);
  color: #000;
  border: 1px solid var(--c-gold);
  transition: background var(--tr), box-shadow var(--tr);
}
.btn-rota-solid:hover {
  background: var(--c-gold-lt);
  box-shadow: 0 0 24px rgba(200,150,12,.35);
  color: #000;
}

/* ============================================================
   SECTION UTILITY
   ============================================================ */
.section-pad {
  padding: 6rem 0;
}

.section-head {
  margin-bottom: 3.5rem;
}
.section-head h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin-top: .5rem;
}

/* Decorative gold divider */
.gold-divider {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2.5rem;
}
.gold-divider::before {
  content: '';
  width: 2.5rem;
  height: 1px;
  background: var(--c-gold);
}
.gold-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

/* Corner bracket decoration */
.bracket-box {
  position: relative;
}
.bracket-box::before,
.bracket-box::after {
  content: '';
  position: absolute;
  width: 18px; height: 18px;
  border-color: var(--c-gold);
  border-style: solid;
}
.bracket-box::before {
  top: 0; left: 0;
  border-width: 1px 0 0 1px;
}
.bracket-box::after {
  bottom: 0; right: 0;
  border-width: 0 1px 1px 0;
}

/* ============================================================
   CARDS
   ============================================================ */
.rota-card {
  background: var(--c-card);
  border: 1px solid var(--c-border);
  padding: 2rem;
  transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
  position: relative;
}
.rota-card:hover {
  border-color: var(--c-gold-line);
  box-shadow: 0 0 30px rgba(200,150,12,.08);
}

.rota-card .card-icon {
  width: 44px; height: 44px;
  border: 1px solid var(--c-gold-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.2rem;
  color: var(--c-gold);
  font-size: 1.2rem;
  transition: background .3s, border-color .3s;
}
.rota-card:hover .card-icon {
  background: var(--c-gold-dim);
  border-color: var(--c-gold);
}
.rota-card h3 {
  font-size: 1.1rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .7rem;
}
.rota-card p {
  font-size: .88rem;
  color: var(--c-text2);
  line-height: 1.75;
}

/* ============================================================
   STAT COUNTER
   ============================================================ */
.stat-block {
  text-align: center;
  padding: 2rem 1rem;
  border: 1px solid var(--c-border);
  position: relative;
}
.stat-block::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 2px; height: 100%;
  background: var(--c-gold);
}
.stat-value {
  font-family: var(--f-disp);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--c-gold);
  line-height: 1;
}
.stat-label {
  font-family: var(--f-disp);
  font-size: .8rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-text2);
  margin-top: .5rem;
}

/* ============================================================
   PAGE HERO (Inner pages)
   ============================================================ */
.page-hero {
  min-height: 38vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 3.5rem;
  padding-top: calc(var(--nav-h) + 2rem);
  background: var(--c-bg2);
  border-bottom: 1px solid var(--c-border);
  position: relative;
  overflow: hidden;
}

.page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(200,150,12,.04) 0%, transparent 60%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 59px,
      rgba(255,255,255,.025) 59px,
      rgba(255,255,255,.025) 60px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 59px,
      rgba(255,255,255,.025) 59px,
      rgba(255,255,255,.025) 60px
    );
  pointer-events: none;
}

.page-hero-label {
  font-family: var(--f-disp);
  font-size: .72rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
  margin-bottom: .7rem;
}
.page-hero h1 {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  position: relative;
}

/* ============================================================
   ABOUT SECTION (Home)
   ============================================================ */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.about-img-wrap {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  border: 1px solid var(--c-border);
}
.about-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.65) brightness(.85);
  transition: filter .4s, transform .6s;
  display: block;
}
.about-img-wrap:hover img {
  filter: saturate(.8) brightness(.9);
  transform: scale(1.02);
}
/* Kaldırıldı: ::before offset çerçeve (kayma sorunu yapıyordu) */
.about-img-wrap::before { display: none; }
.about-img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(7,9,14,.5) 0%, transparent 50%);
  pointer-events: none;
}

.about-text 
/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { margin-bottom: .6rem; }
.about-text h2 { margin-bottom: 1.2rem; }
.about-text p {
  color: var(--c-text2);
  line-height: 1.9;
  margin-bottom: 1rem;
  font-size: .93rem;
}

/* ============================================================
   SERVICES SECTION
   ============================================================ */
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5px;
  background: var(--c-border);
  border: 1.5px solid var(--c-border);
}
.services-grid > * {
  background: var(--c-card);
}

/* ============================================================
   CTA SECTION
   ============================================================ */
.cta-section {
  background: var(--c-bg2);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
  padding: 5rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(200,150,12,.06) 0%, transparent 65%);
  pointer-events: none;
}
.cta-section h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  margin-bottom: 1rem;
}
.cta-section p {
  color: var(--c-text2);
  max-width: 520px;
  margin: 0 auto 2rem;
  font-size: .93rem;
}

/* ============================================================
   FOOTER
   ============================================================ */
#footer {
  background: var(--c-bg2);
  border-top: 1px solid var(--c-border);
  padding: 4rem 0 2rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 2.5rem;
  margin-bottom: 3rem;
}

.footer-brand p {
  font-size: .85rem;
  color: var(--c-text2);
  line-height: 1.8;
  margin-top: 1rem;
  max-width: 260px;
}

.footer-col h4 {
  font-family: var(--f-disp);
  font-size: .78rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--c-gold);
  margin-bottom: 1.2rem;
}
.footer-col a {
  display: block;
  font-size: .85rem;
  color: var(--c-text2);
  margin-bottom: .6rem;
  transition: color var(--tr);
}
.footer-col a:hover { color: var(--c-text); }

.footer-col address {
  font-style: normal;
  font-size: .85rem;
  color: var(--c-text2);
  line-height: 1.8;
}

.footer-bottom {
  border-top: 1px solid var(--c-border);
  padding-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-bottom p {
  font-size: .78rem;
  color: var(--c-text3);
  letter-spacing: .06em;
}

/* ============================================================
   ANIMATED REVEAL CLASSES (used on inner pages & below-story)
   ============================================================ */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-32px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.reveal-left.is-visible {
  opacity: 1;
  transform: translateX(0);
}
.reveal-right {
  opacity: 0;
  transform: translateX(32px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Staggered children */
.stagger-children .reveal:nth-child(1) { transition-delay: .0s; }
.stagger-children .reveal:nth-child(2) { transition-delay: .1s; }
.stagger-children .reveal:nth-child(3) { transition-delay: .2s; }
.stagger-children .reveal:nth-child(4) { transition-delay: .3s; }
.stagger-children .reveal:nth-child(5) { transition-delay: .4s; }

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 4rem;
  align-items: start;
}

.contact-info-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--c-border);
}
.contact-info-item:last-child { border-bottom: none; }

.contact-info-icon {
  width: 40px; height: 40px;
  border: 1px solid var(--c-gold-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-gold);
  font-size: .9rem;
  flex-shrink: 0;
}

.contact-info-text h4 {
  font-family: var(--f-disp);
  font-size: .75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--c-gold);
  margin-bottom: .3rem;
}
.contact-info-text p, .contact-info-text a {
  font-size: .9rem;
  color: var(--c-text2);
  transition: color var(--tr);
}
.contact-info-text a:hover { color: var(--c-gold); }

/* Form */
.rota-form .form-group {
  margin-bottom: 1.2rem;
}
.rota-form label {
  display: block;
  font-family: var(--f-disp);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-text2);
  margin-bottom: .45rem;
}
.rota-form input,
.rota-form select,
.rota-form textarea {
  width: 100%;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  color: var(--c-text);
  font-family: var(--f-body);
  font-size: .9rem;
  padding: .75rem 1rem;
  outline: none;
  transition: border-color .3s;
  border-radius: 0;
  appearance: none;
}
.rota-form input:focus,
.rota-form select:focus,
.rota-form textarea:focus {
  border-color: var(--c-gold);
}
.rota-form textarea { resize: vertical; min-height: 130px; }
.rota-form select option { background: var(--c-surface); }

/* ============================================================
   HAKKIMIZDA PAGE - detailed
   ============================================================ */
.about-detail-block {
  padding: 2.5rem;
  border: 1px solid var(--c-border);
  background: var(--c-card);
  margin-bottom: 1.5px;
  transition: border-color var(--tr);
}
.about-detail-block:hover { border-color: var(--c-gold-line); }
.about-detail-block .num {
  font-family: var(--f-disp);
  font-size: .7rem;
  letter-spacing: .2em;
  color: var(--c-gold);
  margin-bottom: .6rem;
}
.about-detail-block h3 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .7rem;
}
.about-detail-block p {
  font-size: .87rem;
  color: var(--c-text2);
  line-height: 1.8;
}

/* ============================================================
   HİZMETLER PAGE
   ============================================================ */
.service-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid var(--c-border);
  margin-bottom: 2rem;
  overflow: hidden;
}
.service-feature:nth-child(even) { direction: rtl; }
.service-feature:nth-child(even) > * { direction: ltr; }

.service-feature-img {
  position: relative;
  min-height: 320px;
  background: var(--c-surface);
  overflow: hidden;
}
.service-feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.5) brightness(.7);
}
.service-feature-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, var(--c-bg), transparent);
}
.service-feature:nth-child(even) .service-feature-img::after {
  background: linear-gradient(to left, var(--c-bg), transparent);
}

.service-feature-content {
  background: var(--c-bg2);
  padding: 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--c-border);
}
.service-feature:nth-child(even) .service-feature-content {
  border-left: none;
  border-right: 1px solid var(--c-border);
}

.service-feature-content 
/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { margin-bottom: .5rem; }
.service-feature-content h2 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  margin-bottom: 1rem;
}
.service-feature-content p {
  font-size: .9rem;
  color: var(--c-text2);
  line-height: 1.85;
  margin-bottom: 1rem;
}

.service-features-list {
  margin-top: 1.2rem;
}
.service-features-list li {
  font-size: .85rem;
  color: var(--c-text2);
  padding: .45rem 0;
  padding-left: 1rem;
  border-bottom: 1px solid var(--c-border);
  position: relative;
}
.service-features-list li::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 4px;
  background: var(--c-gold);
}

/* ============================================================
   UTILITIES
   ============================================================ */
.text-gold { color: var(--c-gold); }
.bg-dark2 { background: var(--c-bg2); }
.border-top-gold { border-top: 1px solid var(--c-gold-line); }
.mt-auto { margin-top: auto; }

/* scan-line animasyonu kaldırıldı */
.scan-line { display: none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991px) {
  /* Nav tablet/mobile */
  .nav-links { display: none !important; }
  .nav-end-wrap {
    margin-left: auto;   /* sağa it */
    gap: 6px;
  }
  .nav-end-wrap .nav-cta { display: none !important; }
  .nav-end-wrap .theme-toggle { display: flex !important; }
  .nav-burger {
    display: flex !important;
    margin-left: 6px;    /* toggle'dan 6px boşluk */
    flex-shrink: 0;
  }

  .about-grid,
  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .services-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .service-feature { grid-template-columns: 1fr; }
  .service-feature:nth-child(even) { direction: ltr; }
  .service-feature-img { min-height: 220px; }
}

/* ── Nav end wrapper (global) ── */
.nav-end-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  :root { --nav-h: 64px; }
  .nav-links { display: none !important; }
  .nav-end-wrap { margin-left: auto; }
  .nav-end-wrap .nav-cta { display: none !important; }
  .nav-end-wrap .theme-toggle { display: flex !important; }
  .nav-burger { display: flex !important; margin-left: 6px; }
  .footer-grid { grid-template-columns: 1fr; }
  .section-pad { padding: 3rem 0; }
  .about-img-wrap::before { display: none; }

  /* Navbar mobile için ekstra kontrol */
  #navbar { padding: 0 1rem; }
  .nav-logo-img { height: 32px; }

  /* Sayfa hero başlıkları */
  .page-hero h1 { font-size: clamp(1.8rem, 8vw, 3rem); }

  /* About grid mobilde alt alta */
  .about-grid { grid-template-columns: 1fr; gap: 2rem; }
  .about-img-wrap { aspect-ratio: 16/9; }

  /* Hizmet feature layout */
  .service-feature { grid-template-columns: 1fr; }
  .service-feature:nth-child(even) { direction: ltr; }
  .service-feature-content { padding: 2rem 1.5rem; }

  /* İletişim grid */
  .contact-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stat-value { font-size: 2.2rem; }

  /* CTA butonlar */
  .cta-section .d-flex { flex-direction: column; align-items: center; }
  .cta-section h2 { font-size: 1.7rem; }

  /* Footer */
  .footer-bottom { flex-direction: column; text-align: center; gap: .5rem; }

  /* Rota card grid 2 sütundan tek sütuna */
  .services-grid { grid-template-columns: 1fr; }

  /* Genel overflow kontrolü */
  body { overflow-x: hidden; }
}

@media (max-width: 480px) {
  #navbar { padding: 0 1rem; }
  .nav-logo-img { height: 30px; }

  .container { padding-left: 1rem; padding-right: 1rem; }

  .rota-card { padding: 1.4rem; }
  .stat-block { padding: 1.5rem .8rem; }
  .stat-value { font-size: 2rem; }

  .btn-rota, .btn-rota-outline, .btn-rota-solid {
    padding: .65rem 1.3rem;
    font-size: .78rem;
  }
}

/* ============================================================
   LOGO (gerçek görsel)
   ============================================================ */
.nav-logo-img {
  height: 38px;
  width: auto;
  display: block;
  filter: drop-shadow(0 0 8px rgba(200,150,12,.15));
  transition: filter var(--tr);
}
.nav-logo:hover .nav-logo-img {
  filter: drop-shadow(0 0 12px rgba(200,150,12,.3));
}

.nav-mobile-logo { height: 28px; margin-bottom: .8rem; opacity: .9; }

/* Mobile yardımcı sınıflar */
@media (max-width: 767px) {
  .hide-mobile { display: none !important; }
  .ammo-body-secondary { display: none !important; }
}


/* ================================================================
   DARK / LIGHT TEMA SİSTEMİ
   Nav ve Footer her zaman koyu kalır (marka kimliği korunur).
   İçerik bölümleri sisteme göre değişir.
   ================================================================ */

/* ── NAV her zaman koyu ── */
#navbar {
  /* nav bg'i temanın dışında — dark kalır */
}
#navbar.nav-scrolled {
  background: rgba(7,9,14,.94) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 1px 0 rgba(28,40,64,.8) !important;
}
/* ── İç sayfalar: nav her zaman koyu — scroll pozisyonundan bağımsız ── */
#navbar.nav-inner {
  background: rgba(7,9,14,.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 1px 0 rgba(28,40,64,.7) !important;
}
#navbar.nav-inner .nav-links a { color: rgba(237,240,245,.65) !important; }
#navbar.nav-inner .nav-links a:hover,
#navbar.nav-inner .nav-links a.active { color: #EDF0F5 !important; }

/* Nav linkleri her zaman açık renk */
.nav-links a, .nav-mobile a { color: var(--c-text2) !important; }
.nav-links a:hover, .nav-links a.active,
.nav-mobile a:hover { color: #EDF0F5 !important; }
.nav-mobile { background: rgba(7,9,14,.97) !important; }

/* ── Footer her zaman koyu ── */
#footer {
  background: #0B0F18 !important;
  border-top: 1px solid #1C2840 !important;
}
#footer * { color: inherit; }
.footer-brand p  { color: #5A6580 !important; }
.footer-col h4   { color: #C8960C !important; }
.footer-col a    { color: #5A6580 !important; }
.footer-col a:hover { color: #EDF0F5 !important; }
.footer-bottom p { color: #3A4258 !important; }

/* ================================================================
   LIGHT TEMA — Sistem tercihi
   ================================================================ */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --c-bg:      #F8F9FC;
    --c-bg2:     #EEF0F6;
    --c-surface: #E4E6EF;
    --c-card:    #FFFFFF;
    --c-border:  #D2D5E2;
    --c-border2: #B0B5C8;

    --c-gold:      #9A6E00;
    --c-gold-lt:   #B88200;
    --c-gold-dim:  rgba(154,110,0,.10);
    --c-gold-line: rgba(154,110,0,.32);

    --c-text:  #0D1024;
    --c-text2: #4B5570;
    --c-text3: #8F97B0;
  }
}

/* Manuel light tercihi */
[data-theme="light"] {
  --c-bg:      #F8F9FC;
  --c-bg2:     #EEF0F6;
  --c-surface: #E4E6EF;
  --c-card:    #FFFFFF;
  --c-border:  #D2D5E2;
  --c-border2: #B0B5C8;

  --c-gold:      #9A6E00;
  --c-gold-lt:   #B88200;
  --c-gold-dim:  rgba(154,110,0,.10);
  --c-gold-line: rgba(154,110,0,.32);

  --c-text:  #0D1024;
  --c-text2: #4B5570;
  --c-text3: #8F97B0;
}

/* Manuel dark tercihi */
[data-theme="dark"] {
  --c-bg:      #07090E;
  --c-bg2:     #0B0F18;
  --c-surface: #10161F;
  --c-card:    #131B27;
  --c-border:  #1C2840;
  --c-border2: #243050;
  --c-gold:      #C8960C;
  --c-gold-lt:   #E8B020;
  --c-gold-dim:  rgba(200,150,12,.18);
  --c-gold-line: rgba(200,150,12,.45);
  --c-text:  #EDF0F5;
  --c-text2: #8B95A5;
  --c-text3: #3D4A60;
}

/* ================================================================
   LIGHT MODDA İÇERİK GÜZELLEŞTİRMELERİ
   ================================================================ */

/* Genel kart: gölge ekle */
[data-theme="light"] .rota-card,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .rota-card {
    box-shadow: 0 2px 20px rgba(13,16,36,.07);
    border-color: var(--c-border);
  }
}
[data-theme="light"] .rota-card:hover {
  box-shadow: 0 6px 32px rgba(13,16,36,.12);
}

/* Page hero — hafif desen */
[data-theme="light"] .page-hero,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .page-hero {
    background: linear-gradient(135deg, #EEF0F6 0%, #F8F9FC 100%) !important;
    border-bottom: 2px solid var(--c-gold) !important;
  }
  :root:not([data-theme="dark"]) .page-hero h1 { color: #0D1024 !important; }
  :root:not([data-theme="dark"]) .page-hero-label { color: var(--c-gold) !important; }
}
[data-theme="light"] .page-hero {
  background: linear-gradient(135deg, #EEF0F6 0%, #F8F9FC 100%) !important;
  border-bottom: 2px solid var(--c-gold) !important;
}
[data-theme="light"] .page-hero h1 { color: #0D1024 !important; }
[data-theme="light"] .page-hero-label { color: var(--c-gold) !important; }
[data-theme="light"] .page-hero::before {
  background: linear-gradient(to bottom, rgba(154,110,0,.08) 0%, transparent 100%) !important;
}

/* About resmi */
[data-theme="light"] .about-img-wrap {
  box-shadow: 0 4px 24px rgba(13,16,36,.12);
}

/* Hizmet kartları — altın sol border  */
[data-theme="light"] .service-feature,
[data-theme="light"] .svc-feature {
  box-shadow: 0 2px 16px rgba(13,16,36,.06);
}
[data-theme="light"] .service-feature-content,
[data-theme="light"] .svc-feature-content {
  background: #FFFFFF !important;
}

/* Stat blokları */
[data-theme="light"] .stat-block {
  background: #FFFFFF;
  box-shadow: 0 2px 16px rgba(13,16,36,.07);
  border: none;
}
[data-theme="light"] .stat-block::before { background: var(--c-gold); }

/* Services grid */
[data-theme="light"] .services-grid {
  box-shadow: 0 4px 24px rgba(13,16,36,.08);
}
[data-theme="light"] .services-grid > * { background: #FFFFFF; }
[data-theme="light"] .rota-card:hover   { background: #F5F6FB; }

/* CTA section */
[data-theme="light"] .cta-section {
  background: linear-gradient(135deg, #0D1024 0%, #1A2550 100%) !important;
}
[data-theme="light"] .cta-section h2,
[data-theme="light"] .cta-section p { color: #EDF0F5 !important; }

/* btn-rota-solid light modda */
[data-theme="light"] .btn-rota-solid {
  background: var(--c-gold);
  border-color: var(--c-gold);
  color: #0D1024;
}

/* Haber kartları gölge */
[data-theme="light"] .news-prev-card {
  box-shadow: 0 2px 12px rgba(13,16,36,.06);
}
[data-theme="light"] .news-prev-card:hover {
  box-shadow: 0 6px 24px rgba(13,16,36,.12);
}

/* Eyebrow rengi — her iki modda gold kalır */

/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { color: var(--c-gold); }

/* Section ayraç çizgileri */
[data-theme="light"] section[style*="border-top"] {
  border-color: var(--c-border) !important;
}

/* ── Tema toggle butonu ── */
.theme-toggle {
  width: 34px; height: 34px;
  border: 1px solid rgba(200,150,12,.35);
  background: transparent;
  color: var(--c-gold);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  margin-left: .6rem;
  transition: background .25s, box-shadow .25s;
  font-size: .8rem;
  flex-shrink: 0;
  border-radius: 4px;
  vertical-align: middle;
  align-self: center;
}
.theme-toggle:hover {
  background: var(--c-gold-dim);
  box-shadow: 0 0 12px var(--c-gold-dim);
}

/* Nav her zaman koyu — logo dark-bg versiyonu kullanılır */

/* ── Haber Önizleme ── */
.news-prev-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5px;
  background: var(--c-border);
}
.news-prev-card {
  display: flex; flex-direction: column;
  background: var(--c-card);
  transition: background .3s, box-shadow .3s;
  text-decoration: none; color: inherit;
}
.news-prev-card:hover { background: var(--c-surface); }
.news-prev-img {
  position: relative; aspect-ratio: 16/9; overflow: hidden;
}
.news-prev-img img {
  width:100%; height:100%; object-fit:cover;
  filter: saturate(.5) brightness(.75);
  transition: transform .5s, filter .4s;
  display:block;
}
.news-prev-card:hover .news-prev-img img {
  transform: scale(1.04); filter: saturate(.65) brightness(.85);
}
.news-prev-cat {
  position:absolute; top:.7rem; left:.7rem;
  font-family:var(--f-disp); font-size:.58rem; letter-spacing:.16em;
  text-transform:uppercase; background:var(--c-gold);
  color:#000; padding:.18rem .55rem; z-index:2;
}
.news-prev-body { padding:1.1rem 1.3rem 1.5rem; flex:1; }
.news-prev-date {
  font-family:var(--f-disp); font-size:.6rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--c-text3); margin-bottom:.35rem;
}
.news-prev-card h3 {
  font-size:.92rem; font-weight:600; line-height:1.4;
  margin-bottom:.5rem; color:var(--c-text); transition:color .3s;
}
.news-prev-card:hover h3 { color:var(--c-gold); }
.news-prev-card p { font-size:.8rem; color:var(--c-text2); line-height:1.7; }

@media (max-width:991px) { .news-prev-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px)  { .news-prev-grid { grid-template-columns:1fr; } }

/* Mobil'de toggle — hamburger içinde göster */
@media (max-width:767px) {
  .theme-toggle { display:flex; } /* Hamburger yanında göster */
}

/* ================================================================
   ANA SAYFA — YENİDEN TASARLANAN BÖLÜMLER
   Kim Olduğumuz · Neler Yapıyoruz? · Son Haberler
   ================================================================ */

/* ──────────────────────────────────────────────────────────────
   KİM OLDUĞUMUZ — Pillars + Dekoratif Görsel
   ────────────────────────────────────────────────────────────── */
.about-new {
  background: var(--c-bg2);
  border-top: 1px solid var(--c-border);
  padding: 5.5rem 0;
  overflow: hidden;
}

.about-new-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

/* Sol: Metin */
.about-new-left {}
.about-new-left 
/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { margin-bottom: .6rem; }

.about-new-heading {
  font-size: clamp(1.9rem, 3.5vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .02em;
  margin-bottom: 1.4rem;
}
.about-new-heading .gold { color: var(--c-gold); }

.about-new-left p {
  font-size: .9rem;
  color: var(--c-text2);
  line-height: 1.85;
  margin-bottom: .8rem;
}

/* Pillars */
.about-pillars {
  margin: 1.8rem 0 2rem;
  border: 1px solid var(--c-border);
}
.about-pillar {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.3rem;
  border-bottom: 1px solid var(--c-border);
  transition: background .3s;
}
.about-pillar:last-child { border-bottom: none; }
.about-pillar:hover { background: var(--c-gold-dim); }

.pillar-icon {
  width: 38px; height: 38px; flex-shrink: 0;
  border: 1px solid var(--c-gold-line);
  display: flex; align-items: center; justify-content: center;
  color: var(--c-gold); font-size: .88rem;
  transition: background .3s;
}
.about-pillar:hover .pillar-icon { background: var(--c-gold-dim); }

.pillar-text strong {
  display: block;
  font-family: var(--f-head);
  font-size: .85rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--c-text); margin-bottom: .15rem;
}
.pillar-text span {
  font-size: .78rem; color: var(--c-text2);
}

/* Sağ: Görsel kutu */
.about-new-right {
  position: relative;
}

.about-img-box {
  position: relative;
}

.about-img-box img {
  display: block;
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  object-position: center;
  filter: saturate(.6) brightness(.8);
  transition: filter .5s;
  border: 1px solid var(--c-border);
}
.about-img-box:hover img { filter: saturate(.7) brightness(.85); }

/* Dekoratif offset çerçeve — sağ alt köşe */
.about-img-frame { display: none; }
/* Sol üst dekor */
.about-img-box::before { display: none; }

/* Floating badge */
.about-floating-badge {
  position: absolute;
  bottom: 1.8rem; left: -1.5rem;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-left: 3px solid var(--c-gold);
  padding: .85rem 1.2rem;
  display: flex; align-items: center; gap: .85rem;
  z-index: 3;
  box-shadow: 0 4px 24px rgba(0,0,0,.25);
  min-width: 200px;
}
.badge-icon {
  width: 36px; height: 36px; flex-shrink: 0;
  background: var(--c-gold-dim);
  display: flex; align-items: center; justify-content: center;
  color: var(--c-gold); font-size: .9rem;
}
.badge-info strong {
  display: block;
  font-family: var(--f-head); font-size: .8rem; font-weight: 700;
  color: var(--c-text); letter-spacing: .04em;
}
.badge-info span {
  font-size: .7rem; color: var(--c-text2);
}

/* Light mode overrides for about */
[data-theme="light"] .about-floating-badge,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .about-floating-badge {
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
  }
}

/* ──────────────────────────────────────────────────────────────
   NELER YAPIYORUZ — Sol Intro + Sağ Numaralı Liste
   ────────────────────────────────────────────────────────────── */
.services-editorial {
  background: var(--c-bg);
  border-top: 1px solid var(--c-border);
  padding: 7rem 0;
}

.svc-editorial-grid {
  display: grid;
  grid-template-columns: .95fr 1.65fr;
  gap: 5rem;
  align-items: start;
}

/* Sol intro panel */
.svc-intro-panel {
  position: sticky;
  top: 7rem;
}
.svc-intro-panel 
/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { margin-bottom: .6rem; }
.svc-intro-panel h2 {
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  font-weight: 700; line-height: 1.1; margin-bottom: 1.2rem;
}
.svc-intro-panel > p {
  font-size: .88rem; color: var(--c-text2); line-height: 1.85; margin-bottom: 2rem;
}

/* Sağ: Numaralı servis satırları */
.svc-row-list { border: 1px solid var(--c-border); }

.svc-row {
  display: grid;
  grid-template-columns: 60px 48px 1fr auto;
  align-items: center;
  gap: 1.2rem;
  padding: 1.5rem 1.8rem;
  border-bottom: 1px solid var(--c-border);
  position: relative;
  transition: background .3s;
  cursor: default;
}
.svc-row:last-child { border-bottom: none; }
.svc-row::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--c-gold);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.svc-row:hover { background: var(--c-surface); }
.svc-row:hover::before { transform: scaleY(1); }

.svc-row-num {
  font-family: var(--f-disp);
  font-size: 1.75rem; font-weight: 700;
  color: var(--c-gold); opacity: .45;
  line-height: 1;
  transition: opacity .3s;
  user-select: none;
}
.svc-row:hover .svc-row-num { opacity: 1; }

.svc-row-icon {
  width: 42px; height: 42px;
  border: 1px solid var(--c-border);
  display: flex; align-items: center; justify-content: center;
  color: var(--c-text2); font-size: .95rem;
  transition: background .3s, border-color .3s, color .3s;
}
.svc-row:hover .svc-row-icon {
  background: var(--c-gold-dim);
  border-color: var(--c-gold-line);
  color: var(--c-gold);
}

.svc-row-body h3 {
  font-family: var(--f-disp);
  font-size: .95rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em;
  color: var(--c-text); margin-bottom: .3rem;
  transition: color .3s;
}
.svc-row:hover .svc-row-body h3 { color: var(--c-gold); }
.svc-row-body p {
  font-size: .8rem; color: var(--c-text2); line-height: 1.7; margin: 0;
}

.svc-row-arrow {
  color: var(--c-text3); font-size: .8rem;
  transition: color .3s, transform .3s;
}
.svc-row:hover .svc-row-arrow {
  color: var(--c-gold);
  transform: translateX(4px);
}

/* ──────────────────────────────────────────────────────────────
   SON HABERLER — Magazine Layout
   ────────────────────────────────────────────────────────────── */
.news-magazine-section {
  background: var(--c-bg2);
  border-top: 1px solid var(--c-border);
  padding: 7rem 0;
}

/* Başlık satırı: sol başlık — sağ link */
.news-mag-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
  gap: 1rem;
}
.news-mag-header-left 
/* ── Section Label ── */
.section-label {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
}
.section-label span {
  font-family: var(--f-disp);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-gold);
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--c-gold-line), transparent);
}

.eyebrow { margin-bottom: .4rem; }
.news-mag-header-left h2 {
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 700; margin: 0;
}

/* Magazine grid: büyük sol + 2 küçük sağ */
.news-mag-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1.5px;
  background: var(--c-border);
  min-height: 480px;
}

/* Sol: Büyük featured kart */
.news-featured-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 480px;
}
.news-featured-card img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(.55) brightness(.65);
  transition: transform .7s, filter .5s;
}
.news-featured-card:hover img {
  transform: scale(1.04);
  filter: saturate(.7) brightness(.75);
}
/* Gradient overlay */
.news-featured-card::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    to top,
    rgba(7,9,14,.95) 0%,
    rgba(7,9,14,.4)  45%,
    transparent      100%
  );
  z-index: 1;
}
.news-featured-body {
  position: relative; z-index: 2;
  padding: 2rem;
}
.news-featured-cat {
  display: inline-block;
  font-family: var(--f-disp);
  font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
  background: var(--c-gold); color: #000;
  padding: .2rem .65rem; margin-bottom: .8rem;
}
.news-featured-body h2 {
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  font-weight: 700; line-height: 1.25;
  margin-bottom: .6rem; color: #fff;
}
.news-featured-body p {
  font-size: .83rem; color: rgba(255,255,255,.65);
  line-height: 1.7; margin-bottom: .8rem;
}
.news-featured-meta {
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--f-disp); font-size: .62rem;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,.4);
}
.news-featured-read {
  color: var(--c-gold);
  display: flex; align-items: center; gap: .4rem;
  font-family: var(--f-disp); font-size: .62rem;
  letter-spacing: .14em; text-transform: uppercase;
  transition: gap .3s;
}
.news-featured-card:hover .news-featured-read { gap: .7rem; }

/* Sağ: Küçük kartlar dikey stack */
.news-side-stack {
  display: flex; flex-direction: column;
  gap: 1.5px; background: var(--c-border);
}

.news-side-card {
  display: flex;
  background: var(--c-card);
  text-decoration: none; color: inherit;
  flex: 1;
  transition: background .3s;
  overflow: hidden;
}
.news-side-card:hover { background: var(--c-surface); }

.news-side-img {
  width: 140px; flex-shrink: 0;
  position: relative; overflow: hidden;
}
.news-side-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(.5) brightness(.7);
  transition: transform .5s, filter .4s;
  display: block;
}
.news-side-card:hover .news-side-img img {
  transform: scale(1.06);
  filter: saturate(.65) brightness(.8);
}
.news-side-cat {
  position: absolute; top: .6rem; left: .6rem;
  font-family: var(--f-disp); font-size: .55rem;
  letter-spacing: .14em; text-transform: uppercase;
  background: var(--c-gold); color: #000;
  padding: .15rem .45rem; z-index: 2;
}

.news-side-body {
  padding: 1.1rem 1.2rem;
  display: flex; flex-direction: column; justify-content: center;
}
.news-side-date {
  font-family: var(--f-disp); font-size: .58rem;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--c-text3); margin-bottom: .4rem;
}
.news-side-body h3 {
  font-size: .88rem; font-weight: 600;
  line-height: 1.4; margin-bottom: .4rem;
  color: var(--c-text); transition: color .3s;
}
.news-side-card:hover .news-side-body h3 { color: var(--c-gold); }
.news-side-body p {
  font-size: .76rem; color: var(--c-text2);
  line-height: 1.6; margin: 0;
}

/* Light mode overrides */
[data-theme="light"] .news-magazine-section { background: var(--c-bg2); }
[data-theme="light"] .news-featured-card::after {
  background: linear-gradient(to top, rgba(13,16,36,.95) 0%, rgba(13,16,36,.4) 45%, transparent 100%);
}
[data-theme="light"] .news-side-card { box-shadow: none; }

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
  .about-new-grid { grid-template-columns: 1fr; gap: 3rem; }
  .about-new-right { order: -1; }
  .about-img-box { max-width: 480px; margin: 0 auto; }
  .about-floating-badge { left: 0; }
  .svc-editorial-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .svc-intro-panel { position: static; }
  .news-mag-grid { grid-template-columns: 1fr; }
  .news-featured-card { min-height: 340px; }
  .news-side-stack { flex-direction: row; }
  .news-side-card { flex-direction: column; }
  .news-side-img { width: 100%; height: 140px; }
}
@media (max-width: 767px) {
  .about-new { padding: 4rem 0; }
  .services-editorial { padding: 4rem 0; }
  .news-magazine-section { padding: 4rem 0; }
  .svc-row { grid-template-columns: 44px 1fr auto; gap: .8rem; padding: 1.1rem 1rem; }
  .svc-row-icon { display: none; }
  .news-mag-header { flex-direction: column; align-items: flex-start; }
  .news-side-stack { flex-direction: column; }
  .news-side-card { flex-direction: row; }
  .news-side-img { width: 110px; height: auto; min-height: 100px; }
}
@media (max-width: 480px) {
  .svc-row-num { font-size: 1.3rem; }
}

/* ================================================================
   GLOBAL BORDER-RADIUS & SOFTENING
   Keskin kutulardan yumuşak tasarıma geçiş
   ================================================================ */

/* ── Genel kart yumuşatma ── */
.rota-card {
  border-radius: 6px;
  border: none;
  background: var(--c-card);
  box-shadow: 0 1px 12px rgba(0,0,0,.18);
}
[data-theme="light"] .rota-card,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .rota-card {
    box-shadow: 0 2px 16px rgba(13,16,36,.08);
    border: 1px solid rgba(210,213,226,.5);
  }
}
.rota-card:hover { transform: translateY(-2px); }

/* services grid — rounded corners, no harsh gap */
.services-grid {
  gap: 8px;
  background: transparent;
  border: none;
}
.services-grid > * {
  border-radius: 6px;
  box-shadow: 0 1px 12px rgba(0,0,0,.18);
}

/* ── About pillars — yumuşat ── */
.about-pillars {
  border: none;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.about-pillar {
  border: none;
  border-radius: 8px;
  background: var(--c-surface);
  padding: .95rem 1.2rem;
  transition: background .3s, transform .25s, box-shadow .25s;
}
.about-pillar:hover {
  background: var(--c-card);
  transform: translateX(4px);
  box-shadow: 0 2px 16px rgba(0,0,0,.15);
}
[data-theme="light"] .about-pillar,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .about-pillar {
    background: #fff;
    box-shadow: 0 1px 8px rgba(13,16,36,.06);
  }
  :root:not([data-theme="dark"]) .about-pillar:hover {
    box-shadow: 0 4px 20px rgba(13,16,36,.12);
  }
}

/* pillar icon — daha yuvarlak */
.pillar-icon {
  border-radius: 6px;
  border: none;
  background: var(--c-gold-dim);
}

/* ── Floating badge — yumuşat ── */
.about-floating-badge {
  border-radius: 8px;
  border: none;
  border-left: 3px solid var(--c-gold);
  box-shadow: 0 4px 24px rgba(0,0,0,.3);
}
.badge-icon { border-radius: 4px; }

/* ── Decorative frame — daha soft ── */
.about-img-frame {
  border: 1px solid rgba(200,150,12,.2);
  border-radius: 4px;
}
.about-img-box {
  border-radius: 6px;
  overflow: hidden;
}
.about-img-box img { border-radius: 0; border: none; }
.about-img-box::before { border-color: rgba(200,150,12,.5); }

/* ── Service rows — softer ── */
.svc-row-list {
  border: none;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.svc-row {
  border: none;
  border-radius: 8px;
  background: var(--c-surface);
}
.svc-row:hover {
  background: var(--c-card);
  box-shadow: 0 2px 16px rgba(0,0,0,.15);
}
[data-theme="light"] .svc-row,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .svc-row {
    background: #fff;
    box-shadow: 0 1px 8px rgba(13,16,36,.05);
  }
  :root:not([data-theme="dark"]) .svc-row:hover {
    box-shadow: 0 4px 20px rgba(13,16,36,.1);
  }
}
.svc-row-icon {
  border-radius: 6px;
  border-color: transparent;
  background: var(--c-gold-dim);
}

/* ── News cards — soft ── */
.news-prev-grid {
  gap: 8px;
  background: transparent;
}
.news-prev-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(0,0,0,.14);
}
[data-theme="light"] .news-prev-card,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .news-prev-card {
    box-shadow: 0 2px 12px rgba(13,16,36,.07);
    border: 1px solid rgba(210,213,226,.5);
  }
}

/* News magazine */
.news-mag-grid {
  gap: 8px;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
}
.news-featured-card {
  border-radius: 0;
}
.news-side-stack {
  gap: 8px;
  background: transparent;
}
.news-side-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 12px rgba(0,0,0,.12);
}
[data-theme="light"] .news-side-card,
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .news-side-card {
    box-shadow: 0 2px 12px rgba(13,16,36,.07);
    border: 1px solid rgba(210,213,226,.5);
  }
}

/* ── Stats, CTA, hero bantları — soft ── */
.stat-block { border-radius: 6px; }

/* ── Page hero — soft border-bottom ── */
.page-hero {
  border-bottom: none;
  position: relative;
}
.page-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(to right, var(--c-gold), transparent);
}

/* ── Genel buton yumuşatma ── */
.btn-rota, .btn-rota-outline, .btn-rota-solid {
  border-radius: 4px;
}

/* ── Nav butonu ── */

/* ── Nav end wrapper: toggle + cta ── */
.nav-end-wrap {
  display: flex;
  align-items: center;   /* Y ekseni: toggle ve butonu dikey ortalar */
  gap: 8px;
  flex-shrink: 0;        /* Küçülme — margin-left: auto kaldırıldı, flex:1 halleder */
}
.nav-cta { border-radius: 4px; }

/* ── Theme toggle ── */
.theme-toggle { border-radius: 4px; }

/* ── Fuar/Event rows ── */
.event-row { border-radius: 6px; margin-bottom: 4px; border: none; }

/* ── iletisim form inputs ── */
.rota-form input, .rota-form select, .rota-form textarea {
  border-radius: 4px;
}

/* ── Slider dot ── */
.hero-bg-dot { border-radius: 2px; }

/* ── İnce separator lines yerine spacing ── */
.svc-row::before { border-radius: 0 4px 4px 0; }

/* ── Haberler page cards ── */
.news-card { border-radius: 8px; overflow: hidden; border: none; }
[data-theme="light"] .news-card {
  box-shadow: 0 2px 14px rgba(13,16,36,.07);
  border: 1px solid rgba(210,213,226,.5);
}

/* ── about-img-wrap (hakkimizda sayfası) ── */
.about-img-wrap { border-radius: 6px; }

/* ── svc-feature (hizmetler sayfası) ── */
.service-feature { border-radius: 8px; overflow: hidden; border: none; box-shadow: 0 2px 20px rgba(0,0,0,.14); }

/* ── Form inputs (iletisim sayfası) ── */
#contactForm input:focus,
#contactForm select:focus,
#contactForm textarea:focus {
  border-color: var(--c-gold) !important;
  box-shadow: 0 0 0 3px var(--c-gold-dim);
}
#contactForm select option {
  background: var(--c-card);
  color: var(--c-text);
}
/* Light modda select option arka plan */
[data-theme="light"] #contactForm select option {
  background: #ffffff;
}
.news-detail-content h2, .news-detail-content h3, .news-detail-content h4 {
    color: var(--c-text);
    margin: 1.5rem 0 .8rem;
    font-family: var(--f-head);
}

.news-detail-content ul, .news-detail-content ol {
    margin: 1rem 0 1rem 1.2rem;
    color: var(--c-text2);
}

.news-detail-content blockquote {
    border-left: 3px solid var(--c-gold);
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: var(--c-text2);
    font-style: italic;
}

.news-detail-content a {
    color: var(--c-gold);
    text-decoration: underline;
}
.news-detail-cover {
    width: 100%;
    max-height: 420px;
    overflow: hidden;
    border-radius: 10px;
}

    .news-detail-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }