/*
==========================================================
SmartShop Merchant Store
==========================================================
*/

.merchant-store-page{

    padding:20px 0 0px;

    background:#f7f8fc;

}

.merchant-store-page .container{

    max-width:1450px;

    margin:auto;

}

/*==========================================================
Hero
==========================================================*/

.merchant-store-hero{

    background:#ffffff;

    border-radius:0;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(18,30,55,.08);

    margin-bottom:30px;

}

.merchant-store-cover{

    width:100%;

    height:260px;

    overflow:hidden;

    border-radius:0;

    position:relative;

    background:#f5f7fb;

}

.merchant-store-cover img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.merchant-store-cover-image{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.merchant-store-cover-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(16,24,40,.10),
        rgba(16,24,40,.55)
    );

}

.merchant-store-header {
    display: grid;
    grid-template-columns: 180px 1fr 560px;
    align-items: center;
    gap: 40px;
    background: #fff;
    margin-top: -70px;
    padding: 25px 50px;
    position: relative;
    z-index: 20;
}

.merchant-store-avatar{

    grid-column:1;

    width:170px;

    height:170px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    border:8px solid #fff;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    margin-top:-120px;

    justify-self:center;

}

.merchant-store-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}


.merchant-store-meta{

    flex:1;

    color:#222;

}

.merchant-store-title{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0;

    font-size:28px;

    font-weight:800;

    color:#1d243f;

}
.merchant-store-stats-inline{

    order:3;

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:8px;

    font-size:17px;

    color:#555;

}

.merchant-store-stats-inline strong{

    color:#111;

    font-size:20px;

    margin-right:6px;

}

.merchant-store-stats-inline .separator{

    color:#bbb;

    font-size:24px;

}
.merchant-store-title-row{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

}

.merchant-store-verified{

    color:#0ea5e9;

    font-size:22px;

}

.merchant-store-description{

    order:2;

    margin:0;

    font-size:17px;

    color:#666;

    line-height:1.9;

}
.merchant-store-info{

    grid-column:2;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    text-align:right;

}
/*==========================================================
Stats
==========================================================*/

.merchant-store-stats{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:22px;

}

.merchant-store-stat{

    min-width:120px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px;

    text-align:center;

    transition:.25s;

}

.merchant-store-stat:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.merchant-store-stat strong{

    display:block;

    font-size:24px;

    color:#111827;

    margin-bottom:6px;

}

.merchant-store-stat span{

    color:#6b7280;

    font-size:14px;

}

/*==========================================================
Actions
==========================================================*/

.merchant-store-actions{

    grid-column:3;

    display:flex;

    flex-wrap:nowrap;

    align-items:center;

    justify-content:flex-start;

    gap:10px;

}

.merchant-store-btn {
    height: 34px;
    min-width: 130px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    transition: .25s;
    text-decoration: none;
    white-space: nowrap;
}

.merchant-store-btn:hover{

    transform:translateY(-2px);

}


.merchant-store-email{

    background:#4457d9;

    color:#fff;
font-size:13px;
    border:none;

}



.merchant-store-contact:hover{

    background:#4338ca;

    transform:translateY(-2px);

}
.merchant-store-share{

    background:#ffffff;
font-size:13px;
    border:1px solid #d7dbe7;

    color:#222;

}

.merchant-store-contact{

    background:#dddddd;

    border:1px solid #d7dbe7;
font-size:13px;
    color:#222;

}



.merchant-store-whatsapp{

    background:#179500;
font-size:13px;
    color:#fff;

    border:none;

}


.merchant-store-share:hover{

    background:#f3f4f6;

}

/*==========================================================
Tabs
==========================================================*/

.merchant-store-tabs{

    margin:5px 20px 0;

}

