/* AGAGSIA · Yorumlar bolumu (#reviews) — assets/js/reviews.js ile birlikte.
 * Sayfalarin :root degiskenlerini (--teal, --ink, --muted, --line, --r-lg, --shadow) kullanir.
 * RTL icin mantiksal ozellikler (inline-start/end) kullanilir; [dir=rtl] icin yalnizca ok yonu cevrilir.
 * Kirilimlar: >1080 3 sutun | 621-1080 2 sutun | <=620 yatay kaydirici + onceki/sonraki.
 */
.quotes[hidden],.tp[hidden]{display:none}
.tp{--tp-star:#b7860b;--tp-star-off:rgba(33,27,23,.16);margin-top:40px}

/* ---- Ozet seridi ---- */
.tp-sum{display:grid;grid-template-columns:auto minmax(0,340px);justify-content:center;align-items:center;gap:20px 56px;background:#fff;border:1px solid rgba(199,8,98,.16);border-radius:var(--r-lg);padding:24px 32px;box-shadow:var(--shadow);max-width:760px;margin:0 auto}
.tp-score{display:flex;align-items:center;gap:18px}
.tp-num{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:3.4rem;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.tp-scoremeta{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.tp-based{font-size:.86rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(33,27,23,.3)}
.tp-based:hover{color:var(--teal);text-decoration-color:currentColor}
.tp-stars{display:inline-flex;color:var(--tp-star);line-height:0}
.tp-stars svg{width:16px;height:16px;flex:none}
.tp-stars-big{position:relative}
.tp-stars-big svg{width:22px;height:22px}
.tp-stars-bg{display:inline-flex;color:var(--tp-star-off)}
.tp-stars-fg{position:absolute;inset-block-start:0;inset-inline-start:0;display:flex;overflow:hidden;color:var(--tp-star)}
.tp-bars{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.tp-bars li{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}
.tp-bar{height:7px;border-radius:99px;background:rgba(33,27,23,.09);overflow:hidden}
.tp-bar-f{display:block;height:100%;border-radius:99px;background:var(--teal);min-width:0}
.tp-bar-p{text-align:end;font-variant-numeric:tabular-nums}

.tp-note{max-width:62ch;margin:18px auto 0;text-align:center;font-size:.88rem;color:var(--muted)}

/* ---- Kartlar ---- */
.tp-wrap{margin-top:26px}
.tp-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.tp-track:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:var(--r-lg)}
.tp-card{background:#fff;border:1px solid rgba(199,8,98,.16);border-radius:var(--r-lg);padding:24px 24px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}
.tp-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tp-src{font-size:.78rem;color:var(--muted);white-space:nowrap}
.tp-text{margin:14px 0;padding:0;font-size:.98rem;line-height:1.6;color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-clamp:8;overflow:hidden}
.tp-card.is-open .tp-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.tp-more{align-self:flex-start;margin:-8px 0 6px;padding:8px 0;min-height:44px;background:none;border:0;font:inherit;font-size:.88rem;font-weight:600;color:var(--teal);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tp-more:hover{color:var(--teal-d)}
.tp-more:focus-visible,.tp-arrow:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:8px}
.tp-who{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.tp-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,var(--teal),#5eead4);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.88rem}
.tp-whotxt{min-width:0;flex:1}
.tp-whotxt b{display:block;font-size:.93rem;line-height:1.3;overflow-wrap:anywhere}
.tp-whotxt small{display:block;color:var(--muted);font-size:.8rem;line-height:1.35}
.tp-pill{flex:none;font-size:.7rem;font-weight:600;letter-spacing:.03em;color:var(--teal-d);background:var(--teal-l);padding:3px 9px;border-radius:99px;white-space:nowrap}

/* ---- Alt eylemler ---- */
.tp-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}

/* ---- Onceki/sonraki (yalnizca mobil) ---- */
.tp-nav{display:none}

@media (max-width:1080px){
  .tp-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-sum{gap:18px 36px;padding:22px 24px}
}
@media (max-width:620px){
  .tp{margin-top:28px}
  .tp-sum{grid-template-columns:1fr;justify-items:stretch;gap:18px;padding:20px}
  .tp-score{justify-content:center}
  .tp-num{font-size:3rem}
  .tp-scoremeta{align-items:flex-start}
  .tp-wrap{margin-top:20px}
  .tp-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin-inline:-22px;padding:4px 22px 6px;scroll-padding-inline:22px;overscroll-behavior-x:contain;align-items:flex-start}
  .tp-track::-webkit-scrollbar{display:none}
  .tp-card{flex:0 0 86%;scroll-snap-align:center;padding:22px 20px 18px}
  .tp-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}
  .tp-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--teal);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:var(--shadow)}
  .tp-arrow:active{background:var(--teal-l)}
  .tp-arrow[aria-disabled="true"]{opacity:.35;box-shadow:none;cursor:default}
  .tp-prev svg{transform:scaleX(-1)}
  [dir="rtl"] .tp-prev svg{transform:none}
  [dir="rtl"] .tp-arrow:not(.tp-prev) svg{transform:scaleX(-1)}
  .tp-count{min-width:56px;text-align:center;font-size:.88rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
  .tp-actions{flex-direction:column;align-items:stretch;margin-top:26px}
  .tp-actions .btn{justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){.tp-track{scroll-behavior:auto}}