/** Shopify CDN: Minification failed

Line 464:1 Expected "}" to go with "{"

**/
.home-collections-3 {
  padding: 20px 0 40px;
}

.home-collections-3 .page-width {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ================= DESKTOP ================= */

.home-collections-3__grid,
.home-collections-3__desktop-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.28fr 1.28fr 1.28fr 0.78fr;
  gap: 20px;
  width: 100%;
  align-items: start;
}

.home-collections-3__row {
  display: contents;
}

/* BLOCS */
.home-collections-3__item {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.home-collections-3__image {
  width: 100%;
  height: 100%;
  display: block;
  padding: 8px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

/* RASSURANCE */
.home-collections-3__item--rassurance {
  overflow: hidden;
  aspect-ratio: 1 / 1 !important;
  order: 1;
}

.home-collections-3__item--rassurance .home-collections-3__image {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  transform: scale(1.2) !important;
}

/* Hover desktop */
.home-collections-3__item:hover .home-collections-3__image {
  transform: scale(1.03);
}

.home-collections-3__item--rassurance:hover .home-collections-3__image {
  transform: scale(1.22) !important;
}

/* ACCÈS RAPIDE */
.home-quick-access {
  display: flex;
  flex-direction: column;
  gap: 10px;
  order: 5;
}

.home-quick-access__title {
  width: 100%;
  display: block;
  margin: 0 0 6px 0;
}

.home-quick-access__link {
  display: block;
}

.home-quick-access__image {
  width: 100%;
  height: auto;
  display: block;
}

/* Ordre desktop */
.home-collections-3__row--top a:nth-child(1) { order: 2; }
.home-collections-3__row--top a:nth-child(2) { order: 3; }
.home-collections-3__row--top a:nth-child(3) { order: 4; }

/* ================= MOBILE ================= */

@media screen and (max-width: 749px) {
  .home-collections-3 {
    padding: 4px 0 24px !important;
    overflow: hidden;
  }

  .home-collections-3 .page-width {
    padding: 0 12px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .home-collections-3__grid,
  .home-collections-3__desktop-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .home-collections-3__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
    scrollbar-width: none;
  }

  .home-collections-3__row::-webkit-scrollbar {
    display: none;
  }

  .home-collections-3__row > * {
    flex-shrink: 0 !important;
    scroll-snap-align: start;
  }

  /* ligne 1 */
  .home-collections-3__row--top .home-collections-3__item {
    flex: 0 0 55vw !important;
    width: 55vw !important;
    min-width: 55vw !important;
    max-width: 55vw !important;
  }

  /* ligne 2 */
  .home-collections-3__row--bottom .home-collections-3__item,
  .home-collections-3__row--bottom .home-quick-access {
    flex: 0 0 55vw !important;
    width: 55vw !important;
    min-width: 55vw !important;
    max-width: 55vw !important;
  }

  /* rassurance un peu plus grande */
  .home-collections-3__row--bottom .home-collections-3__item--rassurance {
    flex: 0 0 65vw !important;
    width: 65vw !important;
    min-width: 65vw !important;
    max-width: 65vw !important;
  }

  .home-collections-3__item {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
  }

  .home-collections-3__image {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover !important;
    padding: 0 !important;
  }

  /* pas de hover mobile */
  .home-collections-3__item--rassurance .home-collections-3__image,
  .home-collections-3__item:hover .home-collections-3__image,
  .home-collections-3__item--rassurance:hover .home-collections-3__image,
  .home-quick-access__link:hover .home-quick-access__image {
    transform: none !important;
  }

  /* accès rapide compact */
  .home-quick-access {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 55vw !important;
    min-width: 55vw !important;
    max-width: 55vw !important;
    aspect-ratio: 1 / 1 !important;
    padding: 4px;
    box-sizing: border-box;
  }

  .home-quick-access__title {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }

  .home-quick-access__link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .home-quick-access__image {
    width: 85% !important;
    height: auto !important;
    max-height: 48px;
    object-fit: contain;
  }

  /* ligne du bas cachée sur mobile */
  .home-collections-3__row--bottom {
    display: none !important;
  }

  /* section plateforme mobile : compresser au maximum */
  .home-platform-banner-mobile {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .home-platform-banner-mobile .home-editorial-banner,
  .home-platform-banner-mobile .home-editorial-banner--platform-mobile,
  .home-platform-banner-mobile .home-editorial-banner__link {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .home-platform-banner-mobile .home-editorial-banner__image {
    margin: 0 !important;
    display: block !important;
  }

  @media screen and (max-width: 749px) {

  .home-platform-trust-usa {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

}
@media screen and (max-width: 749px) {

  /* 🔥 supprime espace entre sections Shopify */
  .shopify-section {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 🔥 espace entre plateforme → collections */
  .home-platform-banner-mobile + .shopify-section {
    margin-top: -8px !important;
  }

  /* 🔥 enlève padding haut collections */
  .home-collections-3 {
    padding-top: 0 !important;
  }

  /* 🔥 enlève marge du wrapper interne */
  .home-collections-3 .page-width {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}
@media screen and (max-width: 749px) {

  /* 🔥 espace uniforme entre sections */
  .shopify-section {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* HERO → plateforme */
  .shopify-section + .shopify-section {
    margin-top: 12px !important;
  }

  /* plateforme mobile bloc */
  .home-platform-banner-mobile {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  /* trustpilot / usa */
  .home-platform-trust-usa {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
  }

  /* collections */
  .home-collections-3 {
    padding-top: 12px !important;
  }

}
@media screen and (max-width: 749px) {

  /* 🔥 espace entre plateforme (texte) et logos */
  .home-platform-banner-mobile .home-editorial-banner {
    margin-bottom: 8px !important;
  }

  /* 🔥 espace autour des logos */
  .home-platform-trust-usa {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    transform: none !important; /* enlève le décalage */
  }

  /* 🔥 espace AVANT le bloc collections */
  .home-collections-3 {
    padding-top: 8px !important;
  }

}
@media screen and (max-width: 749px) {

  /* RESET TOTAL des espacements parasites */
  .home-platform-banner-mobile,
  .home-platform-banner-mobile * {
    margin-bottom: 0 !important;
  }

  .home-platform-banner-mobile * {
    margin-top: 0 !important;
  }

  /* espace propre entre plateforme → trust */
  .home-platform-banner-mobile .home-editorial-banner {
    margin-bottom: 8px !important;
  }

  /* bloc trust / usa */
  .home-platform-trust-usa {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* espace trust → collections */
  .home-platform-trust-usa {
    margin-bottom: 8px !important;
  }

  /* collections : enlève tout espace parasite */
  .home-collections-3 {
    margin-top: 0 !important;
    padding-top: 8px !important;
  }

  .home-collections-3 .page-width {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}
@media screen and (max-width: 749px) {

  /* supprime l'espace automatique entre la section plateforme mobile et la section suivante */
  .shopify-section:has(.home-platform-banner-mobile) + .shopify-section {
    margin-top: 0 !important;
  }

  /* garde un petit espace propre sous les logos */
  .home-platform-trust-usa {
    margin-bottom: 6px !important;
  }

  /* remonte légèrement le bloc collections */
  .home-collections-3 {
    padding-top: 0 !important;
  }

}
.home-collections-3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===================================== */
/* COMPRESSION ZONE PLATFORM → CARDS */
/* ===================================== */

/* supprime espace sous plateforme */
.home-platform-banner-mobile {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* supprime espace sous le bandeau gris */
.home-platform-banner-mobile .home-editorial-banner {
  margin-bottom: 0 !important;
}

/* TRUSTPILOT + USA → collés */
.home-platform-trust-usa {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* 🔥 TRÈS IMPORTANT : espace AVANT les cards */
.home-collections-3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 🔥 supprimer espace interne page-width */
.home-collections-3 .page-width {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.home-platform-trust-usa {
  transform: translateY(-6px);
}
.vap-full-width{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.home-collections-3{
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.home-collections-3__desktop-grid{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.home-collections-3__row{
  width: 100%;
}

.home-collections-3__item,
.home-quick-access{
  width: 100%;
}