/*==================================
 Review Page
==================================*/

.pp-review-wrapper{

    display:flex;

    gap:30px;

    align-items:flex-start;

    margin-top:30px;

}

/*==================================
 Sidebar
==================================*/

.pp-review-sidebar{

    width:300px;

    flex-shrink:0;

    background:#fff;

    border-radius:12px;

    border:1px solid #e5e5e5;

    overflow:hidden;

}

.pp-review-menu{

    margin:0;

    padding:0;

    list-style:none;

}

.pp-review-menu li{

    padding:16px 20px;

    border-bottom:1px solid #eee;

    cursor:pointer;

    transition:.3s;

    font-weight:600;

}

.pp-review-menu li:hover{

    background:#f7f7f7;

}

.pp-review-menu li.active{

    background:#0d6efd;

    color:#fff;

}

/*==================================
 Right Content
==================================*/

.pp-review-content{

    flex:1;

}

.pp-review-panel{

    display:none;

}

.pp-review-panel.active{

    display:block;

}

/*==================================
 Card
==================================*/

.pp-preview-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:12px;

    padding:25px;

    margin-bottom:25px;

}

/*==================================
 Table
==================================*/

.pp-review-table{

    width:100%;

    border-collapse:collapse;

}

.pp-review-table th{

    width:220px;

    text-align:left;

    padding:12px;

    background:#f8f8f8;

    border:1px solid #eee;

}

.pp-review-table td{

    padding:12px;

    border:1px solid #eee;

}



/*==================================
 Review Image
==================================*/

.pp-preview-image-box{

    width:280px;

    max-width:100%;

    aspect-ratio:3/4;

    margin:20px auto;

    background:#fff;

    border:1px solid #eee;

    border-radius:12px;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

}

.pp-preview-image-box img{

    max-width:100%;

    max-height:100%;

    width:auto;

    height:auto;

    object-fit:contain;

}
/*==================================
 Declaration
==================================*/

.pp-preview-card label{

    display:flex;

    gap:10px;

    align-items:flex-start;

    line-height:1.7;

}