.article-layout{display:flex;gap:30px}.article-main{flex:3;font-size:18px;line-height:1.7;color:#333}.article-title{font-size:28px;margin-bottom:10px;font-weight:700}.article-meta{font-size:14px;color:#777;margin-bottom:20px}.article-image img{max-width:100%;height:auto;margin:20px 0;border-radius:8px}.article-content{font-size:17px;line-height:1.8}.article-sidebar{flex:1;position:sticky;top:100px;max-height:calc(100vh - 150px);overflow-y:auto}.sidebar-title{font-size:20px;margin-bottom:15px;font-weight:600}.sidebar-products{display:flex;flex-direction:column;gap:20px}.sidebar-product img{width:100%;border-radius:6px;margin-bottom:5px;transition:transform .2s ease}.sidebar-product img:hover{transform:scale(1.05)}.product-title{font-size:14px;font-weight:500;color:#222;margin:0}.product-price{font-size:14px;color:#b12704;font-weight:600}@media (max-width: 768px){.article-layout{flex-direction:column}.article-sidebar{position:relative;top:0;max-height:none;margin-top:30px}}.blog-banner-wrapper{width:100%;margin-bottom:40px}.blog-banner-img{width:100%;height:auto;object-fit:cover;border-radius:10px}.blog-header{text-align:center;margin-bottom:40px}.blog-title{font-size:36px;font-weight:700;margin-bottom:10px}.blog-description{font-size:18px;color:#666}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;transition:transform .2s ease}.blog-card:hover{transform:translateY(-5px)}.blog-card-image img{width:100%;height:auto;display:block}.blog-card-content{padding:20px}.blog-card-title{font-size:20px;font-weight:600;margin:0 0 10px}.blog-card-title a{color:#222;text-decoration:none}.blog-card-title a:hover{color:#b12704}.blog-card-meta{font-size:14px;color:#888;margin-bottom:15px}.blog-card-excerpt{font-size:16px;color:#444;margin-bottom:15px;line-height:1.6}.blog-card-readmore{font-weight:600;text-decoration:none;color:#b12704}.blog-card-readmore:hover{text-decoration:underline}.pagination{margin-top:40px;text-align:center}.blog-header .blog-title{display:none}.article-section{display:flex;flex-wrap:wrap;gap:30px;margin-top:50px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/blog.css.map */