.template-blog .main-content,.blog-posts,.blog-listing-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-title,.blog-title,h1.title{font-size:2.5rem;font-weight:700;color:#333;text-align:center;margin-bottom:3rem}.blog-posts-wrapper,.blog-posts,.article-listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-post,.article-item,.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0;display:block;text-decoration:none;color:inherit}.blog-post:hover,.article-item:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000001a;text-decoration:none}.blog-post__featured-image,.article-item__image,.featured-image{width:100%;height:220px;object-fit:cover;display:block}.blog-post__image-placeholder,.no-image-placeholder{width:100%;height:220px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:500}.blog-post__content,.article-item__content,.post-content{padding:1.5rem}.blog-post__meta,.article-item__meta,.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#888;flex-wrap:wrap}.blog-post__date,.article-date,.blog-post__author,.article-author{color:#666}.blog-post__title,.article-item__title,.post-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.75rem;line-height:1.4}.blog-post__title a,.article-item__title a,.post-title a{text-decoration:none;color:inherit;transition:color .3s ease}.blog-post__title a:hover,.article-item__title a:hover,.post-title a:hover{color:#667eea}.blog-post__summary,.article-item__excerpt,.post-excerpt{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.blog-post__tags,.article-tags,.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag,.article-tag{background:#f8f9fa;color:#495057;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;text-decoration:none;transition:background-color .3s ease}.tag:hover,.article-tag:hover{background:#e9ecef;color:#495057}.read-more,.blog-post__read-more{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s ease}.read-more:hover,.blog-post__read-more:hover{color:#5a67d8}.pagination,.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.pagination a,.pagination span,.blog-pagination a,.blog-pagination span{padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#4a5568;font-weight:500;transition:all .3s ease;min-width:44px;text-align:center}.pagination a:hover,.blog-pagination a:hover,.pagination .current,.blog-pagination .current{background:#667eea;color:#fff;border-color:#667eea}.pagination .disabled,.blog-pagination .disabled{opacity:.5;cursor:not-allowed}.blog-list-view .blog-posts-wrapper,.blog-list-view .blog-posts,.blog-list-view .article-listing{grid-template-columns:1fr}.blog-list-view .blog-post,.blog-list-view .article-item,.blog-list-view .blog-card{display:grid;grid-template-columns:250px 1fr;gap:1.5rem;align-items:start}.blog-list-view .blog-post__featured-image,.blog-list-view .article-item__image,.blog-list-view .featured-image{height:180px}@media (max-width: 768px){.blog-posts-wrapper,.blog-posts,.article-listing{grid-template-columns:1fr;gap:1.5rem}.page-title,.blog-title,h1.title{font-size:2rem}.template-blog .main-content,.blog-posts,.blog-listing-page{padding:1rem .5rem}.blog-post__content,.article-item__content,.post-content{padding:1rem}.blog-post__meta,.article-item__meta,.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-list-view .blog-post,.blog-list-view .article-item,.blog-list-view .blog-card{grid-template-columns:1fr}.pagination,.blog-pagination{gap:.25rem}.pagination a,.pagination span,.blog-pagination a,.blog-pagination span{padding:.5rem .75rem;font-size:.9rem}}.blog-post img,.article-item img{transition:transform .3s ease}.blog-post:hover img,.article-item:hover img{transform:scale(1.05)}.template-blog{padding-top:2rem}.template-blog .container{max-width:1200px}.blog-filter,.blog-search{margin-bottom:2rem;text-align:center}.blog-filter input,.blog-search input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;max-width:300px;width:100%}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-main-blog.css.map */