#comments.comments_section{background:#fff;border:1px solid #e6e9ee;border-radius:16px;margin-block:24px;padding:20px;color:#172033;box-shadow:0 4px 18px rgba(15,23,42,.035)}
#comments *{box-sizing:border-box}
#comments .comments-section_heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e6e9ee}
#comments .comments-section_heading h2{font-size:17px;font-weight:800;line-height:1.35;color:#111827;margin:0}
#comments .comments-section_intro{font-size:12px;color:#6b7280;margin:4px 0 0}
#comments .comments-section_count{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;background:#f0f5ff;border:1px solid #dbe7ff;border-radius:999px;color:#2563eb;font-size:11px;font-weight:700;white-space:nowrap}
#comments .fbc-comment-status:empty{display:none}
#comments .fbc-comments__list,#comments .fbc-comments__list ul.children{list-style:none;margin:0;padding:0}
#comments .fbc-comments__list ul.children{margin:10px 0 0;margin-inline-start:30px;padding-inline-start:14px;border-inline-start:2px solid #e5e7eb}
#comments .fbc-comments__list ul.children[hidden]{display:none!important}
#comments .fbc-comment{list-style:none;margin:0 0 17px}
#comments .comment-block{display:flex;align-items:flex-start;gap:9px}
#comments .fbc-avatar{flex:0 0 40px}
#comments .fbc-avatar-img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}
#comments .fbc-comment-body{flex:1;min-width:0}
#comments .fbc-comment-bubble{position:relative;display:inline-block;max-width:min(100%,720px)}
#comments .fbc-comment-bubble__content{display:block;background:#f1f3f6;border:1px solid transparent;border-radius:17px;padding:10px 14px;transition:background .15s ease,border-color .15s ease}
#comments .fbc-comment-bubble__content:hover{background:#eceff3;border-color:#e1e5ea}
#comments .fbc-comment-bubble__content--pending{background:#fff9db;border-color:#f2df8f}
#comments .fbc-comment-bubble__headline{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
#comments .fbc-comment-bubble__author{font-size:13px;font-weight:750;color:#111827}
#comments .fbc-comment-bubble__separator{font-size:12px;color:#9ca3af}
#comments .fbc-comment-bubble__time{font-size:11px;color:#6b7280;text-decoration:none}
#comments .fbc-comment-bubble__time:hover{text-decoration:underline;color:#2563eb}
#comments .fbc-comment-bubble__text{font-size:14px;color:#202938;line-height:1.65;overflow-wrap:anywhere;margin-top:4px;text-align:start;unicode-bidi:plaintext}
#comments .fbc-comment-bubble__text>:first-child{margin-top:0}
#comments .fbc-comment-bubble__text>:last-child{margin-bottom:0}
#comments .fbc-comment-bubble__text p{margin:.35em 0}
#comments .fbc-pending-badge{display:inline-flex;align-items:center;gap:5px;margin:7px 0 1px;padding:3px 8px;background:#fff3cd;border-radius:999px;color:#815f00;font-size:10px;font-weight:700}
#comments .fbc-pending-badge svg{flex:none}
#comments .fbc-comment-footer{display:flex;align-items:center;gap:13px;margin-top:7px;padding-inline-start:12px}
#comments .fbc-action-btn,#comments .fbc-toggle-replies{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:4px 6px;border-radius:7px;color:#667085;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none}
#comments .fbc-toggle-replies[hidden] {display: none !important;}
#comments .fbc-action-btn a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}
#comments .fbc-action-btn:hover,#comments .fbc-toggle-replies:hover{background:#eef4ff;color:#2563eb}
#comments .fbc-toggle-replies-icon{display:inline-flex;transition:transform .16s ease}
#comments .fbc-toggle-replies[aria-expanded="true"] .fbc-toggle-replies-icon{transform:rotate(180deg)}
#comments .comment-respond{margin:0 0 25px;padding:0 0 20px;border-bottom:1px solid #e6e9ee}
#comments .comment-reply_title{font-size:14px;font-weight:750;margin:0 0 10px;color:#111827}
#comments .comment-form_field{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}
#comments .comment-form_field label{font-size:12px;font-weight:700;color:#344054}
#comments .comment-form_input{width:100%!important;background:#f5f6f8!important;border:1px solid #e2e6eb!important;border-radius:11px!important;font:inherit;font-size:14px!important;color:#111827!important;padding:11px 13px!important;outline:none;text-align:start;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
#comments .comment-form_input:hover{border-color:#cdd3db!important}
#comments .comment-form_input:focus{background:#fff!important;border-color:#4f83e3!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
#comments textarea.comment-form_input{resize:vertical;min-height:90px;max-height:360px;unicode-bidi:plaintext}
#comments #fbc-char-count{font-size:11px;color:#6b7280;text-align:end;direction:ltr}
#comments #fbc-char-count.is-invalid{color:#c62828;font-weight:700}
#comments .comment-form_actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:11px}

