.comments-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:40px 0;padding:30px}.comments-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.comments-header-left{flex:1 1}.comments-title{color:#1a1a1a;font-size:28px;font-weight:600;margin:0}.comments-stats{gap:20px}.comments-stats,.stat-item{align-items:center;display:flex}.stat-item{font-size:14px;gap:8px}.stat-label{color:#666}.stat-value{color:#333;font-weight:600}.comment-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:30px;padding:30px}.comment-form-container.reply-form{background:#fff;border-left:3px solid #7b1f3b;border-left:3px solid var(--color-primary,#7b1f3b);margin-left:40px;margin-top:15px;padding:20px}.comment-form{display:flex;flex-direction:column;gap:20px}.comment-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:768px){.comment-form-row{grid-template-columns:1fr}}.comment-form-group{display:flex;flex-direction:column;gap:8px}.comment-form-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:4px}.comment-form-input,.comment-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.comment-form-input:focus,.comment-form-textarea:focus{border-color:#7b1f3b;border-color:var(--color-primary,#7b1f3b);box-shadow:0 0 0 3px #7b1f3b1a;outline:none}.comment-form-textarea{line-height:1.6;min-height:120px;resize:vertical}.comment-form-textarea::placeholder{color:#9ca3af}.character-count{color:#9ca3af;font-size:12px;font-weight:500;margin-top:6px;text-align:right}.character-count-warning{color:#f59e0b;font-weight:600}.rating-stars{flex-wrap:wrap;gap:6px}.rating-star,.rating-stars{align-items:center;display:flex}.rating-star{background:none;border:none;border-radius:4px;color:#d1d5db;cursor:pointer;justify-content:center;line-height:1;padding:4px;transition:all .2s ease}.rating-star:hover{background:#9ca3af1a;color:#9ca3af;transform:scale(1.15)}.rating-star.selected{color:#9ca3af}.rating-star.selected svg{filter:drop-shadow(0 1px 2px rgba(156,163,175,.3))}.rating-text{color:#666;font-size:14px;font-weight:500;margin-left:10px}.comment-form-actions{align-items:center;display:flex;gap:12px}.comment-form-cancel,.comment-form-submit{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.comment-form-submit{background:linear-gradient(135deg,#7b1f3b 0,var(--color-primary) 100%);background:linear-gradient(135deg,var(--color-primary,#7b1f3b) 0,var(--color-primary) 100%);box-shadow:0 2px 8px #7b1f3b33;color:#fff}.comment-form-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0,#7b1f3b 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary,#7b1f3b) 100%);box-shadow:0 4px 12px #7b1f3b4d;transform:translateY(-2px)}.comment-form-submit:disabled{background:#ccc;cursor:not-allowed}.comment-form-cancel{background:#f3f4f6;color:#374151}.comment-form-cancel:hover{background:#e5e7eb}.comment-form-note{background:#fef3c7;border-radius:6px;color:#92400e;font-size:13px;margin-top:10px;padding:10px}.comment-form-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;padding:12px 16px}.comment-form-success{background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:14px;padding:12px 16px}.comments-list{gap:25px}.comments-empty,.comments-list{display:flex;flex-direction:column}.comments-empty{align-items:center;color:#6b7280;justify-content:center;padding:60px 20px;text-align:center}.comments-empty p{color:#9ca3af;font-size:16px;font-weight:500;margin:0}.comments-error,.comments-loading{color:#6b7280;padding:20px;text-align:center}.comments-error{background:#fee2e2;border-radius:6px;color:#dc2626}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.comment-item:hover{box-shadow:0 2px 8px #00000014}.comment-item.comment-reply{background:#f9fafb;border-left:3px solid #333;margin-top:15px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:12px}.comment-avatar,.comment-avatar-placeholder{border-radius:50%;height:48px;object-fit:cover;width:48px}.comment-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#333,#404040);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.comment-author-info{display:flex;flex-direction:column;gap:4px}.comment-author-name{color:#1a1a1a;font-size:15px;font-weight:600}.comment-verified{color:#059669;font-size:12px;font-weight:500}.comment-meta{align-items:center;display:flex;gap:12px}.comment-date{color:#6b7280;font-size:13px}.comment-rating{display:flex;gap:4px;margin-bottom:12px}.comment-rating .star{color:#d1d5db;font-size:16px}.comment-rating .star.filled{color:#9ca3af}.comment-content{word-wrap:break-word;color:#374151;font-size:15px;line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.comment-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:16px;padding-top:12px}.comment-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s}.comment-action-btn:hover{background:#f3f4f6;color:#333}.comment-action-btn.delete{color:#dc2626}.comment-action-btn.delete:hover{background:#fee2e2;color:#991b1b}.comment-replies{border-left:2px solid #e5e7eb;margin-top:20px;padding-left:20px}.reply-form-container{margin-left:20px;margin-top:15px}.load-more-comments{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;margin-top:30px;padding:12px 24px;transition:all .2s;width:100%}.load-more-comments:hover{background:#e5e7eb;border-color:#333;color:#333}.add-comment-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.add-comment-button:hover{background:var(--color-primary);box-shadow:0 4px 12px #7b1f3b66;opacity:.9;transform:translateY(-2px)}.add-comment-button svg{height:18px;width:18px}@media (max-width:768px){.comments-section{margin:20px 0;padding:20px}.comments-header{align-items:stretch;flex-direction:column;gap:15px}.add-comment-button{justify-content:center;width:100%}.comments-stats{align-items:flex-start;flex-direction:column;gap:10px}.comment-item{padding:15px}.comment-item.comment-reply{margin-left:10px}.comment-form-container.reply-form{margin-left:20px;padding:15px}.comment-replies{padding-left:10px}}