/* Container */
.tysc-wrap{ position:relative; }
.tysc-slick{ margin-top:8px; }
.tysc-slide{ padding:6px; }
.tysc-card{ background:#0f0f0f; border-radius:14px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,.15); }
.tysc-title{ color:#fff; font-size:14px; padding:8px 10px; min-height:40px; }

/* Thumbnail + play */
.tysc-thumb{ position:relative; background:#111; overflow:hidden; }
.tysc-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.aspect-16x9{ aspect-ratio:16/9; }
.aspect-1x1{ aspect-ratio:1/1; }
.aspect-4x3{ aspect-ratio:4/3; }
.tysc-play{ position:absolute; left:10px; bottom:10px; width:36px; height:36px; border-radius:50%; border:0; background:#ff0000; color:#fff; font-weight:bold; cursor:pointer; }

/* Top-right nav */
.tysc-wrap .tysc-nav{ position:absolute; top:-10px; right:0; display:flex; gap:8px; z-index:5; }
.tysc-prev, .tysc-next{
    width: var(--tysc-nav-size, 40px); height: var(--tysc-nav-size, 40px);
    background: var(--tysc-nav-bg, #dc2626);
    color: var(--tysc-nav-color, #fff);
    border:0; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.25); cursor:pointer;
}
.tysc-prev:hover, .tysc-next:hover{ filter:brightness(1.05); }

/* Dots override */
.tysc-wrap .slick-dots li button:before{ color:#bbb; }
.tysc-wrap .slick-dots li.slick-active button:before{ color:#fff; }

/* Modal */
.tysc-modal[hidden]{ display:none; }
.tysc-modal .tysc-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.6); }
.tysc-modal .tysc-modal-dialog{ position:fixed; inset:8% 8%; background:#000; border-radius:12px; padding:10px; }
.tysc-modal .tysc-iframe-wrap{ position:relative; width:100%; height:100%; }
.tysc-modal iframe{ position:absolute; inset:0; width:100%; height:100%; }
.tysc-close{ position:absolute; top:6px; right:10px; width:32px; height:32px; border:0; background:#333; color:#fff; border-radius:6px; cursor:pointer; }
