.shop-header{

text-align:center;
padding:70px 8%;
background:#E0F2FE;

}


.shop-header h1{

font-size:42px;
color:#0284C7;
margin-bottom:15px;

}


.shop-header p{

font-size:18px;
color:#475569;

}




.products{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
padding:60px 8%;

}




.product-card{

background:white;
border-radius:30px;
padding:30px;
text-align:center;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.3s;

}



.product-card:hover{

transform:translateY(-10px);

}




.product-image{

width:120px;
height:120px;
margin:0 auto 25px;

display:flex;
align-items:center;
justify-content:center;

font-size:55px;

background:#F0FDFA;
border-radius:50%;

}




.product-card h3{

font-size:23px;
color:#0284C7;
margin-bottom:15px;

}



.product-card p{

color:#64748B;
min-height:70px;

}




.product-card strong{

display:block;

font-size:22px;

color:#16A34A;

margin:20px 0;

}




.product-card button{

border:none;

background:#22C55E;

color:white;

padding:14px 35px;

border-radius:30px;

font-size:16px;

cursor:pointer;

transition:.3s;

}



.product-card button:hover{

background:#16A34A;

}





@media(max-width:900px){


.products{

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

}


}




@media(max-width:600px){


.products{

grid-template-columns:1fr;

}


.shop-header h1{

font-size:32px;

}


}


/* Product Card Upgrade */

.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
padding:40px 8%;
}

.product-card{
background:#fff;
border-radius:28px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.product-card:hover{
transform:translateY(-8px);
}

.product-image{
height:180px;
background:#f0fdfa;
border-radius:22px;
display:flex;
align-items:center;
justify-content:center;
font-size:50px;
}

.detail-btn{
background:#f97316;
color:white;
padding:12px 20px;
border-radius:25px;
text-decoration:none;
display:inline-block;
margin:5px;
}

.product-card button{
background:#0f766e;
color:white;
padding:12px 20px;
border-radius:25px;
border:none;
cursor:pointer;
}



/* Product Trust Box */

.product-trust{
    margin-top:18px;
    padding:15px;
    background:#ecfdf5;
    border-radius:18px;
    border-right:5px solid #0f766e;
    color:#065f46;
    line-height:2;
    font-size:14px;
    transition:.3s;
}

.product-trust:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(15,118,110,.15);
}



/* Jonbojo Product Cards Upgrade */

.products{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
    padding:30px;
}

.product-card{
    background:#ffffff;
    border-radius:22px;
    padding:18px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    text-align:right;
    border:1px solid #eee;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}


.product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:18px !important;
    display:block;
}


.product-card h3{
    color:#008c95;
    font-size:20px;
}


.age-badge{
    background:#e8f7ff;
    color:#0077aa;
    padding:8px 12px;
    border-radius:20px;
    display:inline-block;
    margin:10px 0;
    font-size:14px;
}


.product-price{
    display:block;
    color:#f57c00;
    font-size:20px;
    margin:15px 0;
}


.product-card button{
    width:100%;
    border:none;
    background:#00a896;
    color:white;
    padding:12px;
    border-radius:15px;
    cursor:pointer;
    font-size:16px;
}


.product-card button:hover{
    background:#007f73;
}


.product-trust{
    background:#f6fff7;
    border-radius:15px;
    padding:12px;
    line-height:2;
    margin-top:15px;
    font-size:14px;
}


@media(max-width:600px){

.product-card{
    padding:15px;
}

.products{
    padding:15px;
}

}



/* Jonbojo Product Info Boxes */

.skill-box,
.environment-box{
    margin-top:12px;
    padding:12px 15px;
    border-radius:16px;
    line-height:2;
    font-size:14px;
    transition:.3s;
}


/* مهارت‌ها */
.skill-box{
    background:#fff8e8;
    border-right:5px solid #ff9800;
    color:#7a4a00;
}


/* محیط استفاده */
.environment-box{
    background:#eafcff;
    border-right:5px solid #00a6b2;
    color:#006b73;
}


.skill-box:hover,
.environment-box:hover{
    transform:translateX(-4px);
}


