/** Shopify CDN: Minification failed

Line 323:10 Unexpected "{"
Line 323:19 Expected ":"
Line 402:6 Unexpected "{"
Line 402:7 Unexpected "{"
Line 402:16 Expected ":"
Line 405:8 Unexpected "{"
Line 405:15 Expected ":"
Line 419:4 Unexpected "{"
Line 419:5 Expected identifier but found "%"
Line 423:0 Unexpected "{"
... and 30 more hidden warnings

**/


/* CSS from section stylesheet tags */
/*
.collection-carousel-customised-contain img[data-src] {
  opacity:1 !important;
}
  */

.carousel-item-collection:hover  .discover-button {
  text-decoration:underline;
}
  
section-title-collection-h2 {
  overflow:hidden;
}
  
.collection-carousel-customised-contain a::after, .collection-carousel-customised-contain a::before {
  display:none;
}
  
.collection-infos-container {
flex: 0 0 50%;
  display: flex;
    flex-direction: column;
   justify-content: var(--justify-content-infos-container);
  align-items: var(--align-items-desktop-titre-bouton);
}
  
.collection-carousel-container ::-webkit-scrollbar  {
 display: none;
  scrollbar-width: none;
  }
  
.collection-carousel-container {
  -ms-overflow-style: none;  /* IE et Edge */
  scrollbar-width: none;  /* Firefox */
  scrollbar-width: none;
}

  
.discover-button {
  color: var(--discover-button-text-color);
  background-color: var(--discover-button-background-color);
  cursor:pointer;
  transition:all .3s;
}
  .discover-button p {
  }

  .discover-button:hover {
text-decoration:underline;
}
  
.discover-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: var(--discover-button-padding);
  border-radius: var(--discover-button-border-radius);
  border: var(--discover-button-border-width) solid var(--discover-button-border-color);
  color: var(--discover-button-text-color);
  background-color: var(--discover-button-background-color);
  width:100%;
}
  
.carousel-item-collection.column-it {
  display:block;
}

.carousel-item-collection.column-it .collection-content, .carousel-item-collection.column-it .collection-carousel-a-container {
    min-height:200px;
  }
  
  .collection-carousel-container {
    position:relative;
  }
  
.collection-carousel {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 5px;
  position: relative;
  margin:auto;
    scroll-behavior:smooth;
   scrollbar-width: none;
}

.carousel-item-collection {
  flex: 0 0 33%;
  box-sizing: border-box;
  position: relative;
    border-radius: var(--carousel-item-collection-border-radius);
      box-shadow: var(--carousel-item-collection-box-shadow);
      display: flex;
    align-items: stretch;
  transition:all .3s;
  margin:10px auto;
}
  .carousel-item-collection a {
cursor:pointer;
    text-decoration:none;
    display:flex;
}

.carousel-item-collection.bordered {
    border: solid;
    border-width: var(--carousel-item-collection-border-width);
  border-color: var(--carousel-item-collection-border-color);
    /*  overflow: hidden;*/
}


.collection-background {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
      position: relative;
   border-width: var(--collection-background-border-width);
  border-style: var(--collection-background-border-style, none); 
  border-radius: var(--collection-background-border-radius);
  border-color: var(--collection-background-border-color);
  overflow:hidden;
      box-shadow: var(--collection-background-box-shadow);
  /*ajout ici*/
  width: 100%;
  transition:all .3s;
}

.collection-image.mix-blend {
  mix-blend-mode:multiply;
}
.border-solid {
    border:solid;
   border-width: var(--img-collection-border-px);
  border-color: var(--img-collection-border-color);
  }

  .collection-title-collection a {
  text-decoration:none;
}

  .collection-title-collection-below-link {
    display:block !important;
  }

.carousel-control-collections {
 /* 
  top: 50%;
  transform: translateY(-50%);
      width: 48px;
    height: 48px;
      border-radius: 50px;
     background: #FFF;*/
  position: absolute;
  cursor: pointer;
      z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;

   width: var(--carousel-control-width, 48px);
  height: var(--carousel-control-height, 48px);
  border-radius: var(--carousel-control-border-radius, 50px);
  border: var(--carousel-control-border-width, 0px) solid var(--carousel-control-border-color, transparent);
    background-color: var(--carousel-control-background-color, #FFFFFF);
  color: var(--carousel-control-text-color, #000000);
      font-size: unset;
   background-image: var(--carousel-control-linear-gradient);
  box-shadow: var(--carousel-control-box-shadow);
  transition:all .3s;
}
  
  .carousel-navigation-container {
 position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 20;
    width: 100%;
  }

.carousel-control-collections.left { left: -10px; }
.carousel-control-collections.right { right: -10px; }

  .collection-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; 
  }

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 1; /* En-dessous de l'overlay */
    transition:all .3s;
  /* ajout ici */
  transition: opacity 0.1s ease-in-out;
   transition: opacity 0.1s ease-in-out, all 0.3s;
}
  
.background-image.loading {
      opacity: 0;
}
  
