/* Ortak taban — her bölüm eklentisi kendi içinde taşır, bağımsız çalışır */
.oos-sayfa {
  --oos-navy: #0b2a4a;
  --oos-blue: #1868db;
  --oos-teal: #0ea394;
  --oos-ink: #10233d;
  --oos-ink-soft: #55677f;
  --oos-bg: #ffffff;
  --oos-bg-alt: #f6f8fb;
  --oos-card: #ffffff;
  --oos-line: #e4e9f0;
  --oos-radius: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Arial, sans-serif;
  color: var(--oos-ink);
  line-height: 1.55;
}
.oos-sayfa *,
.oos-sayfa *::before,
.oos-sayfa *::after { box-sizing: border-box; }
.oos-sayfa img { max-width: 100%; display: block; }
.oos-container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.oos-section { padding: 72px 0; }
.oos-section--alt { background: var(--oos-bg-alt); }
.oos-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--oos-teal); margin: 0 0 12px;
}
.oos-h2 {
  font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.25;
  letter-spacing: -0.01em; color: var(--oos-navy); margin: 0 0 14px;
}
.oos-lead { font-size: 16.5px; color: var(--oos-ink-soft); max-width: 640px; margin: 0; }

/* ---------- SİSTEMDEN NE YAPILABİLİR (4'lü, otomatik kayan, noktalı) ---------- */
.oos-carousel { margin-top: 40px; }
.oos-carousel__viewport { overflow: hidden; width: 100%; }
.oos-carousel__track {
  display: flex;
  gap: 20px;
  transition: transform .5s ease;
  will-change: transform;
}
.oos-carousel__kart {
  flex: 0 0 calc(25% - 15px);
  background: var(--oos-card);
  border: 1px solid var(--oos-line);
  border-radius: var(--oos-radius);
  padding: 24px 20px;
}
.oos-carousel__ikon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--oos-blue), var(--oos-teal));
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 10px 18px -8px rgba(24, 104, 219, 0.45);
}
.oos-carousel__kart h4 { margin: 0 0 8px; font-size: 15.5px; font-weight: 800; color: var(--oos-navy); }
.oos-carousel__kart p { margin: 0; font-size: 13.8px; color: var(--oos-ink-soft); }

.oos-carousel__noktalar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 30px;
}
.oos-carousel__nokta {
  width: 9px; height: 9px;
  border-radius: 50%;
  border: none;
  background: var(--oos-line);
  cursor: pointer;
  padding: 0;
  transition: background .2s ease, transform .2s ease;
}
.oos-carousel__nokta.is-active { background: var(--oos-teal); transform: scale(1.35); }

@media (max-width: 980px) {
  .oos-carousel__kart { flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 560px) {
  .oos-carousel__kart { flex: 0 0 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .oos-sayfa * { transition: none !important; }
}