/* ================= main-Starts ================= */
.blog-details{background: var(--bg-soft); padding-bottom: 3rem;}
.blog-header h1 {font-family: 'poppins', sans-serif;font-size: 2.2rem;font-weight: 700;}
 .blog-meta {display: flex;flex-wrap: wrap;gap: 18px;color: var(--muted);font-size: 0.9rem;}
.blog-meta i {margin-right: 6px;color: var(--primary);}
.post-image img {width: 100%;border-radius: var(--radius-lg);margin: 25px 0 8px;}
.post-image figcaption {font-size: 0.85rem;color: var(--muted);text-align: center;}
.post-intro {font-size: 1.15rem;font-weight: 500;margin: 25px 0;color: var(--text);}
.post-quote {position: relative;background: var(--light);padding: 1.5rem;border-radius: var(--radius-lg);margin: 1.5rem 0;box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.post-quote .quote-icon {font-size: 2rem;color: var(--primary);}
.post-quote p {font-size: 1.25rem;font-style: italic;margin: 15px 0;}
.post-gallery {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;margin: 1.5rem 0;}
.post-gallery img {width: 100%;border-radius: var(--radius-lg);}
.activity-tags span {display: inline-flex;align-items: center;gap: 6px;background: var(--bg-dark);color: var(--secondary);padding: 7px 16px;border-radius: 50px;font-size: 0.85rem;margin: 6px 6px 0 0;}
.author-box {display: flex;gap: 1rem;background: var(--light);padding: 1rem;border-radius: var(--radius-lg);box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.author-box img {width: 80px;height: 80px;object-fit: cover;border-radius: 50%;}
.comment {background: var(--light);padding: 1rem;border-radius: var(--radius-lg);margin-bottom: 15px;box-shadow: 0 5px 15px rgba(0,0,0,0.04);}
.comment span {display: block;font-size: 0.8rem;padding: 5px;color: var(--muted);}
.comment i{color: var(--secondary);margin-right: 5px;}
.comment-form {background: var(--light);padding: 1rem;border-radius: var(--radius-lg);margin-top: 2rem;box-shadow: 0 5px 15px rgba(0,0,0,0.06);}
.comment-form i{color: var(--primary);margin-right: 5px;}

/* ================= SIDEBAR ================= */
.post-sidebar {position: sticky;top: 3rem;}
.sidebar-box {background: var(--light);padding: 1rem;border-radius: var(--radius-lg);margin-bottom: 1.5rem;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);}
.sidebar-box h3 {display: flex;align-items: center;gap: 10px;font-size: 1rem;margin-bottom: 1rem;}
.sidebar-box h3 i {color: var(--primary);}
.search-box {position: relative;}
.search-box input {width: 100%;padding: 12px 40px 12px 14px;border-radius: var(--radius-lg);border: 1px solid var(--border);font-size: 14px;}
.search-box i {position: absolute;right: 14px;top: 50%;transform: translateY(-50%);color: var(--primary);}
.category-list {list-style: none;padding: 0;margin: 0;}
.category-list li {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;font-size: 14px;border-bottom: 1px dashed var(--border);cursor: pointer;}
.category-list li:last-child {border-bottom: none;}
.category-list li span i {margin-right: 8px;color: var(--primary);}
.category-list .count {background: var(--bg-dark);color: var(--primary);padding: 5px 10px;border-radius: 50%;font-size: 12px;}
.popular-post {display: flex;gap: 14px;}
.popular-post img {width: 72px;height: 62px;border-radius: 12px;object-fit: cover;}
.popular-post span {font-size: 12px;color: var(--muted);}
.popular-post p {font-size: 14px;font-weight: 500;margin-top: 5px;}
.tag-cloud {display: flex;flex-wrap: wrap;gap: 10px;}
.tag-cloud span {padding: 7px 16px;background: var(--bg-dark);border-radius: 50px;font-size: 13px;cursor: pointer;transition: 0.3s;}
.tag-cloud span:hover {background: var(--primary);color: var(--light);}