/* ArtRelax Collections R5.8 — targeted fix for typography and catalog blog slider.
   Complements R5.4; no modification to existing R5.2 CSS/JS, catalog sorting or menus.
   The article remains in the DOM; CSS changes only its visual flex/grid order.
*/
section.mc-seo-collections.ar52-ready .mc-seo-collections__grid > a.mc-seo-collections__item,
section.mc-seo-collections.ar52-ready.ar52-expanded .mc-seo-collections__grid > a.mc-seo-collections__item,
section.mc-seo-collections.ar52-ready .mc-seo-collections__grid > a.mc-seo-collections__item > span,
section.mc-seo-collections.ar52-ready .mc-seo-collections__grid > a.mc-seo-collections__item > span * {
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
/* R5.7: .blog-slider is a direct child of .catalog_block on filter landing pages.
   The product grid is display:flex; order moves the full-width article to the end.
   grid-column additionally supports grid-layout contexts. */
.catalog_block.items.block_list.artrelax-catalog-grid-3 > .blog-slider {
  order: 9999 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
}