/*==================================================
  Category Page
==================================================*/

.sv-category-page{
    --sv-category-gold:#d49312;
    --sv-category-gold-dark:#b87505;
    --sv-category-ink:#0f172a;
    --sv-category-muted:#667085;
    --sv-category-line:#e6ebf2;
    --sv-category-soft:#f7f9fc;
    background:#fff;
    color:var(--sv-category-ink);
}

.sv-category-page .sv-container{
    width:min(100% - 48px, 1320px);
    margin-inline:auto;
}

.sv-category-page .sv-section-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.sv-category-page .sv-section-title{
    margin:0;
    color:var(--sv-category-ink);
    font-size:clamp(22px, 2.2vw, 28px);
    line-height:1.2;
    font-weight:800;
    letter-spacing:0;
}

.sv-category-page .sv-section-description{
    margin:8px 0 0;
    color:var(--sv-category-muted);
    font-size:15px;
    line-height:1.6;
}

.sv-category-main{
    padding:34px 0 52px;
    background:#fff;
}

.sv-category-layout{
    display:grid;
    grid-template-columns:1fr 318px;
    gap:32px;
    align-items:start;
}

.sv-category-content{
    width:100%;
    min-width:0;
    overflow:hidden;
}

.sv-layout-content > *{
    max-width:100%;
}

.sv-layout-content img{
    max-width:100%;
    height:auto;
}

.sv-category-sidebar{
    width:360px;
    min-width:318px;
    position:sticky;
    top:100px;
    align-self:start;
}

.sv-layout-sidebar .view{
    width:100%;
}

.sv-layout-sidebar .views-row{
    width:100%;
}

.sv-featured-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:20px;
}

.sv-view-all,
.sv-btn-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border:1px solid rgba(212,147,18,.45);
    border-radius:8px;
    color:var(--sv-category-gold-dark);
    background:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.sv-view-all::after,
.sv-btn-link::after{
    content:" ->";
}

.sv-category-more{
    padding:0 0 28px;
    background:#fff;
}

.sv-category-more__list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}

.sv-category-more__list a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 18px;
    border:1px solid var(--sv-category-line);
    border-radius:8px;
    color:#111827;
    background:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(15,23,42,.03);
}

.sv-category-more__list a:hover{
    color:#4d6af8; /*var(--sv-category-gold-dark);*/
    border-color:#4d6af8;
}

.sv-category-newsletter{
    padding:0 0 36px;
    background:#fff;
}

.sv-category-page .sv-newsletter-category,
.sv-category-page .sv-newsletter{
    border-radius:8px;
    background:linear-gradient(90deg,#4d6af8 0%,#4d6af8 48%,#a6b4fa 100%);
    box-shadow:none;
    color:#fff;
    border:1px solid #4d6af8;
}

/*==================================================
  Responsive
==================================================*/

@media (max-width:1100px){

    .sv-category-layout{
        display:grid;
        grid-template-columns:1fr;
        gap:32px;
    }

    .sv-category-content{
        order:1;
        width:100%;
    }

    .sv-category-sidebar{
        order:2;
        width:100%;
        max-width:100%;
        min-width:0;
        position:static;
        top:auto;
        align-self:stretch;
        margin-top:16px;
    }

}

@media (max-width:768px){

    .sv-category-page .sv-container{
        width:min(100% - 24px,1320px);
    }

    .sv-category-main{
        padding:24px 0 40px;
    }

    .sv-category-page .sv-section-header{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        margin-bottom:18px;
    }

    .sv-category-page .sv-section-title{
        font-size:28px;
        line-height:1.3;
    }

    .sv-category-page .sv-section-description{
        font-size:15px;
        line-height:1.7;
    }

    /*---------------------------------
      Explore More Categories
    ----------------------------------*/

    .sv-category-more{
        padding:16px 0 28px;
    }

    .sv-category-more__list{

        display:grid;

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

        gap:12px;

        margin-top:18px;

    }

    .sv-category-more__list a{

        display:flex;

        align-items:center;

        justify-content:center;

        width:100%;

        min-height:46px;

        padding:10px 12px;

        text-align:center;

        font-size:14px;

        line-height:1.4;

        border-radius:10px;

    }

    /*---------------------------------
      Sidebar
    ----------------------------------*/

    .sv-category-sidebar{

        width:100%;

        margin-top:32px;

    }

    .sv-sidebar-sticky{

        position:static;

        top:auto;

    }

}

@media (max-width:480px){

    .sv-category-page .sv-container{
        width:min(100% - 20px,1320px);
    }

    .sv-category-main{
        padding:20px 0 32px;
    }

    .sv-category-page .sv-section-title{
        font-size:24px;
    }

    /* Two categories per row even on small phones */

    .sv-category-more__list{

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

        gap:10px;

    }

    .sv-category-more__list a{

        min-height:44px;

        font-size:13px;

        padding:8px 10px;

    }

}