/* ===== سکشن کلی ===== */
.trust-slider { padding: 40px 0 28px; color: var(--color-white);max-width: 95vw;margin-right: auto;margin-left: auto; }
.trust-slider__container { width: min(1200px, 92%); margin: 0 auto; }
.trust-slider__title { margin: 0 0 18px; font-size: 34px; text-align: right; }

/* ===== ویوپورت اسلایدر ===== */
.ts-viewport {
  position: relative;
  margin-top: 8px;
  touch-action: pan-x;
  cursor: grab;
}
.ts-viewport.dragging { cursor: grabbing; }

.ts-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 2px 8px 18px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  direction: ltr;                 /* اسکرول LTR */
  will-change: scroll-position;
  scroll-snap-type: none;         /* اسنپ غیرفعال (مطابق حالت نهایی موجود) */
}
.ts-track::-webkit-scrollbar { display: none; }
.ts-track.dragging,
.ts-track.gliding { scroll-snap-type: none; }

/* ===== کارت ویدئو ===== */
.t-card {
  flex: 0 0 auto;
  width: 280px;
  border-radius: 16px;
  overflow: hidden;
  background: #0e0c27;
  box-shadow: 0 6px 18px rgba(0,0,0,.28);
  position: relative;
  transition: transform .18s ease;
  scroll-snap-align: start;
  direction: rtl;                 /* متن RTL */
}
.t-card:hover { transform: translateY(-2px); }

.t-media { position: relative; background: #111; height: 100%; }
.t-media video { width: 100%; display: block; object-fit: cover; }
.t-media img, .t-media video { -webkit-user-drag: none; user-drag: none; }

.t-gradient {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%);
}

.t-play {
  position: absolute; left: 12px; bottom: 12px;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,.9);
  border: none; cursor: pointer;
  display: grid; place-items: center;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
.t-play::before {
  content: '';
  display: block;
  width: 0; height: 0;
  border-left: 12px solid #111;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  margin-left: 3px;
}
.t-card.is-playing .t-play::before {
  content: '';
  width: 4px;
  height: 14px;
  margin: 0;
  border: 3px solid #111;
  border-top: none;
  border-bottom: none;
}

/* ===== اطلاعات پایین کارت ===== */
.t-info {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 10px 14px 12px;
  display: grid; gap: 4px;
  color: #fff;
  direction: rtl;                 /* متن RTL */
}
.t-name { font-weight: 600; font-size: 20px; z-index: 2}
.t-role { font-size: 16px; opacity: 70%; z-index: 2; font-weight: 600;}

/* ===== فلش‌ها ===== */
.ts-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border: none; background: transparent; color: #fff;
  cursor: pointer; backdrop-filter: blur(6px);
}
.ts-arrow img{
    height: 69px;
}
.ts-arrow:disabled { opacity: 0; cursor: default; display: none;}
.ts-arrow--prev { right: 100%; margin-right: 8px; }
.ts-arrow--next { left: 100%; margin-left: 8px; }

/* ===== محو شونده‌های دو طرف ===== */
.ts-fade { position: absolute; top: 0; bottom: 0; width: 70px; pointer-events: none; opacity: 1; transition: opacity .25s ease; z-index: 4 }
.ts-fade--left  { left: -1px;  background: linear-gradient(270deg, rgba(12,10,34,0) 0%, var(--color-bg) 80%); }
.ts-fade--right { right: -1px; background: linear-gradient(90deg,  rgba(12,10,34,0) 0%, var(--color-bg) 80%); }
.ts-fade.is-hidden { opacity: 0; visibility: hidden; }

/* ===== دات‌ها و نوار پیشرفت پایین ===== */
.ts-dots {
  display: flex; justify-content: center; gap: 8px;
  margin: 10px 0 6px;
}
.ts-dots span {
  width: 8px; height: 8px; border-radius: 999px;
  background: #ffffff3a;
  transition: transform .2s, background-color .2s;
  cursor: pointer;
}
.ts-dots span.active { background: #fff; transform: scale(1.15); }

.ts-rail {
  width: 120px; height: 3px; margin: 0 auto;
  border-radius: 99px;
  background: rgb(115 122 136 / 30%);
  position: relative; overflow: hidden;
}
.ts-rail__bar {
  position: absolute; top: 0; bottom: 0; left: 0;
  height: 100%; width: 40px;
  background: #737A88; border-radius: 99px;
  transform: translateX(0%); transition: transform .25s ease;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 980px) { .t-card { width: 260px; } }
@media (max-width: 720px) {
  .ts-arrow--prev, .ts-arrow--next { display: none; }
  .t-card { width: 297px; }
  .ts-track{
      gap: 10px
  }
}
@media (min-width: 1024px){
  .t-card  { width: 297px; }
  .ts-track{ --edge-gap: 96px; }
}


.t-media { position: relative; }
.t-gradient { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.t-play { position: absolute; left: 12px; bottom: 12px; z-index: 3; pointer-events: auto; }
.t-media video { display:block; width:100%; object-fit:cover; z-index:0; height: 100%; }