/*================ ORDER PAGE ================*/

body{
background:#F3F6FA;
font-family:'Vazirmatn',sans-serif;
}

.product-page{
max-width:1000px;
margin:120px auto 60px;
padding:20px;
}

.product-box{

background:#FFF8FC;

padding:35px;

border-radius:25px;

border:2px solid #F4A9C5;

box-shadow:0 15px 30px rgba(236,123,169,.15);

}
/* ===== فرم سفارش ===== */

#orderForm{
display:flex;
flex-direction:column;
gap:18px;
margin-top:30px;
}

#orderForm label{
font-weight:700;
font-size:15px;
color:#222;
}
#orderForm input,
#orderForm textarea{

width:100%;

padding:15px;

border:2px solid #EC7BA9;

border-radius:15px;

background:#ffffff;

font-family:'Vazirmatn',sans-serif;

font-size:15px;

outline:none;

transition:.35s;

box-shadow:0 6px 15px rgba(236,123,169,.12);

}

#orderForm input:focus,
#orderForm textarea:focus{

border:2px solid #EC7BA9;

background:#FFF9FC;

box-shadow:0 0 15px rgba(236,123,169,.35);

}

background:#ffffff;

border:2px solid #EC7BA9;
border-color:#EC7BA9;
box-shadow:0 0 12px rgba(236,123,169,.28);

#orderForm textarea{
height:120px;
resize:none;
}
/*========== رنگ قاب ==========*/

.color-select{
display:flex;
gap:15px;
margin-bottom:20px;
}

.color-card{

flex:1;

display:flex;

justify-content:center;

align-items:center;

gap:10px;

padding:18px;

background:#ffffff;

border:2px solid #EC7BA9;

border-radius:18px;

cursor:pointer;

transition:.35s;

font-weight:bold;

box-shadow:0 8px 18px rgba(236,123,169,.12);

}

.color-card:hover{
border-color:#B58D57;
background:#FFF6E7;
}

/*========== سایز ==========*/

.size-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-bottom:20px;
}

.size-card{

display:flex;

justify-content:center;

align-items:center;

padding:20px;

background:#ffffff;

border:2px solid #EC7BA9;

border-radius:18px;

cursor:pointer;

transition:.35s;

font-weight:bold;

box-shadow:0 8px 18px rgba(236,123,169,.12);

}

.size-card:hover{
border-color:#B58D57;
background:#FFF6E7;
}

/*========== رادیوباتن ==========*/

.color-card input,
.size-card input{

width:18px;

height:18px;

margin:0;

accent-color:#B58D57;

}
/* هاور */

.color-card:hover,

.size-card:hover{

background:#FFE5F0;

border-color:#EC7BA9;

transform:translateY(-4px);

box-shadow:0 14px 25px rgba(236,123,169,.25);

/* مخفی کردن دایره */

.color-card input,

.size-card input{

display:none;

}

/* تیک */

.color-card::after,

.size-card::after{

content:"✔";

position:absolute;

top:10px;

left:12px;

color:#C89B2B;

font-size:18px;

opacity:0;

transition:.3s;

}
}