.product-info small{
    display:block;
    margin-top:12px;
    color:#666;
}


/* موبایل */
@media(max-width:600px){

.skill-box,
.environment-box{
    font-size:13px;
    padding:10px;
}

}



/* Product View Layout Fix */

#product-detail{

max-width:900px;

margin:40px auto;

padding:20px;

}


.product-detail-card{

width:100%;

max-width:700px;

margin:auto;

padding:30px;

border-radius:25px;

background:#fff;

box-shadow:0 8px 30px rgba(0,0,0,.08);

}


.detail-image{

width:100%;

max-width:350px;

height:auto;

object-fit:contain;

display:block;

margin:0 auto 25px;

border-radius:20px;

}


.product-detail-card h1{

font-size:28px;

line-height:1.8;

}


.product-detail-card p{

font-size:17px;

line-height:2;

color:#555;

}


.age-badge{

display:inline-block;

padding:8px 15px;

border-radius:20px;

font-size:15px;

background:#e8fbfd;

color:#008c99;

}


.skill-box,
.environment-box{

font-size:15px;

line-height:2;

}


.product-price{

display:block;

font-size:22px;

margin-top:20px;

}


/* موبایل */

@media(max-width:600px){

#product-detail{

padding:10px;

margin:20px auto;

}


.product-detail-card{

padding:18px;

}


.product-detail-card h1{

font-size:22px;

}


.product-detail-card p{

font-size:15px;

}


.detail-image{

max-width:260px;

}

}



.detail-cart-btn{

width:100%;
padding:15px;
margin-top:25px;

border:none;
border-radius:18px;

background:linear-gradient(135deg,#ff9800,#ff6d00);

color:white;

font-size:18px;
font-weight:bold;

cursor:pointer;

}

.detail-cart-btn:hover{

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(255,152,0,.3);

}



/* Jonbojo Product Buttons */


.detail-btn,
.product-card button{

display:block;
width:100%;
margin-top:12px;
padding:13px 18px;

border-radius:14px;

font-size:15px;
font-weight:bold;

text-align:center;

cursor:pointer;

transition:all .3s ease;

text-decoration:none;

border:none;

}


/* مشاهده جزئیات */

.detail-btn{

background:#e8fbfd;

color:#008c99;

border:2px solid #00a6b2;

}


.detail-btn:hover{

background:#00a6b2;

color:white;

transform:translateY(-3px);

}


/* افزودن به سبد */

.product-card button{

background:#ff9800;

color:white;

}


.product-card button:hover{

background:#f57c00;

transform:translateY(-3px);

box-shadow:0 8px 18px rgba(0,0,0,.15);

}


/* فاصله بین دو دکمه */

.detail-btn + button{

margin-top:10px;

}


/* موبایل */

@media(max-width:600px){

.detail-btn,
.product-card button{

font-size:14px;
padding:11px;

}

}



/* Cart Count Badge */

#cart-link{

position:relative;

display:inline-flex;

align-items:center;

gap:6px;

}


#cart-count{

display:inline-flex;

align-items:center;

justify-content:center;

min-width:22px;

height:22px;

padding:0 6px;

border-radius:50%;

background:#ff5722;

color:white;

font-size:12px;

font-weight:bold;

line-height:1;

box-shadow:
0 3px 8px rgba(255,87,34,.35);

}


/* وقتی سبد خالی است */

#cart-count:empty{

display:none;

}



/* Jonbojo Cart Toast */

.cart-toast{

position:fixed;

bottom:30px;

right:30px;

background:#008c99;

color:white;

padding:15px 25px;

border-radius:18px;

font-weight:bold;

font-size:15px;

opacity:0;

transform:translateY(30px);

transition:.3s;

z-index:9999;

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

}


.cart-toast.show{

opacity:1;

transform:translateY(0);

}


@media(max-width:600px){

.cart-toast{

right:15px;

left:15px;

bottom:20px;

text-align:center;

}

}


/* STANDARD PRODUCT CARD IMAGE */
.product-card-image{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    border-radius:18px;
}