.blog-archive-section{background:var(--background)}.blog-archive-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.blog-archive-header h1{font-size:2rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:var(--spacing-sm);color:var(--foreground)}.blog-archive-header p{font-size:1rem!important;line-height:1.6!important;color:var(--muted-foreground)}@media (min-width: 768px){.blog-archive-header h1{font-size:2.5rem!important}.blog-archive-header p{font-size:1.0625rem!important}}@media (min-width: 1024px){.blog-archive-header h1{font-size:2.75rem!important}}.blog-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media (min-width: 640px){.blog-archive-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}@media (min-width: 1024px){.blog-archive-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}.blog-archive-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.blog-archive-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-archive-card .blog-image{position:relative;overflow:hidden;aspect-ratio:16 / 10}.blog-archive-card .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-archive-card:hover .blog-image img{transform:scale(1.05)}.blog-archive-card .blog-content{padding:var(--spacing-lg)}.blog-archive-card .blog-category{display:inline-block;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:#0080ff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.blog-archive-card .blog-content h3{font-size:1rem!important;font-weight:600!important;line-height:1.4!important;margin-bottom:var(--spacing-sm);color:var(--foreground)}.blog-archive-card .blog-content h3 a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.blog-archive-card .blog-content h3 a:hover{color:var(--primary)}.blog-archive-card .blog-content p{font-size:.875rem!important;line-height:1.6!important;color:var(--muted-foreground);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-archive-card .blog-link{font-size:.875rem!important;font-weight:600!important;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-fast)}.blog-archive-card .blog-link:hover{gap:var(--spacing-sm)}.blog-load-more-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.blog-load-more-wrapper .mz-btn{gap:var(--spacing-sm)}.blog-load-more-wrapper .mz-btn i{transition:transform var(--transition-base)}.blog-load-more-wrapper .mz-btn:hover i.fa-chevron-down{transform:translateY(2px)}.blog-load-more-wrapper .mz-btn:hover i.fa-chevron-up{transform:translateY(-2px)}.blog-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--muted);border-radius:var(--radius-xl)}.blog-empty-state i{font-size:3rem;color:var(--muted-foreground);margin-bottom:var(--spacing-lg);opacity:.5}.blog-empty-state h3{font-size:1.25rem!important;font-weight:600!important;color:var(--foreground);margin-bottom:var(--spacing-sm)}.blog-empty-state p{font-size:.9375rem!important;color:var(--muted-foreground)}.blog-archive-banner{padding:var(--spacing-lg) 0}.blog-archive-top-banner{padding-top:var(--spacing-xl)}.blog-archive-bottom-banner{padding-bottom:var(--spacing-xl)}.blog-archive-banner .banner-link{display:block;border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-archive-banner .banner-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-archive-banner .banner-img{width:100%;height:auto;display:block;border-radius:var(--radius-xl)}.blog-collection-section{padding:var(--spacing-xl) 0}.blog-collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.blog-collection-title{font-size:1.5rem!important;font-weight:700!important;line-height:1.3!important;color:var(--foreground);margin:0}.blog-see-all-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem!important;font-weight:600!important;color:var(--primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);border:1.5px solid var(--primary);transition:all var(--transition-base);white-space:nowrap}.blog-see-all-btn:hover{background:var(--primary);color:#fff}.blog-see-all-btn i{font-size:.75rem;transition:transform var(--transition-base)}.blog-see-all-btn:hover i{transform:translate(4px)}.blog-collection-slider-container{position:relative;padding:0 var(--spacing-2xl)}.blog-collection-swiper{overflow:hidden!important}.blog-collection-swiper .swiper-wrapper{display:flex;align-items:stretch}.blog-collection-swiper .swiper-slide{height:auto}.blog-collection-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}.blog-collection-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card-image{position:relative;overflow:hidden;aspect-ratio:16 / 10}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-collection-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1}.blog-card-category{display:inline-block;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:#0080ff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);width:fit-content}.blog-card-title{font-size:.9375rem!important;font-weight:600!important;line-height:1.4!important;margin-bottom:var(--spacing-sm);color:var(--foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.blog-card-title a:hover{color:var(--primary)}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem!important;color:var(--muted-foreground);margin-top:auto}.blog-card-date,.blog-card-read-time{display:inline-flex;align-items:center}.blog-card-meta span:not(:last-child):after{content:"\2022";margin-left:var(--spacing-sm);color:var(--border)}.blog-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.blog-slider-arrow:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.blog-slider-arrow.swiper-button-disabled{opacity:.5;pointer-events:none}.blog-slider-arrow i{font-size:.875rem}.blog-slider-prev{left:0}.blog-slider-next{right:0}.blog-seo-section{padding:var(--spacing-2xl) 0;background:var(--muted)}.seo-section-title{font-size:1.5rem!important;font-weight:700!important;line-height:1.3!important;color:var(--foreground);margin-bottom:var(--spacing-lg);text-align:center}.seo-content-wrapper{max-width:900px;margin:0 auto;font-size:.9375rem!important;line-height:1.7!important;color:var(--muted-foreground)}.seo-content-wrapper h1,.seo-content-wrapper h2,.seo-content-wrapper h3,.seo-content-wrapper h4{color:var(--foreground);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.seo-content-wrapper p{margin-bottom:var(--spacing-md)}.seo-content-wrapper a{color:var(--primary);text-decoration:underline}.seo-content-wrapper a:hover{color:var(--primary-dark)}.seo-content-wrapper ul,.seo-content-wrapper ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.seo-content-wrapper li{margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.blog-collection-header{flex-direction:row;align-items:center}.blog-collection-title{font-size:1.125rem!important}.blog-see-all-btn{font-size:.75rem!important;padding:var(--spacing-xs) var(--spacing-sm)}.blog-collection-slider-container{padding:0}.blog-slider-arrow{display:none!important}.blog-card-content{padding:var(--spacing-sm)}.blog-card-title{font-size:.8125rem!important}.blog-card-meta{font-size:.6875rem!important;flex-direction:column;gap:0;align-items:flex-start}.seo-section-title{font-size:1.25rem!important}.seo-content-wrapper{font-size:.875rem!important}}@media (max-width: 480px){.blog-archive-banner,.blog-collection-section{padding:var(--spacing-md) 0}.blog-card-category{font-size:.625rem!important;padding:2px var(--spacing-xs)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-blogs.css.map */