/* ── 7. FİNAL CTA & MOBİL UYUMLULUK ── */
.oi-final-cta { position: relative; padding: 130px 5vw; text-align: center; background: #111; overflow: hidden; }
.oi-cta-bg {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0.35; filter: grayscale(60%); transition: opacity 0.5s ease, filter 0.5s;
}
.oi-final-cta:hover .oi-cta-bg { opacity: 0.55; filter: grayscale(20%); }
.oi-cta-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0.4)); }
.oi-cta-body { position: relative; z-index: 5; max-width: 680px; margin: 0 auto; }
.oi-cta-body h2 {
  font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 4.5vw, 4rem);
  color: #fff; font-weight: 300; margin: 16px 0 20px; line-height: 1.2;
}
.oi-cta-body h2 em { color: var(--teal); font-style: italic; }
.oi-cta-body p {
  font-family: 'DM Sans', sans-serif; font-size: 1.05rem; color: rgba(255,255,255,0.65);
  margin-bottom: 40px; line-height: 1.8;
}
.oi-cta-btn {
  display: inline-block; padding: 16px 42px; background: var(--teal); color: #fff;
  font-family: 'Space Mono', monospace; font-size: 0.75rem; letter-spacing: 0.18em;
  border-radius: 50px; text-decoration: none; text-transform: uppercase; transition: all 0.35s ease;
}
.oi-cta-btn:hover { background: var(--coral); transform: translateY(-4px); box-shadow: 0 14px 35px rgba(231,111,81,0.45); }

/* Aktif Navigasyon Rengi İçin Ortak Sınıf */
.active-nav { color: var(--teal) !important; }
.active-nav::after { width: 100% !important; background: var(--teal) !important; }

/* Responsive (Mobil Cihazlar İçin) */
@media (max-width: 1024px) {
  .oi-card-duo, .oi-card-duo--reverse { flex-direction: column; gap: 40px; }
  .oi-card-visual { width: 100%; height: 340px; }
  .oi-job-grid { grid-template-columns: 1fr 1fr; }
  .oi-doc-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .oi-path-container { justify-content: flex-start; }
  .oi-path-connector { display: none; }
  .oi-job-grid { grid-template-columns: 1fr; }
  .oi-doc-grid { grid-template-columns: 1fr; }
  .oi-exam-grid { grid-template-columns: 1fr; }
  .oi-tip-cards { grid-template-columns: 1fr; }
  .oi-doc-cta { flex-direction: column; text-align: center; padding: 36px 28px; }
  .oi-doc-cta::before { display: none; }
  .oi-section { padding: 70px 0; }
  .oi-hero-pills { gap: 8px; }
  .oi-pill { font-size: 0.55rem; padding: 6px 12px; }
}