.blog-detail-page{padding-top:80px}@media(min-width:992px){.blog-detail-page{padding-top:120px}}.blog-hero{position:relative;width:100%;height:400px;overflow:hidden}.blog-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.3));z-index:1}.hero-content{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:2;color:#fff;max-width:800px;width:100%}.blog-hero .blog-category{display:inline-block;background:#f5c518;color:#fff;padding:.3rem .875rem;font-size:.8rem;font-weight:600;border-radius:4px;text-transform:uppercase;margin-bottom:1rem}.blog-hero h1{color:#fff;font-size:2.25rem;margin-bottom:1rem;line-height:1.3}.blog-meta{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem;opacity:.9}.blog-meta span{display:flex;align-items:center;gap:.4rem}.blog-meta span svg{color:#f5c518}.detail-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;padding:3rem 0}.back-link{margin-bottom:2rem}.back-link a{display:inline-flex;align-items:center;gap:.5rem;color:#5c6b7a;font-size:.9rem}.back-link a:hover{color:#f5c518}.article-body{font-size:1rem;line-height:1.9;color:#5c6b7a}.article-body p{margin-bottom:1.25rem}.article-body h2,.article-body h3{color:#1b365d;margin:2rem 0 1rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.article-body ol,.article-body ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-body ol li,.article-body ul li{margin-bottom:.5rem}.article-body img{border-radius:8px;margin:1.5rem 0;max-width:100%}.article-body blockquote{border-left:4px solid #f5c518;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#8a97a5}[dir=rtl] .article-body blockquote,[dir=rtl] .article-body ol,[dir=rtl] .article-body ul{padding-left:0;padding-right:1.5rem}[dir=rtl] .article-body blockquote{border-left:none;border-right:4px solid #f5c518}.share-section{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid #e6ebf0;margin-top:2rem}.share-section span{font-weight:600;color:#1b365d;align-items:center}.share-buttons,.share-section span{display:flex;gap:.5rem}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f4f7fb;color:#5c6b7a;border-radius:50%;transition:all .15s ease}.share-btn:hover{transform:translateY(-2px)}.share-btn.fb:hover{background:#3b5998;color:#fff}.share-btn.tw:hover{background:#1da1f2;color:#fff}.blog-sidebar{position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start}.sidebar-widget{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px rgba(27,54,93,.06);margin-bottom:1.5rem}.sidebar-widget h4{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f5c518;display:inline-block}.recent-posts{display:flex;flex-direction:column;gap:1rem}.recent-post{display:flex;gap:.875rem}.recent-post .recent-image{width:70px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;position:relative}.recent-post .recent-info{flex:1 1}.recent-post .recent-info h6{font-size:.85rem;line-height:1.4;margin:0 0 .3rem}.recent-post .recent-info h6:hover{color:#f5c518}.recent-post .recent-info span{font-size:.75rem;color:#8a97a5}.loading-spinner{width:40px;height:40px;border:3px solid #e6ebf0;border-top-color:#f5c518;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:991.98px){.detail-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}@media(max-width:767.98px){.blog-hero{height:300px}.hero-content{bottom:2rem;padding:0 1rem}.blog-hero h1{font-size:1.5rem}}