/** Shopify CDN: Minification failed

Line 101:12 Unexpected "{"
Line 101:21 Expected ":"
Line 102:16 Expected identifier but found whitespace
Line 102:18 Unexpected "{"
Line 102:27 Expected ":"
Line 102:78 Expected ":"
Line 103:19 Expected identifier but found whitespace
Line 103:21 Unexpected "{"
Line 103:30 Expected ":"
Line 103:84 Expected ":"
... and 10 more hidden warnings

**/
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}



/*AYAQ*/

  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  .aassocier{
    padding:0px; 
    background-color: #000000;/*#0d2207 ; */
    color:#f8f8f8;
    text-align:center; 
    width:100%;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: uppercase;
  }

  .ayaqcollectionimage{
  position:relative;
  height:450px; 
  -webkit-background-size: cover;   
  -moz-background-size: cover;  
  -o-background-size: cover;   
  background-size: cover;
  background-position-x: 35%;
  padding-bottom:10px;
}


  .ayaqtitle {
    font-weight: bold;
    padding:10px 3px 10px 5px;
    line-height:normal;
    position: absolute;
    top: 30%;
    left:40px;
  	width: 30%;
  	/*height:80px;*/
  	/*background:#FFFFFF;*/
  	/*text-align:center;*/
  	opacity:0.999;
  	vertical-align:middle;
    /*transform: skewX(-5deg);*/
    border-radius: 2px;
    font-size: 24px !important;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.ayaqtitle h1.collection-title {
  margin: 0;
  padding: 0;
  display: inline;
  font-weight: 700; /* ou 800 pour très bold */
  font-size: 3.2rem; /* ajuste si nécessaire */
  line-height: 1.2;
  letter-spacing: -0.01em;
}

  .ayaqheader-style-simple{
    left:20px;
  	background:#FFFFFF;
  	vertical-align:middle;
    border-radius: 2px;
    padding-top:50px;
    padding-left:80px;
  }

  .ayaqtitle-style-simple{
    text-transform: uppercase;
    font-weight: bold;
    line-height:normal;
    font-size: 24px !important;
    letter-spacing: 0px;
  }

  .ayaqdesc-style-simple{

  }
  
  .collectiondescription{
  padding:0; 
  font-weight:normal; 
  font-size:14px;
    text-transform: none;
}
  @media screen and (max-width: 750px) {
    .ayaqtitle {
      font-size: 20px !important;
      width: 85%;
    }
    .collectiondescription{
      font-size:12px;
    }
    .ayaqheader-style-simple{
      padding-left:20px;
    }
  }

.grid:last-child {
    margin-bottom: 30px;
}


.facet-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%; /* pour que ce soit rond */
  background-color: var(--facet-color, #ccc); /* couleur par défaut si pas définie */
  margin-right: 6px;
  vertical-align: middle;
}




.collection-description{
  font-weight: bolder;
}

.experience-block{
  position: relative;
  height: 100%;
  /*border: 2px #7d7b7b solid;*/
}
.experience-visuel{
  width: 100%; 
  height: 100%;
  object-fit: cover;
  display: block;
}
.experience-text {
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  color: white; 
  text-align: center; 
  font-size: 1.4rem; 
  padding: 1rem;
  /*background: rgba(0,0,0,0.4);*/
}