.main-blog{padding-bottom:var(--bottom-padding)}.blog-articles{display:grid;gap:2.4rem;margin:0;padding:0}@media screen and (min-width:576px){.blog-articles{gap:3.2rem 2.4rem;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.blog-articles{grid-template-columns:repeat(3,1fr);gap:4.7rem 5.9rem}}@media screen and (min-width:1360px){.blog-articles_big-gap{gap:5.6rem 2.4rem}}.main-blog .page-header{margin-bottom:2.4rem}.main-blog .page-header-mobile{margin-bottom:0}.main-blog .page-header-mobile .main-page-title{font-size:var(--font-size-3xl)}@media screen and (min-width:750px){.main-blog .page-header{margin-bottom:3.2rem}.main-blog .page-header-mobile{display:none}}@media screen and (min-width:1200px){.main-blog .page-header{margin-bottom:5.6rem}}.main-blog__featured-articles{position:relative;padding-top:var(--top-padding);padding-bottom:1rem;background-color:var(--color-pure-white)}@media screen and (min-width:750px){.main-blog__featured-articles{padding-bottom:5rem;background-color:var(--gradient-background)}}@media screen and (min-width:990px){.main-blog__featured-articles{padding-bottom:6rem}}.main-blog__featured-articles .article-card__title{line-height:var(--font-heading-line-height)}.main-blog__featured-articles .article-card__excerpt{color:rgb(var(--color-foreground))}.main-blog__navigation{display:none;pointer-events:none;top:calc(50% - 2.2rem)}@media screen and (min-width:1200px){.main-blog__navigation{display:flex}}.main-blog__navigation .main-blog__button-prev,.main-blog__navigation .main-blog__button-next{pointer-events:all}@media screen and (min-width:1200px){.main-blog__navigation .swiper-button-disabled{opacity:0;pointer-events:none;box-shadow:none}}.main-blog__grid{display:grid;grid-template-columns:1fr;align-items:flex-start}@media screen and (min-width:1200px){.main-blog__grid{column-gap:5.9rem;grid-template-columns:repeat(2,1fr) 300px}}.main-blog__filters-wrapper{margin:16px 0}.main-blog__filters-wrapper .blog-filters{margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.main-blog__filters-wrapper-mobile .blog-filters{gap:5px}.main-blog__filters-wrapper-mobile .blog-filters .button{min-height:28px;padding:0 1rem;font-size:var(--font-size-s)}.main-blog__filters-wrapper .button{min-height:44px;font-weight:var(--font-weight-regular);font-family:var(--font-body-family)}.main-blog__filters-wrapper .button:not(.button-active){background:var(--gradient-blue)}.main-blog__filters-wrapper .button-active{box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.main-blog__filters-wrapper .button-active:before{background:transparent}.main-blog__filters-wrapper .button:not(.button-active):before{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-pure-white);box-shadow:inset 0 0 0 1px var(--color-neutral-200);transition:var(--transition-normal);border-radius:var(--radius-l);z-index:-1}.main-blog__filters-wrapper .button:not(.button-active):hover{color:var(--color-white)}.main-blog__filters-wrapper .button-active:hover{background-color:var(--color-neutral-400)}.main-blog__filters-wrapper .button:hover:before{opacity:0}.main-blog__filters-wrapper-desktop{display:none}.main-blog__filters-wrapper-mobile{margin:0;background-color:var(--color-background);padding-top:var(--top-padding)}.main-blog__grid .blog-articles{grid-column:1}@media screen and (min-width:990px){.main-blog__filters-wrapper{grid-column:1/4;margin:40px 0}.main-blog__filters-wrapper .blog-filters{display:flex;justify-content:center}.main-blog__filters-wrapper .button{font-weight:var(--font-weight-medium)}.main-blog__grid .blog-articles{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.main-blog__grid .blog-articles{grid-column:span 2}}@media screen and (min-width:750px){.main-blog__filters-wrapper-desktop{display:flex}.main-blog__filters-wrapper-mobile{display:none}}.main-blog__grid .blog-aside{align-self:stretch;grid-column:1;max-width:calc(100vw - 32px);margin-top:34px}@media screen and (min-width:1200px){.main-blog__grid .blog-aside{margin-top:unset}}@media screen and (min-width:1200px){.main-blog__grid .blog-aside{grid-column:unset;max-width:unset}}.main-blog .pagination-wrapper{margin-top:3.2rem;grid-column:span 3}@media screen and (min-width:990px){.main-blog .pagination-wrapper{margin-top:4.8rem}}@media screen and (min-width:1360px){.main-blog .pagination-wrapper{margin-top:8.8rem}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-main-blog.css.map */