:root{--c-primary:#059669;--c-danger:#ef4444;--c-dark:#1e293b;--c-light:#f8fafc;--c-border:#e2e8f0;}.comments-wrapper{background:#fff;border-radius:12px;padding:2rem;margin-top:3rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);font-family:'Outfit', sans-serif;}.comments-header h3{margin-top:0;font-family:'Playfair Display', serif;color:var(--c-dark);font-size:1.8rem;border-bottom:3px solid var(--c-primary);display:inline-block;padding-bottom:5px;}.comment-form-box{background:#f1f5f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem;}.form-group{margin-bottom:1rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#475569;}.c-input, .c-textarea{width:100%;padding:0.8rem;border:1px solid var(--c-border);border-radius:6px;font-family:inherit;font-size:0.95rem;transition:all 0.3s;}.c-input:focus, .c-textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(5, 150, 105, 0.1);}.submit-btn{background:var(--c-primary);color:white;border:none;padding:0.8rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;letter-spacing:0.5px;transition:transform 0.2s;}.submit-btn:hover{transform:translateY(-2px);background:#059669;}.submit-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;}.feedback-msg{display:none;padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:500;text-align:center;}.feedback-msg.success{background:#dcfce7;color:#166534;display:block;}.feedback-msg.error{background:#fee2e2;color:#991b1b;display:block;}.comment-list{display:flex;flex-direction:column;gap:1.5rem;}.comment-item{display:flex;gap:1rem;border-bottom:1px solid var(--c-border);padding-bottom:1.5rem;animation:fadeIn 0.5s ease;}.comment-avatar{width:48px;height:48px;background:var(--c-dark);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;flex-shrink:0;}.comment-body{flex:1;}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}.comment-author{font-weight:700;color:var(--c-dark);font-size:1.1rem;}.comment-date{font-size:0.85rem;color:#94a3b8;}.comment-text{line-height:1.6;color:#334155;}.admin-badge{background:#f59e0b;color:white;font-size:0.7rem;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}