.merchant-store-tab {
    background: #ffffff;
    border-bottom: 3px solid #4f46e5;
    border-radius: 0;
    padding: 14px 21.8px;
    cursor: pointer;
    transition: .25s;
    font-size: 15px;
    font-weight: 600;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.merchant-store-tab:hover{

    background:#eef2ff;

}

.merchant-store-tab.active{

    background:#4f46e5;

    color:#fff;

    border-color:#4f46e5;

}

.merchant-store-tab-panel{

    display:none;

}

.merchant-store-tab-panel.active{

    display:block;

}
/*==========================================================
Tabs Header
==========================================================*/

.merchant-store-tabs-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:5px;

    margin:5px 10px 0;

}

.merchant-store-tabs-inner{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.merchant-store-tabs-actions{

    display:flex;

    align-items:center;

    gap:5px;

    flex-wrap:wrap;

    margin-inline-start:auto;

}

/*==========================================================
Empty State
==========================================================*/

.merchant-store-empty{

    background:#ffffff;

    border-radius:0;

    padding:70px 30px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.merchant-store-empty-icon{

    font-size:60px;

    margin-bottom:18px;

}

.merchant-store-empty h3{

    margin-bottom:12px;

    color:#111827;

}

.merchant-store-empty p{

    color:#6b7280;

    line-height:1.8;

}

/*==========================================================
About
==========================================================*/

.merchant-store-about{

    background:#ffffff;

    border-radius:0;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.merchant-store-about h2{

    margin-bottom:20px;

}

.merchant-store-about-text{

    line-height:2;

    color:#4b5563;

}

/*==========================================================
Reviews
==========================================================*/

.merchant-store-reviews{

    background:#ffffff;

    border-radius:0;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}
/*==========================================================
Contact Modal
==========================================================*/

.merchant-store-contact-modal{

    position:relative;

    inset:0;

    background:rgba(15,23,42,.55);

    display:flex;

    align-items:center;

    justify-content:center;

    padding:25px;

    z-index:9999;

}

.merchant-store-contact-box{

    width:100%;

    max-width:520px;

    background:#ffffff;

    border-radius:22px;

    padding:35px;

    position:relative;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.merchant-store-contact-close{

    position:absolute;

    top:18px;

    left:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#f3f4f6;

    cursor:pointer;

    font-size:22px;

}

.merchant-store-contact-content{

    margin-top:25px;

    display:flex;

    flex-direction:column;

    gap:15px;

}

.merchant-store-contact-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px 18px;

    border:1px solid #e5e7eb;

    border-radius:14px;

    color:#374151;

    text-decoration:none;

    transition:.25s;

}

.merchant-store-contact-item:hover{

    background:#eef2ff;

    border-color:#4f46e5;

}

.merchant-store-contact-item i{

    width:22px;

    text-align:center;

    color:#4f46e5;

}

/* ==========================================================
   Merchant Store Products
========================================================== */

.merchant-products-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 5px;
    margin: 20px  20px;
}

.merchant-product-card{
    background:#fff;
    border:1px solid #edf0f7;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    transition:.25s;
    box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.merchant-product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 35px rgba(0,0,0,.08);
}

.merchant-product-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    color: #ffffff;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
}
.merchant-product-wishlist{
    position:absolute;
    left:15px;
    top:15px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    justify-content:center;
}

.merchant-product-media {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 0;
}

.merchant-product-image{
    max-width:100%;
    max-height:180px;
    object-fit:contain;
}

.merchant-product-content{
    padding:18px;
}

.merchant-product-title {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.7;
    margin: 0 0 8px;
    text-align: center;
}

.merchant-product-title a{
    color:#222;
    text-decoration:none;
}

.merchant-product-price-box {
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 1px 3px 2px rgba(0, 0, 0, .04);
}

.merchant-product-price{
    color:#1e3cff;
    font-size:28px;
    font-weight:800;
}

.merchant-product-old-price{
    margin-top:6px;
    color:#999;
    text-decoration:line-through;
    font-size:14px;
}

.merchant-product-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #eef2f7;
    padding-top:18px;
}

.merchant-product-rating{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14px;
}

