.ph-video-grid-container { max-width:1200px; margin:auto; padding:2em 0;}
.ph-heading { font-size:2.3em; font-weight:bold; margin-bottom:1em;}
.ph-filter-bar { margin-bottom:2em; display:flex; gap:10px; align-items:center; }
.ph-filter-bar select, .ph-filter-bar button { padding:6px 10px; font-size:1em;}
.ph-video-grid {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 32px 24px;
}
.ph-video-card {
    background:#232323;
    border-radius:14px;
    box-shadow:0 4px 18px rgba(0,0,0,0.20);
    overflow:hidden;
    position:relative;
    transition:transform 0.18s;
}
.ph-video-card:hover { transform:scale(1.04);}
.ph-thumb-wrap { position:relative;}
.ph-thumb {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius: 12px 12px 0 0;
}
.ph-play-overlay {
    position:absolute; right:12px; bottom:10px;
    font-size:2em; color:#fff;
    background:rgba(0,0,0,0.50); padding:3px 11px; border-radius:50%;
    pointer-events:none;
}
.ph-duration {
    position:absolute; left:12px; bottom:10px;
    background:rgba(0,0,0,0.67);
    color:#fff; font-size:0.95em;
    padding:2px 8px; border-radius:6px;
}
.ph-video-info { padding:14px 14px 10px 14px; }
.ph-title {
    color:#ffd500; font-weight:bold; font-size:1.05em; text-decoration:none;
    display:block; margin-bottom:5px; line-height:1.2;
}
.ph-title:hover { color:#fff200; text-decoration:underline;}
.ph-cats, .ph-tags { margin-top:6px;}
.ph-cat, .ph-tag {
    display:inline-block; font-size:0.9em;
    background:#333; color:#ffd500;
    border-radius:6px; padding:2px 9px; margin:0 2px 2px 0;
}
.ph-cat { background:#272727; color:#ffa500;}
.ph-tag { background:#222; color:#f1c232;}
.ph-pagination { margin-top:2em; text-align:center;}
/* Suggested carousel */
.ph-suggested-bar { max-width:1200px; margin:auto; margin-top:3em;}
.ph-suggested-bar h2 { margin-bottom:1em; color:#ffd500;}
.ph-suggested-carousel { display:flex; gap:16px; overflow-x:auto; padding:8px 0;}
.ph-suggested-card { background:#1d1d1d; border-radius:10px; min-width:180px; padding:6px 0 7px 0;}
.ph-sugg-thumb { width:100%; border-radius:10px 10px 0 0;}
.ph-sugg-title { display:block; text-align:center; color:#ffd500; font-size:0.98em; margin:6px 0;}