.breadcrumb-container{display:none!important}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.video-card{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.2s ease;height:100%}.video-card:hover{transform:scale(1.01)}.video-thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#f8f9fa;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.play-button{display:none!important}.video-content{display:flex;flex-direction:column;flex-grow:1}.video-info{padding:10px;flex-grow:1}.video-title{font-size:16px;font-weight:bold;margin-bottom:5px}.video-channel{font-size:14px;color:#666;margin-bottom:5px;text-align:justify}.delete-link{padding:0.5rem;margin-top:auto}.floating-pills-bar{overflow-x:auto;white-space:nowrap;padding:10px;top:0;z-index:1000;display:flex;width:100%;box-sizing:border-box}.floating-pills-bar .pill-btn{display:inline-block;margin-inline-end:8px;border-radius:50rem;white-space:nowrap;flex-shrink:0;padding:8px 16px;border:none;background-color:#fff;color:#000;transition:background-color 0.3s;text-decoration:none}.floating-pills-bar .pill-btn:hover{background-color:#dcdcdc}.floating-pills-bar .pill-btn.active{background-color:#04203c;color:#fff}.floating-pills-bar::-webkit-scrollbar{display:none}.hashtag-link{color:#0d6efd;text-decoration:none;font-weight:bold}.hashtag-link:hover{text-decoration:underline}@media (min-width:768px){.floating-pills-bar::-webkit-scrollbar{display:block;width:8px}.floating-pills-bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:10px}}.sticky-container{position:sticky;top:var(--navbar-height);z-index:900;padding:10px 0;margin-top:0}.sticky-container.hidden-on-scroll{top:-100px!important}.video-footer{display:flex;justify-content:space-around;align-items:center;padding:10px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;font-size:14px;color:#555;margin-top:auto}.video-card[data-type="image"] .video-channel{display:block!important;font-size:0.8rem;line-height:1.4;color:#666;margin-bottom:0.25rem;text-align:start!important;white-space:normal!important;word-break:break-word;overflow-wrap:break-word}.video-channel{display:none!important}.video-card[data-type="image"] .video-channel{display:block!important;font-size:0.8rem;line-height:1.4;color:#666;margin-bottom:0.25rem;text-align:start!important;white-space:normal!important;word-break:break-word;overflow-wrap:break-word}@media (max-width:767.98px){.container>a.btn-primary.mb-3{padding:0.25rem 0.5rem;font-size:0.8rem;margin-bottom:0.5rem!important}.sticky-container{padding:0.25rem 0;margin-bottom:0.5rem!important;border-radius:0}.floating-pills-bar{padding:0.25rem!important;gap:0.25rem}.floating-pills-bar .pill-btn,.floating-pills-bar select,.floating-pills-bar button,.floating-pills-bar a{font-size:0.75rem!important;padding:0.25rem 0.5rem!important}.video-grid{grid-template-columns:1fr!important;gap:14px;padding:12px;background:#f6f7f9}.video-card{flex-direction:column!important;align-items:stretch;padding:0!important;gap:0!important;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(16,24,40,0.08)}.video-card:hover{transform:none}.video-thumbnail-wrapper{width:100%!important;min-width:100%!important;height:auto!important;aspect-ratio:16 / 9;border-radius:0!important;background:#f1f3f4}.video-thumbnail{width:100%!important;height:100%!important;object-fit:cover}.video-info{display:flex;flex-direction:column;padding:0.7rem 0.85rem 0!important;min-width:0}.video-title{font-size:0.95rem;font-weight:600;line-height:1.4;margin:0 0 0.25rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.video-card .video-channel,.video-card[data-type="image"] .video-channel{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:0.78rem!important;line-height:1.45;color:#606060!important;margin:0!important;text-align:start!important;white-space:normal!important;word-break:break-word}.video-footer{display:block;background:transparent!important;border-top:none!important;box-shadow:none!important;padding:0.5rem 0.75rem 0.8rem!important;margin-top:0!important}.video-footer .row{--bs-gutter-x:0;flex-wrap:nowrap;gap:0.5rem;margin:0!important;align-items:center!important}.video-footer .col-auto{flex:1 1 0;width:100%;padding:0!important;min-width:0}.video-footer .btn span{display:inline!important}.video-footer .btn{width:100%;min-height:42px;border-radius:50rem!important;border:1px solid transparent!important;display:inline-flex!important;align-items:center;justify-content:center;gap:0.4rem;padding:0.45rem 0.6rem!important;font-size:0.78rem;font-weight:600;transition:background-color 0.2s ease,transform 0.12s ease;-webkit-tap-highlight-color:transparent}.video-footer .btn i{font-size:0.95rem;line-height:1}.video-footer .btn:active{transform:scale(0.94)}}.album-view-toggle-wrapper{display:flex;justify-content:center;align-items:center;margin:1rem 0}.album-view-toggle-container{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem;background:rgba(10,38,71,0.06);border:1px solid rgba(10,38,71,0.08);border-radius:14px;box-shadow:inset 0 1px 2px rgba(10,38,71,0.04);direction:ltr}.album-view-toggle-btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 0.875rem;min-height:36px;border:none;background:transparent;color:var(--bs-secondary);border-radius:10px;font-family:'Tajawal',system-ui,sans-serif;font-size:0.82rem;font-weight:600;cursor:pointer;transition:background 0.25s ease,color 0.25s ease,box-shadow 0.25s ease;-webkit-tap-highlight-color:transparent}.album-view-toggle-btn i{font-size:1rem;line-height:1}.album-view-toggle-label{line-height:1}.album-view-toggle-btn.active{background:#fff;color:var(--bs-primary);box-shadow:0 1px 3px rgba(10,38,71,0.12),0 1px 2px rgba(10,38,71,0.08)}@media (hover:hover){.album-view-toggle-btn:not(.active):hover{background:rgba(10,38,71,0.05);color:var(--bs-primary)}}.album-view-toggle-btn:active{transform:scale(0.96)}.album-view-toggle-btn:focus-visible{outline:2px solid var(--bs-success);outline-offset:2px}@media (max-width:767.98px){.album-view-toggle-wrapper{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:1030;margin:0;padding:6px;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 4px 20px rgba(10,38,71,0.15),0 1px 3px rgba(10,38,71,0.1)}.container{padding-bottom:90px}}@media (max-width:359.98px){.album-view-toggle-label{display:none}.album-view-toggle-btn{padding:0.5rem;min-width:44px;justify-content:center}}@media (min-width:768px){.album-view-toggle-wrapper{position:static!important;transform:none!important;bottom:auto!important;left:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}}.video-footer .btn-detail{background:#f1f3f4!important;color:#444746!important;border-color:transparent!important}.video-footer .btn-shows{background:rgba(4,32,60,0.08)!important;color:#04203c!important;border-color:transparent!important}.video-footer .btn-detail:hover,.video-footer .btn-shows:hover{background:rgba(4,32,60,0.14)!important;color:#04203c!important}.video-footer .btn-delete{background:#fdecec!important;color:#dc3545!important;border-color:transparent!important}.video-footer .btn-delete:hover{background:#f8d7da!important;color:#b02a37!important}@media (min-width:768px){.video-footer .btn{display:inline-flex;align-items:center;gap:0.4rem;border-radius:50rem!important;transition:background-color 0.2s ease,color 0.2s ease,transform 0.12s ease}.video-footer .btn:active{transform:scale(0.95)}}@media (max-width:767.98px){#mediaModal{padding:0!important;margin:0!important}#mediaModal .modal-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;height:100vh;height:100dvh}#mediaModal .modal-content{height:100%;border-radius:0!important;border:0!important;background:#fff}#mediaModal .modal-header{padding:0.75rem 1rem;border-bottom:1px solid #f1f3f4}#mediaModal .modal-title{font-size:1rem;font-weight:600;white-space:normal}#mediaModal .modal-body{flex:1 1 auto;overflow-y:auto;padding:0!important}#mediaContent iframe{width:100%!important;height:56.25vw!important;min-height:220px;display:block;border:0}#mediaContent img{width:100%!important;height:auto!important;display:block;object-fit:contain;background:#f6f7f9}#modalDescription{padding:1rem!important;font-size:0.9rem!important;line-height:1.7;text-align:start}}