/* ==========================================================
   SmartShop - Sitemap Page
========================================================== */

.sitemap-section{

    padding:70px 0;

}

.sitemap-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:14px;margin: 0px 25px 0px 25px;

}

.sitemap-card{

    background:#fff;

    border:1px solid #edf1f7;

    border-radius:18px;

    padding:14px;

    transition:.30s;

    box-shadow:0 8px 25px rgba(10,30,70,.05);

}

.sitemap-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(10,30,70,.12);

}

.sitemap-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 18px;

    padding-bottom:14px;

    border-bottom:1px solid #edf1f7;

    font-size:22px;

    color:#102a56;

    font-weight:700;

}

.sitemap-card h3 i{

    color:#f5b400;

    font-size:20px;

}

.sitemap-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.sitemap-card li{

    margin:0;

    padding:0;

}

.sitemap-card li + li{

    margin-top:10px;

}

.sitemap-card a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    flex-direction:row-reverse;

    text-align:right;

    padding:3px 0;

    color:#334155;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px dashed #edf1f7;

}
.sitemap-card li:last-child a{

    border-bottom:none;

}

.sitemap-card a::before{

    content:"←";

    color:#f5b400;

    font-size:13px;

    transition:.25s;

    flex-shrink:0;

}

.sitemap-card a:hover{

    color:#102a56;

    padding-left:10px;

}

.sitemap-card a:hover::before{

    transform:translateX(5px);

}

@media(max-width:992px){

    .sitemap-grid{

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

    }

}

@media(max-width:768px){

    .sitemap-section{

        padding:45px 0;

    }

    .sitemap-grid{

        grid-template-columns:1fr;

    }

    .sitemap-card{

        padding:20px;

    }

}