.blog-detail-v2{--blog-text-primary:#111827;--blog-text-muted:#6b7280;--blog-border:#e5e7eb;--blog-sidebar-width:320px;--blog-layout-gap:56px;--blog-navbar-offset:70px;width:100%;scroll-padding-top:100px;background:#fff}.main-blog-content{max-width:1200px;margin:0 auto;padding:24px 0 64px;margin-top:var(--blog-navbar-offset)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--blog-sidebar-width);gap:var(--blog-layout-gap);align-items:start}.main-content{min-width:0}.blog-title{margin:0 0 12px;font-size:clamp(1.625rem,3.5vw,1.5rem);font-weight:700;line-height:1.2;color:var(--blog-text-primary);letter-spacing:-.02em}.blog-meta{margin:0 0 20px;font-size:.9375rem;color:var(--blog-text-muted);line-height:1.5}.blog-featured-image{position:relative;width:100%;margin-bottom:28px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#f3f4f6}.blog-featured-image__img{width:100%;height:100%;object-fit:cover}.blog-content{color:var(--blog-text-primary)}.blog-share{margin-bottom:24px}.blog-share__label{margin:0 0 12px;font-size:.875rem;font-weight:600;color:var(--blog-text-primary)}.blog-share__buttons{display:flex;flex-wrap:wrap;gap:10px}.blog-share__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:transform .15s ease,opacity .15s ease}.blog-share__btn:hover{transform:scale(1.06);opacity:.92}.blog-share__btn--facebook{background:#1877f2}.blog-share__btn--twitter{background:#1da1f2}.blog-share__btn--linkedin{background:#0a66c2}.blog-share__btn--whatsapp{background:#25d366}.blog-share__btn--email{background:#6b7280}.blog-share--mobile{display:none}.blog-sidebar{display:flex;flex-direction:column;gap:0;align-self:start}.blog-share--desktop{display:block;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--blog-border)}.related-treks h4{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#374151}.trek-items{display:flex;flex-direction:column;gap:16px}.trek-item{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .2s}.trek-item:hover{transform:translateY(-2px)}.trek-item img{width:100%;height:140px;object-fit:cover;border-radius:8px;aspect-ratio:3/2}.trek-name{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;font-size:.875rem;font-weight:600;color:#fff;text-align:left;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0))}.blog-related-articles{margin-top:32px;padding-top:32px;border-top:1px solid var(--blog-border)}.blog-related-articles .related-articles-title{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#374151}.related-articles-list{display:flex;flex-direction:column;gap:16px}.related-article-item{position:relative;display:block;overflow:hidden;text-decoration:none;border-radius:8px;transition:transform .2s}.related-article-item:hover{transform:translateY(-2px)}.related-article-item .article-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.related-article-item .article-image img{width:100%;height:100%!important;object-fit:cover;border-radius:8px}.related-article-item .article-content{position:absolute;right:0;bottom:0;left:0;padding:6px 16px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0));border-radius:0 0 8px 8px}.related-article-item .article-title{display:-webkit-box;margin:0;overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.3;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-detail-v2 .scroll-to-top-btn{bottom:6.5rem}@media (max-width:768px){.blog-detail-v2 .scroll-to-top-btn{bottom:24px}}.scroll-to-top-btn{position:fixed;bottom:24px;right:24px;z-index:50;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:#fff;background:#2563eb;border:none;border-radius:50%;box-shadow:0 4px 14px rgba(37,99,235,.35);cursor:pointer}.scroll-to-top-btn:hover{background:#1d4ed8}.blog-detail-error{max-width:600px;margin:120px auto;padding:0 20px;text-align:center}.back-to-blogs-btn{display:inline-block;margin-top:16px;color:#2563eb;text-decoration:none}.back-to-blogs-btn:hover{text-decoration:underline}@media (max-width:1023px){.blog-layout{grid-template-columns:1fr;gap:32px}.blog-share--mobile{display:block;margin-bottom:20px}.blog-share--desktop{display:none}.blog-share__btn{width:44px;height:44px}.main-blog-content{padding-bottom:48px}}@media (max-width:480px){.main-blog-content{padding-left:16px;padding-right:16px}}