.comments-section[data-v-08496a76]{background-color:#f8f9fa;border-radius:12px;padding:30px 0}.comment-form-container[data-v-08496a76]{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:20px;transition:all .3s ease}.comment-form-container[data-v-08496a76]:hover{box-shadow:0 8px 25px #0000001a}.comment-form[data-v-08496a76]{align-items:flex-start;display:flex}.user-avatar[data-v-08496a76]{margin-right:15px}.user-avatar img[data-v-08496a76]{border:2px solid #e50913;border-radius:50%;box-shadow:0 3px 8px #e5091333;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.form-input-container[data-v-08496a76]{flex:1;position:relative}.comment-textarea[data-v-08496a76]{background-color:#f8f9fa;border:1px solid #e1e5eb;border-radius:12px;box-shadow:none;font-size:16px;padding:15px;resize:none;transition:all .3s ease}.comment-textarea[data-v-08496a76]:focus{background-color:#fff;border-color:#e50913;box-shadow:0 0 0 3px #e509131a}.comment-textarea.is-invalid[data-v-08496a76]{border-color:#dc3545}.invalid-feedback[data-v-08496a76]{color:#dc3545;font-size:14px;margin-top:5px}.comment-submit-btn[data-v-08496a76]{align-items:center;background-color:#e50913;border:none;border-radius:50px;bottom:15px;color:#fff;display:flex;font-weight:600;gap:8px;padding:8px 20px;position:absolute;right:15px;transition:all .3s ease}.comment-submit-btn[data-v-08496a76]:hover{background-color:#c50812;transform:translateY(-2px)}.comment-submit-btn[data-v-08496a76]:disabled{background-color:#f8a5a9;cursor:not-allowed}.login-prompt[data-v-08496a76]{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:30px;text-align:center}.login-prompt-content[data-v-08496a76]{margin:0 auto;max-width:500px}.login-prompt h4[data-v-08496a76]{color:#212529;font-size:24px;font-weight:700;margin-bottom:15px}.login-prompt p[data-v-08496a76]{color:#6c757d;margin-bottom:20px}.login-btn[data-v-08496a76]{align-items:center;background-color:#212529;border:none;border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:10px 25px;transition:all .3s ease}.login-btn[data-v-08496a76]:hover{background-color:#e50913;color:#fff;transform:translateY(-2px)}.comments-container[data-v-08496a76]{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;padding:30px}.comments-title[data-v-08496a76]{align-items:center;color:#212529;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:25px}.comments-title i[data-v-08496a76]{color:#e50913}.comments-count[data-v-08496a76]{background-color:#e50913;border-radius:50px;color:#fff;font-size:14px;margin-left:10px;padding:3px 10px}.comments-list[data-v-08496a76]{display:flex;flex-direction:column;gap:25px}.comment-card[data-v-08496a76]{background-color:#f8f9fa;border-radius:12px;box-shadow:0 3px 10px #00000008;padding:20px;transition:all .3s ease}.comment-card[data-v-08496a76]:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.comment-header[data-v-08496a76]{align-items:center;display:flex;margin-bottom:15px}.comment-avatar[data-v-08496a76]{margin-right:15px}.comment-avatar img[data-v-08496a76]{border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #0000001a;height:45px;-o-object-fit:cover;object-fit:cover;width:45px}.comment-meta[data-v-08496a76]{flex:1}.comment-author[data-v-08496a76]{color:#212529;font-size:16px;font-weight:700;margin:0 0 5px}.comment-date[data-v-08496a76]{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:5px}.comment-body[data-v-08496a76]{padding-left:60px}.comment-text[data-v-08496a76]{color:#495057;font-size:16px;line-height:1.6;margin-bottom:15px}.comment-actions[data-v-08496a76]{display:flex;gap:15px}.reply-btn[data-v-08496a76]{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:0;transition:all .2s ease}.reply-btn[data-v-08496a76]:hover{color:#e50913}.child-comments[data-v-08496a76]{display:flex;flex-direction:column;gap:15px;margin-left:60px;margin-top:20px}.child-comment-card .comment-body[data-v-08496a76]{padding-left:60px}.reply-form-container[data-v-08496a76]{animation:fadeIn-08496a76 .3s ease-in-out;background-color:#fff;border:1px solid #e1e5eb;border-radius:12px;box-shadow:0 3px 10px #00000014;margin-left:60px;margin-top:15px;padding:15px}.reply-form[data-v-08496a76]{align-items:center;display:flex;gap:10px}.reply-input-container[data-v-08496a76]{align-items:center;display:flex;flex:1;position:relative}.reply-input[data-v-08496a76]{background-color:#f8f9fa;border:1px solid #e1e5eb;border-radius:50px;flex:1;font-size:14px;padding:12px 20px;transition:all .3s ease}.reply-input[data-v-08496a76]:focus{background-color:#fff;border-color:#e50913;box-shadow:0 0 0 3px #e509131a}.reply-submit-btn[data-v-08496a76]{align-items:center;background-color:#e50913;border:none;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:10px;transition:all .3s ease;width:36px}.reply-submit-btn[data-v-08496a76]:hover{background-color:#c50812;transform:scale(1.1)}.no-comments[data-v-08496a76]{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;padding:40px;text-align:center}.no-comments-content[data-v-08496a76]{margin:0 auto;max-width:500px}.no-comments i[data-v-08496a76]{color:#e1e5eb;font-size:60px;margin-bottom:20px}.no-comments h4[data-v-08496a76]{color:#212529;font-size:24px;font-weight:700;margin-bottom:15px}.no-comments p[data-v-08496a76]{color:#6c757d}@keyframes fadeIn-08496a76{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.comments-section[data-v-08496a76]{padding:20px 0}.comments-container[data-v-08496a76]{padding:20px}.comment-card[data-v-08496a76]{padding:15px}}@media (max-width:768px){.container[data-v-08496a76]{padding-left:15px;padding-right:15px;width:100%}.comment-form[data-v-08496a76]{align-items:center;flex-direction:column}.user-avatar[data-v-08496a76]{margin-bottom:15px;margin-right:0;text-align:center}.form-input-container[data-v-08496a76]{width:100%}.comment-form-container[data-v-08496a76]{margin-bottom:20px;padding:15px}.comment-textarea[data-v-08496a76]{font-size:14px;margin-bottom:40px;min-height:80px;padding:12px}.comment-submit-btn[data-v-08496a76]{bottom:0;font-size:14px;padding:6px 15px;right:10px}.comments-container[data-v-08496a76]{padding:15px}.comments-title[data-v-08496a76]{font-size:18px;margin-bottom:15px}.comments-count[data-v-08496a76]{font-size:12px;padding:2px 8px}.comments-list[data-v-08496a76]{gap:15px}.comment-body[data-v-08496a76]{padding-left:0}.comment-text[data-v-08496a76]{font-size:14px;line-height:1.5}.child-comments[data-v-08496a76]{gap:10px;margin-left:20px;margin-top:15px}.child-comment-card[data-v-08496a76]{padding:12px}.child-comment-card .comment-body[data-v-08496a76]{padding-left:0}.reply-form-container[data-v-08496a76]{margin-left:20px;padding:12px}.reply-form[data-v-08496a76]{flex-wrap:wrap}.reply-input-container[data-v-08496a76]{margin-top:10px;width:100%}.reply-input[data-v-08496a76]{font-size:13px;padding:8px 15px}.reply-submit-btn[data-v-08496a76]{height:32px;width:32px}.login-prompt[data-v-08496a76]{padding:20px}.login-prompt h4[data-v-08496a76]{font-size:18px;margin-bottom:10px}.login-prompt p[data-v-08496a76]{font-size:14px;margin-bottom:15px}.login-btn[data-v-08496a76]{font-size:14px;padding:8px 20px}.no-comments[data-v-08496a76]{padding:25px 15px}.no-comments i[data-v-08496a76]{font-size:40px;margin-bottom:15px}.no-comments h4[data-v-08496a76]{font-size:18px;margin-bottom:10px}.no-comments p[data-v-08496a76]{font-size:14px}}@media (max-width:480px){.comment-avatar img[data-v-08496a76]{height:35px;width:35px}.comment-author[data-v-08496a76]{font-size:14px}.comment-date[data-v-08496a76]{font-size:11px}.child-comments[data-v-08496a76],.reply-form-container[data-v-08496a76]{margin-left:10px}.comment-card[data-v-08496a76]{padding:12px}.comment-submit-btn[data-v-08496a76]{bottom:8px;font-size:12px;padding:5px 12px;right:8px}.comment-submit-btn span[data-v-08496a76]{display:none}.comment-submit-btn i[data-v-08496a76]{margin-right:0}.reply-btn[data-v-08496a76]{font-size:12px}}
