.comments-section{background:0 0;padding:0}.comments-header{margin-bottom:var(--main-space-6)}.comments-title{font-size:var(--main-text-xl);font-weight:var(--main-font-bold);color:var(--main-text);align-items:center;gap:var(--main-space-2);margin:0;display:flex}.comments-title .badge{font-size:var(--main-text-xs);border-radius:var(--main-radius-lg);background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary-hover)100%);color:var(--main-bg-primary);font-weight:var(--main-font-bold);padding:4px 10px}@media (max-width:480px){.comments-title{font-size:var(--main-text-lg)}}.comment-form-container{background:var(--main-bg-primary);border:1px solid var(--main-border);border-radius:var(--main-radius-xl);padding:var(--main-space-8);margin-bottom:var(--main-space-6);transition:var(--main-transition)}.comment-form-container h5{font-size:var(--main-text-xl);font-weight:var(--main-font-bold);color:var(--main-text);margin:0 0 var(--main-space-6)0;border-bottom:none;align-items:center;gap:10px;padding-bottom:0;display:flex}.comment-form-container h5:before{content:"";background:linear-gradient(180deg,var(--main-info)0%,var(--main-primary-hover)100%);border-radius:2px;width:4px;height:24px}.guest-fields-container{gap:var(--main-space-5);margin-bottom:var(--main-space-6);padding:var(--main-space-6);background:var(--main-bg-secondary);border-radius:var(--main-radius);border:1px solid var(--main-border);flex-direction:column;display:flex}.guest-info-fields{gap:var(--main-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.guest-info-fields .form-group,.guest-options{margin:0}.guest-options .form-check{padding:var(--main-space-3)var(--main-space-4);background:var(--main-bg-primary);border:1px solid var(--main-border);border-radius:var(--main-radius);align-items:center;gap:var(--main-space-3);transition:var(--main-transition);margin:0;display:flex}.guest-options .form-check:hover{border-color:var(--main-info);background:#3b82f608}.guest-options .form-check-input{cursor:pointer;border:2px solid var(--main-border-dark);width:18px;height:18px;transition:var(--main-transition);border-radius:4px;flex-shrink:0;margin:0}.guest-options .form-check-input:checked{background-color:var(--main-primary-hover);border-color:var(--main-primary-hover)}.guest-options .form-check-label{font-size:var(--main-text-sm);font-weight:var(--main-font-medium);color:var(--main-gray-700);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;margin:0;display:block;overflow:hidden}.guest-options .form-check-label i{color:var(--main-text-muted);font-size:var(--main-text-sm);flex-shrink:0}.form-group{margin-bottom:var(--main-space-4)}.form-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);font-weight:var(--main-font-semibold);color:var(--main-gray-700);margin-bottom:var(--main-space-2);text-transform:uppercase;letter-spacing:.3px;display:flex}.form-label i{color:var(--main-primary-hover);font-size:var(--main-text-sm)}.form-control{width:100%;font-size:var(--main-text-sm);line-height:var(--main-leading-normal);color:var(--main-text);background-color:var(--main-bg-primary);border:1.5px solid var(--main-border);border-radius:var(--main-radius);transition:var(--main-transition);padding:12px 14px;font-family:inherit}.form-control::placeholder{color:var(--main-gray-400);opacity:1}.form-control:focus{border-color:var(--main-primary-hover);background:var(--main-bg-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-control:hover:not(:focus){border-color:var(--main-border-dark)}#comment-content,textarea.form-control{resize:vertical;min-height:120px;line-height:var(--main-leading-relaxed)}.captcha-submit-row{align-items:flex-end;gap:var(--main-space-4);margin-top:var(--main-space-5);padding-top:var(--main-space-5);border-top:1px solid var(--main-border);display:flex}.btn-submit{justify-content:center;align-items:center;gap:var(--main-space-2);background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary-hover)100%);color:var(--main-bg-primary);font-size:var(--main-text-sm);font-weight:var(--main-font-semibold);border-radius:var(--main-radius);cursor:pointer;transition:var(--main-transition);letter-spacing:.2px;white-space:nowrap;border:none;flex-shrink:0;height:44px;padding:12px 24px;font-family:inherit;display:inline-flex;box-shadow:0 2px 8px #3b82f633}.btn-submit:hover{background:linear-gradient(135deg,var(--main-primary-hover)0%,var(--main-primary-hover)100%);box-shadow:0 4px 12px #3b82f64d}.btn-submit:active{opacity:.85}.btn-submit i{font-size:.875rem}.mb-3{margin-bottom:var(--main-space-4)}.mb-4{margin-bottom:var(--main-space-6)}.ms-2{margin-left:var(--main-space-2)}.text-muted{color:var(--main-text-muted)}@media (max-width:768px){.comment-form-container{padding:var(--main-space-4)}.guest-info-fields{grid-template-columns:1fr}.captcha-submit-row{flex-direction:column;align-items:stretch}.btn-submit{width:100%}}@media (max-width:480px){.comment-form-container h5{font-size:var(--main-text-sm)}}.captcha-container{align-items:flex-end;gap:var(--main-space-2);flex:1;display:flex}.captcha-image-wrapper{border:1px solid var(--main-border);border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:150px;height:46px;min-height:46px;padding:.25rem;display:flex;position:relative;overflow:hidden}.captcha-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .3s;display:block}.btn-captcha-refresh{border:1px solid var(--main-border);border-radius:var(--main-radius);cursor:pointer;width:32px;height:32px;transition:var(--main-transition);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px #0000000f}.btn-captcha-refresh:hover{background:var(--main-bg-primary);border-color:var(--main-info);box-shadow:0 2px 8px #3b82f626}.btn-captcha-refresh svg{width:16px;height:16px;color:var(--main-text-muted)}.btn-captcha-refresh:hover svg{color:var(--main-info)}#captcha-answer{text-align:center;max-width:140px;font-weight:var(--main-font-semibold);letter-spacing:2px}@media (max-width:768px){.captcha-container{flex-direction:column;align-items:stretch}.captcha-image-wrapper{width:100%;max-width:280px;margin:0 auto}.captcha-image{object-fit:contain;width:100%;max-height:50px;height:auto!important}#captcha-answer{width:100%;max-width:none}.btn-captcha-refresh{width:28px;height:28px;top:4px;right:4px}.btn-captcha-refresh svg{width:14px;height:14px}}.comments-list{gap:var(--main-space-4);flex-direction:column;display:flex}.no-comments{text-align:center;padding:4rem var(--main-space-6);background:var(--main-gray-50);border:1px dashed var(--main-border);border-radius:var(--main-radius-xl)}.no-comments i{margin-bottom:var(--main-space-3);color:var(--main-gray-300);display:block}.no-comments p{font-size:var(--main-text-base);color:var(--main-text-muted);line-height:var(--main-leading-relaxed);margin:0}.comments-pagination{margin-top:var(--main-space-8);justify-content:center;display:flex}.comments-pagination nav{display:block}.comments-pagination .pagination{border:1px solid var(--main-border);border-radius:var(--main-radius);background:var(--main-bg-primary);gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.comments-pagination .page-item{display:block}.comments-pagination .page-link{min-width:40px;height:40px;padding:0 var(--main-space-3);border:none;border-right:1px solid var(--main-border);color:var(--main-gray-700);font-size:var(--main-text-sm);font-weight:var(--main-font-medium);transition:var(--main-transition);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:flex;border-radius:0!important}.comments-pagination .page-item:last-child .page-link{border-right:none}.comments-pagination .page-link:hover{background:var(--main-gray-50);color:var(--main-info)}.comments-pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary-hover)100%);color:var(--main-bg-primary);position:relative}.comments-pagination .page-item.active .page-link:after{content:"";background:#ffffff80;height:2px;position:absolute;bottom:0;left:0;right:0}.comments-pagination .page-item.disabled .page-link{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--main-gray-50)}.comments-pagination .page-item.prev .page-link,.comments-pagination .page-item.next .page-link{font-size:var(--main-text-lg);font-weight:var(--main-font-bold)}@media (max-width:768px){.comments-pagination .pagination{gap:0}.comments-pagination .page-link{min-width:36px;height:36px;padding:0 var(--main-space-2);font-size:.8125rem}.comments-pagination .page-item.prev .page-link,.comments-pagination .page-item.next .page-link{font-size:var(--main-text-base)}}.comment-item{gap:var(--main-space-4);background:var(--main-bg-primary);border:1px solid var(--main-border);border-radius:var(--main-radius-lg);padding:var(--main-space-5);margin-bottom:var(--main-space-4);transition:var(--main-transition);display:flex}.comment-item:hover{border-color:var(--main-gray-300)}.comment-item.comment-pending{background:#fbbf240d;border-color:#fbbf244d}.comment-avatar{flex:none;width:48px;min-width:48px;max-width:48px;height:48px}.comment-avatar img{border-radius:var(--main-radius-full);object-fit:cover;width:48px;height:48px;display:block;box-shadow:0 2px 8px #0000001a}.guest-avatar{background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary-hover)100%);width:48px;height:48px;color:var(--main-bg-primary);border-radius:var(--main-radius-full);font-size:var(--main-text-lg);font-weight:var(--main-font-bold);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #3b82f633}.comment-content-wrapper{flex:1;min-width:0}.comment-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}.comment-meta{align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}.commenter-name{font-size:var(--main-text-base);font-weight:var(--main-font-semibold);color:var(--main-text)}.badge-guest{font-size:var(--main-text-xs);border-radius:var(--main-radius-sm);background:var(--main-gray-100);color:var(--main-text-muted);font-weight:var(--main-font-medium);padding:4px 8px}.badge-pending{font-size:var(--main-text-xs);border-radius:var(--main-radius-sm);background:var(--main-warning);color:var(--main-gray-900);font-weight:var(--main-font-bold);padding:4px 10px}.comment-date{font-size:var(--main-text-xs);color:var(--main-text-muted)}.comment-pending-notice{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3)var(--main-space-4);border-left:3px solid var(--main-warning);border-radius:var(--main-radius);margin-bottom:var(--main-space-3);font-size:var(--main-text-sm);color:var(--main-warning);background:#fbbf241a;display:flex}.comment-pending-notice i{color:var(--main-warning);font-size:var(--main-text-base)}.comment-body{color:var(--main-gray-700);line-height:var(--main-leading-relaxed);margin-bottom:var(--main-space-3);font-size:var(--main-text-sm)}.comment-body p{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0}.comment-actions{align-items:center;gap:var(--main-space-3);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top:1px solid var(--main-gray-200);display:flex}.comment-actions button{align-items:center;gap:var(--main-space-1);border:1px solid var(--main-border);border-radius:var(--main-radius);color:var(--main-text-muted);font-size:var(--main-text-xs);font-weight:var(--main-font-medium);cursor:pointer;transition:var(--main-transition);background:0 0;padding:6px 12px;font-family:inherit;display:inline-flex}@media (max-width:768px){.comment-item{padding:var(--main-space-4);gap:var(--main-space-3)}.comment-header{gap:var(--main-space-2)}.comment-avatar{flex:none!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important}.comment-avatar img,.guest-avatar{font-size:var(--main-text-base);width:40px!important;height:40px!important}.comment-actions button{font-size:var(--main-text-sm);padding:8px 14px}}@media (max-width:480px){.comment-avatar{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}.comment-avatar img,.guest-avatar{width:36px!important;height:36px!important}}.comment-actions button:hover{background:var(--main-gray-50);border-color:var(--main-info);color:var(--main-info)}.comment-actions .btn-delete:hover{border-color:var(--main-error);color:var(--main-error);background:#ef44440d}.comment-actions button i{font-size:.75rem}.comment-replies{margin-top:var(--main-space-4);padding-left:var(--main-space-10);border-left:3px solid var(--main-gray-200)}.comment-reply{gap:var(--main-space-3);background:var(--main-gray-50);border:1px solid var(--main-gray-200);border-radius:var(--main-radius-lg);padding:var(--main-space-4);margin-bottom:var(--main-space-3);transition:var(--main-transition);display:flex}.comment-reply:hover{background:var(--main-bg-primary)}.comment-reply .comment-actions{margin-top:var(--main-space-2);padding-top:var(--main-space-2);border-top:1px solid var(--main-gray-200)}.comment-reply .comment-actions button{font-size:var(--main-text-xs);padding:6px 12px}.comment-reply .comment-avatar{flex:none;width:40px;min-width:40px;max-width:40px;height:40px}.comment-reply .comment-avatar img,.comment-reply .guest-avatar{width:40px;height:40px;font-size:var(--main-text-base)}.comment-reply .commenter-name,.comment-reply .comment-body{font-size:var(--main-text-sm)}.comment-reply .comment-date{font-size:.6875rem}.comment-reply-form{margin-top:var(--main-space-4);padding:var(--main-space-4);background:var(--main-gray-50);border:1px solid var(--main-gray-200);border-radius:var(--main-radius-lg)}.comment-reply-form textarea{min-height:80px;margin-bottom:var(--main-space-3)}.reply-form-actions{gap:var(--main-space-2);display:flex}.btn-reply-submit,.btn-reply-cancel{font-size:var(--main-text-sm);border-radius:var(--main-radius);cursor:pointer;transition:var(--main-transition);font-weight:var(--main-font-medium);padding:8px 16px;font-family:inherit}.btn-reply-submit{background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary-hover)100%);color:var(--main-bg-primary);border:none}.btn-reply-submit:hover{background:linear-gradient(135deg,var(--main-primary-hover)0%,var(--main-primary-hover)100%);box-shadow:0 2px 8px #3b82f633}.btn-reply-cancel{background:var(--main-bg-primary);border:1px solid var(--main-border);color:var(--main-gray-700)}.btn-reply-cancel:hover{background:var(--main-gray-50);border-color:var(--main-gray-300)}.replying-to-info{background:var(--main-bg-primary);padding:var(--main-space-4)var(--main-space-5);border-radius:var(--main-radius);border-left:4px solid var(--main-primary-hover);margin-bottom:var(--main-space-5);font-size:var(--main-text-sm);color:var(--main-gray-700);justify-content:space-between;align-items:center;gap:var(--main-space-4);display:flex}.replying-to-info .reply-info-text{align-items:center;gap:var(--main-space-2);font-weight:var(--main-font-medium);display:flex}.replying-to-info .reply-info-text i{color:var(--main-primary-hover);font-size:var(--main-text-base)}.replying-to-info strong{color:var(--main-primary-hover);font-weight:var(--main-font-bold)}.replying-to-info .btn-cancel-reply-inline{border:1px solid var(--main-border);color:var(--main-text-muted);font-size:var(--main-text-sm);cursor:pointer;padding:var(--main-space-2)var(--main-space-4);border-radius:var(--main-radius-sm);transition:var(--main-transition);white-space:nowrap;font-family:inherit;font-weight:var(--main-font-semibold);align-items:center;gap:var(--main-space-1);background:0 0;display:inline-flex}.replying-to-info .btn-cancel-reply-inline:hover{border-color:var(--main-error);color:var(--main-error);background:#ef44441a}.replying-to-info .btn-cancel-reply-inline i{font-size:var(--main-text-xs)}.comment-form-container.replying-to{border-color:var(--main-primary-hover);background:#6366f108;box-shadow:0 0 0 3px #6366f114}@media (max-width:768px){.comment-replies{padding-left:var(--main-space-6)}.comment-reply{padding:var(--main-space-3);gap:var(--main-space-2)}.comment-reply .comment-avatar{flex:none!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}.comment-reply .comment-avatar img,.comment-reply .guest-avatar{font-size:.875rem;width:36px!important;height:36px!important}}@media (max-width:480px){.comment-replies{padding-left:var(--main-space-1);border-left:none}}.comment-alert{padding:var(--main-space-5)var(--main-space-6);border-radius:var(--main-radius-lg);margin-bottom:var(--main-space-5);align-items:flex-start;gap:var(--main-space-4);animation:.4s cubic-bezier(.4,0,.2,1) slideDownNoTransform;display:flex;position:relative;overflow:hidden}.comment-alert:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.comment-alert-icon{border-radius:var(--main-radius-full);width:28px;height:28px;font-size:.95rem;font-weight:var(--main-font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #00000026}.comment-alert-content{flex:1;min-width:0}.comment-alert-title{font-weight:var(--main-font-bold);font-size:var(--main-text-base);line-height:var(--main-leading-tight);margin-bottom:.375rem}.comment-alert-message{font-size:var(--main-text-sm);line-height:var(--main-leading-relaxed);white-space:pre-line;opacity:.9;margin:0}.comment-alert-close{cursor:pointer;border-radius:var(--main-radius-sm);width:24px;height:24px;transition:var(--main-transition);opacity:.7;color:inherit;background:#0000000d;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex}.comment-alert-close:hover{opacity:1;background:#0000001a}.comment-alert.alert-success{color:var(--main-success);background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border:2px solid #10b9814d}.comment-alert.alert-success:before{background:linear-gradient(180deg,var(--main-success)0%,var(--main-success)100%)}.comment-alert.alert-success .comment-alert-icon{background:linear-gradient(135deg,var(--main-success)0%,var(--main-success)100%);color:var(--main-bg-primary)}.comment-alert.alert-error{color:var(--main-error-700);background:linear-gradient(135deg,#ef44441a 0%,#ef44440d 100%);border:2px solid #ef44444d}.comment-alert.alert-error:before{background:linear-gradient(180deg,var(--main-error)0%,var(--main-error-600)100%)}.comment-alert.alert-error .comment-alert-icon{background:linear-gradient(135deg,var(--main-error)0%,var(--main-error-600)100%);color:var(--main-bg-primary)}.comment-alert.alert-warning{color:var(--main-warning);background:linear-gradient(135deg,#fbbf241a 0%,#fbbf240d 100%);border:2px solid #fbbf244d}.comment-alert.alert-warning:before{background:linear-gradient(180deg,var(--main-warning)0%,var(--main-warning)100%)}.comment-alert.alert-warning .comment-alert-icon{background:linear-gradient(135deg,var(--main-warning)0%,var(--main-warning)100%);color:var(--main-gray-900)}.comment-alert.alert-info{color:var(--main-info);background:linear-gradient(135deg,#3b82f61a 0%,#3b82f60d 100%);border:2px solid #3b82f64d}.comment-alert.alert-info:before{background:linear-gradient(180deg,var(--main-info)0%,var(--main-info)100%)}.comment-alert.alert-info .comment-alert-icon{background:linear-gradient(135deg,var(--main-info)0%,var(--main-info)100%);color:var(--main-bg-primary)}@keyframes slideDownNoTransform{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:var(--main-space-5);padding-bottom:var(--main-space-5);margin-bottom:var(--main-space-5)}}.comment-alert.fade-out{animation:.3s ease-out forwards fadeOutNoTransform}@keyframes fadeOutNoTransform{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.comment-form-loading{pointer-events:none;opacity:.6;position:relative}.comment-form-loading:after{content:"";border-radius:var(--main-radius-xl);z-index:10;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.comment-loading-spinner{border:4px solid var(--main-gray-200);border-top:4px solid var(--main-info);border-radius:var(--main-radius-full);z-index:11;width:48px;height:48px;margin-top:-24px;margin-left:-24px;animation:1s linear infinite spinNoTransform;position:absolute;top:50%;left:50%}@keyframes spinNoTransform{0%{opacity:1}50%{opacity:.7;border-top-color:var(--main-primary-hover)}to{opacity:1}}@media (max-width:768px){.comment-alert{padding:var(--main-space-4)var(--main-space-5);gap:var(--main-space-3)}.comment-alert-icon{width:24px;height:24px;font-size:.85rem}.comment-alert-title{font-size:var(--main-text-sm)}.comment-alert-message{font-size:.8125rem}}