/*==================================================
SmartShop
Stores Section
==================================================*/

.stores{

    padding:20px 0;

    background:#ffffff;

}

/*==================================================
Container
==================================================*/

.stores .container{

    width:100%;

}

/*==================================================
Section Header
==================================================*/

.section-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:24px;

    margin:0 20px 20px 20px;

}

.section-header h2{

    margin:0;

    color:#162447;

    font-size:42px;

    font-weight:800;

    line-height:1.2;

}

/*==================================================
Stores Badge
==================================================*/

.stores-badge{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    flex:1;

    padding:12px 24px;

    border:1px solid #dbe7ff;

    border-radius:999px;

    background:#f8fbff;

    color:#35528a;

    font-size:15px;

    font-weight:600;

}

.stores-badge img{

    width:16px;

    height:16px;

    display:block;

}

/*==================================================
View All
==================================================*/

.view-all{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:46px;

    padding:0 24px;

    border:1px solid #d8e0f2;

    border-radius:999px;

    background:#ffffff;

    color:#162447;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.view-all:hover{

    background:#162447;

    color:#ffffff;

}

/*==================================================
Stores Grid
==================================================*/

.stores-grid{

    display:grid;

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

    gap:10px;
margin:0px 15px 0px 15px;
}
/*==================================================
Store Card
==================================================*/

.store-card{

    display:block;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #e8edf5;

    border-radius:18px;

    text-decoration:none;

    transition:.30s;

    box-shadow:0 8px 24px rgba(15,23,42,.05);

}

.store-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(15,23,42,.12);

}

/*==================================================
Store Cover
==================================================*/

.store-cover{

    display:block;

    width:100%;

    height:170px;

    overflow:hidden;

    text-decoration:none;

}

.store-cover img{

    width:100%;

    height:130px;

    display:block;

    object-fit:cover;

}

/*==================================================
Store Body
==================================================*/

.store-body{

    display:flex;

    flex-direction:column;

    padding:22px;

}

/*==================================================
Store Header
==================================================*/

.store-header{

    display:flex;

    align-items:flex-start;

    gap:16px;

    margin-top:-98px;

    direction:ltr;

}

/*==================================================
Store Logo
==================================================*/

.store-logo{

    flex:0 0 82px;

}

.store-logo img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20%;
    object-fit: contain;
    background: #fff;
    border: 5px solid #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.10);
    padding: 10px;
}

/*==================================================
Store Info
==================================================*/
.store-info{

    flex:1;

    padding-top:48px;

    display:flex;

    flex-direction:column;

}
/*==================================================
Store Title
==================================================*/

.store-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    width: 100%;
    flex-direction: row-reverse;
}

.store-title h3{

    margin:0;

    flex:1;

    font-size:17px;

    font-weight:700;

    line-height:1.35;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.store-title h3 a{

    color:#162447;

    text-decoration:none;

}

.store-title h3 a:hover{

    color:#2f55d4;

}

.store-title .verified{

    width:18px;

    height:18px;

    flex-shrink:0;

}

/*==================================================
Store Description
==================================================*/

.store-description{

    min-height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#667085;

    font-size:14px;

    line-height:1.7;

}
/*==================================================
Store Footer
==================================================*/

.store-footer{

    display:grid;

    grid-template-columns:0fr auto 0fr;

    align-items:center;

    margin-top:8px;

}

/*==================================================
Store Location
==================================================*/

.store-location{

    display:flex;

    align-items:center;

    gap:6px;

    justify-self:start;

    white-space:nowrap;

}

.location-icon{

    font-size:15px;

}

.location-text{

    white-space:nowrap;

}

/*==================================================
Store Rating
==================================================*/

.store-rating{

    display:flex;

    align-items:center;

    justify-self:center;

    gap:4px;

    white-space:nowrap;

}

.store-rating img{

    width:15px;

    height:15px;

    display:block;

}

/*==================================================
Offers Button
==================================================*/

.store-offers-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    justify-self:end;

    min-width:110px;

    height:38px;

    padding:0 ;

    border-radius:8px;

    background:#2f55d4;

    color:#ffffff;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.store-offers-btn:hover{

    background:#1e40af;

    color:#ffffff;

}