.merchant-product-rating img{
    width:15px;
}

.merchant-product-cart{
    width:46px;
    height:46px;
    border:none;
    border-radius:12px;
    background:#ff9800;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s;
}

.merchant-product-cart:hover{
    background:#f08a00;
}

.merchant-product-cart img{
    width:20px;
}

@media(max-width:1400px){
    .merchant-products-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:1100px){
    .merchant-products-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){
    .merchant-products-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:480px){
    .merchant-products-grid{
        grid-template-columns:1fr;
    }
}

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

.merchant-store-location{
    margin:0 20px 0 20px;
}

.merchant-store-location-grid{
    display:grid;
    grid-template-columns:1.1fr 1.9fr;
    gap:10px;
    align-items:start;
}
.merchant-store-location-map{
    order:2;
}

.merchant-store-location-info{
    order:1;
}

.merchant-store-location-map{
    min-height:380px;
    border:1px solid #e5e7eb;
    border-radius:0;
    overflow:hidden;
    background:#f8fafc;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
}

.merchant-store-location-map iframe{
    width:100%;
    height:100%;
    border:0;
}

.merchant-store-location-placeholder{
    height:100%;
    min-height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-size:18px;
}

.merchant-store-location-info {
    background: #fff;
    border-right: 1px solid #e5e7eb;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,.05);
    border-left: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    border-top: 0;
}

.merchant-store-location-info h2{
    margin:0 0 25px;
    color:#0f2350;
    font-size:24px;
}

.merchant-store-location-item{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:12px 10px;
    border-bottom:1px solid #eef2f7;
}

.merchant-store-location-item:last-child{
    border-bottom:none;
}

.merchant-store-location-item strong{
    color:#0f2350;
    font-size:15px;
    font-weight:700;
}

.merchant-store-location-item span{
    color:#555;
    font-size:15px;
    line-height:1.8;
}

.merchant-store-location-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:25px;
    padding:12px 18px;
    background:#1d4ed8;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-weight:700;
    transition:.25s;
}

.merchant-store-location-button:hover{
    background:#163ea8;
    color:#fff;
}

@media (max-width:992px){

    .merchant-store-location-grid{

        grid-template-columns:1fr;

    }

    .merchant-store-location-map{

        order:2;

        min-height:320px;

    }

    .merchant-store-location-info{

        order:1;

    }

}
#store-map{
    width:100%;
    height:420px;
    border-radius:18px;
}
/* ===========================
   Store Location Toolbar
=========================== */

.merchant-store-location-toolbar{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 15px 0;

    padding-left:0;

}

.merchant-store-location-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 8px;
  
    color:#000000;
    text-decoration:none;
   border: 1px solid #c5c5c5;
    font-size:14px;
    font-weight:700;
    transition:.25s;
}

.merchant-store-location-btn:hover{
    background:#153ea7;
    color:#fff;
}
.merchant-store-location-eta{

    margin-inline-start:auto;

    display:flex;

    align-items:center;

    color:#0f2350;

    font-weight:700;

    font-size:14px;

}
.merchant-store-review-list{display:grid;gap:14px}
.merchant-store-review{padding:18px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}
.merchant-store-review-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.merchant-store-review-head span{color:#eab308;letter-spacing:1px}
.merchant-store-review small{display:block;color:#7b879b;margin-top:6px}
.merchant-store-review p{color:#526078;line-height:1.8;margin:10px 0}
.merchant-store-review time{font-size:12px;color:#9aa4b4}
@media(max-width:600px){.merchant-store-review{padding:14px}.merchant-store-review-head{align-items:flex-start;flex-direction:column}}

.merchant-product-wishlist.is-saved{background:#0b1f4b;box-shadow:0 8px 22px rgba(11,31,75,.18)}.merchant-product-wishlist.is-saved img{filter:brightness(0) invert(1)}.merchant-product-wishlist.is-loading{opacity:.65;pointer-events:none}