/** Shopify CDN: Minification failed

Line 166:0 Unexpected "}"
Line 215:0 Expected "}" to go with "{"

**/
.blog__content {
  position: relative;
  grid-column: span 2;
}
.blog__navigation {
  display: none;
  pointer-events: none;
}
@media screen and (min-width: 576px) {
  .blog__navigation {
    display: flex;
  }
}
.blog__navigation .blog__button-prev,
.blog__navigation .blog__button-next {
  pointer-events: all;
}
.blog__navigation .swiper-button-disabled {
  opacity: 0.4;
  box-shadow: 0px 8px 30px 0px rgba(var(--color-shadow), 0.08);
}
@media screen and (min-width: 1200px) {
  .blog__navigation .swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
    box-shadow: none;
  }
}
.blog__pagination {
  display: flex;
}
.blog__pagination:not(.swiper-pagination-lock) {
  margin-top: 2.4rem;
}
@media screen and (min-width: 576px) {
  .blog__pagination {
    display: none;
  }
}
.blog__posts-wrapper {
  display: grid;
  gap: 3.2rem 2.4rem;
}
@media screen and (min-width: 750px) {
  .blog__posts-wrapper {
    gap: 4.8rem 2.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .blog__posts-wrapper {
    gap: 5.6rem 2.4rem;
  }
}
.blog__posts-wrapper--background {
  gap: 2.4rem;
}
@media screen and (min-width: 750px) {
  .blog__posts-wrapper--background {
    gap: 3.2rem 2.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .blog__posts-wrapper--background {
    gap: 4rem 2.4rem;
  }
}
.blog__posts-wrapper--overlay {
  gap: 2.4rem;
}
@media screen and (min-width: 576px) {
  .blog__posts--col-2 .blog__posts-wrapper, .blog__posts--col-3 .blog__posts-wrapper, .blog__posts--col-4 .blog__posts-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .blog__posts--col-3 .blog__posts-wrapper, .blog__posts--col-4 .blog__posts-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1360px) {
  .blog__posts--col-4 .blog__posts-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog__slider-wrapper {
  position: relative;
}
.blog__slider {
  position: relative;
}
.blog__slider:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 2.4rem;
}
@media screen and (min-width: 576px) {
  .blog__slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(50% - 2.4rem);
  }
}
@media screen and (min-width: 990px) {
  .blog__slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(33.3333333333% - 1.2rem);
  }
}
.blog__slider-nav {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  right: 0.8rem;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}
.blog__slider-nav .swiper-button-prev,
.blog__slider-nav .swiper-button-next {
  pointer-events: all;
}
@media screen and (min-width: 576px) {
  .blog__slider-nav {
    left: 1.5rem;
    right: 1.5rem;
  }
  .blog__slider-nav .swiper-button-prev {
    transform: translateX(-50%);
  }
  .blog__slider-nav .swiper-button-next {
    transform: translateX(50%);
  }
}
@media screen and (min-width: 1200px) {
  .blog__slider-nav {
    left: -0.4rem;
    right: -0.4rem;
    width: calc(100% + 0.8rem);
  }
}
.blog__slider-nav .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.blog__post {
  height: auto;
}
.blog__posts {
  grid-column: span 2;
  padding: 2;
  margin: 0;
}
.blog__posts--column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}
.blog__posts--grid {
  display: grid;
  gap: 6rem 2.4rem; /* 6rem vertical / 2.4rem horizontal */
}
}
@media screen and (min-width: 576px) {
  .blog__posts--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .blog__posts--grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1360px) {
  .blog__posts--grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem 2.4rem; /* ✅ Plus d’espace entre les lignes */
  }

  @media screen and (min-width: 1360px) {
  .blog__posts--grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8rem 2.4rem;
  }
}
.blog__posts--grid .article-content--background {
  padding: 0;
}

.blog__posts--grid.articles-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8rem 2.4rem;
}

.blog__post.article {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.article-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog__posts--grid.articles-wrapper .article-card {
  flex-direction: column !important;
}