.custom-blog-article{padding:60px 0}.blog-breadcrumb{display:flex;gap:10px;font-size:13px;margin-bottom:30px}.article-tag{display:inline-block;background:#2f5d3a;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase}.author-info{display:flex;align-items:center;gap:15px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.article-header{display:grid;grid-template-columns:38% 62%;gap:30px;align-items:center;margin-bottom:50px}.article-main-image{width:100%!important;height:100%!important;display:block;object-fit:cover}.article-header-image{border-radius:20px;overflow:hidden;aspect-ratio:16/9}.article-header-image img{width:100%!important;height:100%!important;object-fit:cover}.article-header-content{display:flex;flex-direction:column;justify-content:center}.article-header-image{width:100%;overflow:hidden;border-radius:20px}.article-header-image img{width:100%;height:380px;object-fit:cover;display:block;border-radius:20px}.blog-title{font-size:44px;line-height:1.15;margin:15px 0;color:#1f3525}.blog-excerpt{font-size:15px;line-height:1.8;color:#666;margin-bottom:25px}.meta-row{display:flex;gap:10px;font-size:13px;color:#777;margin-top:4px}.article-toc{margin:40px 0;background:#f7f7f7;border-radius:15px;padding:25px}.article-content{font-size:17px;line-height:1.9}.article-content h2,.article-content h3,.article-content p,.article-content img{opacity:0;transform:translateY(40px);transition:.8s ease}.article-content .visible{opacity:1;transform:none}.page-width{max-width:1280px;margin:0 auto}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px;align-items:start}.blog-main{min-width:0}.blog-sidebar{align-self:start;position:sticky;top:120px}.sidebar-sticky{position:sticky;top:120px;z-index:2}.sidebar-card input{width:100%;height:48px;padding:0 15px}.sidebar-card button{width:100%;margin-top:10px;background:#2f5d3a;color:#fff;border:none;height:48px;border-radius:8px}.recent-post{display:flex;gap:12px;margin-bottom:15px;text-decoration:none}.recent-post img{width:70px;height:70px;object-fit:cover;border-radius:10px}.author-box{display:flex;gap:25px;background:#f8f8f8;border-radius:20px;padding:30px;margin-top:50px}.author-box img{width:100px;height:100px;object-fit:cover;border-radius:50%}.share-wrapper{margin-top:40px;display:flex;gap:15px;align-items:center}.sidebar-newsletter{padding:0;overflow:hidden}@media(max-width:990px){.article-header{grid-template-columns:1fr}.article-header-image{order:-1}.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}.blog-title{font-size:34px}.author-box{flex-direction:column}}.article-header-image{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:16/9}.article-header-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(245,245,240,.95) 0%,rgba(245,245,240,.75) 12%,rgba(245,245,240,.15) 25%,transparent 40%);z-index:2;pointer-events:none}.article-header-image:after{content:"";position:absolute;width:250px;height:250px;background:#2f5d3a20;filter:blur(100px);top:50%;left:-50px;transform:translateY(-50%);z-index:1}.hero-decoration{position:absolute;border-radius:50%;pointer-events:none}.deco-1{width:120px;height:120px;background:#f28c3810;top:-30px;right:80px;animation:floatLeaf 7s ease-in-out infinite}.deco-2{width:80px;height:80px;background:#2f5d3a10;bottom:-20px;left:40%;animation:floatLeaf 10s ease-in-out infinite}@keyframes floatLeaf{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:#f28c38;z-index:999}.sidebar-card a{position:relative;text-decoration:none}.sidebar-card a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#2f5d3a;transition:.3s}.sidebar-card a:hover:after{width:100%}.article-header-image img{transition:transform 1s ease}.article-header-image:hover img{transform:scale(1.06)}.article-tag,.meta-row{animation:fadeUp .8s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-blog-post.css.map */