:root{
    --theme-primary:#007BFF;
    --theme-success:#20c997;
    --theme-background:#f8f9fa;
    --theme-card-bg:#fff;
    --theme-text-dark:#212529;
    --theme-text-light:#6c757d;
    --theme-border:#dee2e6;
    --theme-font:Inter,sans-serif;
    --navbar-height:60px;
    --vr-on-block:#fff;
    --vr-on-theme:#fff
}
.mobile-badges .badge-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
[dir=rtl] .header-mobile-container{
    left:auto;
    right:50%;
    margin-left:0;
    margin-right:-50vw
}
.header-mobile-container{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;
    margin-top:-8px
}
.header-scrolled{
    position:fixed!important;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:1030
}
@media (max-width:991.98px){
    .nav,.nav-tabs{
        margin-bottom:0!important
    }
    .header-mobile{
        padding-top:8px;
        padding-bottom:8px
    }
}
.mobile-badges{
    display:flex;
    gap:8px;
    margin-left:auto;
    position:relative;
    z-index:1050;
    pointer-events:auto
}
.badge-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:var(--vr-block-color,#f5a623);
    color:var(--vr-on-block,#fff);
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:background-color .25s,color .25s,transform .2s
}
.badge-icon .material-symbols-outlined{
    font-size:20px;
    line-height:1;
    display:inline-block
}
@media (hover:hover) and (pointer:fine){
    .badge-icon:hover{
        background:var(--vr-theme-color,#d68b1e)!important;
        color:var(--vr-on-theme,#fff)!important;
        transform:translateY(-1px)
    }
}
.badge-icon:focus-visible{
    outline:2px solid var(--vr-theme-color,#d68b1e);
    outline-offset:2px
}
.badge-icon:active{
    transform:translateY(0);
    filter:brightness(.95)
}
.mobile-badges .badge-icon{
    background:var(--vr-block-color,#f5a623)!important
}
@media (hover:hover) and (pointer:fine){
    .mobile-badges .badge-icon:hover{
        background:var(--vr-theme-color,#d68b1e)!important
    }
}
@keyframes bell-wiggle{
    0%,100%,80%{
        transform:rotate(0)
    }
    85%{
        transform:rotate(12deg)
    }
    90%{
        transform:rotate(-10deg)
    }
    95%{
        transform:rotate(6deg)
    }
}
@keyframes badge-pop{
    0%,100%,80%{
        transform:scale(1)
    }
    86%{
        transform:scale(1.12)
    }
    92%{
        transform:scale(1)
    }
}
@keyframes pulseDot{
    0%{
        box-shadow:0 0 0 0 #ffffffd9;
        transform:scale(1)
    }
    70%{
        box-shadow:0 0 0 10px #fff0;
        transform:scale(1.05)
    }
    100%{
        box-shadow:0 0 0 0 #fff0;
        transform:scale(1)
    }
}
@keyframes liveGlow{
    0%,100%{
        opacity:.85;
        filter:blur(10px)
    }
    50%{
        opacity:.45;
        filter:blur(14px)
    }
}
.post-text ul{
    list-style-type:none;
    padding-left:15px
}
.post-text ul li{
    position:relative;
    padding:0 0 10px 20px;
    font-size:14px;
    font-weight:600
}
.post-text ul li:before{
    content:'';
    position:absolute;
    left:3px;
    top:7px;
    width:7px;
    height:7px;
    background-color:var(--vr-block-color);
    border-radius:100%;
    z-index:1
}
.post-text ul li:after{
    position:absolute;
    content:'';
    top:8px;
    left:6px;
    height:100%;
    border-left:1px dashed #999;
    z-index:0
}
.code{
    background-color:#1e398a;
    padding:5px 10px;
    font-weight:600;
    color:#fff;
    font-size:1em
}
.names{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:20px;
    width:100%;
    justify-content:center
}
.baby_name{
    width:300px;
    display:flex;
    padding:15px;
    flex-direction:column;
    align-items:center;
    text-align:center;
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 4px 8px #0000001a;
    position:relative;
    margin:10px auto;
    cursor:pointer
}
.baby_name:hover{
    box-shadow:0 3px 6px #00000026 0 3px 6px #0000003d;
    transform:translateY(-3px)
}
.first_letter{
    font-size:3rem;
    font-weight:700;
    color:#3498db;
    background:#ecf0f1;
    border-radius:50%;
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width:600px){
    .names .baby_name{
        height:auto;
        padding:15px 0
    }
    .baby_name{
        width:100%;
        margin:20px 10px
    }
    .first_letter{
        font-size:2rem;
        width:60px;
        height:60px
    }
    .baby_name{
        width:calc(100% - 20px)
    }
}
.post-title{
    color:#555
}
.green{
    fill:#189555
}
.blue{
    fill:#1d9bf0
}
.gold{
    fill:#ffe042
}
.silver{
    fill:#829aab
}
.admin,.blue,.gold,.green,.silver{
    width:20px;
    line-height:20px;
    margin-left:3px
}
@keyframes slideIn{
    0%{
        opacity:0;
        transform:translateX(-10px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
blockquote{
    position:relative;
    border-left:5px solid #3498db;
    padding:20px 25px;
    margin:30px 0;
    background:linear-gradient(135deg,#f0f9ff,#fff);
    font-size:18px;
    color:#2c3e50;
    box-shadow:0 4px 20px #0000000d;
    border-radius:10px;
    transition:.3s
}
blockquote::before{
    content:'“';
    font-size:60px;
    color:#3498db;
    position:absolute;
    top:15px;
    left:15px;
    font-family:Georgia,serif;
    opacity:.2
}
blockquote:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 30px #00000014
}
.role{
    font-size:.6rem;
    font-weight:600;
    padding:0 6px;
    margin:5px;
    transform:skew(-25deg);
    border-radius:4px;
    position:relative;
    color:#fff;
    letter-spacing:.8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    box-shadow:0 0 8px #fff3;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.role::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:4px;
    pointer-events:none;
    border:1px solid #fff3;
    box-shadow:0 0 12px #ffffff4d
}
.official{
    background:linear-gradient(135deg,#ff6ec4,#333)
}
.editor{
    background:linear-gradient(135deg,#1e3c72,#2a5298)
}
.reporter{
    background:linear-gradient(135deg,#00b347,#4df08a)
}
.member{
    background:linear-gradient(135deg,#ff1a1a,#ff4d4d)
}
.verified{
    background:linear-gradient(135deg,#fd0,#ffee70);
    color:#000;
    font-weight:700
}
.author{
    background:linear-gradient(135deg,#6f42c1,#b678f2)
}
.guest{
    background:linear-gradient(135deg,#00c9ff,#92fe9d);
    color:#000
}
.share-container{
    position:relative
}
.btn-share-toggle{
    background:0 0;
    border:none;
    cursor:pointer;
    padding:5px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background-color .2s ease
}
.btn-share-toggle:hover{
    background-color:#f0f0f0
}
.btn-share-toggle .material-symbols-outlined{
    font-size:22px;
    color:#555
}
.share-popover{
    position:absolute;
    bottom:120%;
    right:0;
    display:flex;
    align-items:center;
    gap:8px;
    background-color:#fff;
    padding:8px;
    border-radius:50px;
    box-shadow:0 4px 20px #00000026;
    border:1px solid #eee;
    z-index:100;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:all .3s cubic-bezier(.25,.8,.25,1)
}
.share-popover.is-active{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.share-popover .btn-copy-link,.share-popover a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#f5f5f5;
    transition:transform .2s ease,background-color .2s ease;
    border:none;
    cursor:pointer;
    position:relative
}
.share-popover .btn-copy-link:hover,.share-popover a:hover{
    transform:scale(1.1)
}
.share-popover svg{
    width:20px;
    height:20px;
    fill:#555
}
.btn-copy-link .copy-tooltip{
    position:absolute;
    bottom:110%;
    left:50%;
    transform:translateX(-50%);
    background-color:#333;
    color:#fff;
    padding:5px 10px;
    border-radius:4px;
    font-size:12px;
    white-space:nowrap
}
@keyframes ripple-badge-animation{
    0%{
        transform:scale(.95);
        box-shadow:0 0 0 0 #d92128b3
    }
    70%{
        transform:scale(1);
        box-shadow:0 0 0 10px #d9212800
    }
    100%{
        transform:scale(.95);
        box-shadow:0 0 0 0 #d9212800
    }
}
.checkmark{
    position:absolute;
    top:10px;
    right:10px;
    width:22px;
    height:22px;
    background-color:#007bff;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
    transform:scale(0);
    transition:transform .2s ease
}
.btn-subscribe{
    width:100%;
    padding:15px;
    font-size:1.2rem;
    font-weight:600;
    border-radius:8px
}
.action-btn{
    background:linear-gradient(45deg,var(--theme-primary),#0056b3);
    color:#fff;
    font-size:1rem;
    font-weight:600;
    padding:.75rem 1.5rem;
    border:none;
    border-radius:8px;
    cursor:pointer;
    transition:all .2s ease;
    box-shadow:0 2px 8px #007bff4d;
    text-decoration:none
}
.action-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px #007bff66
}
@media (max-width:768px){
    body{
        padding:.5rem
    }
    .action-btn{
        width:100%;
        text-align:center
    }
}
.dark-mode{
    --theme-background:#121212;
    --theme-card-bg:#1e1e1e;
    --theme-text-dark:#e0e0e0;
    --theme-text-light:#a0a0a0;
    --theme-border:#333
}
.dark-mode body{
    background-color:#121212;
    color:#e0e0e0
}
.dark-mode .bottom-menu{
    background-color:#1e1e1e;
    box-shadow:#ffffff1a 0 0 5px 0,#ffffff1a 0 0 1px 0
}
.dark-mode .bottom-menu a{
    color:#a0a0a0
}
.dark-mode .bottom-menu a.active,.dark-mode .bottom-menu a:focus{
    color:#ff3f56
}
.dark-mode .bottom-menu a.sat{
    border:6px solid #2a2a2a
}
.dark-mode .post-text ul li:after{
    border-left:1px dashed #666
}
.dark-mode .code{
    background-color:#3a509a;
    color:#e0e0e0
}
.dark-mode .baby_name{
    background-color:#1e1e1e;
    box-shadow:0 0 10px #ffffff0d
}
.dark-mode .profile-details h2{
    border-bottom:2px solid #555
}
.dark-mode .profile-details p{
    color:#b0b0b0
}
.dark-mode .newsticker-container{
    background:#1e1e1e;
    color:#e0e0e0
}
.dark-mode .label_name{
    color:#a0a0a0
}
.dark-mode .first_letter{
    color:#3498db;
    background:#2c3e50
}
.dark-mode .post-title{
    color:#e0e0e0
}
.dark-mode blockquote{
    border-left:5px solid #3498db;
    background:linear-gradient(135deg,#2c3e50,#1e1e1e);
    color:#e0e0e0;
    box-shadow:0 4px 20px #00000026
}
.dark-mode .post-card{
    background-color:#1e1e1e;
    box-shadow:0 4px 25px #0003
}
.dark-mode .post-card:hover{
    box-shadow:0 10px 30px #0000004d
}
.dark-mode .post-card .card-content .title a{
    color:#e0e0e0
}
.dark-mode .post-card .post-meta a,.dark-mode .post-card .post-meta span{
    color:#a0a0a0
}
.dark-mode .playlist-item{
    background-color:#2a2a2a;
    box-shadow:0 2px 10px #00000026
}
.dark-mode .playlist-item:hover{
    box-shadow:0 5px 15px #00000040
}
.dark-mode .playlist-item .item-content .title a{
    color:#e0e0e0
}
.dark-mode .playlist-item .item-content .post-meta{
    color:#a0a0a0
}
.dark-mode .sidebar-widget{
    background-color:#1e1e1e;
    box-shadow:0 4px 25px #0003
}
.dark-mode .sidebar-widget .widget-head .title{
    color:#e0e0e0
}
.dark-mode .live-updates-container .title{
    border-bottom:2px solid #333;
    color:#e0e0e0
}
.dark-mode .timeline{
    border-left:3px dotted #555
}
.dark-mode .timeline-dot{
    background-color:#1e1e1e
}
.dark-mode .timeline-content.card{
    background:#2a2a2a;
    border:1px solid #444;
    box-shadow:0 5px 15px #00000026
}
.dark-mode .timeline-content.card::before{
    border-right-color:#2a2a2a
}
.dark-mode .timeline-content.card::after{
    border-right-color:#444
}
.dark-mode .timeline-content .card-header{
    background-color:#2a2a2a;
    color:#e0e0e0;
    border-bottom:1px solid #444
}
.dark-mode .timeline-content .card-body{
    color:#b0b0b0
}
.dark-mode .timeline-content .card-footer{
    background-color:#1e1e1e;
    border-top:1px solid #444
}
.dark-mode .timeline-content .card-footer .timeline-author-link{
    color:#b0b0b0
}
.dark-mode .timeline-content .card-footer .timeline-author-link:hover{
    color:#fff
}
.dark-mode .timeline-time{
    color:#a0a0a0
}
.dark-mode .btn-share-toggle:hover{
    background-color:#333
}
.dark-mode .btn-share-toggle .material-symbols-outlined{
    color:#a0a0a0
}
.dark-mode .share-popover{
    background-color:#333;
    border:1px solid #555
}
.dark-mode .share-popover .btn-copy-link,.dark-mode .share-popover a{
    background-color:#444
}
.dark-mode .share-popover svg{
    fill:#a0a0a0
}
.dark-mode .card.bg-light-subtle{
    background-color:#2a2a2a!important;
    border:1px solid #444!important
}
.dark-mode .card .text-decoration-none{
    color:#e0e0e0
}
.dark-mode .card .text-muted{
    color:#a0a0a0!important
}
.dark-mode .profile-social-links li a{
    color:#a0a0a0;
    background-color:#333
}
.dark-mode .profile-social-links li a:hover{
    color:#fff!important;
    background-color:var(--vr-theme-color)!important
}
.dark-mode .card.bg-light{
    background-color:#2a2a2a!important;
    border:1px solid #444!important
}
.dark-mode .card .fw-bold.text-primary{
    color:#58a6ff!important
}
.dark-mode .newsletter-form .form-control{
    background-color:#1e1e1e;
    color:#e0e0e0;
    border-color:#444
}
.dark-mode .alert.alert-secondary{
    background-color:#333;
    color:silver;
    border-color:#555
}
.dark-mode .card .card-body .item.text-muted{
    color:silver!important
}
.dark-mode .card .text-dark{
    color:#e0e0e0!important
}
.dark-mode .card .border-bottom,.dark-mode .card .border-top{
    border-color:#333!important
}
.dark-mode .list-group-item{
    background-color:transparent;
    border-color:#333
}
.dark-mode .bg-danger.bg-opacity-10{
    background-color:#dc354533!important
}
.dark-mode .bg-danger.bg-opacity-10 .fw-bold.text-danger{
    color:#f5c2c7!important
}
.dark-mode .bg-danger.bg-opacity-10 p{
    color:#e6a7ac
}
.dark-mode .bg-danger.bg-opacity-10 a{
    color:#f5c2c7!important;
    text-decoration:underline!important
}
.dark-mode .input-group .form-control{
    background-color:#2a2a2a;
    color:#e0e0e0;
    border-color:#444
}
.dark-mode .input-group .form-control:focus{
    background-color:#333;
    border-color:var(--bs-primary);
    box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.5)
}
.dark-mode #copySuccess{
    color:#28a745
}
.dark-mode .profile-main-image{
    border:4px solid #2a2a2a
}
.dark-mode .card{
    background-color:#1e1e1e;
    border-color:#333!important
}
.dark-mode .card.shadow-sm{
    box-shadow:0 .125rem .25rem #00000080!important
}
.dark-mode h3.card-title,.dark-mode h4,.dark-mode h5,.dark-mode h6{
    color:#e0e0e0
}
.dark-mode .btn-light.border{
    background-color:#2a2a2a;
    border-color:#444!important
}
.dark-mode .card-footer.bg-light{
    background-color:#2a2a2a!important
}
.dark-mode .nav-tabs .nav-link{
    color:#a0a0a0;
    border-color:transparent
}
.dark-mode .nav-tabs .nav-link.active{
    color:#58a6ff;
    background-color:#1e1e1e;
    border-color:#444 #444 #1e1e1e
}
.dark-mode .info-pair{
    border-bottom:1px solid #333
}
.dark-mode .label_name{
    color:#a0a0a0
}
.dark-mode .label_value{
    color:#e0e0e0
}
.dark-mode .label_value a.btn-link{
    color:#58a6ff
}
.dark-mode .quote-card{
    background-color:#2a2a2a;
    border-left-color:var(--bs-primary)
}
.dark-mode .card-header.bg-light{
    background-color:#2a2a2a!important
}
.dark-mode div.text-muted{
    color:#a0a0a0!important
}
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.btn-custom,.btn.btn-custom{
    background-color:#1d4ed8!important;
    border-color:#1d4ed8!important;
    color:#fff!important
}
.btn-custom:focus,.btn-custom:hover,.btn.btn-custom:focus,.btn.btn-custom:hover{
    background-color:#1b3fb8!important;
    border-color:#1b3fb8!important;
    color:#fff!important
}
.btn-custom:disabled,.btn.btn-custom:disabled{
    background-color:#9ca3af!important;
    border-color:#9ca3af!important;
    color:#111827!important
}
.btn-auth-mobile{
    color:#fff!important
}
.btn-custom.btn-outline{
    background:#fff!important;
    color:#1d4ed8!important;
    border-color:#1d4ed8!important
}
.btn-auth-mobile:focus-visible,.btn-custom:focus-visible{
    outline:2px solid #111827;
    outline-offset:2px
}
.id_card a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#f3f7ff;
    padding:6px 12px;
    border-radius:999px;
    font-weight:700;
    font-size:13px;
    color:#007bff;
    text-decoration:none
}
.id_card .material-symbols-outlined{
    font-size:1.2em
}
.guest-post-card{
    position:relative;
    width:100%;
    background-color:#fff;
    border-radius:16px;
    padding:2.5rem 2rem;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.08);
    overflow:hidden;
    border:none
}
.guest-post-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(to right,#6f42c1,#d63384,#fd7e14);
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.guest-post-card .card-title{
    font-size:1.8rem;
    color:#212529;
    margin-bottom:.75rem
}
.guest-post-card .card-text{
    color:#6c757d;
    font-size:1.05rem;
    line-height:1.5;
    margin-bottom:2rem
}
.guest-post-card .btn-close{
    position:absolute;
    top:1rem;
    right:1rem;
    color:#6c757d;
    opacity:.7;
    font-size:1.1rem
}
.guest-post-card .btn-close:hover{
    opacity:1
}
@media (max-width:576px){
    .guest-post-card{
        padding:2rem 1.5rem
    }
    .guest-post-card .card-title{
        font-size:1.6rem
    }
    .guest-post-card .card-text{
        font-size:.95rem
    }
}
.post-tags .badge{
    transition:all .2s ease-in-out
}
.post-tags .badge:hover{
    background-color:#0d6efd!important;
    color:#fff!important
}
.user-list-item{
    flex:0 0 140px;
    margin-right:15px;
    border-radius:14px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
    text-align:center;
    scroll-snap-align:start;
    transition:all .3s ease-in-out;
    position:relative;
    z-index:1;
    overflow:hidden;
    background:linear-gradient(135deg,#18a5a9,#56f8c4);
    padding:3px;
    border:none
}
.user-list-item::after{
    content:'';
    position:absolute;
    top:1px;
    left:1px;
    right:1px;
    bottom:1px;
    background:#fff;
    border-radius:11px;
    z-index:-1
}
.user-list-item:hover{
    transform:translateY(-5px);
    box-shadow:0 6px 20px rgba(0,0,0,.1)
}
.user-list-item .users-list-name{
    display:block;
    font-weight:600;
    font-size:14px;
    line-height:1.3;
    margin-bottom:8px;
    color:#333
}
@keyframes electric-glow{
    0%{
        box-shadow:0 0 5px #00f2fe,0 0 10px #00f2fe
    }
    50%{
        box-shadow:0 0 15px #00c3ff,0 0 25px #00c3ff
    }
    100%{
        box-shadow:0 0 5px #00f2fe,0 0 10px #00f2fe
    }
}
@keyframes ticker-scroll{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(-50%)
    }
}
.post-text li strong:nth-child(1),.post-text li:nth-child(1) strong{
    color:#ff1744;
    background-color:#ffe5ea;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(2) strong{
    color:#d500f9;
    background-color:#f3e5f5;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(3) strong{
    color:#2979ff;
    background-color:#e3f2fd;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(4) strong{
    color:#00c853;
    background-color:#e8f5e9;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(5) strong{
    color:#ff6d00;
    background-color:#fff3e0;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(6) strong{
    color:#009688;
    background-color:#b2dfdb;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(7) strong{
    color:#00bcd4;
    background-color:#e0f7fa;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(8) strong{
    color:#8d6e63;
    background-color:#f5f5f5;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(9) strong{
    color:#f50057;
    background-color:#fce4ec;
    padding:2px 4px;
    border-radius:5px
}
.post-text li:nth-child(10) strong{
    color:#7c4dff;
    background-color:#ede7f6;
    padding:2px 4px;
    border-radius:5px
}
.author-box{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 0 16px;
    margin-bottom:18px;
    border-bottom:1px solid #eaeaea;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif
}
.author-avatar{
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0
}
.author-name{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:15px;
    font-weight:600;
    color:#222
}
.author-meta{
    font-size:13px;
    color:#777;
    margin-top:3px;
    line-height:1.4
}
.editor-badge{
    font-size:11px;
    padding:2px 6px;
    border-radius:4px;
    font-weight:500;
    display:inline-block;
    line-height:1.2
}
.editor-badge.editor_1{
    background:#ffecec;
    color:#c62828
}
.editor-badge.editor_2{
    background:#e8f1ff;
    color:#1d4ed8
}
.editor-badge.editor_3{
    background:#eaf7f0;
    color:#1b7f5c
}
.editor-badge.editor_4{
    background:#f3f3f3;
    color:#666
}
@media (min-width:768px){
    .author-avatar{
        width:56px;
        height:56px
    }
    .author-name{
        font-size:16px
    }
}
.post-meta{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    flex-wrap:wrap
}
.post-type{
    font-size:12px;
    font-weight:600;
    padding:2px 10px;
    border-radius:20px;
    background:#eef2ff!important;
    color:#1d4ed8!important
}
.post-category{
    font-size:12px;
    font-weight:600;
    padding:2px 10px;
    border-radius:20px;
    background:#fff3e0!important;
    color:#e65100!important
}
.new_badge_live{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    padding:2px 10px;
    border-radius:20px;
    background:#ffecec!important;
    color:#d32f2f
}
.new_live_dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#e53935!important;
    position:relative
}
.new_live_dot::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:rgba(229,57,53,.5);
    animation:pulse 1.4s infinite
}
@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:.7
    }
    100%{
        transform:scale(2.4);
        opacity:0
    }
}
.new_badge_archived{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    padding:2px 10px;
    border-radius:20px;
    background:#e8f5e9!important;
    color:#1b7f5c!important
}
.edit-post{
    margin-left:auto;
    font-size:12px;
    padding:2px 10px;
    border-radius:20px
}

.vw-card{
    background-color:#f8f9fa!important;
    border:1px solid #e2e5e9!important;
    border-radius:6px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    transition:transform .2s,box-shadow .2s;
    display:flex
}
.vw-card:hover{
    box-shadow:0 4px 10px rgba(0,0,0,.08)!important
}
.vw-img{
    position:relative;
    background-color:#e9ecef;
    flex-shrink:0
}
.vw-img::before{
    content:"";
    display:block;
    padding-bottom:56.25%
}
.vw-img img,.vw-img picture{
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    margin:0!important;
    border-radius:0!important
}
.vw-txt{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.vw-title{
    font-size:.95rem!important;
    font-weight:600!important;
    color:#111!important;
    margin:0!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-card:hover .vw-title{
    color:#dc3545!important
}
.vw-list{
    flex-direction:row;
    align-items:stretch
}
.vw-list .vw-img{
    border-right:1px solid #e2e5e9
}
@media (min-width:768px){
    .section-cat-block .vw-list .vw-img{
        width:26%!important
    }
    .section-cat-block .vw-list .vw-txt{
        width:74%!important;
        padding:4px 12px!important;
        justify-content:center!important
    }
}
@media (min-width:768px){
    .section-block-2 .vw-list .vw-img{
        width:35%!important
    }
    .section-block-2 .vw-list .vw-txt{
        width:65%!important;
        padding:6px 12px!important
    }
}
.vw-grid{
    flex-direction:column
}
.vw-grid .vw-img{
    width:100%!important;
    border-bottom:1px solid #e2e5e9;
    border-right:none
}
.vw-grid .vw-txt{
    width:100%!important;
    padding:10px 12px!important
}
.vw-grid .vw-title{
    font-size:1.05rem!important;
    -webkit-line-clamp:2
}
@media (max-width:767.98px){
    .vw-list{
        flex-direction:row
    }
    .vw-list .vw-img{
        width:40%!important
    }
    .vw-list .vw-txt{
        width:60%!important;
        padding:5px 10px!important
    }
    .vw-mob-grid{
        flex-direction:column!important
    }
    .vw-mob-grid .vw-img{
        width:100%!important;
        border-right:none!important;
        border-bottom:1px solid #e2e5e9
    }
    .vw-mob-grid .vw-txt{
        width:100%!important;
        padding:10px 12px!important
    }
}
body.dark-mode .vw-card{
    background-color:#1a1d20!important;
    border-color:#2b3035!important
}
body.dark-mode .vw-title{
    color:#f8f9fa!important
}
body.dark-mode .vw-card:hover .vw-title{
    color:#dc3545!important
}
body.dark-mode .vw-list .vw-img{
    border-right-color:#2b3035!important
}
body.dark-mode .vw-grid .vw-img{
    border-bottom-color:#2b3035!important
}
body.dark-mode .vw-mob-grid .vw-img{
    border-bottom-color:#2b3035!important
}
.vw-stylish-card{
    background-color:#fff!important;
    border:1px solid #eaeaea!important;
    border-radius:10px!important;
    overflow:hidden!important;
    display:flex;
    flex-direction:column;
    text-decoration:none!important;
    box-shadow:0 4px 10px rgba(0,0,0,.04)!important;
    transition:transform .3s ease,box-shadow .3s ease;
    height:100%
}
.vw-stylish-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(0,0,0,.12)!important
}
.vw-sc-img{
    position:relative;
    width:100%;
    background-color:#e9ecef;
    flex-shrink:0
}
.vw-sc-img::before{
    content:"";
    display:block;
    padding-bottom:56.25%
}
.vw-sc-img img,.vw-sc-img picture{
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    margin:0!important;
    border-radius:0!important
}
.vw-sc-counter{
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(135deg,gold,#fdb931,#d4af37);
    color:#fff;
    font-size:1.1rem;
    font-weight:800;
    padding:4px 14px;
    border-bottom-right-radius:10px;
    z-index:2;
    box-shadow:2px 2px 6px rgba(0,0,0,.2);
    text-shadow:1px 1px 2px rgba(0,0,0,.3)
}
.vw-sc-txt{
    padding:12px 14px!important;
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
.vw-sc-title{
    font-size:1rem!important;
    font-weight:700!important;
    color:#111!important;
    margin:0!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s ease
}
.vw-stylish-card:hover .vw-sc-title{
    color:#dc3545!important
}
.vw-stylish-title-wrap{
    display:flex;
    align-items:center;
    margin-bottom:1.5rem
}
.vw-stylish-title{
    background-color:#dc3545;
    color:#fff!important;
    padding:6px 16px;
    border-radius:4px;
    font-size:1.25rem;
    font-weight:700;
    position:relative;
    margin:0;
    text-transform:uppercase;
    letter-spacing:.5px
}
.vw-stylish-title::after{
    content:'';
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    border-width:10px 0 10px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #dc3545
}
.vw-title-line{
    flex-grow:1;
    height:3px;
    background:linear-gradient(90deg,#dc3545,transparent);
    margin-left:20px;
    border-radius:2px
}
body.dark-mode .vw-stylish-card{
    background-color:#1a1d20!important;
    border-color:#2b3035!important
}
body.dark-mode .vw-sc-title{
    color:#f8f9fa!important
}
body.dark-mode .vw-stylish-card:hover .vw-sc-title{
    color:#dc3545!important
}
.vw-footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:40px;
    margin-bottom:40px
}
.vw-footer-title{
    color:#fff;
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    padding-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.5px
}
.vw-footer-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:40px;
    height:3px;
    background:#dc3545;
    border-radius:2px
}
.vw-footer-logo{
    margin-bottom:20px;
    display:block
}
.vw-footer-logo img{
    max-width:200px;
    height:auto
}
.vw-footer-about{
    font-size:.95rem;
    line-height:1.6;
    margin-bottom:25px
}
.vw-footer-social ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.vw-footer-social ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    background:rgba(255,255,255,.05);
    color:#fff;
    border-radius:50%;
    transition:all .3s;
    text-decoration:none
}
.vw-footer-social ul li a:hover{
    background:#dc3545;
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(220,53,69,.4)
}
.vw-trend-list{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:15px
}
.vw-trend-list::before{
    content:'';
    position:absolute;
    top:15px;
    bottom:20px;
    left:15px;
    width:2px;
    background:rgba(255,255,255,.08);
    z-index:1
}
.vw-trend-item{
    display:flex;
    align-items:flex-start;
    text-decoration:none!important;
    position:relative;
    z-index:2;
    group:hover
}
.vw-trend-num{
    width:32px;
    height:32px;
    background:#0c1222;
    border:2px solid #3b455d;
    color:#a0a5b5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:13px;
    flex-shrink:0;
    margin-right:15px;
    transition:all .3s ease
}
.vw-trend-item:hover .vw-trend-num{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff;
    box-shadow:0 0 12px rgba(220,53,69,.5)
}
.vw-trend-content{
    display:flex;
    flex-direction:column;
    padding-top:4px
}
.vw-trend-tt{
    color:#e2e5e9;
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    margin-bottom:5px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s
}
.vw-trend-item:hover .vw-trend-tt{
    color:#dc3545
}
.vw-trend-time{
    font-size:.8rem;
    color:#6c758d;
    display:flex;
    align-items:center;
    gap:5px
}
.vw-news-desc{
    font-size:.95rem;
    line-height:1.5;
    margin-bottom:15px
}
.vw-news-form{
    display:flex;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:6px;
    overflow:hidden;
    transition:.3s
}
.vw-news-form:focus-within{
    border-color:#dc3545;
    background:rgba(255,255,255,.06)
}
.vw-news-in{
    background:0 0;
    border:none;
    color:#fff;
    padding:12px 15px;
    flex-grow:1;
    outline:0;
    font-size:.9rem
}
.vw-news-btn{
    background:#dc3545;
    color:#fff;
    border:none;
    padding:0 20px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    font-size:.9rem
}
.vw-news-btn:hover{
    background:#b02a37
}
.vw-footer-bottom{
    background:#060a12;
    padding:20px 0;
    border-top:1px solid #1a2236
}
.vw-bottom-flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:15px
}
.vw-copyright{
    font-size:.9rem;
    color:#6c758d
}
.vw-footer-menu{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:20px;
    flex-wrap:wrap
}
.vw-footer-menu li a{
    color:#a0a5b5;
    text-decoration:none;
    font-size:.9rem;
    font-weight:500;
    transition:color .2s
}
.vw-footer-menu li a:hover{
    color:#fff
}
.scrollup{
    background:#dc3545;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s
}
.scrollup:hover{
    background:#fff
}
.scrollup svg{
    fill:#fff
}
.scrollup:hover svg{
    fill:#dc3545
}
.vw-cookies-card{
    position:fixed;
    bottom:20px;
    left:20px;
    z-index:9999;
    background:rgba(12,18,34,.95);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid #2b354d;
    border-radius:8px;
    padding:16px;
    width:calc(100% - 40px);
    max-width:320px;
    box-shadow:0 10px 30px rgba(0,0,0,.5);
    display:flex;
    flex-direction:column;
    gap:12px
}
.vw-cookies-card .close{
    position:absolute;
    top:10px;
    right:10px;
    background:0 0;
    border:none;
    color:#6c758d;
    cursor:pointer;
    transition:.2s;
    display:flex;
    padding:0
}
.vw-cookies-card .close:hover{
    color:#fff
}
.vw-cookies-card .text{
    font-size:.85rem;
    color:#a0a5b5;
    line-height:1.5;
    margin:0;
    padding-right:15px
}
.vw-cookies-card .btn-accept{
    background:#dc3545;
    color:#fff;
    border:none;
    padding:8px 0;
    border-radius:4px;
    font-size:.85rem;
    font-weight:600;
    cursor:pointer;
    text-align:center;
    transition:.3s
}
.vw-cookies-card .btn-accept:hover{
    background:#b02a37
}
@media (max-width:767.98px){
    .vw-bottom-flex{
        flex-direction:column;
        text-align:center;
        justify-content:center
    }
    .vw-footer-menu{
        justify-content:center
    }
    .vw-cookies-card{
        left:50%;
        transform:translateX(-50%);
        bottom:15px
    }
}
.vw-premium-title-wrap{
    position:relative;
    margin-bottom:1.5rem;
    padding-bottom:8px;
    display:flex;
    align-items:center
}
.vw-premium-title{
    font-size:1.3rem!important;
    font-weight:800!important;
    color:#111;
    margin:0!important;
    text-transform:uppercase
}
.vw-premium-title::after{
    content:'';
    position:absolute;
    bottom:-10px;
    left:0;
    width:60px;
    height:4px;
    background:linear-gradient(90deg,#dc3545,#ff6b6b);
    border-radius:2px
}
.vw-list-card,.vw-text-item,.vw-top-card{
    background-color:#f8f9fa!important;
    border:1px solid #e2e5e9!important;
    border-radius:6px!important;
    overflow:hidden;
    display:flex;
    text-decoration:none!important;
    transition:all .2s ease
}
.vw-list-card:hover,.vw-text-item:hover,.vw-top-card:hover{
    background-color:#fff!important;
    box-shadow:0 6px 15px rgba(0,0,0,.08)!important;
    transform:translateY(-3px)
}
.vw-top-card{
    flex-direction:column;
    height:100%
}
.vw-top-img{
    position:relative;
    width:100%;
    background:#e9ecef;
    flex-shrink:0;
    aspect-ratio:16/9;
    overflow:hidden
}
.vw-top-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-top-txt{
    padding:12px 14px!important;
    flex-grow:1;
    display:flex;
    align-items:flex-start
}
.vw-top-title{
    font-size:1.05rem!important;
    font-weight:700!important;
    color:#111!important;
    margin:0!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-list-card{
    flex-direction:row;
    align-items:stretch;
    margin-bottom:10px
}
.vw-list-img{
    width:35%!important;
    aspect-ratio:16/9;
    position:relative;
    background:#e9ecef;
    border-right:1px solid #e2e5e9;
    flex-shrink:0;
    overflow:hidden
}
.vw-list-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-list-txt{
    width:65%!important;
    padding:6px 12px!important;
    display:flex;
    align-items:center
}
.vw-list-title{
    font-size:.9rem!important;
    font-weight:600!important;
    color:#111!important;
    margin:0!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-text-item{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    margin-bottom:10px
}
.vw-text-title{
    font-size:.95rem!important;
    font-weight:600!important;
    color:#333!important;
    margin:0!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    padding-right:15px;
    flex-grow:1
}
.media-icon{
    position:static!important;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eee;
    border-radius:50%;
    color:#dc3545;
    transition:.2s
}
.vw-text-item:hover .media-icon{
    background:#dc3545;
    color:#fff
}
.dark-mode .vw-list-card,.dark-mode .vw-text-item,.dark-mode .vw-top-card{
    background-color:#1a1d20!important;
    border-color:#2b3035!important
}
.dark-mode .vw-list-title,.dark-mode .vw-premium-title,.dark-mode .vw-text-title,.dark-mode .vw-top-title{
    color:#f8f9fa!important
}
.dark-mode .media-icon{
    background:#2b3035
}
.vw-b6-section{
    padding:30px 0;
    background-color:#0c1222;
    overflow:hidden
}
.vw-b6-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:20px;
    border-bottom:1px solid #2b354d;
    padding-bottom:10px
}
.vw-b6-title{
    color:#fff;
    font-size:1.35rem;
    font-weight:800;
    margin:0;
    position:relative;
    text-transform:uppercase
}
.vw-b6-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-11px;
    width:60px;
    height:3px;
    background:#dc3545
}
.vw-b6-seemore{
    color:#a0a5b5;
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;
    transition:color .2s;
    display:flex;
    align-items:center;
    gap:5px
}
.vw-b6-seemore:hover{
    color:#dc3545
}
.vw-b6-wrapper{
    position:relative;
    width:100%
}
.vw-b6-track{
    display:flex;
    gap:15px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    align-items:flex-start;
    padding-bottom:5px;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.vw-b6-track::-webkit-scrollbar{
    display:none
}
.vw-b6-card{
    flex:0 0 calc(25% - 11.25px);
    scroll-snap-align:start;
    background-color:#1a2236!important;
    border:1px solid #2b354d!important;
    border-radius:8px!important;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    text-decoration:none!important;
    transition:transform .2s,box-shadow .2s;
    height:max-content
}
.vw-b6-card:hover{
    transform:translateY(-4px);
    border-color:#3b455d!important;
    box-shadow:0 8px 20px rgba(0,0,0,.4)
}
.vw-b6-img-box{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    overflow:hidden
}
.vw-b6-img-box img{
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-b6-badge{
    position:absolute;
    top:10px;
    left:10px;
    font-size:11px;
    font-weight:700;
    color:#fff;
    padding:4px 10px;
    border-radius:4px;
    text-transform:uppercase;
    z-index:2;
    box-shadow:0 2px 5px rgba(0,0,0,.3)
}
.vw-b6-txt{
    padding:12px 14px
}
.vw-b6-txt h3{
    color:#fff;
    font-size:1.05rem;
    font-weight:600;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s
}
.vw-b6-card:hover .vw-b6-txt h3{
    color:#dc3545
}
.vw-b6-nav{
    position:absolute;
    top:35%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    background:rgba(220,53,69,.9);
    color:#fff;
    border:none;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
    cursor:pointer;
    transition:.2s;
    box-shadow:0 4px 10px rgba(0,0,0,.4)
}
.vw-b6-nav:hover{
    background:#fff;
    color:#dc3545
}
.vw-b6-prev{
    left:-15px
}
.vw-b6-next{
    right:-15px
}
@media (max-width:991px){
    .vw-b6-card{
        flex:0 0 calc(50% - 7.5px)
    }
    .vw-b6-nav{
        display:none
    }
}
@media (max-width:767px){
    .vw-b6-card{
        flex:0 0 85%
    }
    .vw-b6-txt h3{
        font-size:1rem
    }
}
.cw-sidebar-widget,.cw-sidebar-widget *{
    box-sizing:border-box!important;
    margin:0;
    padding:0;
    font-family:inherit
}
.cw-sidebar-widget{
    background:#fff;
    border:1px solid #e2e5e9;
    border-radius:8px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.03);
    display:block;
    width:100%
}
.cw-widget-head{
    padding:12px 14px;
    background:#f8f9fa;
    border-bottom:1px solid #e2e5e9;
    position:relative
}
.cw-title{
    font-size:15px;
    font-weight:800;
    color:#111;
    text-transform:uppercase;
    letter-spacing:.5px
}
.cw-widget-head::after{
    content:'';
    position:absolute;
    left:14px;
    bottom:-1px;
    width:40px;
    height:3px;
    background:#dc3545
}
.cw-widget-body{
    padding:12px
}
.cw-social-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px
}
.cw-social-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px;
    border-radius:6px;
    font-weight:600;
    font-size:13px;
    text-decoration:none!important;
    transition:.3s;
    background:#f8f9fa;
    border:1px solid #e2e5e9;
    color:#333
}
.cw-social-link:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(0,0,0,.1);
    color:#fff!important;
    border-color:transparent;
    background:#dc3545
}
.cw-pop-wrapper{
    display:flex;
    flex-direction:column;
    gap:12px;
    position:relative
}
.cw-pop-wrapper::before{
    content:'';
    position:absolute;
    top:10px;
    bottom:10px;
    left:13px;
    width:2px;
    background:#e2e5e9;
    z-index:1
}
.cw-pop-link{
    display:flex;
    align-items:center;
    text-decoration:none!important;
    position:relative;
    z-index:2
}
.cw-pop-badge{
    width:28px;
    height:28px;
    background:#fff;
    border:2px solid #e2e5e9;
    color:#111;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:12px;
    flex-shrink:0;
    margin-right:10px;
    transition:.3s
}
.cw-pop-title{
    color:#111;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.cw-pop-link.cw-active .cw-pop-badge,.cw-pop-link:hover .cw-pop-badge{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff;
    box-shadow:0 0 6px rgba(220,53,69,.3)
}
.cw-pop-link.cw-active .cw-pop-title,.cw-pop-link:hover .cw-pop-title{
    color:#dc3545
}
.cw-rec-wrapper{
    display:flex;
    flex-direction:column;
    gap:10px
}
.cw-rec-link{
    display:flex;
    flex-direction:row;
    background:#fff;
    border:1px solid #e2e5e9;
    border-radius:6px;
    overflow:hidden;
    text-decoration:none!important;
    transition:.3s;
    align-items:stretch
}
.cw-rec-link:hover{
    box-shadow:0 4px 10px rgba(0,0,0,.06);
    transform:translateY(-2px);
    border-color:#ced4da
}
.cw-rec-thumb{
    width:32%;
    flex-shrink:0;
    position:relative;
    background:#f8f9fa;
    border-right:1px solid #e2e5e9
}
.cw-rec-thumb::before{
    content:"";
    display:block;
    padding-bottom:70%
}
.cw-rec-thumb img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.cw-rec-info{
    width:68%;
    padding:8px 10px;
    display:flex;
    align-items:center
}
.cw-rec-title{
    font-size:13px;
    font-weight:600;
    color:#111;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.cw-rec-link:hover .cw-rec-title{
    color:#dc3545
}
.cw-tag-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:6px
}
.cw-tag-link{
    display:inline-block;
    padding:5px 10px;
    background:#f8f9fa;
    border:1px solid #e2e5e9;
    border-radius:4px;
    font-size:12px;
    font-weight:600;
    color:#444;
    text-decoration:none!important;
    transition:.3s
}
.cw-tag-link:hover{
    background:#dc3545;
    color:#fff!important;
    border-color:#dc3545;
    box-shadow:0 2px 6px rgba(220,53,69,.2)
}
.dark-mode .cw-sidebar-widget{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .cw-widget-head{
    background:#22262a;
    border-color:#2b3035
}
.dark-mode .cw-title,body.dark-mode .cw-pop-title,body.dark-mode .cw-rec-title{
    color:#f8f9fa
}
.dark-mode .cw-social-link{
    background:#22262a;
    border-color:#2b3035;
    color:#f8f9fa
}
.dark-mode .cw-social-link:hover{
    background:#dc3545;
    color:#fff!important
}
.dark-mode .cw-pop-wrapper::before{
    background:#2b3035
}
.dark-mode .cw-pop-badge{
    background:#1a1d20;
    border-color:#2b3035;
    color:#f8f9fa
}
.dark-mode .cw-rec-link{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .cw-rec-thumb{
    border-color:#2b3035;
    background:#22262a
}
.dark-mode .cw-tag-link{
    background:#22262a;
    border-color:#2b3035;
    color:#f8f9fa
}
.dark-mode .cw-tag-link:hover{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff!important
}
@media (max-width:991px){
    .cw-sidebar-widget{
        margin-top:25px!important
    }
}
.vw-nav-sm-buttons{
    display:flex;
    gap:6px;
    margin-left:15px
}
.vw-slider-btn{
    width:30px;
    height:30px;
    border:1px solid #e9ecef;
    background:#fff;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#444;
    cursor:pointer;
    transition:.2s;
    padding:0
}
.vw-slider-btn:hover{
    background:#dc3545;
    color:#fff;
    border-color:#dc3545
}
.vw-slider-btn i{
    font-size:14px;
    font-weight:700
}
.vw-user-scroll-wrapper{
    width:100%;
    position:relative;
    overflow:hidden;
    padding:5px 0 10px 0
}
.vw-user-scroll{
    display:flex;
    gap:15px;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:5px;
    cursor:grab;
    scroll-behavior:smooth
}
.vw-user-scroll::-webkit-scrollbar{
    display:none
}
.vw-user-scroll.dragging{
    cursor:grabbing;
    scroll-behavior:auto
}
.vw-user-card{
    flex:0 0 auto;
    width:130px;
    text-align:center;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:12px;
    padding:15px 10px;
    transition:all .3s ease;
    box-shadow:0 4px 10px rgba(0,0,0,.02)
}
.vw-user-card a{
    text-decoration:none!important;
    display:block
}
.vw-user-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 15px rgba(0,0,0,.08);
    border-color:#ced4da
}
.vw-user-avatar-box{
    position:relative;
    width:75px;
    height:75px;
    margin:0 auto 12px
}
.vw-user-img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    padding:3px;
    border:2px solid #e9ecef;
    transition:.3s ease
}
.vw-user-card:hover .vw-user-img{
    border-color:#dc3545
}
.vw-rank-badge{
    position:absolute;
    bottom:-5px;
    right:-5px;
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.3);
    border:2px solid #fff
}
.vw-rank-badge .material-symbols-outlined{
    font-size:14px;
    font-variation-settings:'FILL' 1
}
.vw-gold{
    background:linear-gradient(135deg,gold,#fa0)
}
.vw-silver{
    background:linear-gradient(135deg,#e0e0e0,#9e9e9e)
}
.vw-bronze{
    background:linear-gradient(135deg,#cd7f32,#8b4513)
}
.vw-user-name{
    font-size:.95rem;
    font-weight:700;
    color:#111;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:6px
}
.vw-role-badge{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    color:#fff;
    padding:3px 10px;
    border-radius:20px;
    text-transform:uppercase;
    margin-bottom:8px;
    box-shadow:0 2px 4px rgba(0,0,0,.15);
    letter-spacing:.5px
}
.vw-user-posts{
    font-size:.8rem;
    color:#6c758d
}
.vw-user-posts strong{
    color:#dc3545;
    font-weight:800
}
.vw-join-card{
    border:2px dashed #ced4da;
    background:#f8f9fa
}
.vw-join-card:hover{
    border-color:#dc3545;
    background:#fff
}
.vw-join-avatar{
    background:#e9ecef;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6c758d;
    border:2px solid transparent;
    transition:.3s
}
.vw-join-card:hover .vw-join-avatar{
    background:#dc3545;
    color:#fff
}
.vw-join-avatar .material-symbols-outlined{
    font-size:30px
}
.vw-join-text{
    font-size:.8rem;
    color:#dc3545;
    font-weight:600;
    margin-top:10px
}
.dark-mode .vw-user-card{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .vw-user-name{
    color:#f8f9fa
}
.dark-mode .vw-user-img{
    border-color:#2b3035
}
.dark-mode .vw-rank-badge{
    border-color:#1a1d20
}
.dark-mode .vw-join-card{
    background:#1a1d20;
    border-color:#3b455d
}
.dark-mode .vw-join-avatar{
    background:#22262a;
    color:#f8f9fa
}
.dark-mode .vw-slider-btn{
    background:#1a1d20;
    border-color:#2b3035;
    color:#f8f9fa
}
.dark-mode .vw-slider-btn:hover{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff
}
.dark-mode .cat-title .line{
    background:#2b3035!important
}
.vw-author-box{
    background:#fdfdfd;
    border:1px solid #e9ecef!important
}
.vw-author-label{
    display:inline-block;
    font-size:.75rem;
    font-weight:800;
    color:#dc3545;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:5px
}
.vw-author-left{
    flex-shrink:0
}
.vw-author-avatar{
    width:85px!important;
    height:85px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    border:3px solid #fff;
    padding:2px;
    background:linear-gradient(135deg,#dc3545,#ff6b81);
    transition:transform .3s ease;
    display:block
}
.vw-author-left a:hover .vw-author-avatar{
    transform:scale(1.05)
}
.vw-author-name{
    font-size:1.3rem;
    font-weight:800
}
.vw-author-name a:hover{
    color:#dc3545!important
}
.vw-role-wrapper{
    font-size:.85rem;
    font-weight:600
}
.vw-author-bio{
    font-size:.95rem;
    line-height:1.6;
    color:#555
}
.vw-btn-follow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#dc3545;
    color:#fff;
    border:2px solid #dc3545;
    border-radius:30px;
    padding:6px 16px;
    font-size:.85rem;
    font-weight:700;
    transition:all .3s ease;
    outline:0;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(220,53,69,.2)
}
.vw-btn-follow:hover{
    background:#c82333;
    border-color:#c82333;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(220,53,69,.3)
}
.vw-btn-follow.following{
    background:#fff;
    color:#dc3545;
    border-color:#dc3545;
    box-shadow:none
}
.vw-btn-follow.following:hover{
    background:#fdfdfd;
    color:#c82333
}
.vw-btn-follow .icon-sm{
    font-size:18px
}
.vw-social-btn{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f1f2f4;
    color:#444;
    text-decoration:none;
    font-size:14px;
    transition:all .3s ease;
    border:1px solid transparent
}
.vw-social-btn:hover{
    background:#dc3545;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 4px 8px rgba(220,53,69,.2)
}
.vw-btn-reporter{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#111;
    color:#fff;
    padding:6px 14px;
    border-radius:6px;
    font-size:.85rem;
    font-weight:600;
    text-decoration:none;
    transition:.3s ease
}
.vw-btn-reporter:hover{
    background:#dc3545;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(17,17,17,.2)
}
.vw-btn-reporter .icon-sm{
    font-size:16px
}
@media (max-width:576px){
    .vw-author-box .card-body{
        padding:20px 15px
    }
    .vw-btn-follow{
        padding:5px 12px;
        font-size:.8rem
    }
    .vw-btn-reporter{
        width:100%;
        justify-content:center;
        margin-top:10px
    }
    .vw-author-socials{
        justify-content:center;
        width:100%
    }
}
.dark-mode .vw-author-box{
    background:#1a1d20;
    border-color:#2b3035!important
}
.dark-mode .vw-author-name a{
    color:#f8f9fa!important
}
.dark-mode .vw-author-bio{
    color:#ccc!important
}
.dark-mode .vw-social-btn{
    background:#22262a;
    color:#f8f9fa;
    border-color:#3b455d
}
.dark-mode .vw-social-btn:hover{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff
}
.dark-mode .border-top{
    border-top-color:#2b3035!important
}
.dark-mode .vw-btn-follow.following{
    background:#1a1d20
}
.vw-latest-premium .section-title{
    border-bottom:2px solid #e9ecef;
    margin-bottom:1.5rem;
    padding-bottom:8px;
    position:relative
}
.vw-latest-premium .section-title .title{
    font-size:1.35rem;
    font-weight:800;
    color:#111;
    text-transform:uppercase;
    margin:0
}
.vw-latest-premium .section-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-2px;
    width:60px;
    height:4px;
    background:linear-gradient(90deg,#dc3545,#ff6b6b);
    border-radius:2px
}
.vw-latest-premium .post-item{
    background:#fff;
    border:1px solid #e2e5e9;
    border-radius:8px;
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease;
    display:flex;
    position:relative;
    margin:0;
    height:100%
}
.vw-latest-premium .post-item:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 15px rgba(0,0,0,.08);
    border-color:#dee2e6
}
.vw-latest-premium .post-item .description,.vw-latest-premium .post-item .post-meta{
    display:none!important
}
.vw-latest-premium .post-item .title{
    margin:0;
    transition:color .2s
}
.vw-latest-premium .post-item:hover .title a{
    color:#dc3545!important
}
.vw-latest-premium .post-item .title a{
    text-decoration:none!important;
    color:#111
}
.vw-latest-premium .badge-category{
    position:absolute;
    top:10px;
    left:10px;
    z-index:2;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:4px;
    text-transform:uppercase;
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
@media (min-width:768px){
    #postsLoadMoreContent>div:nth-child(-n+3) .post-item{
        flex-direction:column
    }
    #postsLoadMoreContent>div:nth-child(-n+3) .image{
        width:100%;
        aspect-ratio:16/9;
        flex-shrink:0;
        position:relative;
        margin:0
    }
    #postsLoadMoreContent>div:nth-child(-n+3) .image img{
        width:100%!important;
        height:100%!important;
        object-fit:cover;
        position:absolute;
        top:0;
        left:0
    }
    #postsLoadMoreContent>div:nth-child(-n+3) .title{
        padding:14px 16px
    }
    #postsLoadMoreContent>div:nth-child(-n+3) .title a{
        font-size:1.05rem;
        font-weight:700;
        line-height:1.4;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden
    }
    #postsLoadMoreContent>div:nth-child(n+4) .post-item{
        flex-direction:row;
        align-items:stretch
    }
    #postsLoadMoreContent>div:nth-child(n+4) .image{
        width:40%;
        aspect-ratio:16/9;
        flex-shrink:0;
        position:relative;
        margin:0;
        border-right:1px solid #e2e5e9
    }
    #postsLoadMoreContent>div:nth-child(n+4) .image img{
        width:100%!important;
        height:100%!important;
        object-fit:cover;
        position:absolute;
        top:0;
        left:0
    }
    #postsLoadMoreContent>div:nth-child(n+4) .badge-category{
        display:none
    }
    #postsLoadMoreContent>div:nth-child(n+4) .title{
        width:60%;
        padding:8px 12px;
        display:flex;
        align-items:center
    }
    #postsLoadMoreContent>div:nth-child(n+4) .title a{
        font-size:.95rem;
        font-weight:600;
        line-height:1.4;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden
    }
}
@media (max-width:767.98px){
    .vw-latest-premium .post-item{
        flex-direction:column!important;
        border:none!important;
        border-bottom:1px solid #e9ecef!important;
        border-radius:0!important;
        box-shadow:none!important;
        margin-bottom:20px;
        padding-bottom:15px;
        height:auto
    }
    .vw-latest-premium .post-item:hover{
        transform:none;
        box-shadow:none!important
    }
    .vw-latest-premium .image{
        width:100%!important;
        aspect-ratio:16/9;
        border-radius:12px;
        overflow:hidden;
        position:relative;
        margin:0
    }
    .vw-latest-premium .image img{
        width:100%!important;
        height:100%!important;
        object-fit:cover;
        position:absolute;
        top:0;
        left:0
    }
    .vw-latest-premium .badge-category{
        top:8px;
        left:8px;
        font-size:10px
    }
    .vw-latest-premium .title{
        padding:12px 0 0 0!important
    }
    .vw-latest-premium .title a{
        font-size:1.1rem!important;
        font-weight:700;
        line-height:1.4;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden
    }
}
.dark-mode .vw-latest-premium .post-item{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .vw-latest-premium .title a{
    color:#f8f9fa
}
.dark-mode .vw-latest-premium .post-item:hover{
    background:#222
}
@media (min-width:768px){
    body.dark-mode #postsLoadMoreContent>div:nth-child(n+4) .image{
        border-right-color:#2b3035
    }
}
@media (max-width:767.98px){
    body.dark-mode .vw-latest-premium .post-item{
        border-bottom-color:#2b3035!important;
        background:0 0!important
    }
}
.vw-story-widget{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.03);
    overflow:hidden;
    margin-bottom:30px
}
.vw-story-head{
    padding:15px 20px 0;
    margin-bottom:10px
}
.vw-story-head .title{
    font-size:1.15rem;
    font-weight:800;
    color:#111;
    margin:0 0 10px;
    display:flex;
    align-items:center;
    text-transform:uppercase
}
.vw-story-head .line{
    height:2px;
    background:#e9ecef;
    width:100%;
    position:relative
}
.vw-story-head .line::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:50px;
    background:#dc3545
}
.vw-story-list{
    display:flex;
    flex-direction:column;
    gap:10px
}
.vw-story-item{
    display:flex;
    align-items:center;
    padding:12px 14px;
    background:#f8f9fa;
    border:1px solid #e9ecef;
    border-radius:8px;
    text-decoration:none!important;
    transition:all .3s ease;
    gap:12px
}
.vw-story-item:hover{
    background:#fff;
    border-color:#dc3545;
    box-shadow:0 4px 10px rgba(220,53,69,.1);
    transform:translateY(-2px)
}
.vw-story-icon{
    width:32px;
    height:32px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e9ecef;
    color:#6c758d;
    border-radius:50%;
    transition:.3s ease
}
.vw-story-icon .material-symbols-outlined{
    font-size:20px;
    font-variation-settings:'FILL' 1
}
.vw-story-item:hover .vw-story-icon{
    background:#dc3545;
    color:#fff;
    box-shadow:0 2px 8px rgba(220,53,69,.3)
}
.vw-story-txt-box{
    flex-grow:1
}
.vw-story-txt{
    font-size:.95rem;
    font-weight:600;
    color:#333;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.3s
}
.vw-story-item:hover .vw-story-txt{
    color:#dc3545
}
.vw-badge-hot{
    font-size:.7rem;
    font-weight:800;
    font-style:normal;
    color:#fff;
    background:linear-gradient(135deg,#ff4757,#dc3545);
    padding:3px 8px;
    border-radius:20px;
    box-shadow:0 2px 5px rgba(220,53,69,.3);
    flex-shrink:0;
    letter-spacing:.5px
}
.dark-mode .vw-story-widget{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .vw-story-head .title{
    color:#f8f9fa
}
.dark-mode .vw-story-head .line{
    background:#2b3035
}
.dark-mode .vw-story-item{
    background:#22262a;
    border-color:#2b3035
}
.dark-mode .vw-story-item:hover{
    background:#2c3238;
    border-color:#dc3545
}
.dark-mode .vw-story-icon{
    background:#1a1d20;
    color:#6c758d;
    border:1px solid #3b455d
}
.dark-mode .vw-story-item:hover .vw-story-icon{
    background:#dc3545;
    color:#fff;
    border-color:#dc3545
}
.dark-mode .vw-story-txt{
    color:#e2e5e9
}
.dark-mode .vw-story-item:hover .vw-story-txt{
    color:#dc3545
}
.vw-social-strip{
    background:#fff
}
.vw-social-icons .vw-social-link:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 15px rgba(0,0,0,.25);
    filter:brightness(1.1)
}
.vw-social-icons .facebook{
    background-color:#1877f2!important
}
.vw-social-icons .twitter{
    background-color:#000!important
}
.vw-social-icons .instagram{
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important
}
.vw-social-icons .threads{
    background-color:#000!important
}
.vw-social-icons .youtube{
    background-color:red!important
}
.vw-social-icons .whatsapp{
    background-color:#25d366!important
}
.vw-social-icons .telegram{
    background-color:#08c!important
}
.vw-social-icons .snapchat{
    background-color:#fffc00!important;
    color:#333!important
}
.vw-social-icons .linkedin{
    background-color:#0077b5!important
}
.vw-social-icons .pinterest{
    background-color:#bd081c!important
}
.vw-social-icons .rss{
    background-color:#ee802f!important
}
.dark-mode .vw-social-strip{
    background:#1a1d20;
    border-color:#2b3035!important
}
.dark-mode .vw-social-msg,body.dark-mode .text-dark,body.dark-mode strong{
    color:#f8f9fa!important
}
.dark-mode .alert{
    background-color:#1a1d20!important;
    color:#f8f9fa!important;
    border-color:#2b3035!important
}
.vw-ai-card{
    background:linear-gradient(135deg,#f8f9ff 0,#fff 100%);
    border:1px solid #e1e4f3!important
}
.vw-ai-icon-box{
    width:48px;
    height:48px;
    background:#eef2ff;
    color:#4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px
}
.vw-ai-icon-box .material-symbols-outlined{
    font-size:28px;
    font-variation-settings:'FILL' 1
}
.icon-pulse{
    animation:ai-pulse 2s infinite
}
@keyframes ai-pulse{
    0%{
        transform:scale(1);
        opacity:1
    }
    50%{
        transform:scale(1.1);
        opacity:.8
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
.vw-ai-bg-icon{
    position:absolute;
    top:-10px;
    right:-10px;
    font-size:100px;
    color:#4f46e5;
    opacity:.03;
    font-variation-settings:'FILL' 1;
    pointer-events:none
}
.vw-ai-title{
    color:#1e1b4b;
    font-size:1.15rem;
    letter-spacing:-.5px
}
.vw-ai-text{
    font-size:.95rem;
    line-height:1.6
}
.vw-ai-link{
    font-size:.85rem;
    color:#4f46e5;
    transition:.3s
}
.vw-ai-link:hover{
    color:#dc3545;
    transform:translateX(5px)
}
.dark-mode .vw-ai-card{
    background:#1e2124;
    border-color:#2b3035!important
}
.dark-mode .vw-ai-title{
    color:#f8f9fa
}
.dark-mode .vw-ai-icon-box{
    background:#22262a;
    color:#818cf8
}
.dark-mode .vw-ai-bg-icon{
    color:#fff;
    opacity:.05
}
.dark-mode .vw-ai-link{
    color:#818cf8
}
.dark-mode .vw-ai-checker .badge{
    background:#22262a!important;
    color:#f8f9fa!important
}
.dark-mode .border-top{
    border-top-color:#2b3035!important
}
.vw-faq-item{
    background:#fff;
    overflow:hidden;
    transition:.3s;
    border:1px solid #e9ecef!important
}
.vw-faq-item:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,.05)!important;
    border-color:#dc3545!important
}
.vw-accordion .accordion-button{
    background-color:transparent;
    color:#333;
    box-shadow:none;
    border-radius:8px
}
.vw-accordion .accordion-button:not(.collapsed){
    color:#dc3545;
    background-color:#fff
}
.vw-faq-num{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    height:28px;
    background:#f8f9fa;
    color:#6c758d;
    font-size:13px;
    font-weight:800;
    border-radius:50%;
    border:1px solid #e9ecef
}
.vw-accordion .accordion-button:not(.collapsed) .vw-faq-num{
    background:#dc3545;
    color:#fff;
    border-color:#dc3545
}
.vw-accordion .accordion-button::after{
    filter:grayscale(1);
    opacity:.5
}
.vw-accordion .accordion-button:not(.collapsed)::after{
    filter:none;
    opacity:1
}
.vw-faq-q-text{
    flex-grow:1;
    padding-right:10px
}
.vw-faq-answer{
    border-top-color:#f1f2f4!important
}
.dark-mode .vw-faq-item{
    background:#1a1d20;
    border-color:#2b3035!important
}
.dark-mode .vw-faq-item:hover{
    border-color:#dc3545!important
}
.dark-mode .vw-accordion .accordion-button{
    color:#f8f9fa
}
.dark-mode .vw-accordion .accordion-button:not(.collapsed){
    color:#dc3545;
    background-color:#1a1d20
}
.dark-mode .vw-faq-num{
    background:#22262a;
    color:#f8f9fa;
    border-color:#3b455d
}
.dark-mode .vw-faq-answer{
    border-top-color:#2b3035!important;
    color:#ccc!important
}
.dark-mode .cat-title .auto-title{
    color:#f8f9fa!important
}
.dark-mode .cat-title .line{
    background:#2b3035!important
}
.badge-category,.vw-badge-hero{
    color:#fff!important
}
.vw-badge-hero[style*="#c97272"]{
    background-color:#b34b4b!important
}
.auto-title,.last-word,.vw-tl-title{
    color:#222!important
}
.vw-trend-time{
    color:#595959!important;
    font-weight:500
}
.nav-tabs .nav-link.active{
    background-color:#0d6efd!important;
    color:#fff!important;
    border-color:#0d6efd!important
}
.vw-copyright,.vw-footer-bottom,.vw-pro-footer{
    color:#e1e1e1!important
}
.vw-footer-bottom strong{
    color:#fff!important
}
.vw-b6-seemore{
    color:#0056b3!important;
    text-decoration:underline
}
@keyframes soundWave{
    0%,100%{
        transform:scaleY(.5);
        opacity:.5
    }
    50%{
        transform:scaleY(1);
        opacity:1
    }
}
.btn-audio-ctrl{
    background:0 0;
    border:none;
    color:#fff;
    padding:8px;
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center
}
.btn-audio-ctrl:hover{
    background:rgba(255,255,255,.1);
    transform:scale(1.1)
}
.btn-play-lg{
    width:48px;
    height:48px;
    background:#fff;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:none;
    cursor:pointer;
    box-shadow:0 4px 15px rgba(255,255,255,.2);
    transition:transform .2s
}
.btn-play-lg:hover{
    background:#f0f0f0;
    transform:scale(1.05)
}
.vw-grad-caption{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.4) 60%,transparent 100%);
    padding:30px 15px 12px;
    z-index:10;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.vw-grad-caption .title{
    color:#fff!important;
    font-size:1.1rem;
    font-weight:700;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.vw-grad-caption:hover .title{
    color:#dc3545!important
}
.vw-badge-hero{
    position:absolute;
    top:12px;
    left:12px;
    z-index:12;
    font-size:11px;
    padding:4px 10px;
    border-radius:4px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    box-shadow:0 4px 8px rgba(0,0,0,.3)
}
.vw-desk-hero{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    aspect-ratio:16/9;
    background:#111;
    box-shadow:0 4px 15px rgba(0,0,0,.1);
    display:block
}
.vw-desk-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
.vw-desk-hero:hover img{
    transform:scale(1.05)
}
.vw-desk-list{
    display:flex;
    align-items:left;
    gap:4px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:8px;
    overflow:hidden;
    text-decoration:none!important;
    transition:.3s;
    margin-bottom:12px;
    height:calc(100% - 12px)
}
.vw-desk-list:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    transform:translateY(-2px);
    border-color:#ced4da
}
.vw-desk-list .img-box{
    width:30%;
    aspect-ratio:16/9;
    flex-shrink:0;
    position:relative;
    background:#eee;
    border-radius:4px;
    overflow:hidden
}
.vw-desk-list .img-box img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important
}
.vw-desk-list .txt-box{
    width:70%;
    padding-right:5px;
    display:flex;
    align-items:center
}
.vw-desk-list .txt-box .title{
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    margin:0;
    color:#111;
    transition:.2s;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-desk-list:hover .txt-box .title{
    color:#dc3545
}
.vw-mob-slider-wrap{
    position:relative;
    overflow:hidden;
    margin-bottom:25px
}
.vw-mob-slider{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    gap:10px;
    padding-bottom:5px;
    scrollbar-width:none
}
.vw-mob-slider::-webkit-scrollbar{
    display:none
}
.vw-mob-slide{
    flex:0 0 100%;
    scroll-snap-align:center;
    position:relative;
    aspect-ratio:16/9;
    border-radius:8px;
    overflow:hidden;
    background:#111
}
.vw-mob-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-mob-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    background:rgba(220,53,69,.85);
    color:#fff;
    border:2px solid rgba(255,255,255,.2);
    border-radius:50%;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(4px);
    transition:.3s
}
.vw-mob-arrow:hover{
    background:#fff;
    color:#dc3545
}
.vw-mob-arrow.prev{
    left:8px
}
.vw-mob-arrow.next{
    right:8px
}
.vw-mob-timeline{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:10px
}
.vw-mob-time-item{
    display:flex;
    align-items:center;
    text-decoration:none!important;
    background:#fff;
    border:1px solid #e9ecef;
    border-left:4px solid #ced4da;
    border-radius:6px;
    padding:12px 14px;
    transition:.3s;
    box-shadow:0 2px 6px rgba(0,0,0,.02)
}
.vw-mob-num{
    width:32px;
    height:32px;
    background:#f1f2f4;
    color:#555;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:14px;
    flex-shrink:0;
    margin-right:15px;
    transition:.3s
}
.vw-mob-time-txt{
    flex-grow:1
}
.vw-mob-time-tt{
    color:#222;
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.vw-mob-time-item.active,.vw-mob-time-item:hover{
    border-left-color:#dc3545;
    background:snow;
    transform:translateX(4px);
    box-shadow:0 4px 10px rgba(220,53,69,.08)
}
.vw-mob-time-item.active .vw-mob-num,.vw-mob-time-item:hover .vw-mob-num{
    background:#dc3545;
    color:#fff;
    box-shadow:0 3px 8px rgba(220,53,69,.3)
}
.vw-mob-time-item.active .vw-mob-time-tt,.vw-mob-time-item:hover .vw-mob-time-tt{
    color:#dc3545
}
.dark-mode .vw-desk-list,body.dark-mode .vw-mob-time-item{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .vw-desk-list .txt-box .title,body.dark-mode .vw-mob-time-tt{
    color:#f8f9fa
}
.dark-mode .vw-mob-time-item{
    border-left-color:#3b455d
}
.dark-mode .vw-mob-time-item.active,body.dark-mode .vw-mob-time-item:hover{
    background:#22262a;
    border-left-color:#dc3545
}
.dark-mode .vw-mob-num{
    background:#22262a;
    color:#f8f9fa
}
.vw-live-section{
    padding:20px 0;
    background:#fff;
    border-top:1px solid #f0f0f0
}
.cat-title{
    display:flex;
    align-items:center;
    margin-bottom:20px;
    width:100%
}
.cat-title .auto-title{
    font-size:1.4rem;
    font-weight:800;
    color:#111;
    margin:0;
    text-transform:uppercase
}
.cat-title .line{
    flex-grow:1;
    height:2px;
    background:#e9ecef;
    margin:0 15px
}
.vw-live-hero{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    aspect-ratio:16/9;
    display:block;
    box-shadow:0 4px 15px rgba(0,0,0,.1)
}
.vw-live-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s
}
.vw-live-hero-caption{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:40px 20px 15px;
    background:linear-gradient(to top,rgba(0,0,0,.9),transparent)
}
.vw-live-hero-caption h3{
    color:#fff!important;
    font-size:1.3rem;
    font-weight:700;
    margin:0
}
.vw-live-card{
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none!important;
    transition:.2s;
    height:100%
}
.vw-live-card-img{
    width:35%;
    aspect-ratio:16/9;
    flex-shrink:0
}
.vw-live-card-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-live-card-txt{
    padding:10px 15px
}
.vw-live-card-txt h3{
    font-size:.95rem;
    font-weight:700;
    color:#111;
    margin:0;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-timeline-box{
    background:#f8f9fa;
    border:1px solid #e9ecef;
    border-radius:12px;
    padding:20px
}
.vw-timeline{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:20px
}
.vw-timeline::before{
    content:'';
    position:absolute;
    top:10px;
    bottom:10px;
    left:17px;
    width:2px;
    background:#dee2e6;
    z-index:1
}
.vw-tl-item{
    display:flex;
    align-items:flex-start;
    text-decoration:none!important;
    position:relative;
    z-index:2
}
.vw-tl-num-wrapper{
    position:relative;
    flex-shrink:0;
    margin-right:15px;
    z-index:3
}
.vw-tl-num{
    width:36px;
    height:36px;
    background:#fff;
    border:2px solid #dee2e6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:14px;
    color:#444
}
.status-live .vw-tl-num{
    border-color:#dc3545;
    color:#dc3545
}
.status-archived .vw-tl-num{
    border-color:#28a745;
    color:#28a745
}
.vw-tl-pulse{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid #dc3545;
    animation:timelinePulse 2s infinite;
    z-index:4
}
@keyframes timelinePulse{
    0%{
        transform:scale(1);
        opacity:.8
    }
    100%{
        transform:scale(1.6);
        opacity:0
    }
}
.badge-status{
    font-size:9px;
    font-weight:800;
    padding:2px 8px;
    border-radius:4px;
    color:#fff;
    text-transform:uppercase
}
.badge-status.live{
    background:#dc3545
}
.badge-status.archived{
    background:#28a745
}
.vw-tl-time{
    font-size:11px;
    color:#888;
    margin-left:auto
}
.dark-mode .vw-live-section{
    background:0 0!important
}
.dark-mode .cat-title .auto-title,.dark-mode .vw-live-card-txt h3,.dark-mode .vw-timeline-head,.dark-mode .vw-tl-title{
    color:#fff!important
}
.dark-mode .vw-live-card,.dark-mode .vw-timeline-box{
    background:#1a1d20!important;
    border-color:#333!important
}
.dark-mode .vw-tl-num{
    background:#222!important;
    color:#fff!important;
    border-color:#444!important
}
.shorts-scroll-wrapper{
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding-bottom:15px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.shorts-scroll-wrapper::-webkit-scrollbar{
    display:none
}
.short-card{
    flex:0 0 auto;
    width:125px;
    height:222px;
    background-color:#000;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    scroll-snap-align:start;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
    transition:transform .2s ease
}
.short-card:hover{
    transform:scale(1.03)
}
.short-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:opacity .3s ease
}
.short-bg-player{
    position:absolute;
    top:50%;
    left:50%;
    width:200%;
    height:200%;
    transform:translate(-50%,-50%);
    z-index:2;
    pointer-events:none
}
.short-overlay{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:60%;
    background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
    padding:10px 8px;
    display:flex;
    align-items:flex-end;
    z-index:3;
    pointer-events:none
}
.short-title{
    color:#fff;
    font-size:12px;
    font-weight:600;
    margin:0;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:1px 1px 2px rgba(0,0,0,.8)
}
.play-icon-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:36px;
    z-index:3;
    opacity:.9;
    text-shadow:0 2px 5px rgba(0,0,0,.5);
    pointer-events:none
}
.shorts-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:999999;
    display:none;
    justify-content:center;
    align-items:center
}
.modal-close-btn{
    position:absolute;
    top:20px;
    left:20px;
    z-index:100001;
    cursor:pointer;
    width:40px;
    height:40px;
    background:rgba(0,0,0,.5);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    backdrop-filter:blur(4px)
}
.modal-reels-container{
    width:100%;
    height:100%;
    max-width:450px;
    background:#000;
    overflow-y:scroll;
    scroll-snap-type:y mandatory;
    scrollbar-width:none;
    position:relative
}
.modal-reels-container::-webkit-scrollbar{
    display:none
}
.modal-reel-item{
    width:100%;
    height:100%;
    scroll-snap-align:start;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#000
}
.reel-iframe-wrapper{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.reel-iframe-wrapper iframe{
    width:100%;
    height:100%;
    border:none
}
.reel-ui-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.reel-actions-sidebar{
    position:absolute;
    right:15px;
    bottom:80px;
    display:flex;
    flex-direction:column;
    gap:25px;
    pointer-events:auto
}
.action-link-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    transition:transform .2s
}
.action-link-btn:hover{
    transform:scale(1.1);
    color:#fff
}
.action-link-btn .material-symbols-outlined{
    font-size:34px;
    margin-bottom:2px;
    text-shadow:0 2px 5px rgba(0,0,0,.6)
}
.action-text{
    font-size:13px;
    font-weight:600;
    text-shadow:0 1px 3px rgba(0,0,0,.8)
}
@media (min-width:768px){
    .modal-reels-container{
        height:90vh;
        margin-top:5vh;
        border-radius:12px;
        box-shadow:0 0 30px rgba(0,0,0,.5)
    }
    .modal-close-btn{
        left:calc(50% - 280px)
    }
}
.vw-grad-caption .title{
    color:#fff!important;
    font-size:1.1rem;
    font-weight:700;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.vw-grad-caption:hover .title{
    color:#dc3545!important
}
.vw-badge-hero{
    position:absolute;
    top:12px;
    left:12px;
    z-index:12;
    font-size:11px;
    padding:4px 10px;
    border-radius:4px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    box-shadow:0 4px 8px rgba(0,0,0,.3)
}
.vw-desk-hero{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    aspect-ratio:16/9;
    background:#111;
    box-shadow:0 4px 15px rgba(0,0,0,.1);
    display:block
}
.vw-desk-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
.vw-desk-hero:hover img{
    transform:scale(1.05)
}
.vw-desk-list{
    display:flex;
    align-items:left;
    gap:4px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:8px;
    overflow:hidden;
    text-decoration:none!important;
    transition:.3s;
    margin-bottom:12px
}
.vw-desk-list:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    transform:translateY(-2px);
    border-color:#ced4da
}
.vw-desk-list .img-box{
    width:30%;
    aspect-ratio:16/9;
    flex-shrink:0;
    position:relative;
    background:#eee;
    border-radius:4px;
    overflow:hidden
}
.vw-desk-list .img-box img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important
}
.vw-desk-list .txt-box{
    width:70%;
    padding-right:5px;
    display:flex;
    align-items:center
}
.vw-desk-list .txt-box .title{
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    margin:0;
    color:#111;
    transition:.2s;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.vw-desk-list:hover .txt-box .title{
    color:#dc3545
}
.vw-mob-slider-wrap{
    position:relative;
    overflow:hidden;
    margin-bottom:25px
}
.vw-mob-slider{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    gap:10px;
    padding-bottom:5px;
    scrollbar-width:none
}
.vw-mob-slider::-webkit-scrollbar{
    display:none
}
.vw-mob-slide{
    flex:0 0 100%;
    scroll-snap-align:center;
    position:relative;
    aspect-ratio:16/9;
    border-radius:8px;
    overflow:hidden;
    background:#111
}
.vw-mob-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
.vw-mob-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    background:rgba(220,53,69,.85);
    color:#fff;
    border:2px solid rgba(255,255,255,.2);
    border-radius:50%;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(4px);
    transition:.3s
}
.vw-mob-arrow:hover{
    background:#fff;
    color:#dc3545
}
.vw-mob-arrow.prev{
    left:8px
}
.vw-mob-arrow.next{
    right:8px
}
.vw-mob-feat-title{
    font-size:1.2rem;
    font-weight:800;
    color:#111;
    margin:0 0 15px;
    border-bottom:2px solid #e9ecef;
    padding-bottom:5px;
    position:relative;
    text-transform:uppercase
}
.vw-mob-feat-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-2px;
    width:40px;
    height:3px;
    background:#dc3545
}
.vw-mob-timeline{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:10px
}
.vw-mob-time-item{
    display:flex;
    align-items:center;
    text-decoration:none!important;
    background:#fff;
    border:1px solid #e9ecef;
    border-left:4px solid #ced4da;
    border-radius:6px;
    padding:12px 14px;
    transition:.3s;
    box-shadow:0 2px 6px rgba(0,0,0,.02)
}
.vw-mob-num{
    width:32px;
    height:32px;
    background:#f1f2f4;
    color:#555;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:14px;
    flex-shrink:0;
    margin-right:15px;
    transition:.3s
}
.vw-mob-time-txt{
    flex-grow:1
}
.vw-mob-time-tt{
    color:#222;
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.vw-mob-time-item.active,.vw-mob-time-item:hover{
    border-left-color:#dc3545;
    background:snow;
    transform:translateX(4px);
    box-shadow:0 4px 10px rgba(220,53,69,.08)
}
.vw-mob-time-item.active .vw-mob-num,.vw-mob-time-item:hover .vw-mob-num{
    background:#dc3545;
    color:#fff;
    box-shadow:0 3px 8px rgba(220,53,69,.3)
}
.vw-mob-time-item.active .vw-mob-time-tt,.vw-mob-time-item:hover .vw-mob-time-tt{
    color:#dc3545
}
.dark-mode .vw-desk-list,body.dark-mode .vw-mob-time-item{
    background:#1a1d20;
    border-color:#2b3035
}
.dark-mode .vw-desk-list .txt-box .title,body.dark-mode .vw-mob-feat-title,body.dark-mode .vw-mob-time-tt{
    color:#f8f9fa
}
.dark-mode .vw-mob-feat-title{
    border-bottom-color:#2b3035
}
.dark-mode .vw-mob-time-item{
    border-left-color:#3b455d
}
.dark-mode .vw-mob-time-item.active,body.dark-mode .vw-mob-time-item:hover{
    background:#22262a;
    border-left-color:#dc3545
}
.dark-mode .vw-mob-num{
    background:#22262a;
    color:#f8f9fa
}
@media (max-width:768px){
    .vw-social-strip{
        text-align:center;
        flex-direction:column
    }
    .vw-social-icons{
        justify-content:center!important;
        width:100%
    }
}
.vw-social-icons .vw-social-link{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none!important;
    color:#fff!important;
    font-size:18px;
    box-shadow:0 4px 10px rgba(0,0,0,.12);
    transition:all .4s cubic-bezier(.175,.885,.32,1.275)
}
.vw-live-card{
    display:flex;
    align-items:stretch;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:6px;
    overflow:hidden;
    text-decoration:none!important;
    transition:.2s
}
.vw-live-card:hover{
    border-color:#ced4da;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    transform:translateY(-2px)
}
.vw-live-card-img{
    width:35%;
    flex-shrink:0;
    aspect-ratio:16/9;
    position:relative;
    background:#f8f9fa;
    border-right:1px solid #e9ecef
}
.vw-live-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0
}
.vw-live-card-txt{
    width:65%;
    padding:10px 12px;
    display:flex;
    align-items:center
}
.vw-live-card-txt h3{
    font-size:.95rem;
    font-weight:600;
    color:#111;
    margin:0;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.vw-live-card:hover .vw-live-card-txt h3{
    color:#dc3545
}
.vw-trend-list{
    display:flex;
    flex-direction:column;
    gap:15px
}
.vw-trend-item{
    display:flex;
    align-items:center;
    text-decoration:none!important;
    transition:.3s
}
.vw-trend-num{
    width:30px;
    height:30px;
    background:#1a2235;
    border:1px solid #2b354d;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:13px;
    flex-shrink:0;
    margin-right:12px;
    transition:.3s
}
.vw-trend-item:hover .vw-trend-num{
    background:#dc3545;
    border-color:#dc3545;
    box-shadow:0 0 10px rgba(220,53,69,.3)
}
.vw-trend-content{
    flex-grow:1
}
.vw-trend-tt{
    color:#e2e5e9;
    font-size:.95rem;
    font-weight:600;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s
}
.vw-trend-item:hover .vw-trend-tt{
    color:#dc3545
}
@media (max-width:576px){
    .vw-live-card{
        flex-direction:row
    }
    .vw-live-card-img{
        width:35%;
        border-right:1px solid #e9ecef;
        border-bottom:none
    }
    .vw-live-card-txt{
        width:65%;
        padding:8px 10px
    }
    .vw-live-card-txt h3{
        font-size:.9rem;
        -webkit-line-clamp:3
    }
}
body.dark-mode .vw-live-card{
    background:#1a1d20;
    border-color:#2b3035
}
body.dark-mode .vw-live-card-img{
    border-right-color:#2b3035
}
body.dark-mode .vw-live-card-txt h3{
    color:#f8f9fa
}
body.dark-mode .cat-title .auto-title{
    color:#f8f9fa!important
}
body.dark-mode .cat-title .line{
    background:#2b3035!important
}
.scrollup{
    bottom:90px!important;
    right:25px;
    width:45px!important;
    height:45px!important;
    line-height:45px;
    border-radius:50%!important;
    background-color:#007bff!important;
    box-shadow:0 4px 15px rgba(0,0,0,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .3s ease-in-out;
    z-index:999
}
.scrollup:hover{
    background-color:#0056b3!important;
    transform:translateY(-5px);
    box-shadow:0 6px 20px rgba(0,0,0,.3)
}
.scrollup svg{
    width:26px!important;
    height:26px!important;
    fill:#fff!important
}
@media (max-width:768px){
    .scrollup{
        width:40px!important;
        height:40px!important;
        bottom:80px!important
    }
}
.vw-cookies-box{
    position:fixed;
    bottom:25px;
    left:25px;
    right:25px;
    max-width:450px;
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    z-index:9999;
    display:flex;
    align-items:center;
    border:1px solid #eee;
    animation:slideInUp .5s ease-out
}
@keyframes slideInUp{
    from{
        transform:translateY(100px);
        opacity:0
    }
    to{
        transform:translateY(0);
        opacity:1
    }
}
.vw-cookies-content{
    display:flex;
    flex-direction:column;
    width:100%;
    padding-right:25px
}
.vw-cookies-text p{
    margin:0 0 12px 0;
    font-size:14px;
    color:#444;
    line-height:1.5
}
.vw-cookies-btn{
    background:#222;
    color:#fff;
    border:none;
    padding:8px 20px;
    font-size:13px;
    font-weight:600;
    border-radius:6px;
    cursor:pointer;
    transition:background .3s
}
.vw-cookies-btn:hover{
    background:#444
}
.vw-cookies-close{
    position:absolute;
    top:10px;
    right:10px;
    background:0 0;
    border:none;
    color:#999;
    cursor:pointer
}
@media (max-width:576px){
    .vw-cookies-box{
        bottom:15px;
        left:15px;
        right:15px;
        padding:15px
    }
}
html[dir=rtl] .cat-title::before{
    margin-right:0!important;
    margin-left:10px!important
}
html[dir=rtl] .cat-title .line::after,html[dir=rtl] .cat-title .line::before{
    left:auto!important;
    right:0!important
}
html[dir=rtl] .cat-title .line{
    transform:scaleX(-1)
}
.fkp-ad-wrapper{
    margin-bottom:20px;
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.fkp-ad-label{
    display:block;
    font-size:11px;
    color:#888;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:5px;
    font-weight:500;
    text-align:center
}
.bn-content{
    display:flex;
    justify-content:center;
    width:100%
}
.bn-inner{
    display:block;
    margin:0 auto;
    overflow:hidden
}
.bn-inner:empty{
    display:none!important
}
.fkp-ad-wrapper:has(.bn-inner:empty){
    display:none!important
}
:root{
    --surface-color:#09090b;
    --card-bg:rgba(255, 255, 255, 0.05);
    --card-border:var(--vr-theme-color);
    --text-primary:var(--vr-theme-color);
    --text-secondary:#a1a1aa;
    --accent-primary:var(--vr-block-color);
    --gradient-text:linear-gradient(to right, var(--vr-theme-color), var(--vr-block-color))
}
.site-footer{
    position:relative;
    overflow:hidden;
    background-color:var(--surface-color);
    padding:10px 0 30px;
    margin-top:50px;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(-50vw + 50%)!important;
    margin-right:calc(-50vw + 50%)!important
}
.site-footer::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:800px;
    height:400px;
    background:radial-gradient(circle,var(--vr-theme-color) 0,transparent 60%);
    opacity:.15;
    pointer-events:none
}
.site-footer .container-xl{
    position:relative;
    z-index:1
}
.vw-footer-logo img{
    max-width:100%;
    height:auto;
    display:block;
    min-height:45px
}
.footer-main{
    min-height:250px
}
.subscribe-bento{
    background:var(--card-bg);
    border:1px solid var(--card-border);
    backdrop-filter:blur(10px);
    border-radius:24px;
    padding:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-bottom:60px;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    position:relative
}
.subscribe-info h3{
    margin:0 0 10px 0;
    font-size:24px;
    background:var(--gradient-text);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:800
}
.subscribe-info p{
    margin:0;
    color:var(--text-secondary);
    font-size:15px
}
.subscribe-form{
    display:flex;
    width:100%;
    max-width:450px;
    background:rgba(255,255,255,.08);
    border-radius:100px;
    padding:6px;
    border:1px solid rgba(255,255,255,.15);
    position:relative;
    box-sizing:border-box
}
.subscribe-form input[type=email]{
    flex:1;
    background:0 0;
    border:none;
    padding:0 20px;
    color:#fff;
    font-family:inherit;
    font-size:15px;
    outline:0;
    width:100%
}
.subscribe-form input::placeholder{
    color:#a1a1aa
}
.subscribe-form button{
    background:var(--gradient-text);
    border:none;
    color:#fff;
    padding:12px 28px;
    border-radius:100px;
    font-weight:600;
    cursor:pointer;
    transition:transform .2s,box-shadow .2s;
    white-space:nowrap
}
.subscribe-form button:hover{
    transform:scale(1.05);
    box-shadow:0 8px 20px var(--vr-theme-color)
}
.footer-main{
    display:grid;
    grid-template-columns:2.5fr 1.2fr 1.2fr 1.5fr;
    gap:30px;
    margin-bottom:50px
}
.footer-brand p{
    color:var(--text-secondary);
    line-height:1.6;
    font-size:14px;
    margin-bottom:25px
}
.footer-heading{
    font-size:16px;
    font-weight:700;
    margin-bottom:25px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    position:relative;
    display:inline-block;
    padding-bottom:8px
}
.footer-heading::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:35px;
    height:3px;
    background:var(--accent-primary);
    border-radius:2px
}
.footer-links{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:12px
}
.footer-links a{
    color:var(--text-secondary);
    text-decoration:none;
    font-size:14px;
    transition:color .3s;
    display:flex;
    align-items:center;
    gap:4px
}
.footer-links a .material-symbols-outlined{
    font-size:16px;
    color:var(--accent-primary);
    transition:transform .3s ease
}
.footer-links a:hover{
    color:var(--accent-primary)
}
.footer-links a:hover .material-symbols-outlined{
    transform:translateX(4px)
}
.social-row-ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.social-row-ul li{
    display:inline-block
}
.social-row-ul li a{
    width:40px;
    height:40px;
    border-radius:10px;
    background:var(--card-bg);
    border:1px solid var(--card-border);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-secondary);
    text-decoration:none;
    font-size:16px;
    transition:all .3s ease
}
.social-row-ul li a:hover{
    background:#fff;
    color:var(--surface-color);
    transform:translateY(-3px)
}
.app-btn-group{
    display:flex;
    flex-wrap:wrap;
    gap:12px
}
.app-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 15px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    font-size:13px;
    width:max-content;
    white-space:nowrap;
    transition:opacity .2s,transform .2s
}
.app-btn:hover{
    opacity:.9;
    transform:translateY(-2px)
}
.app-btn-apple{
    background:#fff;
    color:#000
}
.app-btn-google{
    background:rgba(255,255,255,.1);
    color:#fff;
    border:1px solid var(--card-border)
}
.footer-bottom{
    padding-top:30px;
    border-top:1px solid var(--card-border);
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:var(--text-secondary);
    font-size:13px
}
.bottom-links{
    display:flex;
    gap:20px;
    flex-wrap:wrap
}
.bottom-links a{
    color:var(--text-secondary);
    text-decoration:none
}
.bottom-links a:hover{
    color:#fff
}
@media (max-width:991px){
    .subscribe-bento{
        flex-direction:column;
        text-align:center
    }
    .footer-main{
        grid-template-columns:1fr 1fr
    }
}
@media (max-width:768px){
    .footer-main{
        grid-template-columns:1fr 1fr;
        gap:30px 15px
    }
    .footer-main>div:nth-child(1),.footer-main>div:nth-child(4){
        grid-column:span 2
    }
    .footer-bottom{
        flex-direction:column;
        gap:15px;
        text-align:center
    }
    .subscribe-bento{
        padding:30px 20px
    }
    .subscribe-form{
        flex-direction:column;
        background:0 0;
        border:none;
        padding:0;
        gap:10px;
        box-sizing:border-box
    }
    .subscribe-form input[type=email]{
        background:rgba(255,255,255,.08);
        border:1px solid rgba(255,255,255,.15);
        padding:15px 20px;
        border-radius:12px;
        width:100%;
        box-sizing:border-box
    }
    .subscribe-form button{
        border-radius:12px;
        padding:15px;
        width:100%;
        box-sizing:border-box
    }
}
#nav-top.aajtak-top-bar{height:32px!important;background-color:#eee!important;border-bottom:1px solid #e0e0e0;font-family:Arial,Helvetica,sans-serif}.aajtak-top-bar .container-xl{height:100%;padding:0 15px}.top-date-time{font-size:11.5px;color:#666;margin-right:20px;white-space:nowrap;font-weight:500;display:flex;align-items:center;height:100%}.top-nav-links{height:100%;display:flex;align-items:center;margin:0;padding:0;list-style:none}.top-nav-links .nav-item{height:100%;display:flex;align-items:center;margin:0!important;padding:0!important}.top-nav-links .nav-link{font-size:12px;color:#666!important;padding:0 12px!important;margin:0!important;font-weight:500;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;line-height:1}.top-nav-links .nav-link:hover{color:#d3000f!important}.more-dropdown{background-color:#f1f1f1;height:100%;display:flex;align-items:center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.more-dropdown .nav-link{padding:0 10px!important;color:#000!important}/ .top-right-section form{display:flex;align-items:center;height:100%;margin:0!important;padding:0!important}.top-dark-mode-btn{background:0 0;border:none;color:#666;padding:0 15px;height:100%;margin:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer;border-right:1px solid #e0e0e0;line-height:0}.top-dark-mode-btn:hover{color:#d3000f}.top-dark-mode-btn svg{display:block}.top-signin-btn{background-color:#d3000f;color:#fff!important;font-size:12px;font-weight:700;padding:0 15px;height:32px;display:flex;align-items:center;text-decoration:none;white-space:nowrap;transition:background .3s}.top-signin-btn:hover{background-color:#b0000c;color:#fff!important}.top-signin-btn svg{margin-left:6px;width:14px;height:14px}.top-social-links{display:flex;align-items:center;height:100%;margin:0 10px 0 0!important}.top-social-links ul{display:flex;align-items:center;margin:0!important;padding:0!important;list-style:none;height:100%}.top-social-links a,.top-social-links li{display:flex;align-items:center;justify-content:center;margin:0!important;height:100%}.top-social-links a{color:#666!important;padding:0 8px;font-size:13px;text-decoration:none}.top-social-links a:hover{color:#d3000f!important}

 /* ---------------------------------------------------
       HOMEPAGE LEAD (MOSAIC) BLOCK CSS
       --------------------------------------------------- */
    .lead-mosaic-section { margin-bottom: 3rem; font-family: 'Arial', sans-serif; }
    
    /* Elegant Header */
    .lm-header { display: flex; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 15px;}
    .lm-header h2 { font-size: 1.6rem; font-weight: 900; color: #111; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; position: relative; padding-left: 14px; }
    .lm-header h2::before { content: ''; position: absolute; left: 0; top: 10%; height: 80%; width: 5px; background: #e3000f; border-radius: 4px; }
    
    .lm-line { flex-grow: 1; height: 1px; background: #e0e0e0; min-width: 50px; }
    .lm-view-all { color: #666; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 5px; text-decoration: none !important; transition: color 0.2s;}
    .lm-view-all:hover { color: #e3000f; }

    /* Mosaic Cards (Image with Text Overlay) */
    .lm-card { position: relative; display: block; border-radius: 10px; overflow: hidden; background: #222; text-decoration: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
    .lm-card img, .lm-card picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
    .lm-card:hover img { transform: scale(1.08); }
    
    .lm-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%); display: flex; flex-direction: column; justify-content: flex-end; z-index: 2; transition: background 0.3s; }
    .lm-card:hover .lm-overlay { background: linear-gradient(to top, rgba(227,0,15,0.9) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); }

    /* Aspect Ratios for Bulletproof Layout */
    .lm-hero-box { padding-bottom: 75%; height: 100%; } /* Desktop Big Image */
    .lm-grid-box { padding-bottom: 68%; } /* Desktop Small Images */
    
    /* Typography inside Cards */
    .lm-overlay-content { padding: 1.5rem; }
    .lm-hero-title { color: #fff; font-size: 1.6rem; font-weight: 800; line-height: 1.3; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
    .lm-grid-title { color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.35; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    
    .lm-badge { align-self: flex-start; background: #e3000f; color: #fff; font-size: 0.7rem; font-weight: 800; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; margin-bottom: 10px; display: inline-block; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }

    /* Mobile Adjustments */
    @media (max-width: 991px) {
        .lm-header h2 { font-size: 1.3rem; }
        .lm-hero-box { padding-bottom: 60%; } /* Mobile Hero 16:9ish */
        .lm-grid-box { padding-bottom: 100%; } /* Mobile Grid 1:1 Square */
        .lm-overlay-content { padding: 1rem; }
        .lm-hero-title { font-size: 1.25rem; }
        .lm-grid-title { font-size: 0.85rem; -webkit-line-clamp: 3; }
        .lm-badge { font-size: 0.6rem; padding: 3px 8px; margin-bottom: 6px; }
    }
    
/* ROCK-SOLID MAGAZINE LAYOUT CSS */
    .mag2-section { margin-bottom: 3rem; font-family: 'Arial', sans-serif; }
    
    /* Header */
    .mag2-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; position: relative; }
    .mag2-header h2 { font-size: 1.4rem; font-weight: 900; color: #111; margin: 0; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
    .mag2-header::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 3px; background-color: #e3000f; }
    .mag2-view-all { color: #666; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 5px; text-decoration: none !important;}
    .mag2-view-all:hover { color: #e3000f; }

    /* Bulletproof Image Boxes (Prevent layout collapse) */
    .mag2-img-container { position: relative; overflow: hidden; background: #f8f8f8; display: block; }
    .mag2-img-container img, .mag2-img-container picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
    
    .mag2-hero-box { padding-bottom: 60%; border-radius: 12px; } /* 16:9 Aspect Ratio */
    .mag2-grid-box { padding-bottom: 65%; border-radius: 8px; margin-bottom: 10px; }
    .mag2-list-box { width: 85px; height: 85px; border-radius: 50%; flex-shrink: 0; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
    
    /* Pill Badge */
    .mag2-pill { background: #e3000f; color: #fff; font-size: 0.65rem; font-weight: 800; padding: 3px 10px; border-radius: 50px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; box-shadow: 0 2px 6px rgba(227,0,15,0.3); }

    /* Links & Hover Effects */
    .mag2-link { text-decoration: none !important; display: block; transition: transform 0.2s; }
    .mag2-link:hover .mag2-img-container img { transform: scale(1.05); }
    .mag2-link-title { font-weight: 700; color: #111; margin: 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
    .mag2-link:hover .mag2-link-title { color: #e3000f; }

    /* Hero Specific */
    .mag2-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem; border-radius: 12px;}
    .mag2-hero-title { color: #fff; font-size: 1.5rem; font-weight: 800; line-height: 1.3; margin-top: 10px; margin-bottom: 0; text-shadow: 0 2px 5px rgba(0,0,0,0.6); }

    /* Right List Specific */
    .mag2-list-item { display: flex; align-items: center; gap: 15px; background: #fafafa; padding: 10px; border-radius: 12px; border: 1px solid #f0f0f0; margin-bottom: 12px; transition: all 0.2s; text-decoration: none !important;}
    .mag2-list-item:hover { background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); border-color: #e0e0e0; transform: translateX(-4px); }
    .mag2-list-item:last-child { margin-bottom: 0; }
    .mag2-list-title { font-size: 0.95rem; font-weight: 700; color: #222; margin-top: 6px; margin-bottom: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .mag2-list-item:hover .mag2-list-title { color: #e3000f; }

    /* Mobile Adjustments */
    @media (max-width: 991px) {
        .mag2-hero-title { font-size: 1.2rem; }
        .mag2-list-box { border-radius: 8px; width: 80px; height: 80px; } /* Circle ko normal shape mein badla mobile par */
    }
    
/* ---------------------------------------------------
       SMART APP & COMPACT LAYOUT CSS
       --------------------------------------------------- */
    .smart-app-section { margin-bottom: 3rem; font-family: 'Segoe UI', Arial, sans-serif; }
    
    /* Section Header */
    .sma-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; border-bottom: 2px solid #f0f0f0; padding-bottom: 12px; }
    .sma-head h2 { font-size: 1.5rem; font-weight: 900; color: #111; margin: 0; text-transform: uppercase; }
    .sma-head h2 span { color: #e3000f; }
    .sma-view-all { color: #666; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; text-decoration: none !important; transition: color 0.2s; }
    .sma-view-all:hover { color: #e3000f; }

    /* --- LEFT SIDE: COMPACT HERO --- */
    .sma-hero-card { position: relative; display: block; border-radius: 12px; overflow: hidden; background: #000; text-decoration: none !important; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s; }
    .sma-hero-card:hover { transform: translateY(-3px); }
    
    /* Reduced Height for Hero */
    .sma-hero-img { width: 100%; height: 320px; position: relative; }
    .sma-hero-img img, .sma-hero-img picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .sma-hero-card:hover .sma-hero-img img { transform: scale(1.05); }
    
    .sma-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem; }
    .sma-hero-title { color: #fff; font-size: 1.4rem; font-weight: 800; line-height: 1.35; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.6); }
    .sma-badge { align-self: flex-start; background: #e3000f; color: #fff; font-size: 0.75rem; font-weight: 800; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; margin-bottom: 10px; }

    /* --- LEFT SIDE: SMART GRID --- */
    .sma-grid-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #eee; border-radius: 10px; overflow: hidden; height: 100%; text-decoration: none !important; transition: box-shadow 0.2s; }
    .sma-grid-card:hover { box-shadow: 0 6px 15px rgba(0,0,0,0.08); border-color: #e0e0e0; }
    .sma-grid-img { aspect-ratio: 16/10; position: relative; flex-shrink: 0; background: #f4f4f4; }
    .sma-grid-img img, .sma-grid-img picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .sma-grid-txt { padding: 12px; display: flex; flex-direction: column; justify-content: center; }
    .sma-grid-title { font-size: 0.95rem; font-weight: 700; color: #222; margin: 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
    .sma-grid-card:hover .sma-grid-title { color: #e3000f; }

    /* --- RIGHT SIDE: COMPACT DARK BOX --- */
    /* Height is AUTO so it shrinks to fit content, leaving no empty space */
    .sma-dark-box { background: #121212; border-radius: 16px; padding: 20px; color: #fff; height: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
    
    .sma-dark-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 12px; }
    .sma-dark-head h2 { font-size: 1.2rem; font-weight: 800; color: #fff; margin: 0; }
    .sma-dark-view { color: #aaa; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; text-decoration: none !important; }
    .sma-dark-view:hover { color: #e3000f; }

    .sma-dark-hero { display: block; text-decoration: none !important; margin-bottom: 15px; }
    .sma-dark-hero-img { border-radius: 8px; overflow: hidden; aspect-ratio: 16/9; position: relative; margin-bottom: 12px; background: #222; }
    .sma-dark-hero-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .sma-dark-hero h3 { font-size: 1.1rem; font-weight: 700; color: #fff; line-height: 1.35; margin: 0; transition: color 0.2s; }
    .sma-dark-hero:hover h3 { color: #e3000f; }

    .sma-dark-list { display: flex; align-items: center; gap: 12px; text-decoration: none !important; padding: 10px 0; border-top: 1px solid #2a2a2a; transition: background 0.2s; }
    .sma-dark-list:last-child { padding-bottom: 0; }
    .sma-dark-list:hover { background: rgba(255,255,255,0.05); border-radius: 6px; padding-left: 8px; padding-right: 8px; margin-left: -8px; margin-right: -8px; border-top-color: transparent; }
    .sma-dark-list-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; position: relative; background: #222; }
    .sma-dark-list-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .sma-dark-list h3 { font-size: 0.9rem; font-weight: 600; color: #ddd; margin: 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
    .sma-dark-list:hover h3 { color: #e3000f; }

    /* --- MOBILE SMART DESIGN OVERRIDES --- */
    @media (max-width: 767px) {
        /* Mobile Hero - standard 16:9 */
        .sma-hero-img { height: 220px; }
        .sma-hero-title { font-size: 1.2rem; }
        
        /* MAGIC: Convert Grid to sleek Horizontal List on Mobile */
        .sma-grid-card { flex-direction: row; align-items: center; padding: 8px; border-radius: 8px; }
        .sma-grid-img { width: 100px; height: 80px; aspect-ratio: auto; border-radius: 6px; }
        .sma-grid-txt { padding: 0 0 0 12px; }
        .sma-grid-title { font-size: 0.9rem; -webkit-line-clamp: 2; }
        
        /* Dark Box Margin adjustment */
        .sma-dark-box { margin-top: 10px; }
    }
    
 /* ==========================================
       CENTER HERO & ALERT LAYOUT CSS
    ========================================== */
    .center-hero-section { font-family: 'Segoe UI', Arial, sans-serif; margin-bottom: 3rem; background: #fff; }
    
    /* Section Header */
    .ch-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; }
    .ch-header h2 { font-size: 1.5rem; font-weight: 900; color: #111; margin: 0; text-transform: uppercase; position: relative; }
    .ch-header h2::after { content: ''; position: absolute; bottom: -12px; left: 0; width: 100%; height: 2px; background: #e3000f; }
    .ch-view-all { color: #555; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; text-decoration: none !important; transition: color 0.2s; }
    .ch-view-all:hover { color: #e3000f; }

    /* --- ALERT POST CARDS (LEFT & RIGHT) --- */
    .ch-alert-card { display: flex; flex-direction: column; padding: 14px 16px; border-left: 3px solid #e3000f; background: #fafafa; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 12px; border-radius: 0 8px 8px 0; text-decoration: none !important; transition: all 0.2s ease; }
    .ch-alert-card:hover { background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); border-color: #e0e0e0; transform: translateX(3px); }
    .ch-alert-meta { font-size: 0.75rem; color: #e3000f; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; display: flex; align-items: center; gap: 5px; }
    .ch-alert-dot { width: 6px; height: 6px; background: #e3000f; border-radius: 50%; animation: blinkAlert 1s infinite; }
    .ch-alert-title { font-size: 0.95rem; font-weight: 700; color: #222; margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
    .ch-alert-card:hover .ch-alert-title { color: #e3000f; }

    @keyframes blinkAlert { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }

    /* --- CENTER HERO POST --- */
    .ch-hero-card { position: relative; display: block; border-radius: 12px; overflow: hidden; background: #000; text-decoration: none !important; margin-bottom: 15px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); height: 350px; }
    .ch-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: transform 0.6s ease; }
    .ch-hero-card:hover .ch-hero-img { transform: scale(1.05); opacity: 0.7; }
    .ch-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.3) 50%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; }
    .ch-badge { align-self: flex-start; background: #e3000f; color: #fff; font-size: 0.75rem; font-weight: 800; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; margin-bottom: 12px; }
    .ch-hero-title { color: #fff; font-size: 1.6rem; font-weight: 800; line-height: 1.3; margin: 0; text-shadow: 0 2px 5px rgba(0,0,0,0.6); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

    /* --- CENTER GRID POSTS (BELOW HERO) --- */
    .ch-grid-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #eee; border-radius: 10px; overflow: hidden; height: 100%; text-decoration: none !important; transition: box-shadow 0.2s; }
    .ch-grid-card:hover { box-shadow: 0 6px 15px rgba(0,0,0,0.08); border-color: #ddd; }
    .ch-grid-img { position: relative; width: 100%; padding-top: 60%; overflow: hidden; background: #f4f4f4; }
    .ch-grid-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
    .ch-grid-card:hover .ch-grid-img img { transform: scale(1.05); }
    .ch-grid-txt { padding: 12px 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
    .ch-grid-title { font-size: 1rem; font-weight: 700; color: #222; margin: 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
    .ch-grid-card:hover .ch-grid-title { color: #e3000f; }

    /* --- MOBILE ADJUSTMENTS --- */
    @media (max-width: 991px) {
        .ch-hero-card { height: 260px; }
        .ch-hero-title { font-size: 1.3rem; }
        .ch-grid-title { font-size: 0.9rem; -webkit-line-clamp: 2; }
        .ch-grid-txt { padding: 10px; }
        .ch-alert-card { padding: 12px; margin-bottom: 10px; }
    }
    
/* =========================================
   LIGHT MODE & DEFAULT STYLES 
   ========================================= */

/* Subcategories Scrollable Navigation Tab */
.custom-block-6-wrapper .news-tabs-container {
    background-color: #0b2e59;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}
.custom-block-6-wrapper .news-tabs-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome/Safari */
}
.custom-block-6-wrapper .custom-news-tabs {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.custom-block-6-wrapper .custom-news-tabs .nav-link {
    color: #ffffff;
    border-radius: 0;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s;
}
.custom-block-6-wrapper .custom-news-tabs .nav-link:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}
.custom-block-6-wrapper .custom-news-tabs .nav-link.active {
    background-color: #e60000;
    color: #ffffff;
}

/* Card Design for the 2 Main Images */
.custom-block-6-wrapper .custom-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: box-shadow 0.3s ease, background-color 0.3s, border-color 0.3s;
}
.custom-block-6-wrapper .custom-card:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.custom-block-6-wrapper .img-cover {
    object-fit: cover;
    transition: transform 0.4s ease;
}
.custom-block-6-wrapper .custom-card:hover .img-cover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* List Items Hover Effect */
.custom-block-6-wrapper .custom-list-item {
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}
.custom-block-6-wrapper .custom-list-item:hover {
    background-color: #f9f9f9;
}

/* General Utilities */
.custom-block-6-wrapper .custom-last-mb-none:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.custom-block-6-wrapper .hover-title {
    transition: color 0.2s;
}
.custom-block-6-wrapper a:hover .hover-title {
    color: #e60000 !important; /* Title turns red on hover */
}


/* =========================================
   DARK MODE STYLES (Triggers when .dark is present)
   ========================================= */

/* Dark Mode: Card Design */
.dark-mode .custom-block-6-wrapper .custom-card {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}
.dark-mode .custom-block-6-wrapper .custom-card:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.5) !important;
}

/* Dark Mode: View List Hover */
.dark-mode .custom-block-6-wrapper .custom-list-item:hover {
    background-color: #2a2a2a !important;
}

/* Dark Mode: Text Colors */
.dark-mode .custom-block-6-wrapper .text-dark,
.dark-mode .custom-block-6-wrapper .hover-title,
.dark-mode .custom-block-6-wrapper h4 {
    color: #e0e0e0 !important; /* Light text for dark background */
}
.dark-mode .custom-block-6-wrapper a:hover .hover-title {
    color: #e60000 !important; /* Keep red hover effect in dark mode */
}

/* Dark Mode: Borders & Dividers */
.dark-mode .custom-block-6-wrapper .border-bottom,
.dark-mode .custom-block-6-wrapper .line {
    border-color: #333333 !important;
}

/* Dark Mode: Right Sidebar Box */
.dark-mode .custom-block-6-wrapper .p-3.rounded {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

/* Dark Mode: Image Placeholder Backgrounds */
.dark-mode .custom-block-6-wrapper .position-relative {
    background: #222222 !important;
}

.floating-live-tv {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 320px;
    background: #000;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 1040;
    overflow: hidden;
    transform: translateY(150%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    opacity: 0;
}
.floating-live-tv.show {
    transform: translateY(0);
    opacity: 1;
}
.floating-live-tv.d-none {
    display: none !important;
}
.live-tv-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #cc181e;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.live-tv-header .live-indicator {
    display: flex;
    align-items: center;
}
.live-tv-header .live-indicator .blink {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 6px;
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% { opacity: 0; }
}
.live-tv-header button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}
.live-tv-body {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    background: #000;
    overflow: hidden;
}
.live-tv-body iframe, .live-tv-body video, .live-tv-body object, .live-tv-body embed, .live-tv-body > div {
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important; 
    width: 100% !important; 
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
@media (max-width: 767px) {
    .floating-live-tv {
        width: 280px;
        bottom: 80px;
        right: 15px;
    }
}

.vr-share-wrapper{
    position:relative;
    margin:16px 0 20px;
    width:100%;
    font-family:sans-serif
}
.vr-share-box{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px;

    border-radius:18px;

    background:
        rgba(255,255,255,.75);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,.4);

    box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
.vr-share-box{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px;

    border-radius:16px;

    background:#fff;

    border:1px solid #e9ecef;

    position:relative;
}

.vr-share-box:before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:16px;
    padding:1px;

    background:linear-gradient(
        135deg,
        rgba(255,255,255,.9),
        rgba(0,0,0,.04)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}
.vr-share-url{
    flex:1;
    min-width:0;

    padding:10px 14px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:12px;

    color:#374151;

    font-size:13px;
    font-weight:500;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vr-share-btn,
.vr-copy-btn{
    width:42px;
    height:42px;
    border-radius:14px;

    border:1px solid rgba(255,255,255,.25);

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    color:#ff6b6b;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:all .25s ease;

    box-shadow:
        0 4px 15px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.4);
}

.vr-share-btn:hover,
.vr-copy-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 8px 20px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.5);
}

.vr-share-btn svg,
.vr-copy-btn svg{
    width:18px;
    height:18px;
}
/* --- NEW POPVER CARD STYLE WITH LABELS --- */
.vr-popover {
    display: block !important;
    position: absolute;
    bottom: calc(100% + 15px); 
    right: -10px;
    width: max-content !important;
    max-width: 95vw !important;
    background-color: #fff;
    padding: 16px 20px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.06);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.95);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: bottom right;
}
.vr-popover.vr-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}
.vr-popover-header {
    display: block !important;
    font-size: 12px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    width: 100%;
}
.vr-popover-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px 14px !important;
    width: 100%;
}
.share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    text-decoration: none !important;
    width: auto !important;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}
.share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    background-color: #f8f9fa;
    color: #444;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    margin: 0 auto;
}
.share-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #777 !important;
    text-align: center !important;
    white-space: nowrap !important;
    letter-spacing: -0.2px;
    transition: color 0.2s ease;
    margin-top: 4px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.share-item:hover .share-icon {
    transform: translateY(-4px) scale(1.05);
    background-color: #f0f0f0;
    color: var(--vr-theme-color, #f8285a);
}
.share-item:hover .share-label {
    color: var(--vr-theme-color, #f8285a);
}
.share-icon svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    min-height: 18px;
    display: block;
    fill: currentColor;
    margin: 0;
    padding: 0;
}
.vr-popover::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 30px; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.05));
}
/* Spinner Animation for Download Button */
@keyframes vr-spin {
    100% {
        transform: rotate(360deg);
    }
}
.vr-spin-icon {
    animation: vr-spin 1s linear infinite;
    color: currentColor;
}
/* DARK MODE UPDATES */
[data-bs-theme="dark"] .vr-popover { background: #222; border-color: #333; box-shadow: 0 10px 40px rgba(0,0,0,0.6); }
[data-bs-theme="dark"] .vr-popover-header { border-bottom-color: #333; color: #999; }
[data-bs-theme="dark"] .share-icon { background-color: #2b2b2b; color: #ddd; }
[data-bs-theme="dark"] .share-label { color: #aaa; }
[data-bs-theme="dark"] .share-item:hover .share-icon { background-color: #3d3d3d; color: #fff; }
[data-bs-theme="dark"] .share-item:hover .share-label { color: #fff; }
[data-bs-theme="dark"] .vr-popover::after { border-top-color: #222; }

/* DARK MODE */
[data-bs-theme="dark"] .vr-share-box { background: #2b2b2b; border-color: #444; }
[data-bs-theme="dark"] .vr-share-url { background: #2b2b2b; color: #aaa; }
[data-bs-theme="dark"] .vr-copy-btn, [data-bs-theme="dark"] .vr-share-btn { background: #3d3d3d; color: #eee; }

@media (max-width: 576px) {
    .vr-share-url { font-size: 11px; padding: 6px 10px; }
    .vr-copy-btn, .vr-share-btn { width: 35px; height: 35px; }
}

@keyframes eq-play { 0% { height: 20%; } 100% { height: 100%; } }