.section-main-blog{display:block;padding-top:2rem}.section-main-blog .header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.section-main-blog .header .logo{height:2.5rem;width:2.5rem}.section-main-blog .header .breadcrumb{padding:.25rem .5rem;background-color:var(--colour-primary);color:var(--colour-tertiary);border-radius:1rem;text-decoration:none;font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;border:1px solid transparent;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-blog .header .breadcrumb svg{height:.75rem;width:.75rem}.section-main-blog .header .breadcrumb:hover,.section-main-blog .header .breadcrumb:focus{border-color:var(--colour-tertiary)}.section-main-blog .featured-articles{--fa-gap: 1rem;display:grid;grid-template-columns:100%;gap:var(--fa-gap)}.section-main-blog .blog-topics{display:flex;flex-direction:column;gap:1.5rem}.section-main-blog .blog-topics .cards{display:flex;gap:1rem;overflow-x:auto}.section-main-blog div[data-blog-grid]{scroll-margin-top:14rem}.section-main-blog .description{max-width:50rem}.section-main-blog .grid{display:grid;grid-template-columns:100%;gap:.5rem;margin-bottom:2rem}.section-main-blog .section-promotion-banner{margin:0 0 3rem}.section-main-blog .section-promotion-banner.static-image .container{max-width:100%;padding:0}@media (min-width: 768px){.section-main-blog .featured-articles{--fa-gap: 2rem;grid-template-columns:60% 1fr}.section-main-blog .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.section-main-blog{padding-top:4rem}.section-main-blog .header .logo{height:4.5rem;width:4.5rem}.section-main-blog .blog-topics{align-items:center;text-align:center}.section-main-blog .grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.section-main-blog .featured-articles{--fa-gap: 4rem;grid-template-columns:70% 1fr;padding-right:var(--fa-gap)}.section-main-blog .grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/469/assets/section-main-blog.css.map */