.background-image.loaded-background {
  opacity: 1;
}

  @keyframes shine {
  0% {
    background-position: -100%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}

.background-image.loading::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 0.8) 50%, 
    rgba(255, 255, 255, 0) 100%
  );
  background-size: 200% 100%;
  animation: shine 2s linear infinite;
  z-index: 1;
}


.collection-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; /* Par-dessus l'image de fond */
}

.collection-content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width:100%;
}

.collection-carousel div:empty {
  display:block !important;
}

.background-image {
  width: 100%;
  height: 100%;
}

.background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

  .collection-carousel {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: var(--gap-size);
}

  .collection-image {
    border-radius: var(--img-collection-radius);
        width: 100%;
max-width:100%;
        box-shadow: var(--collection-image-box-shadow);
    transition:all .3s;

  }

.view-all-collections-button-container {
  display:flex;
}
  
#section-{{ section.id }} .view-all-collections-button {

  
  border-radius: var(--button-border-radius, 5px);
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  text-decoration: none;
  display: inline-block;
    margin:10px auto;
  border:solid !important;
  transition:all .3s;
}

  .collection-carousel-custom {
    margin:auto;
    margin: var(--carousel-internal-margin-vertical-desktop, 0px) var(--carousel-internal-margin-horizontal-desktop, 0px);

  }

  .collection-carousel-customised-contain {
  max-width: var(--carousel-custom-max-width, 1200px);
  padding: var(--carousel-custom-padding, 0px);
      border-radius: var(--carousel-container-border-radius, 0px);
    margin: var(--carousel-margin-vertical-desktop, auto) var(--carousel-margin-horizontal-desktop, auto);
  }

  .collection-carousel-customised-contain.full-screened {
    max-width:100%;
  }
  
.collection-carousel-customised-contain.tuned {
  background-size:cover;
  background-position:center;
}

  .custom-text {
    padding: 0 10px;
      text-align: var(--custom-text-align, left);
}

   .custom-text-second {
    padding: 0 10px;
    text-align: var(--custom-second-text-align, left);
}

.custom-text.inside-image {
    width: 100%;
    padding: 0;
      text-decoration: none;
}

   .collection-image-container {
   display:flex;
     align-items: center;
     justify-content: center;
  }

   .collection-image-container img {
transition:all .3s;
  }

  .collection-carousel-a-container {
    padding:10px;
    width:100%;
    max-width:100%;
    align-items: stretch;

  /*min-height: -webkit-fill-available;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }

     .collection-title-collection h3 {
    font-weight: var(--collection-title-collection-font-weight);
       text-transform:uppercase;
  }

  .carousel-item-collection:hover {
      {{ section.settings.carousel_item_hover_styles | escape }}
    }

#block-{{ block.id }} .flex-direction-desktop {
  flex-direction: var(--flex-direction-desktop);
}

  @media screen and (min-width:769px) {
    
a.collection-content.vertical-pc, .collection-carousel-a-container.vertical-pc {
    flex-direction: column;
    justify-content: center;
}

.stacked-desktop {
    flex-wrap: wrap;
}
    {% if section.settings.enable_custom_size_desktop %}
    .collection-background {
      height: var(--custom-size-desktop, auto);
    }
{% endif %}

    {% if section.settings.enable_custom_background_size_desktop %}
    .collection-background {
      width: var(--custom-background-size-desktop, 100%);
  }
    {% endif %}

    {% if section.settings.enable_full_width %}
  .collection-carousel, .collection-carousel-custom {
    max-width: 100%;
  }
{% else %}
  .collection-carousel, .collection-carousel-custom {
    max-width: var(--max-width, 1200px);
  }
{% endif %}

    .collection-carousel, .collection-carousel-custom {
  padding: var(--padding-desktop, 0px);
}
    
.collection-carousel-customised-contain.tuned {
    background-image: var(--carousel-custom-background-image-desktop);
  }
    .collection-title-collection {
   text-align: var(--title-collection-alignment-pc);
  }
  /*   .collection-content, .collection-carousel-a-container {
    align-items: var(--align-items-pc);
  }
    .collection-content, .collection-carousel-a-container {
    justify-content: var(--justify-content-pc);
  } */

      .collection-carousel-a-container {
    align-items: var(--align-items-pc);
  }
    .collection-carousel-a-container {
    justify-content: var(--justify-content-pc);
  }
     .collection-title-collection h3 {
    font-size: var(--collection-title-collection-font-size-desktop, 18px);
  }
    .collection-image-container {
    flex: var(--img-container-flex-desktop, 0 0 50%);
  }
  .collection-title-collection {
 /*  flex: var(--title-flex-desktop, 0 0 50%); */
  }
    .collection-infos-container {
flex: var(--title-flex-desktop, 0 0 50%);
  }
    .collection-content, .collection-carousel-a-container {
    gap: var(--collection-content-gap-desktop);
  }
    .carousel-control-collections.hide-desktop {
    display: none;
  }
    .carousel-navigation-container {
    justify-content: var(--justify-navigation-content-pc);
  }
    .carousel-navigation-container.bottom-desktop {
position: unset;
    transform: none;
    display: flex;
    align-items: center;
    gap: 10px;
      margin-top:10px;
}
   .carousel-navigation-container.bottom-desktop .carousel-control-collections, .carousel-navigation-container.top-desktop .carousel-control-collections {
position: unset;
}
    .carousel-navigation-container.top-desktop {
        top: -8%;
      gap: 10px;
}
    .carousel-navigation-container.hide-desktop {
    display: none;
  }
    {% if section.settings.enable_custom_size_a_container %}
   .collection-carousel-a-container {
       height: var(--custom-size-a-container-desktop, auto);
  }
    {% endif %}
  carousel-item-collection a {
 align-items: var(--align-items-carousel-item-collection-pc);
  }
        }

