/* Wrapper */
.tis-slider { width: 100%; max-width: 1100px; margin: 0 auto; }

/* Thumbs row */
.tis-thumbs-wrap { display:flex; align-items:center; gap: 10px; margin-bottom: 18px; }
.tis-thumbs-nav { width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.08); background: rgba(255,255,255,0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.tis-thumbs-nav span { font-size: 20px; line-height: 1; opacity: 0.75; }
.tis-thumbs { flex: 1; display:flex; gap: 18px; overflow-x:auto; overflow-y:hidden; padding: 6px 2px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tis-thumbs::-webkit-scrollbar { display:none; }
.tis-thumb { flex: 0 0 calc((100% - 18px*3) / 4); /* 4 visible */ max-width: 260px;
  border: 0; padding: 0; background: transparent; cursor:pointer; scroll-snap-align: center;
  border-radius: 18px; position: relative;
}
.tis-thumb img { width:100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 18px; display:block;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  border: 3px solid rgba(255,255,255,0.0);
}
.tis-thumb.is-active img { border-color: rgba(98, 151, 255, 0.85); }

/* Card */
.tis-card { border-radius: 22px; background: rgba(255,255,255,0.70);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
  padding: 18px;
}

/* Embed */
.tis-embed { border-radius: 18px; overflow:hidden; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.06); }
.tis-iframe { display:block; width:100%; aspect-ratio: 16/9; border: 0; }

/* Text */
.tis-text { text-align:center; padding: 16px 8px 6px; }
.tis-title { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
.tis-subtitle { font-size: 15px; opacity: 0.75; }

/* Responsive */
@media (max-width: 767px){
  .tis-slider { max-width: 100%; }
  .tis-thumb { flex-basis: calc((100% - 18px) / 2); } /* 2 visible on mobile */
}