/* ==========================
   STORE SELECT PAGE
========================== */


.shop-select-page{

    max-width:1200px;

    margin:40px auto;

    padding:0 20px;

}


/* Header */

.shop-select-header{

    text-align:center;

    margin-bottom:40px;

}


.shop-select-header h1{

    color:var(--text-color);

    font-size:32px;

    font-weight:700;

}


.shop-select-header p{

    color:var(--muted-text);

    font-size:15px;

}



/* Grid */

.shop-grid{

    display:grid;

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

    gap:25px;

}



/* Card */

.shop-card{

    background:var(--card-color);

    color:var(--text-color);

    border:1px solid var(--border-color);

    border-radius:18px;

    overflow:hidden;

    box-shadow:
        0 4px 15px rgba(0,0,0,0.08);

    transition:.25s;

}

body:not(.dark-mode) .shop-card{

    border:1px solid #d1d5db;

    box-shadow:
        0 6px 20px rgba(0,0,0,.10);

}

body.dark-mode .shop-card{

    border:1px solid #334155;

    box-shadow:
        0 8px 25px rgba(0,0,0,.35);

}


.shop-card:hover{

    transform:translateY(-6px);

}



/* Banner */

.shop-banner{

    height:160px;

    background:var(--border-color);

    overflow:hidden;

}



.shop-banner img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.no-image{

    height:160px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:50px;

    color:var(--text-color);

}



/* Content */

.shop-content{

    padding:25px;

    text-align:center;

}



/* Logo */

.shop-logo{

    width:80px;

    height:80px;

    border-radius:50%;

    object-fit:cover;

    margin-top:-65px;

    background:var(--card-color);

    border:5px solid var(--card-color);

}



.shop-logo.default{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-left:auto;

    margin-right:auto;

    font-size:35px;

    color:var(--text-color);

}



/* Shop Name */

.shop-content h3{

    margin-top:15px;

    color:var(--text-color);

    font-size:22px;

    font-weight:700;

}



/* Description */

.shop-content p{

    color:var(--muted-text);

    min-height:45px;

}



/* Button */

.enter-shop-btn{

    display:block;

    margin-top:20px;

    padding:12px;

    border-radius:10px;

    background:#2563eb;

    color:white;

    text-decoration:none;

    font-weight:600;

}



.enter-shop-btn:hover{

    opacity:.85;

    color:white;

}



/* Empty */

.empty-shop{

    padding:40px;

    text-align:center;

    background:var(--card-color);

    border:1px solid var(--border-color);

    border-radius:15px;

    color:var(--text-color);

}


.shop-stats{

    display:inline-flex;

    flex-direction: column;

    align-items:center;

    gap:0px;
    margin-top: 5px;

    margin:10px 0;

    padding:6px 14px;

    border-radius:8px;

    background:rgba(37,99,235,.12);

    color:#2563eb;

    font-size:14px;

    font-weight:800;

}

.shop-product-count {
    font-size: 14px;
}

.shop-discount-count {
    margin-top: 5px;

    color: #dc3545;

    font-size: 13px;
    font-weight: 700;
}

.dark-mode .shop-discount-count {
    color: #ff6b6b;
}

.price-value span{

    font-size:16px;

}

.shop-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #6c757d;
    max-width: 700px;
    word-break: break-word;
}

.dark-mode .shop-description {
    color: #adb5bd;
}