/** Shopify CDN: Minification failed

Line 192:0 Expected "}" to go with "{"

**/
  @font-face {
font-family: "Gilroy-Heavy";
src: url("https://cdn.shopify.com/s/files/1/0889/7419/7059/files/gempages_Gilroy-Heavy.woff2?v=1726661323") format("woff2");
}
   @font-face {
font-family: "ashford-bol";
src: url("https://cdn.shopify.com/s/files/1/0889/7419/7059/files/gempages_ashford-bol.woff?v=1726662252") format("woff");
}
  @font-face {
font-family: "Gilroy-Regular";
src: url("https://cdn.shopify.com/s/files/1/0889/7419/7059/files/gempages_Gilroy-Regular.woff2?v=1726662942") format("woff2");
}


.accordion summary span:before {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

.accordion {
 
  display: block;
  border-top: 0px solid #242424 !important;
  border-bottom: 2px solid #242424 !important;
  margin-bottom: 0px; 
}
  .accordion + .accordion {
    border-top: 0;
    margin-top: 0px; }
  .accordion-container .accordion {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto; }
    .accordion-container .accordion:last-child {
      margin-bottom: 0; }
  .accordion details[open] summary span:before {
    transform: rotateZ(90deg); }
  .accordion summary {
    display: flex;
    align-items: center;
    width: 100%;
    list-style: none;
    position: relative;
    padding-right: 40px;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 18px 40px 18px 0;
    cursor: pointer; }
    .accordion summary span {
      position: absolute;
      top: calc(50% - 5.5px);
      right: 18px;
      width: 12px;
      height: 12px;
      display: block; }
      .accordion summary span:before, .accordion summary span:after {
        content: "";
        display: block;
        position: absolute;
        top: 5.5px;
        left: 0px;
        background: var(--color-body); }
      .accordion summary span:before {
        width: 1px;
        height: 12px;
        top: 0px;
        left: 5.5px;
        will-change: transform; }
      .accordion summary span:after {
        width: 12px;
        height: 1px; }
    .accordion summary::-webkit-details-marker {
      display: none; }
  .accordion .accordion__content {
    padding: 0 0 15px 0;
    font-size: 0.9375rem; }
    .accordion .accordion__content > *:last-child {
      margin-bottom: 0; }

.collapsible-content__inner {
  width:100%;
  max-width: 100%;
  margin: 0 auto; }

.collapsible-content.heading-uppercase-true .accordion summary {
  text-transform: uppercase; }

/* code que j'ai ajouté pour les titre faq  */

.textfaq {
   color:#F2A0A1;
   font-size:27px;
  font-family: "Gilroy-Heavy",  sans-serif;
    
}

.titrefaq {
  font-size: 41px;
  font-family: "Gilroy-Heavy", sans-serif;
  letter-spacing: 1px; /* Ajuste l'espacement entre les lettres */
  line-height: 45px;
  font-weight: normal !important; /* Définit la graisse du texte */
  
}



.sidebar {
    
    border-left: 4px solid #F2A0A1;
    padding-left: 10px;

}

/* code image faq */


.flex-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; /* Align items at the start to avoid stretching */
    width: 100%;
}

.accordion-wrapper {
    flex: 1 1 50%; /* Take 50% width on desktop */
    width: 100%; /* Full width for mobile, adjust below */
}

.accordion-image {
    flex: 1 1 50%; /* Take 50% width on desktop */
    display: flex;
    align-items: center; /* Center image vertically */
    justify-content: center; /* Center image horizontally */
    width: 100%; /* Full width for mobile, adjust below */
    box-sizing: border-box; /* Include padding and borders in width */
}

.accordion-image img {
    width: 70%; /* Ensure image fills container */
    height: auto; /* Maintain aspect ratio */
    max-height: 70%; /* Limit height to container height */
    border-radius: 12px;
}

.text-container.full-width {
  flex-grow: 1;
  margin-left: 0; /* Remove any extra margin when no icon */
}



@media (max-width: 768px) {
    .flex-container {
        flex-direction: column;
    }

    .accordion-wrapper,
    .accordion-image {
        flex-basis: 100%; /* Each takes full width of the container on mobile */
    }

    .accordion-image {
        order: -1; /* Image above accordions on mobile */
        margin-bottom: 20px; /* Space between image and accordions */
    }
  .accordion-image img {
    width: 95%; /* Ensure image fills container */
    height: auto; /* Maintain aspect ratio */
    max-height: 95%; /* Limit height to container height */
   
}


.iconFaq {
    height: 100%; /* Adapte l'icône à la hauteur totale du summary */
    min-width: 30px; /* Largeur minimale pour l'icône, ajustez selon vos besoins */
    margin-right: 20px; /* Espace entre l'icône et le texte */
    object-fit: contain; /* Assure que l'image ne se déforme pas */
}

.text-container{
  margin-left:10px;
  font-family: "Gilroy",  sans-serif;    
  }