.article-interaction{display:flex;align-items:center;gap:20px;margin:15px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.article-interaction .comments-count,.article-interaction .like-btn,.article-interaction .views-count{display:flex;align-items:center;gap:5px;color:#666;font-size:14px}.article-interaction .like-btn{background:none;border:1px solid #ddd;padding:8px 15px;border-radius:20px;cursor:pointer;transition:all .3s ease}.article-interaction .like-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.article-interaction .like-btn.liked{background:#007bff;border-color:#007bff;color:#fff}.article-interaction .like-btn.loading{opacity:.6;cursor:not-allowed}.comments-section{margin-top:30px;padding:20px 0}.comments-section h4{margin-bottom:20px;color:#333;font-weight:600}.no-comments{text-align:center;padding:30px;color:#666;background:#f8f9fa;border-radius:8px}.comments-list{margin-bottom:30px}.comment-item{background:#f8f9fa;padding:15px;margin-bottom:15px;border-radius:8px;border-left:4px solid #007bff}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-header strong{color:#333;font-weight:600}.comment-date{color:#666;font-size:12px}.comment-content{color:#555;line-height:1.6}.comment-form{background:#f8f9fa;padding:20px;border-radius:8px}.comment-form h5{margin-bottom:20px;color:#333;font-weight:600}.comment-form .form-group{margin-bottom:15px}.comment-form .form-control{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%;font-size:14px}.comment-form .form-control:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.comment-form .btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.comment-form .btn:hover{background:#0056b3}.comment-form .btn:disabled{background:#6c757d;cursor:not-allowed}.article-social-share{position:relative;display:inline-block;margin-left:15px}.article-social-share .social{display:inline-block}.article-social-share .social ul{margin:0;padding:0;list-style:none;display:flex;align-items:center}.article-social-share .social ul li{position:relative;display:inline-block;margin:0}.article-social-share .share{position:relative;display:inline-block;width:auto;height:auto;overflow:visible;text-align:left}.article-social-share .share .ico{position:relative;display:inline-block;margin-right:10px;font-size:18px;color:#666;transition:all .3s ease;right:auto;top:auto}.article-social-share .share .ico:hover{color:#eb0254;transform:scale(1.1)}.article-social-share .share .ico.fb:hover{color:#78a4dd}.article-social-share .share .ico.tw:hover{color:#53b9fd}.article-social-share .share .ico.rs:hover{color:#ff680d}.article-social-share .share .ico.pin:hover{color:#f35359}.article-social-share .share .ico-share{margin-left:5px;cursor:pointer;color:#666}.article-social-share .share:hover .ico-share{color:#eb0254}@media (max-width:768px){.article-interaction{flex-direction:column;align-items:flex-start;gap:10px}.article-social-share{margin-left:0;margin-top:10px}.comment-header{flex-direction:column;align-items:flex-start;gap:5px}}