/* Shared submit + cancel button design */
#comments .comment-submit_btn,
#comments #cancel-comment-reply-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;

	min-height: 38px;
	padding: 9px 15px;

	border: 0;
	border-radius: 10px;

	font: inherit;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;

	text-decoration: none;
	cursor: pointer;

	transition:
		background-color 0.15s ease,
		color 0.15s ease,
		transform 0.15s ease,
		box-shadow 0.15s ease;
}

/* Submit button */
#comments .comment-submit_btn {
	color: #ffffff;
	background: #2563eb;
	box-shadow: 0 3px 9px rgba(37, 99, 235, 0.18);
}

#comments .comment-submit_btn:hover {
	color: #ffffff;
	background: #1d4ed8;
	transform: translateY(-1px);
	box-shadow: 0 5px 12px rgba(37, 99, 235, 0.24);
}

#comments .comment-submit_btn:disabled {
	opacity: 0.6;
	cursor: wait;
	transform: none;
	box-shadow: none;
}

/* Cancel reply button */
#comments #cancel-comment-reply-link {
	color: #ffffff;
	background: #dc2626;
	box-shadow: 0 3px 9px rgba(220, 38, 38, 0.18);
}

#comments #cancel-comment-reply-link:hover {
	color: #ffffff;
	background: #b91c1c;
	transform: translateY(-1px);
	box-shadow: 0 5px 12px rgba(220, 38, 38, 0.24);
}
#comments #cancel-comment-reply-link:active,
#comments .comment-submit_btn:active {transform: translateY(0);}
#comments .comment-submit_btn svg,
#comments #cancel-comment-reply-link svg {width:15px;height:15px;flex-shrink: 0;}
#comments .comment-form_actions {display: flex;align-items: center;gap: 8px;margin-top: 12px;flex-wrap: wrap;}


#comments .comment-logged_in_as,#comments .comment-must_log_in{font-size:12px;color:#667085;margin:0 0 9px}
#comments .comment-logged_in_as a,#comments .comment-must_log_in a{color:#2563eb;text-decoration:none}
#comments .fbc-comments__empty,#comments .fbc-comments__closed{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 0;padding:13px;background:#f7f8fa;border:1px dashed #d9dee5;border-radius:11px;color:#667085;font-size:12px;text-align:center}
#comments .fbc-comments__pagination{margin-top:22px;padding-top:17px;border-top:1px solid #e6e9ee}
#comments .fbc-comments__pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:6px}
#comments .fbc-comments__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;padding:0 7px;background:#f4f6f8;border:1px solid #e4e7ec;border-radius:7px;color:#667085;font-size:11px;font-weight:750;text-decoration:none}
#comments .fbc-comments__pagination a.page-numbers:hover{background:#eef4ff;border-color:#cfe0ff;color:#2563eb}
#comments .fbc-comments__pagination .page-numbers.current{background:#2563eb;border-color:#2563eb;color:#fff}
#comments .fbc-pagination-icon{display:inline-flex}
#comments .fbc-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
#comments button:focus-visible,#comments a:focus-visible,#comments input:focus-visible,#comments textarea:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}
.rtl #comments .fbc-pagination-icon{transform:scaleX(-1)}
@keyframes fbcFadeIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
#comments .fbc-comments__list .children[data-open="1"]{animation:fbcFadeIn .16s ease-out}
@media(max-width:620px){#comments.comments_section{padding:15px;border-radius:13px}#comments .comments-section_heading{gap:10px}#comments .comments-section_intro{display:none}#comments .fbc-comments__list ul.children{margin-inline-start:17px;padding-inline-start:9px}#comments .fbc-avatar{flex-basis:34px}#comments .fbc-avatar-img{width:34px;height:34px}#comments .fbc-comment-bubble__content{padding:9px 12px}#comments .comment-form_actions{justify-content:stretch}#comments .comment-submit_btn{flex:1}}
@media(prefers-reduced-motion:reduce){#comments *,#comments *::before,#comments *::after{animation:none!important;transition:none!important}}