/*==================================================
  Popular Topics
==================================================*/

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

.sv-topic-grid{
    display:grid;
    grid-template-columns:repeat(8, minmax(84px, 1fr));
    gap:14px;
}

.sv-topic-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:106px;
    padding:14px 10px;
    border:1px solid #dce3ee;
    border-radius:8px;
    background:#fff;
    color:#111827;
    text-align:center;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(15,23,42,.035);
    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.sv-topic-card:hover{
    transform:translateY(-3px);
    border-color:rgba(212,147,18,.55);
    box-shadow:0 16px 30px rgba(15,23,42,.07);
}

.sv-topic-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    color:#d49312;
    font-size:27px;
    line-height:1;
}

.sv-topic-name{
    color:#111827;
    font-size:13px;
    line-height:1.25;
    font-weight:800;
}

@media(max-width:1100px){
    .sv-topic-grid{
        grid-template-columns:repeat(4, 1fr);
    }
}

@media(max-width:560px){
    .sv-topic-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}