#yp-request-modal .yp-request-product{

    padding:30px;

}

#yp-request-modal .yp-modal-body {
  padding-top: 0;
}

#yp-request-modal .yp-request-header{

    display:flex;

    gap:25px;

    align-items:center;

    padding-bottom:25px;

    border-bottom:1px solid #eee;

}


#yp-request-modal .yp-request-image{

    width:120px;

    height:120px;

    flex-shrink:0;

}


#yp-request-modal .yp-request-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:12px;

}



#yp-request-modal .yp-request-info h2{

    margin:0 0 10px;

    font-size:24px;

}


#yp-request-modal .yp-request-info p{

    margin:0 0 10px;

    color:#666;

}



#yp-request-modal .yp-request-note{

    padding:10px 15px;

    background:#f7f9fc;

    border-radius:8px;

    font-size:14px;

}



/*
 Table
*/


#yp-request-modal .yp-request-table-wrapper{

    margin-top:30px;

    overflow-x:auto;

}



#yp-request-modal .yp-request-table{

    width:100%;

    border-collapse:collapse;

}



#yp-request-modal .yp-request-table th{

    background:#f7f7f7;

    font-size:14px;

    padding:14px;

    text-align:right;

}



#yp-request-modal .yp-request-table td{

    padding:15px;

    border-bottom:1px solid #eee;

    vertical-align:middle;

}



#yp-request-modal .yp-request-variant strong{

    display:block;

    font-size:15px;

}



#yp-request-modal .yp-request-variant small{

    display:block;

    color:#777;

    margin-top:5px;

}



#yp-request-modal .yp-request-sku{

    font-size:12px;

    color:#888;

    margin-top:8px;

}



#yp-request-modal .yp-request-description{

    font-size:13px;

    color:#666;

    margin-top:8px;

}




/*
 Quantity
*/


#yp-request-modal .yp-request-qty{

    display:flex;

    align-items:center;

    gap:8px;

}



#yp-request-modal .yp-request-qty button{

    width:32px;

    height:32px;

    border-radius:6px;

    border:1px solid #ddd;

    background:#fff;

    cursor:pointer;

    font-size:18px;

}



#yp-request-modal .yp-request-qty input{

    width:55px;

    height:32px;

    text-align:center;

    border:1px solid #ddd;

    border-radius:6px;

}



/*
 Add button
*/


#yp-request-modal .yp-request-add{

    background:#0d6efd;

    color:#fff;

    border:0;

    padding:9px 18px;

    border-radius:8px;

    cursor:pointer;

    transition:.2s;

}



#yp-request-modal .yp-request-add:hover{

    opacity:.85;

}



#yp-request-modal .yp-request-add.added{

    background:#198754;

}




/*
 Footer
*/


#yp-request-modal .yp-request-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 30px;

    border-top:1px solid #eee;

    background:#fafafa;

}



#yp-request-modal .yp-request-counter{

    font-size:15px;

}



#yp-request-modal .yp-request-count{

    font-weight:bold;

    font-size:20px;

}



#yp-request-modal .yp-request-view-basket{

    background:#111;

    color:#fff;

    border:0;

    padding:12px 25px;

    border-radius:10px;

    cursor:pointer;

}



@media(max-width:768px){


    #yp-request-modal .yp-request-header{

        flex-direction:column;

        align-items:flex-start;

    }


    #yp-request-modal .yp-request-product{

        padding:20px;

    }


}