.comments-section{margin:40px 0;padding:20px}.comments-title{font-size:24px;color:#333;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #eee}.comment-list{display:flex;flex-direction:column;gap:20px}.comment-card{width:100%;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform .2s ease}.comment-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.comment-header{display:flex;align-items:center;margin-bottom:12px}.comment-avatar{width:40px;height:40px;border-radius:50%;background:#3b6a7c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-right:12px}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-author{font-size:18px;font-weight:600;color:#333}.comment-content{color:#666;line-height:1.6;font-size:16px}@media(max-width:768px){.comments-section{padding:15px}.comment-list{grid-template-columns:1fr}.comment-card{padding:15px}}