/* ===== FEATURED POST ===== */
.featured-post{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.featured-post .featured-img{position:relative;height:100%;min-height:360px;overflow:hidden}
.featured-post .featured-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.featured-post:hover .featured-img img{transform:scale(1.05)}
.featured-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy);padding:6px 18px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.featured-content{padding:40px;display:flex;flex-direction:column;justify-content:center;height:100%}
.featured-content h2{font-size:1.8rem;font-weight:700;margin-bottom:16px;line-height:1.35}
.featured-content p{font-size:1rem;color:var(--text-light);margin-bottom:24px;line-height:1.8}

/* ===== BLOG META ===== */
.blog-meta{display:flex;gap:18px;margin-bottom:14px;flex-wrap:wrap}
.blog-meta span{font-size:.82rem;color:var(--text-light);display:flex;align-items:center}
.blog-meta span i{color:var(--gold);margin-right:4px;font-size:.8rem}

/* ===== BLOG FILTER ===== */
.blog-filter{display:flex;gap:10px;justify-content:center;margin-bottom:50px;flex-wrap:wrap}
.filter-btn{background:var(--white);border:2px solid #eee;color:var(--text-body);padding:10px 24px;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition)}
.filter-btn:hover,.filter-btn.active{background:var(--navy);border-color:var(--navy);color:var(--white)}

/* ===== BLOG CARD ===== */
.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.blog-card-img{position:relative;overflow:hidden}
.blog-card-img img{width:100%;height:220px;object-fit:cover;transition:var(--transition)}
.blog-card:hover .blog-card-img img{transform:scale(1.05)}
.blog-category{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy);padding:5px 14px;border-radius:50px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.blog-card-body{padding:24px;flex:1}
.blog-card-body h5{font-size:1.15rem;font-weight:600;margin-bottom:10px;line-height:1.45}
.blog-card-body h5 a{color:var(--text-dark);transition:var(--transition)}
.blog-card-body h5 a:hover{color:var(--gold)}
.blog-card-body p{font-size:.9rem;color:var(--text-light);margin-bottom:0;line-height:1.7}
.blog-card-footer{background:transparent;border-top:1px solid #f0ece3;padding:16px 24px}
.read-more{color:var(--navy);font-weight:600;font-size:.88rem;transition:var(--transition);display:inline-flex;align-items:center}
.read-more:hover{color:var(--gold)}
.read-more i{transition:var(--transition)}
.read-more:hover i{transform:translateX(4px)}

/* ===== PAGINATION ===== */
.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:50px}
.blog-pagination .page-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white);color:var(--text-dark);font-weight:600;font-size:.9rem;border:2px solid #eee;transition:var(--transition);text-decoration:none}
.blog-pagination .page-link:hover,.blog-pagination .page-link.active{background:var(--navy);color:var(--white);border-color:var(--navy)}

/* ===== RESPONSIVE (Blog) ===== */
@media(max-width:991.98px){
    .featured-post .featured-img{min-height:280px}
    .featured-content{padding:30px}
    .featured-content h2{font-size:1.5rem}
}
@media(max-width:767.98px){
    .featured-post .featured-img{min-height:220px}
    .featured-content{padding:24px}
    .featured-content h2{font-size:1.3rem}
    .blog-filter{gap:6px}
    .filter-btn{padding:8px 16px;font-size:.82rem}
}