.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}

.deal-logo{width: 90px;height: 90px;border-radius: 20px;overflow: hidden;background: #fff;flex-shrink: 0;}
.deal-logo img{width: 100%;height: 100%;object-fit: cover}
.deal-info{text-align: left;display: flex;flex-direction: column}
.deal-info h3{font-size: 17px;font-weight: 700;margin: 0 0 5px 0}
.deal-info span{background:#fff1e8;color:#ff7a1a;padding:8px 14px;border-radius:6px;font-weight:700;}
.share-info-box{width: 100%;display: flex;align-items: center;gap: 24px;background: #f8fafc;border-radius: 22px;padding: 20px;margin-bottom: 25px}
.share-info-content-area svg{width:2rem;height:2rem;margin:0}
.share-title h4{font-size: 23px;font-weight: 700}
.share-subtitle{font-size: 14px;color:#6b7280}
.share-title{float: left;width: 100%;line-height: 24px;margin: 0 0 25px 0px}
.share-info-content{display:flex;align-items: center;justify-content: center;width: 420px;flex-wrap: wrap;padding:20px}
.share-info-content i{font-size: 24px}
.share-info-content a{border-radius: 6px;display: inline-block;margin: 0 8px;border: 1px solid #ddd;padding:15px 20px}
.share-info-content input:focus{outline-color: #f3f3f4;}
.share-info-content-text{width: 100%;text-align: center}
.share-info-content-name{float: left;width: 100%;text-align: left;font-size: 17px;font-weight: 600}
.share-info-content-area{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 35px 0;float: left}
.share-info-content-area a{border: 1px solid #e5e7eb;border-radius: 18px;padding:10px 15px;text-decoration: none;color: #111827;text-align: center;transition: .2s;margin:0}
.share-info-content-area small{float: left;width: 100%;font-size: 13px;margin: 5px 0 0 0}
.share-info-content-label{float: left;color: #666}
.share-info-content-input{border-color: transparent;background-color: #f3f3f4;border-radius: 6px;width: 100%;float: left;margin: 15px 0}
.share-info-content-input input{border-color: transparent;background-color: #f3f3f4;box-shadow: none;color: #9e9ea7;width: 330px}
.share-info-content-input a{color: #dc5b00;padding:10px 0;margin:0}

@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%}
}