.BlogCommentSection-module__Ukr0RW__section{width:70%;margin-top:72px;margin-left:15%}.BlogCommentSection-module__Ukr0RW__header{margin-bottom:32px}.BlogCommentSection-module__Ukr0RW__heading{color:#111827;margin:0;font-size:clamp(1.75rem,2vw,2rem);font-weight:700;line-height:1.2}.BlogCommentSection-module__Ukr0RW__subtitle{color:#6b7280;margin-top:8px;font-size:15px;line-height:1.6}.BlogCommentSection-module__Ukr0RW__comments{width:100%;margin-bottom:48px}.BlogCommentSection-module__Ukr0RW__comment{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:16px;width:100%;padding:24px 0;display:flex}.BlogCommentSection-module__Ukr0RW__comment:first-child{padding-top:0}.BlogCommentSection-module__Ukr0RW__avatar{color:#fff;background:#16a34a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.BlogCommentSection-module__Ukr0RW__body{flex:1;min-width:0}.BlogCommentSection-module__Ukr0RW__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.BlogCommentSection-module__Ukr0RW__authorInfo{flex-direction:column;display:flex}.BlogCommentSection-module__Ukr0RW__author{color:#111827;margin:0;font-size:15px;font-weight:700}.BlogCommentSection-module__Ukr0RW__date{color:#6b7280;margin-top:4px;font-size:13px}.BlogCommentSection-module__Ukr0RW__reply{cursor:pointer;color:#16a34a;background:0 0;border:none;font-size:13px;font-weight:600;transition:opacity .2s}.BlogCommentSection-module__Ukr0RW__reply:hover{opacity:.8}.BlogCommentSection-module__Ukr0RW__text{color:#374151;margin-top:12px;font-size:15px;line-height:1.8}.BlogCommentSection-module__Ukr0RW__emptyState{text-align:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:48px;padding:40px 24px}.BlogCommentSection-module__Ukr0RW__emptyState h4{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.BlogCommentSection-module__Ukr0RW__emptyState p{color:#6b7280;margin:0;font-size:14px}.BlogCommentSection-module__Ukr0RW__formCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:28px}.BlogCommentSection-module__Ukr0RW__formTitle{color:#111827;margin:0 0 24px;font-size:20px;font-weight:700}.BlogCommentSection-module__Ukr0RW__form{flex-direction:column;gap:20px;display:flex}.BlogCommentSection-module__Ukr0RW__row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.BlogCommentSection-module__Ukr0RW__field{flex-direction:column;gap:8px;display:flex}.BlogCommentSection-module__Ukr0RW__label{color:#374151;font-size:14px;font-weight:600}.BlogCommentSection-module__Ukr0RW__input,.BlogCommentSection-module__Ukr0RW__textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:14px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.BlogCommentSection-module__Ukr0RW__input::placeholder,.BlogCommentSection-module__Ukr0RW__textarea::placeholder{color:#9ca3af}.BlogCommentSection-module__Ukr0RW__input:focus,.BlogCommentSection-module__Ukr0RW__textarea:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1f}.BlogCommentSection-module__Ukr0RW__textarea{resize:vertical;min-height:140px}.BlogCommentSection-module__Ukr0RW__actions{justify-content:flex-start;display:flex}.BlogCommentSection-module__Ukr0RW__submitButton{cursor:pointer;color:#fff;background:#16a34a;border:none;border-radius:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.BlogCommentSection-module__Ukr0RW__submitButton:hover:not(:disabled){background:#15803d}.BlogCommentSection-module__Ukr0RW__submitButton:disabled{opacity:.6;cursor:not-allowed}.BlogCommentSection-module__Ukr0RW__submitButton:active:not(:disabled){transform:translateY(1px)}@media (max-width:992px){.BlogCommentSection-module__Ukr0RW__section{margin-top:56px}.BlogCommentSection-module__Ukr0RW__formCard{padding:24px}}@media (max-width:768px){.BlogCommentSection-module__Ukr0RW__row{grid-template-columns:1fr}.BlogCommentSection-module__Ukr0RW__top{flex-direction:column;gap:10px}.BlogCommentSection-module__Ukr0RW__submitButton,.BlogCommentSection-module__Ukr0RW__actions{width:100%}}@media (max-width:480px){.BlogCommentSection-module__Ukr0RW__section{margin-top:48px}.BlogCommentSection-module__Ukr0RW__comment{gap:12px}.BlogCommentSection-module__Ukr0RW__avatar{width:40px;height:40px;font-size:14px}.BlogCommentSection-module__Ukr0RW__formCard{padding:20px}.BlogCommentSection-module__Ukr0RW__heading{font-size:28px}}