/* ==========================================================================
   Referans / yorum carousel'i
   ========================================================================== */

.carousel{position:relative;display:flex;align-items:center;gap:.5rem}

.carousel-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);
  gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:.35rem .25rem 1.1rem;flex:1;
  scrollbar-width:none;-ms-overflow-style:none;
}
.carousel-track::-webkit-scrollbar{display:none}

.carousel-nav{
  flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;
  box-shadow:var(--shadow);transition:background .15s,color .15s,opacity .15s;
}
.carousel-nav:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.carousel-nav[disabled]{opacity:.35;cursor:default}
.carousel-nav[disabled]:hover{background:#fff;color:var(--ink);border-color:var(--line)}
.section-ink .carousel-nav{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.section-ink .carousel-nav:hover{background:var(--primary);border-color:var(--primary)}

/* --- Kart --- */
.tcard{
  scroll-snap-align:start;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;
  min-height:230px;box-shadow:var(--shadow);
}
.section-ink .tcard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}

.tcard-mark{
  font-family:Georgia,serif;font-size:3.2rem;line-height:.7;color:var(--primary);
  opacity:.28;margin-bottom:.35rem;
}
.tcard blockquote{
  margin:0 0 1.1rem;padding:0;border:0;background:none;flex:1;
  font-size:1rem;line-height:1.6;color:var(--ink-2);
}
.section-ink .tcard blockquote{color:#c9cfe4}

.tcard figcaption{display:flex;align-items:center;gap:.7rem}
.tcard-avatar{
  width:40px;height:40px;border-radius:50%;flex:none;background:var(--primary-l);
  color:var(--primary-d);display:grid;place-items:center;
  font-family:var(--font-h);font-weight:800;font-size:.88rem;
}
.section-ink .tcard-avatar{background:rgba(255,255,255,.12);color:#fff}
.tcard-who{font-size:.87rem;line-height:1.35}
.tcard-who b{display:block;font-family:var(--font-h)}
.tcard-who span{color:var(--ink-3)}
.section-ink .tcard-who span{color:#8792b5}

.tcard-title{font-size:1.15rem;margin:.7rem 0 .4rem}
.section-ink .tcard-title{color:#fff}
.tcard-text{font-size:.92rem;color:var(--ink-2);flex:1;margin-bottom:1rem}
.section-ink .tcard-text{color:#c9cfe4}
.tcard-tag{
  display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-h);
  font-weight:700;font-size:.78rem;color:var(--accent);
}
.section-ink .pill{background:rgba(255,255,255,.1);color:#cdc6ff}

/* --- Noktalar --- */
.carousel-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.25rem}
.carousel-dots button{
  width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:var(--line);cursor:pointer;transition:width .2s,background .2s;
}
.carousel-dots button.is-active{width:22px;border-radius:99px;background:var(--primary)}
.section-ink .carousel-dots button{background:rgba(255,255,255,.22)}
.section-ink .carousel-dots button.is-active{background:#fff}

@media (max-width:820px){
  .carousel-nav{display:none}
  .carousel-track{grid-auto-columns:minmax(260px,84%);padding-inline:0}
}