.blog-post-container{max-width:1400px;margin:0 auto;padding:0 20px}.blog-post-hero{background-color:#d9f7e3;border-radius:20px;padding:60px 20px;margin-bottom:40px}.blog-post-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start}.blog-post-left{display:flex;flex-direction:column;gap:24px}.breadcrumb{font-size:14px;color:#555;margin-bottom:0}.breadcrumb a{color:#333;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#000}.breadcrumb-separator{margin:0 8px;color:#999}.breadcrumb-current{color:#333;font-weight:500}.blog-post-title{font-size:3rem;font-weight:700;line-height:1.2;color:#333;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.blog-post-meta{display:flex;align-items:center;gap:12px;font-size:16px;color:#666;margin:0}.blog-post-separator{color:#ccc}.blog-post-author{display:flex;align-items:center;gap:16px;margin:0}.author-image{flex-shrink:0}.author-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.author-avatar-default{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #0000001a}.author-details{flex-grow:1}.author-name{font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.2}.author-designation{font-size:14px;color:#666;margin:4px 0 0;line-height:1.2}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}.blog-tag{background-color:#eee;color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.blog-post-right{display:flex;justify-content:center;align-items:flex-start}.blog-post-featured-image{width:100%;max-width:500px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;background:#fff}.featured-image{width:100%;height:auto;display:block;transition:transform .3s ease}.blog-post-featured-image:hover .featured-image{transform:scale(1.02)}.blog-post-featured-image.placeholder{background:#f9f9f9;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;min-height:300px}.image-placeholder{text-align:center;color:#666}.image-placeholder i{font-size:48px;margin-bottom:12px;display:block}.blog-post-content-section{padding:60px 0;background:#fff}.blog-post-content-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:60px}.blog-post-main-content{max-width:none}.blog-post-content{font-size:16px;line-height:1.8;color:#333;margin-bottom:60px}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:#333;font-weight:700;margin-top:.5em;margin-bottom:.5em;line-height:1.3}.blog-post-content h2{font-size:2rem;border-bottom:3px solid #333;padding-bottom:12px}.blog-post-content h3{font-size:22px}.blog-post-content p{margin-bottom:1.8em}.blog-post-content a{color:#007bff;text-decoration:underline;transition:color .3s ease}.blog-post-content a:hover{color:#0056b3;text-decoration:none}.blog-post-content ol,.blog-post-content ul{margin:1.5em 0;padding-left:2em}.blog-post-content ol{list-style-type:decimal}.blog-post-content ul{list-style-type:disc}.blog-post-content li{margin-bottom:.5em;line-height:1.6}.blog-post-content ol li,.blog-post-content ul li{padding-left:.5em}.blog-post-content ol ol,.blog-post-content ul ul,.blog-post-content ol ul,.blog-post-content ul ol{margin:.5em 0;padding-left:1.5em}.blog-post-content ol ol{list-style-type:lower-alpha}.blog-post-content ul ul{list-style-type:circle}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:2.5em 0;box-shadow:0 4px 16px #0000001a}.blog-post-content blockquote{border-left:4px solid #333;padding:24px;margin:2.5em 0;font-style:italic;color:#555;background:#f9f9f9;border-radius:0 8px 8px 0;font-size:1.1em}.blog-post-footer{border-top:2px solid #eee;padding-top:40px;margin-top:60px}.footer-content-flex{display:flex;gap:60px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.blog-post-share{flex:0 0 auto;display:flex;flex-direction:column;gap:16px}.share-text{font-size:18px;color:#333;font-weight:600;margin:0}.share-buttons{display:flex;gap:12px}.share-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;background:#333;border:none;cursor:pointer}.share-btn svg{width:16px;height:16px;fill:#fff;transition:all .3s ease}.share-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-btn:hover svg{fill:#fff}.blog-post-all-tags{flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.all-tags-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tag-link{background-color:#f9f9f9;color:#000;padding:8px 12px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-block;border:1px solid #e5e5e5}.tag-link:hover{background-color:#eee;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.blog-post-sidebar{position:sticky;top:120px;height:fit-content}.sidebar-widget{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000001a;border:1px solid #eee}.sidebar-widget h4{color:#333;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #333}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:8px}.toc-link{color:#333;text-decoration:none;display:block;padding:12px 16px;border-radius:8px;transition:all .3s ease;font-size:14px;background-color:#f8f9fa;line-height:1.4}.toc-link:hover{background-color:#333;color:#28a745;transform:translate(4px)}.toc-h2{font-weight:600}.toc-h3{padding-left:24px}.toc-h4{padding-left:32px;opacity:.8}.newsletter-section{background:linear-gradient(135deg,#333,#000);padding:80px 0;position:relative;overflow:hidden}.newsletter-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.newsletter-left h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.newsletter-left p{color:#ffffffe6;font-size:18px;line-height:1.6;margin:0}.newsletter-right{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.2)}.newsletter-form{display:flex;gap:12px;margin-bottom:16px}.newsletter-input{flex:1;padding:16px 20px;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffffe6;font-size:16px;transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 0 0 4px #fff3}.newsletter-button{background:#fff;color:#333;border:none;padding:16px 32px;border-radius:50px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.newsletter-footer{color:#fffc;font-size:14px;text-align:center;margin:0}.related-posts-section{background:#f9f9f9;padding:80px 0}.related-posts-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.related-posts-title h2{font-size:2rem;font-weight:700;color:#333;margin:0 0 8px}.related-posts-title p{font-size:1.1rem;color:#666;margin:0}.view-all-button{background-color:#333;color:#fff;padding:12px 24px;font-size:1rem;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease}.view-all-button:hover{background-color:#000;transform:translateY(-2px)}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.related-post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;border:1px solid #eee;transition:all .3s ease}.related-post-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.related-post-image{position:relative;overflow:hidden}.related-post-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-content{padding:24px}.related-post-title{font-size:1.25rem;font-weight:700;margin:0 0 12px;line-height:1.3}.related-post-title a{color:#333;text-decoration:none;transition:color .3s ease}.related-post-title a:hover{color:#000}.related-post-excerpt{color:#666;font-size:14px;line-height:1.6;margin:0 0 16px}.related-post-meta-inline{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;flex-wrap:wrap}.related-post-tag{background:#eee;color:#000;padding:4px 8px;border-radius:12px;font-weight:500;font-size:12px}.related-post-date{color:#666}.meta-separator{color:#ccc}.related-post-read-time{color:#666}.related-post-author{font-size:14px;color:#333;font-weight:600;margin-bottom:16px}.related-read-more{color:#333;text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.related-read-more:hover{color:#000;gap:10px}.related-read-more i{font-size:12px}@media (max-width: 1024px){.blog-post-hero-content{gap:60px}.blog-post-content-wrapper{gap:40px}.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-post-hero{padding:40px 0}.blog-post-hero-content{grid-template-columns:1fr;gap:40px}.blog-post-title{font-size:2rem}.blog-post-content-wrapper{grid-template-columns:1fr;gap:40px}.blog-post-sidebar{position:static}.newsletter-container{grid-template-columns:1fr;gap:40px;text-align:center}.newsletter-left h2{font-size:2rem}.newsletter-form{flex-direction:column}.newsletter-input,.newsletter-button{width:100%}.related-posts-grid{grid-template-columns:1fr}.related-posts-header{flex-direction:column;align-items:flex-start;gap:20px}.blog-post-author{flex-direction:row;text-align:left;align-items:flex-start;gap:12px}.share-buttons{justify-content:center}.blog-post-meta{flex-direction:row;align-items:flex-start;gap:8px}.footer-content-flex{flex-direction:column;gap:30px;align-items:center}.blog-post-share{flex-direction:column;gap:16px;align-items:center}.share-text{text-align:center}.blog-post-all-tags,.all-tags-list{justify-content:center}}@media (max-width: 480px){.blog-post-container{padding:0 16px}.blog-post-hero{padding:30px 16px;margin-bottom:30px}.blog-post-title{font-size:1.75rem}.newsletter-container{padding:0 16px}.newsletter-right{padding:30px 20px}.sidebar-widget{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/article-style.css.map */