.review-box{background:#fff;border-radius:8px;padding:0 20px 20px;box-shadow:0 8px 30px rgba(0,0,0,.04);width:calc(100% - 78px);float:left;margin:0 20px 20px}
.review-form-wrap{max-height:0;overflow:hidden;opacity:0;transform:translateY(-15px);transition:max-height .6s,opacity .4s,transform .5s}
.review-form-wrap.show{max-height:2000px;opacity:1;transform:translateY(0)}
.catelist span.toggle-icon{width:auto;margin:0 5px 0 0}
.review-empty{margin:0 20px;display:flex;gap:20px;align-items:center;padding:15px 28px;border:1px solid #ffe0cc;border-radius:6px;background:linear-gradient(135deg,#fffdfa 0,#fff7f247 35%,#ffe9dc24 100%);float:left;width:calc(100% - 96px)}
.review-empty svg{width:2rem;height:2rem}
.review-form{float:left;width:100%}
.review-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff2e8;font-size:32px}
.review-form label,.vote-star{align-items:center;display:flex;float:left}
.vote-star svg.lucide-icon{float:left;width:2rem;height:2rem;cursor:pointer}
.review-empty h3{margin:0 0 8px;font-size:16px;font-weight:600}
.review-empty p{margin:0;color:#666}
#openReview {margin: 10px 16px;cursor: pointer}
.vote-star{margin:0 0 5px;width:100%}
.review-form label{margin:28px 0 10px 5px;font-size:16px;font-weight:700}
.review-form label span{color:#777;font-weight:400}
.softopinion input.review-input,.softopinion textarea.review-textarea{width:100%;border:1px solid #ddd;border-radius:16px;padding:16px 18px;box-sizing:border-box;margin: 0}
.softopinion input.review-input:focus,.softopinion textarea.review-textarea:focus{border-color:#ff7a1a;outline:0}
.softopinion textarea.review-textarea{min-height:120px;resize:vertical}
.review-tip{margin:5px 0 0 5px;color:#777;font-size:13px}
.review-rating{display:flex;align-items:center;gap:8px}
.review-rating span{color:#ff7a1a;font-size:42px;cursor:pointer}
.review-rating small{margin-left:10px;color:#777}
.review-count{text-align:right;color:#999;font-size:14px}
.review-footer{margin-top:30px;display:flex;justify-content:end;align-items:center;float:left;width:100%}
.review-submit{border:none;background:#ff7a1a;color:#fff;padding:16px 42px;border-radius:20px;font-weight:600;cursor:pointer;transition:.2s}
.review-submit:hover{background:#ff8b33}
@media (max-width:979px){
    .review-form label{margin: 20px 0 10px 5px;font-size: 14px}
    .review-box{padding: 0 15px;margin: 0 10px;width: calc(100% - 50px)}
    .vote-star small{line-height: 1.1}
    .review-empty,.review-header{flex-direction:column;align-items:flex-start}    
    .review-footer{flex-direction:column;align-items:stretch}
    .review-submit{width:100%}
}