.main-blog{padding-top:var(--section-padding-top, var(--section-padding-lg));padding-bottom:var(--section-padding-bottom, var(--section-padding-lg));background-color:var(--blog-bg-color, var(--color-bg-primary))}.main-blog__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}@media(max-width:768px){.main-blog__container{padding:0 var(--page-margin-mobile)}}.main-blog__header{text-align:var(--blog-header-align, center);margin-bottom:var(--space-10)}.main-blog__title{font-family:var(--font-heading-family);font-size:var(--blog-title-size, var(--font-size-2xl));font-weight:var(--font-heading-weight);color:var(--color-heading);margin:0 0 var(--space-4);line-height:var(--line-height-tight)}.main-blog__description{font-family:var(--font-body-family);font-size:var(--font-size-base);color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.main-blog__filters{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:var(--blog-filters-align, center);margin-bottom:var(--space-8)}.main-blog__filter-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-family:var(--font-body-family);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.main-blog__filter-btn:hover,.main-blog__filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-primary)}.main-blog__grid{display:grid;grid-template-columns:repeat(var(--blog-grid-cols-desktop, 3),1fr);gap:var(--blog-grid-gap-desktop, var(--space-6))}@media(max-width:1024px){.main-blog__grid{grid-template-columns:repeat(var(--blog-grid-cols-tablet, 2),1fr);gap:var(--blog-grid-gap-tablet, var(--space-5))}}@media(max-width:768px){.main-blog__grid{grid-template-columns:repeat(var(--blog-grid-cols-mobile, 1),1fr);gap:var(--blog-grid-gap-mobile, var(--space-4))}}.blog-card{position:relative;background-color:var(--color-bg-primary);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--blog-card-shadow, var(--shadow-sm));transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--blog-card-shadow-hover, var(--shadow-md))}.blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card__image-wrapper{position:relative;width:100%;max-height:calc(var(--space-16) * 4);background-color:var(--color-bg-secondary);overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-card__image{width:100%;height:auto;max-height:calc(var(--space-16) * 4);object-fit:contain;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__image-wrapper[style*=aspect-ratio] .blog-card__image{height:100%;max-height:none;object-fit:cover}.blog-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}.blog-card__image-placeholder svg{width:48px;height:48px;color:var(--color-text-light)}.blog-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);background-color:var(--badge-bg);color:var(--badge-text);font-family:var(--font-body-family);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-1) var(--space-3);border-radius:var(--badge-radius)}.blog-card__content{padding:var(--blog-card-padding, var(--card-padding));display:flex;flex-direction:column;flex-grow:1;gap:var(--space-3)}.blog-card--no-image .blog-card__content{padding-top:var(--space-6)}.blog-card__title{font-family:var(--font-heading-family);font-size:var(--blog-card-title-size, var(--font-size-lg));font-weight:var(--font-heading-weight);color:var(--color-heading);margin:0;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-family:var(--font-body-family);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body-family);font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:auto;padding-top:var(--space-3)}.blog-card__date,.blog-card__author{display:flex;align-items:center;gap:var(--space-1)}.blog-card__meta time{color:inherit}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);margin-top:var(--space-2);transition:gap var(--transition-base)}.blog-card:hover .blog-card__read-more{gap:var(--space-3)}.blog-card__arrow{transition:transform var(--transition-base)}.blog-card:hover .blog-card__arrow{transform:translate(4px)}.main-blog__pagination{margin-top:var(--space-12)}.main-blog__load-more{display:flex;justify-content:center;margin-top:var(--space-12)}.main-blog__load-more-btn{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:var(--btn-secondary-radius);padding:var(--space-3) var(--space-8);font-family:var(--font-body-family);font-weight:500;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-width:160px;justify-content:center}.main-blog__load-more-btn:hover{background-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text)}.main-blog__load-more-btn.loading{pointer-events:none;opacity:.7}.main-blog__load-more-btn .spinner{display:none;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:blog-spin .8s linear infinite}.main-blog__load-more-btn.loading .spinner{display:block}.main-blog__load-more-btn.loading .btn-text{display:none}@keyframes blog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-blog__empty{text-align:center;padding:var(--space-16) var(--space-6)}.main-blog__empty-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-text-light)}.main-blog__empty-title{font-family:var(--font-heading-family);font-size:var(--font-size-xl);color:var(--color-heading);margin:0 0 var(--space-3)}.main-blog__empty-text{font-family:var(--font-body-family);font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.main-blog__grid--featured-first .blog-card:first-child{grid-column:span var(--blog-featured-span, 2)}@media(max-width:768px){.main-blog__grid--featured-first .blog-card:first-child{grid-column:span 1}}.main-blog__grid--masonry{display:grid;grid-template-columns:repeat(var(--blog-grid-cols-desktop, 3),1fr);grid-auto-rows:minmax(100px,auto)}.main-blog__grid--masonry .blog-card{break-inside:avoid}.blog-card--horizontal,.blog-card--horizontal .blog-card__link{flex-direction:row}.blog-card--horizontal .blog-card__image-wrapper{width:40%;aspect-ratio:1 / 1}.blog-card--horizontal .blog-card__content{width:60%;justify-content:center}@media(max-width:768px){.blog-card--horizontal .blog-card__link{flex-direction:column}.blog-card--horizontal .blog-card__image-wrapper,.blog-card--horizontal .blog-card__content{width:100%}}.main-blog__view-toggle{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.main-blog__view-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.main-blog__view-btn:hover,.main-blog__view-btn--active{background-color:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.main-blog__view-btn svg{width:20px;height:20px}.main-blog__pagination .pagination{display:flex;justify-content:center;align-items:center}.main-blog__pagination .pagination__list{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.main-blog__pagination .pagination__link{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--pagination-text-color, var(--color-text));text-decoration:none;background-color:var(--pagination-bg-color, transparent);border:1px solid var(--pagination-border-color, var(--color-border));border-radius:var(--radius-md);transition:all .3s ease}.main-blog__pagination .pagination__link:hover:not(.pagination__link--active){background-color:var(--pagination-hover-bg-color, var(--color-bg-secondary));color:var(--pagination-text-color, var(--color-heading))}.main-blog__pagination .pagination__link--active{background-color:var(--pagination-active-bg-color, var(--color-accent));border-color:var(--pagination-active-bg-color, var(--color-accent));color:var(--pagination-active-text-color, var(--btn-primary-text));cursor:default}.main-blog__pagination .pagination__link--dots{border:none;background:transparent;cursor:default}.main-blog__pagination .pagination__link--dots:hover{background:transparent;color:var(--pagination-text-color, var(--color-text))}blog-page-section{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */