/* ============================================================
   Online Koçunuz — Öğrenci Yorumları (SEO) sayfa-özel stiller
   Kaynak: design_system/standalone/ogrenci-yorumlari.html
   Tüm kurallar .okt-yorumlar altına scope'landı (çakışma önleme).
   Token'lar globalde tanımlı (style.css): var(--primary-500) vb.
   @keyframes gibi kurallar global bırakıldı.
   ============================================================ */

/* ---- Genel sarmalayıcı + container ---- */
.okt-yorumlar { background:#fff; }
.okt-yorumlar .container {
  max-width:1120px; margin:0 auto; padding-left:24px; padding-right:24px;
}

/* ---- Scroll reveal (global guard prefers-reduced-motion ile) ---- */
.okt-yorumlar .reveal {
  opacity:0; transform:translateY(14px);
  animation:fade-in-up .6s var(--ease-out) forwards;
}
.okt-yorumlar .reveal:nth-of-type(2){ animation-delay:.08s; }
.okt-yorumlar .reveal:nth-of-type(3){ animation-delay:.16s; }

@keyframes fade-in-up {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .okt-yorumlar .reveal { opacity:1; transform:none; animation:none; }
}

/* ---- HERO ---- */
.okt-yorumlar .oky-hero {
  position:relative; overflow:hidden;
  padding:48px 0 40px;
  background:linear-gradient(180deg,#F6F8FF,#fff);
}
.okt-yorumlar .oky-hero__glow {
  position:absolute; top:-160px; right:-120px;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, rgba(91,123,255,.14), transparent 65%);
  filter:blur(30px); pointer-events:none;
}
.okt-yorumlar .oky-hero .container { position:relative; z-index:2; }

.okt-yorumlar .oky-crumbs {
  display:flex; align-items:center; gap:8px;
  font-size:13px; color:var(--fg-muted); margin-bottom:18px; flex-wrap:wrap;
}
.okt-yorumlar .oky-crumbs a { color:var(--fg-muted); transition:color .16s var(--ease-out); }
.okt-yorumlar .oky-crumbs a:hover { color:var(--primary-600,#2a45d6); }
.okt-yorumlar .oky-crumbs span[aria-current] { color:var(--ink-900); font-weight:600; }

.okt-yorumlar .oky-hero__meta {
  display:flex; align-items:center; gap:24px;
  margin-bottom:6px; flex-wrap:wrap;
}
.okt-yorumlar .oky-pill {
  display:inline-flex; align-items:center;
  padding:6px 13px; border-radius:999px;
  background:var(--accent-500,#C6F25A); color:var(--ink-900);
  font-size:12px; font-weight:800; letter-spacing:.01em;
}
.okt-yorumlar .oky-rating { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.okt-yorumlar .oky-stars { display:flex; gap:2px; }
.okt-yorumlar .oky-rating__score { font-size:14px; font-weight:700; color:var(--ink-900); }
.okt-yorumlar .oky-rating__count { font-size:13px; color:var(--fg-muted); }

.okt-yorumlar .oky-hero__title {
  margin:14px 0 12px; max-width:760px;
  color:var(--ink-900); font-weight:800; letter-spacing:-.02em;
  font-size:clamp(28px,6vw,46px); line-height:1.08;
}
.okt-yorumlar .oky-hero__lead {
  max-width:660px; color:var(--fg-muted);
  font-size:16px; line-height:1.6; margin:0;
}

/* ---- YORUM KARTLARI GRID (mobil öncelikli; masonry kolon) ---- */
.okt-yorumlar .oky-grid-sec { padding:48px 0; background:#fff; }
.okt-yorumlar .oky-masonry {
  column-count:1; column-gap:16px;
}
@media (min-width:680px)  { .okt-yorumlar .oky-masonry { column-count:2; } }
@media (min-width:1000px) { .okt-yorumlar .oky-masonry { column-count:3; } }

.okt-yorumlar .oky-card {
  break-inside:avoid; margin-bottom:16px; padding:22px;
  background:#fff; border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 4px 16px -8px rgba(11,15,26,.08);
  transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.okt-yorumlar .oky-card:hover {
  transform:translateY(-3px);
  box-shadow:0 14px 30px -12px rgba(11,15,26,.16);
}
.okt-yorumlar .oky-card__head {
  display:flex; align-items:center; gap:10px; margin-bottom:12px;
}
.okt-yorumlar .oky-avatar {
  flex-shrink:0; width:36px; height:36px; border-radius:50%;
  background:var(--primary-500); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:13px;
}
.okt-yorumlar .oky-card__name { font-size:13px; font-weight:700; color:var(--ink-900); }
.okt-yorumlar .oky-card__alan { font-size:11px; color:var(--fg-muted); }
.okt-yorumlar .oky-card__stars { display:flex; gap:2px; margin-bottom:10px; }
.okt-yorumlar .oky-card__text {
  font-size:14px; color:var(--ink-700); line-height:1.6; margin:0;
}
.okt-yorumlar .oky-card__date { font-size:11px; color:var(--fg-muted); margin-top:10px; }

/* ---- YORUM POLİTİKASI ---- */
.okt-yorumlar .oky-policy-sec { padding:8px 0 80px; background:#fff; }
.okt-yorumlar .oky-policy {
  max-width:760px; margin:0 auto; text-align:center;
  padding:28px; border-radius:12px;
  background:var(--ink-10); color:var(--fg-muted);
  font-size:13.5px; line-height:1.6;
}
.okt-yorumlar .oky-policy strong { color:var(--ink-900); }