.video-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));gap: 15px;justify-content:center;}
.video-card{display:flex;flex-direction:column;height:275px;align-items:center;justify-content:center;}
.video-card:hover{transform:scale(1.03)}
.video-card-body{display:flex;padding:5px;align-items:center;}
.video-card-thumb{width:100%;border-radius:5px;}
.video-title {font-size:10px;font-weight:bold;color:white;}
.video-duration {font-size:15px;font-weight:bold;color:white;margin-left:5px;}
.video-info{font-size:1rem;padding:10px;font-weight:bold;}
.tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.tag-container a{background-color:#ddd;color:#222;padding:4px 10px;border-radius:20px;transition:background 0.2s ease;display:inline-block;font-size:0.95rem;}
.tag-container a:hover{background-color:#bbb;}
.video-ads-wrapper {display: flex;gap: 20px;}
.ads-sidebar {display: flex;flex-direction: column;gap:20px;}
.video-container{position:relative;width:100%;aspect-ratio: 51/40;}
.video-container iframe {width:100%;height:100%;}
.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center;align-items:center;}
.pagination a, .pagination span{display:inline-block;padding:8px 12px;text-decoration:none;font-weight:bold;border-radius:6px;border:1px solid #ccc;background-color:#f9f9f9;color:black;transition:background-color 0.3s, color 0.3s;}
.pagination a:hover{background-color:#e0e0e0;}
.pagination .current{background-color:#d1d1d1;color:black;border:1px solid #aaa;}

@media (max-width: 768px) {
    .video-grid{display: block;width:100%;}
    .video-card{margin-bottom:15px;}
    .ads-sidebar{display:none;}
}