/* [ttw-yorumlar] "Ogrencilerimiz hakkimizda ne dusunuyor?" bolumu — yeni tasarim (12 Eki 2026)
   Sablon: templates/frontend/base.html {% block testimonials %} | renk dili Referanslarimiz ile ayni */
:root{
  --ttwyor-ink:#0A102E; --ttwyor-ink-2:#2a3245; --ttwyor-ink-3:#5b6475;
  --ttwyor-accent:#E8402A; --ttwyor-star:#F5B301;
  --ttwyor-paper:#ffffff; --ttwyor-paper-2:#f6f8fc; --ttwyor-line:#e3e8f4; --ttwyor-line-2:#d7deee;
}
.ttwyor-section{background:var(--ttwyor-paper-2);padding:64px 0 68px;border-top:1px solid var(--ttwyor-line);font-family:Inter,Helvetica,Arial,sans-serif}
.ttwyor-wrap{max-width:1140px;margin:0 auto;padding:0 15px}
.ttwyor-baslik{display:flex;align-items:baseline;gap:16px;margin-bottom:36px}
.ttwyor-kod{font-family:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,monospace;font-size:12px;letter-spacing:.14em;color:var(--ttwyor-accent);text-transform:uppercase;white-space:nowrap}
.ttwyor-baslik h2{margin:0;font-size:clamp(24px,3.2vw,38px);letter-spacing:-.025em;font-weight:800;color:var(--ttwyor-ink);line-height:1.15}
.ttwyor-baslik::after{content:"";flex:1;height:1px;background:var(--ttwyor-line-2);align-self:center;min-width:24px}
.ttwyor-ozet{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--ttwyor-ink-3);align-self:center}
.ttwyor-ozet strong{font-size:18px;font-weight:800;color:var(--ttwyor-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ttwyor-ozet .ttwyor-yildiz{color:var(--ttwyor-star);font-size:14px;letter-spacing:1px}

/* swiper */
.ttwyor-section swiper-container{padding:6px 2px 10px;--swiper-pagination-color:var(--ttwyor-accent);--swiper-pagination-bullet-inactive-color:var(--ttwyor-line-2);--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-size:8px;--swiper-pagination-bullet-horizontal-gap:3px}
.ttwyor-section swiper-slide{height:auto;display:flex;align-items:stretch;background:transparent;border-radius:16px;text-align:left;font-size:inherit}
.ttwyor-section swiper-slide img{width:44px;height:44px}
.ttwyor-kart{width:100%;background:var(--ttwyor-paper);border:1px solid var(--ttwyor-line);border-radius:16px;padding:26px 26px 22px;display:flex;flex-direction:column;text-align:left;transition:border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.ttwyor-kart:hover{border-color:var(--ttwyor-line-2);transform:translateY(-3px);box-shadow:0 1px 2px rgba(10,16,46,.04),0 10px 28px rgba(10,16,46,.07)}
.ttwyor-ust{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.ttwyor-tirnak{font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:.6;color:var(--ttwyor-accent);height:30px;display:block;transform:translateY(8px)}
.ttwyor-puan{display:flex;gap:2px;margin-top:2px;font-size:13px}
.ttwyor-puan span{color:var(--ttwyor-line-2)}
.ttwyor-puan span.checked{color:var(--ttwyor-star)}
.ttwyor-kart h3{margin:4px 0 8px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ttwyor-ink);line-height:1.3}
.ttwyor-mesaj{margin:0 0 22px;font-size:15.5px;line-height:1.62;color:var(--ttwyor-ink-2);flex:1}
.ttwyor-kisi{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--ttwyor-line)}
.ttwyor-kisi img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--ttwyor-paper-2)}
.ttwyor-kisi .ttwyor-ad{font-size:14px;font-weight:600;color:var(--ttwyor-ink);line-height:1.25}
.ttwyor-kisi .ttwyor-unvan{font-size:12.5px;color:var(--ttwyor-ink-3);margin-top:2px}

/* kontroller */
.ttwyor-kontrol{display:flex;align-items:center;justify-content:flex-end;margin-top:14px;gap:8px}
.ttwyor-noktalar{display:none}
.ttwyor-noktalar .swiper-pagination-bullet{width:8px;height:8px;border-radius:999px;background:var(--ttwyor-line-2);cursor:pointer;transition:width .25s,background .2s;display:inline-block}
.ttwyor-noktalar .swiper-pagination-bullet-active{width:24px;background:var(--ttwyor-accent)}
.ttwyor-oklar{display:flex;gap:8px}
.ttwyor-ok{width:44px;height:44px;border-radius:50%;border:1px solid var(--ttwyor-line-2);background:var(--ttwyor-paper);color:var(--ttwyor-ink);cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s}
.ttwyor-ok:hover{background:var(--ttwyor-ink);border-color:var(--ttwyor-ink);color:#fff}
.ttwyor-ok:focus-visible{outline:2px solid var(--ttwyor-accent);outline-offset:2px}
.ttwyor-ok svg{width:18px;height:18px}
.ttwyor-ok.swiper-button-disabled{opacity:.35;cursor:default}
.ttwyor-kontrol .ttwyor-ok+.ttwyor-ok{margin-left:0}

@media (max-width:639px){
  .ttwyor-section{padding:44px 0 48px}
  .ttwyor-baslik{flex-wrap:wrap;gap:8px 14px;margin-bottom:24px}
  .ttwyor-baslik::after{display:none}
  .ttwyor-ozet{width:100%;margin-top:4px}
  .ttwyor-kart{padding:22px 20px 18px}
}
@media (prefers-reduced-motion:reduce){.ttwyor-kart{transition:none}}