/* Single blog */
.single-blog-section{padding:80px 0;background:#fff;}
.single-blog-layout{display:grid;grid-template-columns:minmax(0,70%) minmax(280px,30%);gap:38px;align-items:start;}
.single-blog-main{min-width:0;}
.single-featured{aspect-ratio:4/3;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-elegant);background:var(--soft);}
.single-featured img{width:100%;height:100%;object-fit:cover;}
.single-blog-title{font-size:clamp(28px,4.4vw,52px);line-height:1.08;margin-top:28px;}
.single-blog-content{margin-top:22px;color:#2c374e;font-size:17px;line-height:1.8;}
.single-blog-content p{margin:0 0 18px;}
.single-blog-content h2,.single-blog-content h3{margin:28px 0 12px;}
.recent-sidebar{position:sticky;top:110px;background:var(--gradient-soft);border:1px solid var(--border);border-radius:24px;padding:22px;}
.recent-sidebar h3{font-size:24px;margin-bottom:16px;}
.recent-posts{display:grid;gap:14px;}
.recent-post-card{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:10px;transition:.25s ease;}
.recent-post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);}
.recent-post-card img{width:88px;height:70px;object-fit:cover;border-radius:12px;}
.recent-post-card strong{display:block;color:var(--primary);font-size:14px;line-height:1.25;}
.recent-post-card span{display:block;margin-top:4px;color:var(--muted);font-size:11px;}
.post-nav-links{margin-top:34px;display:flex;justify-content:space-between;gap:16px;}
.post-nav-links a{color:var(--accent);font-weight:700;}

@media(max-width:1024px){
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .single-blog-layout{grid-template-columns:1fr;}
  .recent-sidebar{position:static;top:auto;}
}
@media(max-width:767px){
  .mobile-overlay{z-index:999999 !important;}
  .mobile-drawer{width:100%;max-width:none;height:100dvh;}
  .drawer-header .logo span:last-child{font-size:18px;}
  .close-btn{width:44px;height:44px;font-size:28px;background:var(--primary);color:#fff;border-color:var(--primary);}
  .contact-grid{grid-template-columns:1fr;gap:24px;}
  .contact-form-grid{grid-template-columns:1fr;}
  .contact-section,.blogs-section,.single-blog-section{padding:56px 0;}
  .blog-grid{grid-template-columns:1fr;}
  .post-nav-links{flex-direction:column;}
  .map-inner{min-height:300px;}
}

@media(max-width:1024px){.single-blog-layout{grid-template-columns:1fr}.recent-sidebar{position:static;top:auto}}
@media(max-width:767px){.single-blog-section{padding:56px 0}.post-nav-links{flex-direction:column}}

.blog-form-sidebar{background:transparent!important;border:none!important;padding:0!important}
.blog-form-sidebar h3{margin-bottom:0}


/* Latest fix: blog banner should stay clean like product page; title appears below featured image */
.single-blog-page .page-hero .container{padding-top:24px!important;padding-bottom:28px!important}
.single-blog-page .page-hero h1,.single-blog-page .page-hero p{display:none!important}
.single-blog-title{display:block;font-size:clamp(28px,4.4vw,52px);line-height:1.08;margin:28px 0 0;color:var(--primary)}

/* Latest image ratio fix: blog single featured image must be 4:3 on all screens */
.single-featured{
  aspect-ratio:4/3!important;
}
.single-featured img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}