/* Video Gallery Styles - Umroh Plus Aqso */
.ft-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:60px 0; }
.ft-video-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.06); transition:all .3s; border:1px solid #f0f0f0; display:block; text-decoration:none; }
.ft-video-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.1); }
.ft-video-thumb { aspect-ratio:16/9; overflow:hidden; position:relative; }
.ft-video-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.ft-video-card:hover .ft-video-thumb img { transform:scale(1.05); }
.ft-video-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); opacity:0; transition:opacity .3s; }
.ft-video-card:hover .ft-video-play { opacity:1; }
.ft-video-play-icon { width:56px; height:56px; background:rgba(255,255,255,.9); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.ft-video-play-icon svg { width:24px; height:24px; fill:#0F2740; margin-left:3px; }
.ft-video-badge { position:absolute; top:12px; left:12px; padding:4px 10px; border-radius:20px; font-size:.7em; font-weight:700; color:#fff; background:#FF0000; }
.ft-video-body { padding:16px 20px; }
.ft-video-body h3 { font-size:1em; font-weight:700; color:#0F2740; margin-bottom:4px; }
.ft-video-body .meta { font-size:.78em; color:#94a3b8; }
@media(max-width:768px) { .ft-video-grid { grid-template-columns:1fr; } }
