<style>/* =====================================================   COMMENTS BOX===================================================== */.comments-box{    margin-top:25px;    background:#fff;    border-radius:16px;    padding:22px;    box-shadow:0 3px 15px rgba(0,0,0,.05);}.comments-header{    display:flex;    align-items:center;    justify-content:space-between;    margin-bottom:15px;}.comments-header h3{    margin:0;    font-size:22px;}/* =====================================================   FIXED SCROLL AREA===================================================== */.comment-scroll-area{    max-height:500px;    overflow-y:auto;    padding-right:7px;}/* =====================================================   COMMENT===================================================== */.comment-item{    padding:15px 0;    border-bottom:1px solid #eee;}.comment-user{    font-weight:700;    color:#222;}.comment-date{    font-size:12px;    color:#888;    margin-left:7px;}.comment-text{    margin-top:7px;    color:#333;    line-height:1.6;    white-space:pre-wrap;    word-break:break-word;}/* =====================================================   REPLY BUTTON===================================================== */.comment-actions{    margin-top:8px;}.reply-btn{    border:0;    background:none;    color:#1976ff;    cursor:pointer;    font-size:13px;    padding:0;}/* =====================================================   REPLIES===================================================== */.comment-replies{    margin-left:30px;    border-left:2px solid #edf2f7;    padding-left:15px;}/* =====================================================   COMMENT FORM===================================================== */.comment-form{    margin-top:18px;}.comment-form textarea{    width:100%;    min-height:90px;    resize:vertical;    padding:12px;    border:1px solid #ddd;    border-radius:10px;    font-family:inherit;    font-size:15px;    box-sizing:border-box;}.comment-form button{    margin-top:10px;    background:#1976ff;    color:#fff;    border:0;    border-radius:9px;    padding:11px 18px;    cursor:pointer;}/* =====================================================   NAME BOX===================================================== */.name-box{    display:none;    margin-bottom:10px;}.name-box input{    width:100%;    padding:11px;    border:1px solid #ddd;    border-radius:9px;    font-family:inherit;    box-sizing:border-box;}/* =====================================================   REPLY FORM===================================================== */.reply-form{    margin-top:10px;}.reply-form textarea{    width:100%;    min-height:65px;    padding:10px;    border:1px solid #ddd;    border-radius:9px;    font-family:inherit;    box-sizing:border-box;}.reply-form button{    margin-top:7px;    border:0;    background:#1976ff;    color:#fff;    border-radius:8px;    padding:8px 13px;    cursor:pointer;}/* =====================================================   STATES===================================================== */.comment-empty,.comment-loading{    text-align:center;    padding:25px;    color:#777;}/* =====================================================   MOBILE===================================================== */@media(max-width:600px){    .comments-box{        padding:17px;    }    .comments-header h3{        font-size:19px;    }    .comment-scroll-area{        max-height:450px;    }    .comment-replies{        margin-left:15px;        padding-left:10px;    }}</style>