/* ---------------------------------------------------------
 * BeBrainer SSC - Web Developers Credit 
 * ---------------------------------------------------------
 * DARK LMNx9 — Limon Hossain
 * ---------------------------------------------------------
 * Website   : https://lmnx9.shop
 * GitHub    : https://github.com/LMNx9-JOHNY
 * WhatsApp : https://wa.me/+8801882168975
 * Telegram  : https://t.me/x_LMNx9
 * ---------------------------------------------------------
 * AFM 1337 — Arafat Hossen
 * ---------------------------------------------------------
 * Website   : https://afm1337.shop
 * GitHub    : https://github.com/AFM-1337
 * WhatsApp : https://wa.me/+8801310329198
 * Telegram  : https://t.me/afm1337
 * --------------------------------------------------------- */

.fc-wrap{padding:20px 16px 40px;background:#F9FAFB;min-height:60vh}
.fc-channel-bar{max-width:1000px;margin:0 auto 30px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.fc-channel-icon{width:56px;height:56px;border-radius:50%;background:#FF0000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 8px 24px rgba(255,0,0,0.25)}
.fc-channel-info{flex:1;min-width:200px}
.fc-channel-info h1{font-size:20px;font-weight:800;color:#111827;margin:0 0 4px;font-family:'Anek Bangla',sans-serif}
.fc-channel-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#9CA3AF;margin-bottom:4px}
.fc-channel-stats span{display:inline-flex;align-items:center;gap:4px}
.fc-channel-stats i{color:#DB2777}
.fc-channel-info p{font-size:12.5px;color:#6B7280;margin:0;line-height:1.5}
.fc-subscribe-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;background:#FF0000;color:#fff;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 6px 18px rgba(255,0,0,0.20);transition:all 0.2s ease;flex-shrink:0}
.fc-subscribe-btn:hover{background:#CC0000;transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,0,0,0.28)}
.fc-playlist-section{max-width:1000px;margin:0 auto 24px}
.fc-playlist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.fc-playlist-header h2{font-size:17px;font-weight:800;color:#111827;margin:0;display:flex;align-items:center;gap:8px;font-family:'Anek Bangla',sans-serif}
.fc-playlist-header h2 i{color:#1A56DB;font-size:15px}
.fc-playlist-count{font-size:11.5px;font-weight:700;color:#1A56DB;background:#EBF0FA;padding:4px 12px;border-radius:999px}
.fc-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fc-video-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.fc-video-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(26,86,219,0.10);border-color:rgba(26,86,219,0.20)}
.fc-video-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#F3F4F6}
.fc-video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.fc-video-card:hover .fc-video-thumb img{transform:scale(1.05)}
.fc-video-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,0.75);color:#fff;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:4px}
.fc-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);opacity:0;transition:opacity 0.3s ease}
.fc-video-play i{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1A56DB,#DB2777);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.fc-video-card:hover .fc-video-play{opacity:1}
.fc-video-body{padding:12px 14px}
.fc-video-title{font-size:13px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:'Anek Bangla',sans-serif}
.fc-video-meta{display:flex;gap:10px;font-size:10.5px;color:#9CA3AF;flex-wrap:wrap}
.fc-video-meta span{display:inline-flex;align-items:center;gap:3px}
.fc-video-meta i{color:#DB2777;font-size:9px}
.ftv-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.ftv-modal[hidden]{display:none}
.ftv-modal__overlay{position:absolute;inset:0;background:rgba(17,24,39,0.88);backdrop-filter:blur(4px)}
.ftv-modal__panel{position:relative;width:100%;max-width:960px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.4)}
.ftv-modal__top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #E5E7EB}
.ftv-modal__top h3{font-size:16px;font-weight:700;color:#111827;margin:0;font-family:'Anek Bangla',sans-serif}
.ftv-modal__btn{width:34px;height:34px;border-radius:50%;border:none;background:#F9FAFB;font-size:14px;cursor:pointer;color:#4B5563;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}
.ftv-modal__btn:hover{background:#1A56DB;color:#fff}
.ftv-modal__close{width:34px;height:34px;border-radius:50%;border:none;background:#FEF2F2;font-size:18px;cursor:pointer;color:#DC143C;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}
.ftv-modal__close:hover{background:#DC143C;color:#fff}
.ftv-modal__video{position:relative;width:100%;aspect-ratio:16/9;background:#000}
@media(max-width:992px){.fc-channel-bar{padding:14px;gap:12px}.fc-channel-icon{width:48px;height:48px;font-size:20px}.fc-video-grid{gap:12px}.fc-video-body{padding:10px}.fc-video-title{font-size:12px}}
@media(max-width:768px){.fc-wrap{padding:12px 10px 30px}.fc-channel-bar{flex-direction:column;text-align:center}.fc-channel-stats{justify-content:center}.fc-subscribe-btn{width:100%;justify-content:center}.fc-video-grid{grid-template-columns:1fr;gap:10px}.fc-video-title{font-size:11px;-webkit-line-clamp:2}.fc-video-meta{font-size:9px;gap:6px}.ftv-modal{padding:10px}}
@media(max-width:480px){.fc-video-grid{gap:8px}.fc-video-title{font-size:11px}}