.blog-detail-hero{position:relative;width:100%;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.blog-detail-hero .banner-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-detail-hero .banner-background img{width:100%;height:100%;object-fit:cover}.blog-detail-hero .banner-background .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.blog-detail-hero .container{position:relative;z-index:2}.blog-detail-hero .section-title{font-size:36px;font-weight:700;margin-bottom:20px;font-family:var(--font-heading);color:#fff!important}.blog-detail-hero .section-subtitle{color:#fff;opacity:.8;max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.blog-detail-section{padding:60px 0}.blog-detail-section .blog-detail-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px;align-items:start}@media(max-width:992px){.blog-detail-section .blog-detail-grid{grid-template-columns:1fr}.blog-detail-section{padding:0}}.blog-detail-section .blog-content-column .blog-post-content{line-height:1}.blog-detail-section .blog-content-column .blog-post-content p{font-size:16px;line-height:1.8;color:var(--color-text);margin-bottom:10px;font-family:var(--font-body)}.blog-detail-section .blog-content-column .blog-post-content h2{font-size:24px;font-weight:700;color:#d69a5e;margin-top:15px;margin-bottom:10px;font-family:var(--font-body)}.blog-detail-section .blog-content-column .blog-post-content h3{font-size:20px;font-weight:600;color:#d69a5e;margin-top:15px;margin-bottom:10px;font-family:var(--font-body)}.blog-detail-section .blog-content-column .blog-post-content ol,.blog-detail-section .blog-content-column .blog-post-content ul{margin-left:20px;margin-bottom:15px}.blog-detail-section .blog-content-column .blog-post-content ol li,.blog-detail-section .blog-content-column .blog-post-content ul li{font-size:16px;line-height:1.8;color:var(--color-text);margin-bottom:10px}.blog-detail-section .blog-content-column .blog-post-content img{width:100%;height:auto;border-radius:20px;margin:30px 0;display:block}.blog-detail-section .blog-content-column .blog-post-content table{width:100%;border-collapse:collapse;margin:20px 0;overflow-x:auto}.blog-detail-section .blog-content-column .blog-post-content table th{background-color:var(--color-primary);color:var(--color-white);padding:10px;font-size:18px;font-weight:600;text-align:left}.blog-detail-section .blog-content-column .blog-post-content table td{padding:10px;font-size:18px;color:#000;text-align:left;border:1px solid #000}.blog-detail-section .blog-sidebar-column{position:-webkit-sticky;position:sticky;top:20px}.blog-detail-section .blog-sidebar-column .sidebar-widget{background-color:#fff;padding:0}.blog-detail-section .blog-sidebar-column .widget-title{font-size:20px;font-weight:700;color:#d69a5e;margin-bottom:25px;font-family:var(--font-body);line-height:1;display:flex;align-items:center;gap:10px}.blog-detail-section .blog-sidebar-column .widget-title:before{content:"●";font-size:25px;color:var(--color-primary)}.blog-detail-section .blog-sidebar-column .sidebar-posts-list{display:flex;flex-direction:column;gap:30px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-image-wrapper{height:160px;border-radius:12px;margin-bottom:10px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content{padding:0}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content .blog-title{font-size:15px;color:var(--color-gray-dark);line-height:1.4;margin-bottom:5px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content .blog-meta{font-size:11px;gap:8px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content .blog-meta .author{font-weight:500}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content .blog-meta .date-wrapper{gap:5px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card .blog-content .blog-meta .date-wrapper:before{font-size:4px}.blog-detail-section .blog-sidebar-column .sidebar-posts-list .blog-card:hover .blog-title{color:var(--color-primary)}