.blog-homepage{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,80px)}.blog-homepage__header{margin-bottom:clamp(32px,5vw,64px);text-align:center}.blog-homepage__title{margin:0;color:var(--seo-blog-heading);font-family:var(--heading-font-family);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.15}.blog-homepage__section{overflow-x:auto}.blog-homepage__section+.blog-homepage__section{margin-top:clamp(48px,7vw,88px)}.blog-homepage__section-title{margin:0 0 clamp(20px,3vw,32px);color:var(--seo-blog-heading);font-family:var(--heading-font-family);font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.2}.blog-homepage__categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.blog-homepage-category{display:block;min-width:0;color:#fff;text-decoration:none}.blog-homepage-category__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:18px;background:rgb(var(--text-color) / .08)}.blog-homepage-category__image,.blog-homepage-category__placeholder{width:100%;height:100%;transition:transform .35s ease}.blog-homepage-category__image{display:block;object-fit:cover}.blog-homepage-category__placeholder{color:rgb(var(--text-color) / .18);fill:currentColor}.blog-homepage-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72) 100%);transition:background-color .25s ease}.blog-homepage-category__title{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;color:#fff;font-family:var(--heading-font-family);font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:600;line-height:1.25;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.35)}.blog-homepage-category:hover .blog-homepage-category__image,.blog-homepage-category:focus-visible .blog-homepage-category__image{transform:scale(1.04)}.blog-homepage-category:hover .blog-homepage-category__overlay,.blog-homepage-category:focus-visible .blog-homepage-category__overlay{background-color:#00000014}.blog-homepage-category:focus-visible{border-radius:18px;outline:2px solid var(--seo-blog-link);outline-offset:4px}.blog-homepage-category--placeholder{cursor:default}.blog-homepage__articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-homepage__article{min-width:0}.blog-homepage__article>article{height:100%}.blog-homepage__empty{margin:0;color:var(--seo-blog-muted)}.blog-homepage-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:clamp(28px,4vw,44px)}.blog-homepage-pagination__pages{display:flex;align-items:center;justify-content:center;gap:8px}.blog-homepage-pagination__button{min-width:42px;min-height:42px;padding:8px 12px;border:1px solid var(--seo-blog-border);border-radius:999px;background:var(--seo-blog-card);color:var(--seo-blog-heading);font:inherit;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.blog-homepage-pagination__button:hover,.blog-homepage-pagination__button:focus-visible{border-color:rgb(var(--text-color) / .35);box-shadow:0 8px 18px rgb(var(--text-color) / .1)}.blog-homepage-pagination__button.is-active{border-color:var(--seo-blog-heading);background:var(--seo-blog-heading);color:var(--seo-blog-card)}.blog-homepage-pagination__button:focus-visible{outline:2px solid var(--seo-blog-link);outline-offset:2px}.blog-homepage-pagination__button[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.blog-homepage-pagination__button--direction{min-width:92px}@media(max-width:990px){.blog-homepage__categories{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-homepage__articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.blog-homepage{padding-top:20px}.blog-homepage__header{text-align:left}.blog-homepage__categories{display:flex;gap:14px;margin-right:calc(var(--container-pad-x, 20px) * -1);padding-right:var(--container-pad-x, 20px);padding-bottom:8px}.blog-homepage__categories::-webkit-scrollbar{display:none}.blog-homepage-category{flex:0 0 min(78vw,300px);scroll-snap-align:start}.blog-homepage-category__media{aspect-ratio:4 / 3}.blog-homepage__articles-grid{grid-template-columns:minmax(0,1fr);gap:20px}.blog-homepage-pagination{gap:8px}.blog-homepage-pagination__pages{gap:6px}.blog-homepage-pagination__button{min-width:38px;min-height:38px;padding:7px 10px}.blog-homepage-pagination__button--direction{min-width:auto}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/section-blog-homepage.css.map */