body { background: #141414; color: #fff; }
h3{color:#fff}.video-items {border-radius:20px}
.play-icon { position: absolute; top: calc(50% - 17px); left: 50%; transform: translate(-50%, -50%); background: #fe6081; height: 50px; width: 50px; padding: 11px; color: #fff; border-radius: 50%; pointer-events: none; }
.btn-gray { background: #232323; border-color: #0e0e0e; color: #b3b3b3; }
.btn-gray:hover { color: #fff; }
.scroll-container { display: flex; overflow-x: auto; padding: 5px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; touch-action: pan-x; pointer-events: auto; scroll-behavior: smooth; }
.scroll-container::-webkit-scrollbar { display: none; }
.scroll-container { -ms-overflow-style: none; scrollbar-width: none; }
.scroll-container a { flex-shrink: 0; padding: 5px 15px; scroll-snap-align: start; border-radius: 8px; }
.video-wrapper img { aspect-ratio: 16 / 9; object-fit: contain; background: #000; margin-top: 20px; border-radius: 20px; }
a.title_video { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 62px; text-overflow: ellipsis; max-width: 100%; font-size: 16px; padding: 8px; color: #c1c1c1; text-align: left; width: 100%; }