.pdp{

position:absolute;
width:280px;
background:#fff;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
font-family:IRANSans,sans-serif;
z-index:9999;
overflow:hidden;

}

.pdp-header{

display:flex;
align-items:center;
justify-content:space-between;
padding:10px;
background:#2b7cff;
color:#fff;

}

.pdp-header button{

background:none;
border:none;
color:#fff;
font-size:20px;
cursor:pointer;

}

.pdp-selects{

display:flex;
gap:5px;

}

.pdp-selects select{

border:none;
border-radius:6px;
padding:3px 5px;
font-size:13px;

}

.pdp-week{

display:grid;
grid-template-columns:repeat(7,1fr);
text-align:center;
padding:6px;
font-size:12px;
color:#666;

}

.pdp-days{

display:grid;
grid-template-columns:repeat(7,1fr);
gap:5px;
padding:10px;

}

.pdp-day{

text-align:center;
padding:7px 0;
border-radius:6px;
cursor:pointer;
background:#f5f7fb;
font-size:13px;
transition:.2s;
color: #2b7cff;
}

.pdp-day:hover{

background:#2b7cff;
color:#fff;

}

.pdp-footer{

padding:8px;
text-align:center;
border-top:1px solid #eee;

}

.pdp-today{

background:#2b7cff;
border:none;
color:#fff;
padding:5px 12px;
border-radius:6px;
cursor:pointer;
font-size:12px;

}