body{
margin:0;
font-family:IRANSans, tahoma;
background:#f8f8f8;
direction:rtl;
}

h2,h3{margin:10px 0}


/* HEADER */
.header{
position:fixed;
top:0;
width:100%;
background:white;
box-shadow:0 2px 6px #0001;
padding:10px;
display:flex;
align-items:center;
justify-content:space-between;
z-index:1000
}

.logo{
font-size:20px;
font-weight:700;
}

.search-box input{
width:250px;
max-width:60vw;
padding:8px 12px;
border:1px solid #ddd;
border-radius:8px
}

.icon-btn{
background:none;
border:none;
cursor:pointer;
font-size:22px
}


/* NAVBAR */
.navbar{
position:fixed;
top:60px;
width:100%;
background:#ffffff;
padding:10px;
display:flex;
gap:10px;
box-shadow:0 1px 5px #0001;
z-index:999;
}

.navbar button{
background:#2e7d32;
border:none;
color:white;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}
.navbar button:hover{background:#1b5e20}


/* SECTION */
section{
padding:130px 20px 40px;
min-height:100vh
}


/* STORE + PRODUCT */
.store{
background:white;
padding:20px;
margin:20px 0;
border-radius:12px;
box-shadow:0 2px 8px #0002
}

.products{
display:flex;
overflow-x:auto;
gap:12px;
scroll-behavior:smooth;
padding-bottom:10px
}

.product{
min-width:180px;
background:#fff;
border-radius:10px;
padding:10px;
box-shadow:0 2px 8px #0002;
text-align:center;
transition:.2s
}

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

.product img{
width:100%;
height:150px;
object-fit:cover;
border-radius:8px
}


/* MINI CART */
.mini-cart{
position:fixed;
top:70px;
right:-350px;
width:300px;
background:white;
padding:15px;
box-shadow:0 2px 10px #0003;
border-radius:8px 0 0 8px;
transition:.3s;
z-index:999;
}

.mini-cart.show{
right:0;
}

.checkout-btn{
margin-top:10px;
width:100%;
padding:10px;
background:#1976d2;
border:none;
color:white;
border-radius:6px;
cursor:pointer;
}


/* INPUT + CARD */
input{
width:100%;
padding:10px;
border-radius:8px;
border:1px solid #ddd;
margin:8px 0
}

button{
padding:8px 14px;
background:#1565c0;
color:white;
border:none;
border-radius:6px;
cursor:pointer;
}
button:hover{
background:#0d47a1
}

.card{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 3px 10px #0002;
max-width:450px;
}


/* CART ITEMS */
.cart-item{
background:white;
padding:12px;
margin:8px 0;
border-radius:8px;
display:flex;
justify-content:space-between;
align-items:center;
box-shadow:0 2px 5px #0001
}


/* TOAST */
#toast{
position:fixed;
bottom:20px;
left:50%;
transform:translateX(-50%);
background:#323232;
color:white;
padding:12px 18px;
border-radius:8px;
opacity:0;
transition:.4s;
z-index:9999;
font-size:14px;
}
#toast.show{
opacity:1;
bottom:40px;
}


/* RESPONSIVE */
@media(max-width:600px){
.search-box input{
width:50vw;
}
.product{min-width:140px}
.mini-cart{width:260px}
}