/* Page styles: blogs */
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start;}
.blog-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.blog-big-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;}
.blog-big-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,.13);}
.blog-big-card .img-wrap{position:relative;height:200px;overflow:hidden;}
.blog-big-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.blog-big-card:hover .img-wrap img{transform:scale(1.06);}
.blog-cat{position:absolute;top:12px;left:12px;background:#f5a623;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;}
.blog-body{padding:18px;}
.blog-meta{display:flex;gap:14px;font-size:11px;color:#aaa;margin-bottom:8px;}
.blog-meta span{display:flex;align-items:center;gap:4px;}
.blog-meta i{color:#f5a623;}
.blog-body h3{font-size:15px;font-weight:700;color:#5c1414;line-height:1.45;margin-bottom:8px;}
.blog-body p{font-size:13px;color:#666;line-height:1.7;margin-bottom:12px;}
.read-more{font-size:13px;color:#5c1414;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:color .2s;}
.read-more:hover{color:#f5a623;}
/* FEATURED */
.blog-featured{grid-column:1/-1;}
.blog-featured .img-wrap{height:320px;}
.blog-featured .blog-body h3{font-size:20px;}
/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:24px;}
.sidebar-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 14px rgba(0,0,0,.07);}
.sidebar-card h4{font-size:15px;font-weight:700;color:#5c1414;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #f5a623;display:inline-block;}
.recent-posts{display:flex;flex-direction:column;gap:16px;}
.recent-post{display:flex;gap:12px;align-items:flex-start;}
.recent-post img{width:68px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;}
.recent-post h5{font-size:13px;font-weight:600;color:#5c1414;line-height:1.45;margin-bottom:3px;}
.recent-post span{font-size:11px;color:#aaa;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.tag{padding:6px 14px;background:#fbf0f0;color:#5c1414;font-size:12px;font-weight:600;border-radius:20px;cursor:pointer;transition:.2s;}
.tag:hover{background:#5c1414;color:#fff;}
.search-box{display:flex;gap:8px;}
.search-box input{flex:1;padding:10px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:13px;outline:none;}
.search-box input:focus{border-color:#5c1414;}
.search-box button{background:#5c1414;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;}
.pagination a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1.5px solid #e0e0e0;font-size:14px;font-weight:600;color:#444;transition:.2s;}
.pagination a.active,.pagination a:hover{background:#5c1414;color:#fff;border-color:#5c1414;}

/* BLOG POST MODAL */
.post-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;overflow-y:auto;padding:40px 20px;}
.post-overlay.open{display:block;}
.post-box{background:#fff;border-radius:16px;max-width:760px;margin:0 auto;overflow:hidden;}
.post-box img.post-hero-img{width:100%;height:360px;object-fit:cover;}
.post-content{padding:32px;}
.post-content h1{font-size:26px;font-weight:800;color:#5c1414;margin-bottom:8px;}
.post-meta-bar{display:flex;gap:18px;font-size:12px;color:#aaa;margin-bottom:20px;flex-wrap:wrap;}
.post-meta-bar span{display:flex;align-items:center;gap:5px;}
.post-meta-bar i{color:#f5a623;}
.post-content p{font-size:14px;color:#555;line-height:1.9;margin-bottom:14px;}
.close-post{display:flex;justify-content:flex-end;padding:16px 28px 0;}
.close-post button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;}

@media(max-width:1000px){.blog-layout{grid-template-columns:1fr;}.sidebar{display:none;}}
@media(max-width:640px){.blog-main-grid{grid-template-columns:1fr;}.blog-featured{grid-column:auto;}}