گ*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    direction:rtl;
    font-family:'Vazirmatn',Tahoma,sans-serif;

    background:
    radial-gradient(circle at top,#4a3500,#050505 55%);

    min-height:100vh;
    color:#fff;

}




.container{

    width:95%;
    max-width:1200px;
    margin:auto;
    padding:25px;

}



/* Header */

.header{

    background:
    linear-gradient(
    145deg,
    rgba(255,215,0,.18),
    rgba(255,255,255,.04)
    );

    border:1px solid rgba(255,215,0,.4);

    border-radius:30px;

    padding:35px;

    text-align:center;

    box-shadow:
    0 0 40px rgba(255,215,0,.15);

}




.header h1{

    color:#ffd700;

    font-size:32px;

    font-weight:900;

}



.desc{

    margin-top:15px;

    color:#ddd;

    font-weight:700;

}




.logo{

    font-size:60px;

}



/* Menu */


.top-menu{

    display:flex;

    justify-content:center;

    gap:15px;

    margin-bottom:25px;

    flex-wrap:wrap;

}



.user-btn,
.logout-btn{

    padding:14px 30px;

    border-radius:20px;

    text-decoration:none;

    font-weight:900;

    transition:.3s;

}



.user-btn{

    background:
    linear-gradient(135deg,#ffd700,#b88600);

    color:#111;

}



.logout-btn{

    background:#a00000;

    color:white;

}



.user-btn:hover,
.logout-btn:hover{

    transform:translateY(-5px);

}




/* Products */


.products{

    display:grid;

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

    gap:25px;

    margin-top:30px;

}





.product-card{

    background:

    linear-gradient(
    145deg,
    rgba(255,255,255,.12),
    rgba(0,0,0,.75)
    );


    border:

    1px solid rgba(255,215,0,.35);


    border-radius:30px;


    padding:28px;


    box-shadow:

    0 15px 50px rgba(0,0,0,.7);


    backdrop-filter:blur(12px);


    transition:.4s;


}



.product-card:hover{

    transform:translateY(-10px);

    border-color:#ffd700;

    box-shadow:

    0 0 35px rgba(255,215,0,.4);

}




.product-card h2{

    text-align:center;

    color:#ffd700;

    font-weight:900;

    margin:15px 0;

}




.product-icon{

    font-size:55px;

    text-align:center;

}




/* Inputs */


input,
select{

    width:100%;

    padding:14px;

    margin:8px 0;

    border-radius:15px;

    background:#111;

    color:#fff;

    border:1px solid #555;

    font-weight:bold;

    outline:none;

}



input:focus,
select:focus{

    border-color:#ffd700;

    box-shadow:
    0 0 10px rgba(255,215,0,.4);

}





.price{

    color:#ffd700;

    text-align:center;

    font-size:20px;

    font-weight:900;

    margin:15px 0;

}




/* Button */


.buy-btn{

    width:100%;

    padding:15px;

    margin-top:10px;

    border:0;

    border-radius:18px;


    background:

    linear-gradient(
    135deg,
    #ffd700,
    #b88600
    );


    color:#111;


    font-size:17px;


    font-weight:900;


    cursor:pointer;


    transition:.3s;


}



.buy-btn:hover{

    transform:scale(1.05);


    box-shadow:

    0 0 25px rgba(255,215,0,.7);

}





/* Mobile */


@media(max-width:600px){


.header h1{

    font-size:24px;

}



.container{

    width:100%;

    padding:15px;

}



.product-card{

    padding:22px;

}


}