.blg-details-container{max-width:80%;margin:60px auto}.blg-two-col{display:flex;gap:40px;align-items:flex-start}.blg-left{flex:2 1}.blg-right{flex:1 1;position:-webkit-sticky;position:sticky;top:110px;background:#fff;border:1px solid var(--light-border);padding:20px;height:max-content}.blg-details-header h2{font-size:38px;font-weight:700;color:var(--brand-blue);margin-bottom:6px}.blg-details-meta{font-size:14px;color:var(--neutral-gray);margin-bottom:20px}.blg-author{font-weight:600;color:var(--brand-blue)}.blg-details-media{width:100%;max-height:420px;object-fit:cover;border-radius:4px;margin-bottom:30px}.blg-details-content{font-size:18px;line-height:1.8;color:#333;margin-bottom:50px}.blg-comments-section h2{font-size:26px;color:var(--brand-blue);margin-bottom:20px}.blg-comments-list{margin-bottom:25px}.blg-comment{border-bottom:1px solid var(--light-border);padding:10px 0 18px}.blg-comment h4{font-size:16px;font-weight:600;color:var(--brand-blue)}.blg-comment p{font-size:15px;margin:8px 0;color:#333}.blg-comment span{font-size:13px;color:var(--neutral-gray)}.blg-comment-form input,.blg-comment-form textarea{width:92%;padding:12px 15px;border:1px solid var(--light-border);margin-bottom:12px;outline:none;border-radius:4px;font-size:16px;font-family:Outfit,sans-serif}.blg-comment-form textarea{resize:vertical}.blg-comment-form button{padding:12px 20px;background:var(--brand-orange);color:#fff;font-size:16px;border:none;cursor:pointer;font-family:outfit,sans-serif;font-weight:600;transition:.3s}.blg-comment-form button:hover{background:var(--brand-blue)}.blg-loader{display:flex;justify-content:center;margin:60px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:992px){.blg-details-header h2{font-size:32px}.blg-details-content{font-size:17px}.blg-details-media{max-height:350px}}@media (max-width:900px){.blg-two-col{flex-direction:column}.blg-right{position:static;width:90%}}@media (max-width:600px){.blg-details-header h2{font-size:26px}.blg-details-content{font-size:16px;line-height:1.7}.blg-right{padding:16px}.blg-comment-form button{padding:14px}}@media (max-width:420px){.blg-details-container{width:94%}.blg-details-header h2{font-size:22px}.blg-details-content{font-size:15px}.blg-details-media{max-height:260px}}