﻿.video-section{margin:5px auto;max-width:1400px;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2{font-size:14px;font-weight:400;margin:0}.section-header h2 i{margin-right:8px;color:#de2600}.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.video-grid .no-videos,.video-grid .loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#666;font-size:16px;grid-column:1/-1}.video-grid .loading i{margin-right:8px}.video-item{cursor:pointer}.video-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.video-thumb img{object-fit:cover;z-index:0}.thumb-placeholder,.thumb-preview,.video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%}.thumb-preview{object-fit:cover;display:none;z-index:1;pointer-events:none}.video-thumb .video-badge{z-index:3}.thumb-placeholder{display:flex;align-items:center;justify-content:center;background:#222;color:#666;font-size:40px}.video-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;line-height:16px;height:18px}.video-badge.hd{background:#de2600;right:8px;left:auto;bottom:30px}.video-info{padding:10px 0}.video-title{font-size:14px;font-weight:600;margin:0 0 5px;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{font-size:12px;color:#666}.video-meta .name{color:#de2600}.video-meta .duration-text{background:#777;color:#fff;padding:1px 5px;font-size:11px}.sprfluous{color:#999}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.loading i{margin-right:8px}.pagination{margin:20px 0;text-align:center}.pagination ul{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:0;justify-content:center}.pagination ul li{display:inline-block;margin:0 3px}.pagination ul li a{border:1px solid #ccc;display:inline-block;background:#fff;color:#000;font-size:14px;padding:4px 8px;text-decoration:none;transition:background .15s,color .15s}.pagination ul li a:hover{background:#555;color:#fff}.pagination ul li a.active{background:#DE2600;border-color:#DE2600;color:#fff;font-weight:700;cursor:default}.pagination ul li.no-page a{border:none;background:none;font-weight:700;padding:5px 4px;color:#000}.pagination ul li.no-page a:hover{color:#777}.pagination .next-btn,.pagination .prev-btn{font-weight:700;border:none!important;background:none!important;text-decoration:underline;color:#333;padding:4px 8px}.pagination .next-btn:hover,.pagination .prev-btn:hover{color:#DE2600;background:none!important}