/*==================================================
  Category Hero - Full Background Banner
==================================================*/

.sv-category-hero{
    position:relative;
    overflow:hidden;
    min-height:348px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #e5e7eb;

    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.sv-category-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.92) 35%,
            rgba(255,255,255,.55) 58%,
            rgba(0,0,0,.20) 100%
        );

    z-index:1;
}

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

.sv-category-hero__layout{
    max-width:760px;
    min-height:348px;

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

}



.sv-category-hero__title{

    font-size:60px;

    font-weight:800;

    line-height:1.05;

    color:#0f172a;

    margin-bottom:18px;
}

.sv-category-hero__description{

    max-width:650px;

    color:#475467;

    font-size:18px;

    line-height:1.8;

    margin-bottom:28px;
}

.sv-category-stats{

    display:grid;

    grid-template-columns:repeat(4,150px);

    gap:18px;
}

.sv-category-stat{

    background:#ffffff;

    border:1px solid #d9e2ef;

    border-radius:12px;

    text-align:center;

    padding:18px;

    box-shadow:0 12px 24px rgba(0,0,0,.05);
}

.sv-category-stat__number{

    font-size:28px;

    font-weight:800;

    color:#111827;
}

.sv-category-stat__label{

    font-size:13px;

    font-weight:700;

    margin-top:8px;

    color:#475467;
}

@media(max-width:991px){

    .sv-category-hero{

        min-height:420px;
    }

    .sv-category-hero__layout{

        max-width:100%;
    }

    .sv-category-stats{

        grid-template-columns:repeat(2,1fr);
    }

    .sv-category-hero__title{

        font-size:42px;
    }
}