.main-blog{background:var(--mb-bg, #0b0724);color:var(--mb-text, #f5f3ff)}.main-blog__title{margin:0 0 3.2rem;font-family:var(--mb-font-heading, "Anton", sans-serif);font-weight:400;font-size:3.2rem;letter-spacing:.02em;text-transform:uppercase;text-align:center;color:var(--mb-text, #f5f3ff)}.main-blog__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.main-blog__card{display:block;text-decoration:none;color:inherit;border:1px solid var(--mb-gold, #facc15);border-radius:.8rem;overflow:hidden;background:#ffffff05;transition:transform .2s ease}.main-blog__card:hover{transform:translateY(-4px)}.main-blog__image-wrap{display:block;aspect-ratio:4 / 3}.main-blog__image,.main-blog__image--placeholder{width:100%;height:100%;object-fit:cover;display:block}.main-blog__content{padding:1.8rem}.main-blog__meta{margin:0 0 .8rem;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mb-gold, #facc15)}.main-blog__article-title{margin:0 0 .8rem;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--mb-text, #f5f3ff)}.main-blog__excerpt{margin:0 0 1.2rem;font-size:1.2rem;line-height:1.6;color:#f5f3ffa6}.main-blog__read-more{display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mb-accent, #e879f9)}.main-blog__card:hover .main-blog__read-more{text-decoration:underline}.main-blog__empty{text-align:center;padding:4.8rem 0}.main-blog__empty p{margin:0;font-size:1.4rem;color:#f5f3ff99}.main-blog__pagination{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:3.6rem}.main-blog__page-link{display:flex;align-items:center;justify-content:center;min-width:3.6rem;height:3.6rem;padding:0 .6rem;border-radius:50%;color:var(--mb-text, #f5f3ff);text-decoration:none;font-size:1.3rem}a.main-blog__page-link:hover{background:#facc151f;color:var(--mb-gold, #facc15)}.main-blog__page-link.is-current{background:linear-gradient(90deg,#facc15,#ec4899);color:#1a0b2e;font-weight:700}.main-blog__page-link--gap{color:#f5f3ff66}@media screen and (max-width:989px){.main-blog__grid{grid-template-columns:1fr 1fr}.main-blog__title{font-size:2.4rem}}@media screen and (max-width:749px){.main-blog__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-main-blog.css.map */