@media screen and (max-width: 768px) {
       .carousel-item-collection {
    flex: 0 0 calc(95% / var(--collections-per-row-mobile) - var(--gap-size));
  }

  .vertical-mobile {
    flex-direction:column;
  }

  .stacked-desktop {
    flex-wrap: nowrap;
}
   .stacked-mobile {
    flex-wrap: wrap;
}
.stacked-desktop.stacked-mobile {
    flex-wrap: wrap;
}

  .stacked-mobile .collection-content .stacked-mobile .collection-carousel-a-container {
  /*  flex-direction:column; */
  }
  

{% if section.settings.enable_custom_size_mobile %}
    .collection-background {
      height: var(--custom-size-mobile, auto);
    }
{% endif %}
  .collection-carousel, .collection-carousel-custom {
    padding: var(--padding-mobile, 0px);
  }
  
.collection-carousel-custom {
  margin: var(--carousel-internal-margin-vertical-mobile, 0px) var(--carousel-internal-margin-horizontal-mobile, 0px);
}
  
  .collection-carousel-customised-contain.tuned {
    background-image: var(--carousel-custom-background-image-mobile);
  }

  .collection-carousel-customised-contain {
   margin: var(--carousel-margin-vertical-mobile, auto) var(--carousel-margin-horizontal-mobile, auto);
    padding: var(--carousel-container-padding-mobile, 0px);
    max-width:100%;
        overflow:auto;
  }
.collection-title-collection {
    text-align: var(--title-collection-alignment-mobile);
  }
  
.collection-content, .collection-carousel-a-container {
    align-items: var(--align-items-mobile);
  }
  .collection-content, .collection-carousel-a-container {
    justify-content: var(--justify-content-mobile);
  }
   .collection-title-collection h3 {
    font-size: var(--collection-title-collection-font-size-mobile, 18px);
     text-transform:uppercase;
  }
  .collection-image-container {
    flex: var(--img-container-flex-mobile, 0 0 50%);
  }
  .collection-title-collection {
   /* flex: var(--title-flex-mobile, 0 0 50%); */
  }
.collection-infos-container {
  flex: var(--title-flex-mobile, 0 0 50%);
  align-items: var(--align-items-mobile-titre-bouton);
    }
  
  .collection-content, .collection-carousel-a-container {
      gap: var(--collection-content-gap-mobile); /* Utilisé pour les écrans mobiles */
    }
     .carousel-control-collections.hide-mobile {
    display: none;
  }
      .carousel-navigation-container {
    justify-content: var(--justify-navigation-content-mobile);
  }
  .carousel-navigation-container.bottom-mobile {
position: unset;
    transform: none;
    display: flex;
    align-items: center;
    gap: 5px;
     margin-top:10px;
}
   .carousel-navigation-container.bottom-mobile .carousel-control-collections, .carousel-navigation-container.top-mobile .carousel-control-collections {
position: unset;
}
    .carousel-navigation-container.hide-mobile {
    display: none;
  }
  .carousel-navigation-container.top-mobile {
        top: -10%;
    gap: 5px;
}
  {% if section.settings.enable_custom_size_a_container %}
    .collection-carousel-a-container {
      height: var(--custom-size-a-container-mobile);
  }
    {% endif %}
  .carousel-item-collection a {
    align-items: var(--align-items-carousel-item-collection-mobile);
  }

      {% if section.settings.enable_custom_background_size_mobile %}
  .collection-background {
      width: var(--custom-background-size-mobile, 100%);
  }
      {% endif %}
#block-{{ block.id }} .flex-direction-mobile {
    flex-direction: var(--flex-direction-mobile);
  }
}

  @media screen and (min-width: 769px) and (max-width: 1023px) {
  .carousel-item-collection {
    flex: 0 0 calc(98% / var(--collections-per-row-tablet) - var(--gap-size));
  }
}

    @media screen and (min-width: 1024px) {
.carousel-item-collection {
  flex: 0 0 calc(100% / var(--collections-per-row-desktop) - var(--gap-size));
  flex: 0 0 calc(95% / var(--collections-per-row-desktop) - var(--gap-size));
}