
/* CP-PDP-REVIEWS-FINAL-START */

.cp-pdp-rating-summary{
    display:inline-flex;
    align-items:center;
    gap:7px;

    margin:4px 0 12px;

    color:#625963;

    font-size:13px;

    text-decoration:none;
}

.cp-pdp-rating-summary:hover{
    color:#68137f;
}

.cp-pdp-rating-summary strong{
    color:#211821;

    font-size:13px;
}


.cp-pdp-stars{
    display:inline-flex;

    gap:1px;

    color:#d7d1d8;

    line-height:1;
}

.cp-pdp-stars span{
    color:#d7d1d8;
}

.cp-pdp-stars span.is-filled{
    color:#f59e0b;
}

.cp-pdp-stars--large{
    font-size:18px;
}


.cp-pdp-reviews{
    margin-top:30px;

    padding-top:24px;

    border-top:1px solid #e9e4ea;
}


.cp-pdp-reviews-head{
    display:flex;

    justify-content:space-between;
    align-items:flex-end;

    gap:20px;

    margin-bottom:18px;
}

.cp-pdp-reviews-head h2{
    margin:3px 0 0;

    font-size:24px;

    color:#211821;
}


.cp-pdp-review-score{
    display:flex;

    align-items:center;

    gap:12px;
}

.cp-pdp-review-score > strong{
    font-size:34px;

    line-height:1;

    color:#211821;
}

.cp-pdp-review-score > div > span{
    display:block;

    margin-top:4px;

    color:#756c76;

    font-size:12px;
}


.cp-pdp-review-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1.45fr)
        minmax(300px,.75fr);

    gap:26px;

    align-items:start;
}


.cp-pdp-review-list{
    display:flex;

    flex-direction:column;

    gap:12px;
}


.cp-pdp-review-card{
    padding:17px 18px;

    background:#fff;

    border:1px solid #e8e2e9;

    border-radius:9px;
}


.cp-pdp-review-card-head{
    display:flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:14px;
}


.cp-pdp-review-person{
    display:flex;

    align-items:center;

    gap:10px;
}


.cp-pdp-review-avatar{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f4eef6;

    color:#68137f;

    font-size:15px;
    font-weight:900;
}


.cp-pdp-review-person strong{
    display:block;

    color:#211821;

    font-size:14px;
}


.cp-pdp-review-meta{
    display:flex;

    gap:7px;

    flex-wrap:wrap;

    margin-top:3px;

    color:#857b86;

    font-size:11px;
}


.cp-pdp-verified{
    color:#047857;

    font-weight:800;
}


.cp-pdp-review-card h3{
    margin:13px 0 6px;

    font-size:15px;

    color:#211821;
}


.cp-pdp-review-card p{
    margin:0;

    color:#514952;

    font-size:14px;

    line-height:1.65;
}


.cp-pdp-review-empty{
    min-height:150px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:5px;

    padding:22px;

    text-align:center;

    background:#fff;

    border:1px dashed #dcd4de;

    border-radius:9px;

    color:#716872;
}

.cp-pdp-review-empty strong{
    color:#28202a;
}


.cp-pdp-review-form-wrap{
    padding:18px;

    background:#fff;

    border:1px solid #e8e2e9;

    border-radius:9px;
}

.cp-pdp-review-form-wrap h3{
    margin:0 0 4px;

    font-size:18px;

    color:#211821;
}

.cp-pdp-review-form-wrap > p{
    margin:0 0 15px;

    color:#7c727d;

    font-size:12px;
}


.cp-pdp-review-form-grid{
    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:11px;
}


.cp-pdp-review-form label{
    display:block;
}

.cp-pdp-review-form label > span{
    display:block;

    margin-bottom:5px;

    color:#332b34;

    font-size:12px;

    font-weight:800;
}


.cp-review-full{
    grid-column:1 / -1;
}


.cp-pdp-review-form input,
.cp-pdp-review-form select,
.cp-pdp-review-form textarea{
    width:100%;

    border:1px solid #ddd6df;

    border-radius:6px;

    background:#fff;

    padding:10px 11px;

    color:#211821;

    font:inherit;

    font-size:13px;

    outline:0;
}

.cp-pdp-review-form textarea{
    resize:vertical;
}

.cp-pdp-review-form input:focus,
.cp-pdp-review-form select:focus,
.cp-pdp-review-form textarea:focus{
    border-color:#68137f;

    box-shadow:
        0 0 0 3px
        rgba(104,19,127,.08);
}


.cp-pdp-review-submit{
    width:100%;

    min-height:42px;

    margin-top:12px;

    border:0;

    border-radius:6px;

    background:#68137f;

    color:#fff;

    font-size:13px;
    font-weight:900;

    cursor:pointer;
}


.cp-pdp-review-notice{
    margin-bottom:14px;

    padding:10px 12px;

    border:1px solid #b8e3cf;

    border-radius:6px;

    background:#f0fdf6;

    color:#047857;

    font-size:13px;

    font-weight:700;
}


.cp-pdp-review-errors{
    margin-top:10px;

    padding:10px 12px;

    border:1px solid #f2c6c6;

    border-radius:6px;

    background:#fff5f5;

    color:#b42318;

    font-size:12px;
}


@media(max-width:850px){

    .cp-pdp-review-layout{
        grid-template-columns:1fr;
    }

}


@media(max-width:600px){

    .cp-pdp-reviews{
        margin-top:22px;

        padding-top:18px;
    }

    .cp-pdp-reviews-head{
        display:block;
    }

    .cp-pdp-review-score{
        margin-top:10px;
    }

    .cp-pdp-review-score > strong{
        font-size:28px;
    }

    .cp-pdp-review-form-grid{
        grid-template-columns:1fr;
    }

    .cp-review-full{
        grid-column:auto;
    }

    .cp-pdp-review-card{
        padding:14px;
    }

    .cp-pdp-review-card-head{
        display:block;
    }

    .cp-pdp-review-card-head > .cp-pdp-stars{
        margin-top:9px;
    }
}

/* CP-PDP-REVIEWS-FINAL-END */
