.depth-0{padding:9px;background:#f6f6f6;border:1px solid #ddd;border-right:3px solid #ec4444;border-radius:12px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);}
.procomment-box.depth-1{background:#fff;margin-right:5px;padding:9px;border-radius:12px;}
.procomment-box.depth-2{background:#f6f6f6;border:1px solid #e2e2e2;padding:9px;border-radius:12px;}
.procomment-box.depth-3{background:#f6f6f6;border-top:1px solid #ccc;padding:9px 0 0 0;}
.procomment-title{display:flex;align-items:center;gap:6px;font-size:18px;color:#d62828;border-bottom:2px solid #f2f2f2;padding-bottom:8px;margin-bottom:15px;}
.procomment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.procomment-item{display:flex;flex-direction:column;}
.procomment-header{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.procomment-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;}
.procomment-info{flex:1;}
.procomment-name{font-weight:bold;font-size:15px;margin-bottom:2px;}
.procomment-stars{color:#eb9a25;font-size:16px;letter-spacing:1px;}
.procomment-date{font-size:13px;color:#777;white-space:nowrap;}
.procomment-content{font-size:15px;color:#333;margin-top:10px;line-height:1.8;}
.procomment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.reply-btn{background:none;border:none;color:#111;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;}
.reply-btn i{transform:scaleX(-1);color:#111;}
.likes{display:flex;gap:10px;align-items:center;color:#444;font-size:14px;}
.likes i{margin-left:4px;font-size:16px;}
.comment-star-rating{display:flex!important;gap:5px;align-items:center;justify-content:flex-start;min-width:0;}
.comment-star-rating::before{content:none!important;display:none!important;}
.comment-star{color:#ccc;transition:color 0.2s;font-size:3vw;}
@media (max-width:450px){.comment-star {font-size:8vw;}}
.comment-star.hover, .comment-star.selected{color:#f5b301;text-shadow: 0 0 8px rgba(245, 179, 1, 0.8),0 0 15px rgba(245, 179, 1, 0.6);transition:color 0.2s, text-shadow 0.3s ease-in-out;}
.stars-and-sendbtm{display:flex;flex-direction:column;gap:10px;}
.procomment-submit-comment {border-radius: 5px!important;background: #22c522!important;color: #fff!important;}
.procomment-cancel-reply {border-radius:5px!important;background:#ed4545!important;color: #fff!important;}
.procomment-form {margin-top:20px!important;}
.procomment-form input{border-radius:10px!important;}
.procomment-form textarea {border-radius:10px!important;}