.comments{border-top:1px solid #e2e3e4;margin-top:40px;padding-top:40px}.comments__title{color:#000;margin:0 0 24px;font-size:20px;font-weight:600}.comments__form{background:#f9f9f9;margin-bottom:32px;padding:16px}.comments__textarea{resize:vertical;background:#fff;border:1px solid #e2e3e4;width:100%;padding:12px;font-family:inherit;font-size:14px}.comments__textarea:focus{border-color:#7ab52b;outline:none}.comments__formFooter{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.comments__charCount{color:#666;font-size:12px}.comments__submit{color:#fff;cursor:pointer;background:#7ab52b;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.comments__submit:hover:not(:disabled){background:#689d22}.comments__submit:disabled{cursor:not-allowed;background:#ccc}.comments__loginPrompt{text-align:center;background:#f9f9f9;margin-bottom:32px;padding:20px}.comments__loginPrompt p{color:#666;margin:0;font-size:14px}.comments__list{flex-direction:column;gap:16px;display:flex}.comments__empty{text-align:center;color:#666;background:#f9f9f9;margin:0;padding:40px 20px;font-size:14px}.comment{background:#f9f9f9;padding:16px;position:relative}.comment__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.comment__authorInfo{flex-direction:column;gap:4px;display:flex}.comment__author{color:#000;font-size:14px;font-weight:600}.comment__email{color:#999;font-size:12px;font-weight:400}.comment__date{color:#666;font-size:12px}.comment__delete{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1;transition:color .2s}.comment__delete:hover{color:#e74c3c}.comment__content{color:#333;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:14px;line-height:1.6}@media (max-width:768px){.comments{margin-top:24px;padding-top:24px}.comments__title{font-size:18px}.comments__form{padding:12px}}
