.category-page-v2{
    background:#050505;
    color:#fff;
    overflow:hidden;
}

.category-hero-v2{
    position:relative;
    padding:110px 0 165px;
    background:
        radial-gradient(circle at 15% 20%, rgba(193,18,31,.34), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(150,150,150,.18), transparent 28%),
        linear-gradient(135deg, #030303 0%, #111418 45%, #2b2f34 100%);
}

.category-hero-v2::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:48px 48px;
    opacity:.45;
}

.category-hero-v2 .container{
    position:relative;
    z-index:2;
}

.category-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1);
    color:#fff;
    font-weight:900;
    margin-bottom:20px;
}

.category-hero-v2 h1{
    color:#fff;
    font-size:clamp(40px, 6vw, 74px);
    line-height:1.02;
    letter-spacing:-2px;
    margin-bottom:22px;
}

.category-hero-v2 p{
    max-width:720px;
    margin:0 auto;
    color:rgba(255,255,255,.72);
    font-size:18px;
}

.category-hero-v2 .breadcrumb a{
    color:#fff;
}

.category-hero-v2 .breadcrumb .active{
    color:rgba(255,255,255,.55);
}

.category-shell-v2{
    margin-top:-90px;
    position:relative;
    z-index:5;
}

.category-layout-v2{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:28px;
}

.category-feed-panel{
    border-radius:34px;
    background:rgba(17,20,25,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 34px 95px rgba(0,0,0,.48);
    overflow:hidden;
}

.category-feed-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:30px 34px;
    background:
        linear-gradient(135deg, rgba(193,18,31,.20), rgba(255,255,255,.035)),
        linear-gradient(90deg, #111418, #1d2025);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.category-feed-head h2{
    color:#fff;
    margin:0;
    font-size:28px;
}

.category-feed-head p{
    margin:6px 0 0;
    color:#a7adb7;
}

.category-count-box{
    min-width:82px;
    height:82px;
    border-radius:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, rgba(193,18,31,.28), rgba(255,255,255,.05));
    border:1px solid rgba(255,255,255,.08);
}

.category-count-box strong{
    font-size:28px;
    color:#fff;
    line-height:1;
}

.category-count-box small{
    color:#a7adb7;
    font-size:11px;
    text-transform:uppercase;
    font-weight:900;
}

.category-feed-list{
    padding:18px;
}

.category-article-v2{
    display:grid;
    grid-template-columns:250px 1fr;
    gap:24px;
    padding:18px;
    border-radius:28px;
    background:linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
    border:1px solid transparent;
    transition:all .25s ease;
}

.category-article-v2 + .category-article-v2{
    margin-top:16px;
}

.category-article-v2:hover{
    transform:translateY(-4px);
    border-color:rgba(193,18,31,.35);
    background:linear-gradient(135deg, rgba(193,18,31,.11), rgba(255,255,255,.02));
}

.category-article-img{
    display:block;
    height:190px;
    border-radius:24px;
    overflow:hidden;
    background:#111;
}

.category-article-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .35s ease;
}

.category-article-v2:hover .category-article-img img{
    transform:scale(1.06);
}

.category-article-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.category-article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:13px;
}

.category-article-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.06);
    color:#d1d5db;
    font-size:12px;
    font-weight:800;
}

.category-article-content h2{
    font-size:24px;
    line-height:1.25;
    margin-bottom:12px;
}

.category-article-content h2 a{
    color:#fff;
}

.category-article-content h2 a:hover{
    color:#ef233c;
}

.category-article-content p{
    color:#a7adb7;
    line-height:1.62;
    margin-bottom:18px;
}

.category-read-v2{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-weight:900;
}

.category-read-v2 i{
    width:36px;
    height:36px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, #8b111b, #c1121f);
}

.category-read-v2:hover{
    color:#ef233c;
}

.category-empty-v2{
    text-align:center;
    padding:70px 25px;
    color:#a7adb7;
}

.category-empty-v2 i{
    font-size:58px;
    color:#555b63;
    margin-bottom:15px;
}

.category-empty-v2 h3{
    color:#fff;
}

/* SIDEBAR */
.category-sidebar-v2{
    position:sticky;
    top:110px;
}

.category-widget-v2{
    border-radius:30px;
    background:rgba(17,20,25,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.38);
    overflow:hidden;
    margin-bottom:24px;
}

.category-widget-head{
    padding:22px 24px;
    background:
        linear-gradient(135deg, rgba(193,18,31,.18), rgba(255,255,255,.035));
    border-bottom:1px solid rgba(255,255,255,.08);
}

.category-widget-head h3{
    color:#fff;
    margin:0;
    font-size:21px;
}

.category-nav-list{
    list-style:none;
    padding:12px;
    margin:0;
}

.category-nav-list li + li{
    margin-top:8px;
}

.category-nav-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 15px;
    border-radius:18px;
    color:#d1d5db;
    background:rgba(255,255,255,.035);
    border:1px solid transparent;
    font-weight:800;
    transition:all .25s ease;
}

.category-nav-list a.active,
.category-nav-list a:hover{
    color:#fff;
    border-color:rgba(193,18,31,.35);
    background:linear-gradient(135deg, rgba(193,18,31,.18), rgba(255,255,255,.035));
}

.recent-list-v2{
    padding:14px;
}

.recent-item-v2{
    display:grid;
    grid-template-columns:78px 1fr;
    gap:13px;
    align-items:center;
    padding:10px;
    border-radius:18px;
    transition:all .25s ease;
}

.recent-item-v2:hover{
    background:rgba(255,255,255,.045);
}

.recent-item-v2 img{
    width:78px;
    height:68px;
    object-fit:cover;
    border-radius:16px;
}

.recent-item-v2 h4{
    margin:0 0 6px;
    font-size:14px;
    line-height:1.35;
}

.recent-item-v2 h4 a{
    color:#fff;
}

.recent-item-v2 span{
    color:#8f98a6;
    font-size:12px;
}

/* PAGINATION */
.pagination-v2-wrap{
    padding:10px 18px 28px;
}

.pagination-v2{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    list-style:none;
    padding:0;
    margin:0;
}

.pagination-v2 a{
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.07);
    font-weight:900;
}

.pagination-v2 a.active,
.pagination-v2 a:hover{
    background:linear-gradient(135deg, #8b111b, #c1121f);
    color:#fff;
}

@media(max-width: 992px){
    .category-layout-v2{
        grid-template-columns:1fr;
    }

    .category-sidebar-v2{
        position:relative;
        top:auto;
    }

    .category-shell-v2{
        margin-top:-55px;
    }
}

@media(max-width: 768px){
    .category-article-v2{
        grid-template-columns:1fr;
    }

    .category-feed-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .category-article-img{
        height:220px;
    }
}