/** Shopify CDN: Minification failed

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

**/
:focus-visible{
  outline: none;
}
.dot-checkbox:focus ~ label{
  outline: none;
}

.design-system{
    padding: 16px;
}
.image-full-section {
    width: 100%;
    height: auto; /* Hauteur de la section */
  }
  
  .image-full-wrapper {
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center;     /* Centre verticalement */
  }
  
  .image-full {
    object-fit: scale-down; /* Garde l'image avec un bon ratio sans déformation */
    max-width: 100%; /* Ne dépasse pas la largeur du conteneur */
    max-height: 100%; /* Ne dépasse pas la hauteur du conteneur */
    margin: 0 auto;
  }
  

  .image-full {
    display: none;
    width: 100%;
    height: auto;
  }
  
  .desktop-only {
    display: block;
  }
  
  .mobile-only {
    display: none;
  }
  
  @media (max-width: 768px) {
    .desktop-only {
      display: none;
    }
  
    .mobile-only {
      display: block;
      margin-top: 1.25rem;
    }
  }
  
  .bg-grey {
    background-color: var(--principale-400, #6D5E55);
  }

  .bg-black{
    background-color: var(--alcantra-950, #040404);
  }

  /* ACCORDION */
.design-system .accordion__disclosure .text-with-icon{
  font-family: var(--text-font-family, 'Arial');
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6125rem;
  letter-spacing: 0.00938rem;
}

.design-system .accordion__disclosure [aria-expanded="false"] .text-with-icon{
  color:var(--principale-600, #191615);
}

.design-system .accordion__disclosure[aria-expanded="true"] .text-with-icon{
  color:var(--principale-600, #191615);
  font-weight: 600;
}

.design-system .accordion__disclosure .text-with-icon:hover{
  color:var(--principale-400, #6D5E55);
}

.design-system .accordion__disclosure .accordion__content{
  font-family: var(--text-font-family, 'Arial');
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.01563rem;
  color:var(--black, #000000);
}

/* announcement Bar */
.full-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}


/* .index-home-page .header:hover{ */
  /* background-color: #FFFFFF; */
  /* background-image: none; */
  /* color: #000000; */
  /* border-color: lightgrey; */
/* } */
/*  */
/* .index-home-page .header:hover .header__logo-image{ */
  /* opacity: 1; */
/* } */
/*  */
/* .index-home-page .header:hover .header__logo-image--transparent{ */
  /* opacity: 0; */
/* } */

/* .header:hover .mega-menu{ */
  /* background-color: #FFFFFF; */
  /* color: #000000; */
/* } */
/* .header:hover .link-faded{ */
  /* color:rgba(28,28,28,0.65)  !important; */
/* } */
/*  */
/* .header:hover .link-faded-reverse:hover{ */
  /* color:rgba(28,28,28,0.65) !important; */
/* } */
/*  */
/* .header:hover .link-faded:hover, .header:not(.is-solid) .link-faded:hover{ */
  /* color:rgba(28,28,28,1)  !important; */
/* } */
/*  */
/* .header:hover .text-subdued{ */
  /* color:rgba(28,28,28,0.65)  !important; */
/* } */
/*  */
/* .header:hover .text-subdued:hover{ */
  /* color:rgba(28,28,28,1)  !important; */
/* } */
/*  */
/* .header:hover .header__dropdown-menu{ */
  /* background-color: #FFFFFF; */
  /* color: #000000; */
/* } */
/*  */
/* .header__primary-nav-item:before{ */
  /* top: 7.5rem; */
/* } */
/*  */
/* .index-home-page .header__primary-nav-item:hover:before{ */
  /* background:#000000; */
  /* ; */
/* } */

.localization-toggle{
  text-transform: uppercase;
}

button[name="locale_code"]{
  text-transform: uppercase;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  font-size: .6875rem;
}



/* affiche hover card image 1 and 2 */
.icon-arrow-right{
  stroke:#000000;
}
.icon-arrow-left{
  stroke:#000000;
}

.product-card__info fieldset{
  /* display: none; */
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  justify-content: flex-start;
}
@media screen and (max-width: 700px){
  .product-card__info fieldset{
    display: inline-flex;
    opacity: 1;
  }
}

.product-card:hover .product-card__info fieldset{
  display: inline-flex;
  opacity: 1;
}

.rating-badge__stars svg{
  width: 1.25rem;
}
.rating-badge .text-xxs{
  color: var(--principale-600, #191615);
  font-family: var(--text-font-family);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}

/* button goes to top of page */
.scroll-to-top {
  position: fixed;
  bottom: 6rem;
  right: 2rem;
  color: white;
  border: none;
  padding: 0.973rem;
  font-size: 1rem;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1000;
  background-color: var(--white, #ffffff);
  transition: bottom 0.3s ease-in-out;
}


.scroll-to-top:hover {
  /* background-color: #0056b3; */
}

/* .hidden { */
  /* display: none; */
/* } */


/* bloc custom video + collection */
.grid-zto{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.375rem;
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px){
  .grid-zto{
    flex-direction: column;
    padding: 0;
  }
}

.grid-zto .media-zto{
  flex: 70%;
  max-width: 680px;
  max-height: 795px;
  width: 100%;
  height: 100%;
}

.grid-zto .featured-collections-carousel{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  height: 100%;
  flex: 50%;
  align-self: flex-start;
  margin-top: 0.75rem;
}

.grid-zto .content__collection_title{
  padding: 0 0 3.13rem;
}


/**
add effect fade in fade out on page product
 */
 .product-gallery__media {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.product-gallery__media.is-visible {
  opacity: 1;
}

/**
class pour afficher en mobile ou en desktop
 */

.desktop-only {
  display: block;
}
.mobile-only {
  display: none;
} 

@media screen and (max-width: 768px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }
}

.zto-c{
  display: flex;
  width: 94.5rem;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
  background:rgb(var(--background));
}
@media (max-width: 767px) {
  .zto-breadcrumb {
    padding: 14px 16px;
  }
}
@media (min-width: 768px) {
  .zto-breadcrumb {
    padding: 14px 80px; /* équivalent de ton ancien 5rem */
  }
}

.zto-breadcrumb{
  background: rgba(237 234 232 / 1.0);
}


/* .histoire-page{ */
  /* .zto-breadcrumb{ */
    /* background: rgba(237 234 232 / 1.0); */
  /* } */
/* } */

.custom-checkbox-icon {
  display: none;
}

input[type="checkbox"]:checked + .custom-checkbox-icon {
  display: inline-block;
}

facets-form .accordion .checkbox-control{
  align-items: center;
  gap: 0;
}

facets-form .accordion .checkbox-control .dot-checkbox:checked{
  opacity: 0;
}

/* #facets-drawer .button{ */
  /* background-color: #DBD5D1; */
  /* background-image: linear-gradient(rgb(219, 213, 209), rgb(219, 213, 209)), linear-gradient(transparent, transparent); */
  /* border-color: #DBD5D1; */
  /* color: #191615; */
  /* text-transform: capitalize; */
  /* background-position: right; */
  /* background-size: 101% 101%, 0 101%; */
  /* transition: background-size .45s cubic-bezier(.785, .135, .15, .86), background-position .45s step-end, color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86); */
/* } */
/*  */
/* #facets-drawer .button:hover{ */
  /* background-color: #191615; */
  /* background-image: none; */
  /* color: #FFFFFF; */
  /* background-position: left; */
  /* background-size: 0 101%, 101% 101%; */
  /* background-image: linear-gradient(rgb(219, 213, 209), rgb(219, 213, 209)), linear-gradient(transparent, transparent); */
  /* transition: background-size .45s cubic-bezier(.785, .135, .15, .86), background-position .45s step-end, color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86); */
/* } */



.swatch-zoom-popup {
  position: relative;
  display: none;
  box-shadow: 0px 0px 17.377px 0px rgba(0, 0, 0, 0.20);
  pointer-events: none;
  z-index: 1000;
  background-color: var(--principale-50, #F8F7F6);;
  padding: 2%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  height: 195px;
  width: 157px;
  
}

.content-swatch{
  position: relative;
  width: 100%;
  height: 100%;
  background: content-box var(--swatch-background) no-repeat center / cover;
  border: 1px solid var(--alcantra-300, #D7D6D5);
}

.swatch-zoom-popup{
  div{
    font-family: var(--text-font-family);
      font-size: 0.95269rem;
      font-style: normal;
      font-weight: 600;
      line-height: 1.19081rem;
  }
}



input:autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill-and-obscured{
  background-color: #25201D !important;
  background-image: none !important;
  color: rgba(255,255,255,0.65) !important;
  -webkit-box-shadow: 0 0 0 1000px #25201D inset !important;
  box-shadow: 0 0 0 1000px #25201D inset !important;
  -webkit-text-fill-color: rgba(255,255,255,0.65) !important;
}

:-webkit-autofill~.floating-label{
  color: rgba(255,255,255,0.65) !important;
}

input:-internal-autofill-selected{
  background-color: #25201D !important;
  background-image: none !important;
  color: rgba(255,255,255,0.65) !important;
  -webkit-box-shadow: 0 0 0 1000px #25201D inset !important;
  box-shadow: 0 0 0 1000px #25201D inset !important;
  -webkit-text-fill-color: rgba(255,255,255,0.65) !important;
} 

input:-webkit-autofill {
  appearance: none !important;
  background-color: #25201D !important;
  color: rgba(255,255,255,0.65) !important;
  box-shadow: 0 0 0 1000px #25201D inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

.content-zto-newsletter{
  :is(.input:focus,.textarea:focus,.select:focus-visible){
    border-color:#ffffff;
  }
}

.bon_preview_point_product > img {
    width: 25px !important;
}

.product-gallery__zoom-button {
    display: none!important;
}

.cad-nav__menu-item .icon, .cad-nav__menu-item svg {
    transform: scale(0.9)!important;
}

@media screen and (min-width: 1000px) {
    .prose:not(.prose--tight) :where(:not(meta,span)+*) {
        margin-block-start: 5px;
    }
}

.prose :where(:not(meta,span)+*) {
    margin-block-start: 5px;
}

.grc-widget-product-stats-container {
    display: none!important;
}

html body #agWidgetSide,
html body #agWidgetSide * ,
html body .review-list,
html body .review-list * {
  font-family: "Nunito Sans", Arial, sans-serif !important;
}

#agWidgetSide .author,
#agWidgetSide .review-text p,
#agWidgetSide .reviewGlobal a,
.review-list .author,
.review-list .review-text p,
.review-list .reviewGlobal a {
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

html body [class*="cad-"] h2.padding-bottom {
  font-size: 25px !important;
}


.info.error {
  color: #6D5E55 !important;
}

input[type="search"]::selection,
input[type="search"]::-moz-selection { background: transparent !important; color: inherit !important; }

input[type="search"]:-webkit-autofill {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}

input[type="search"] { color-scheme: light; forced-color-adjust: none; }


.footer-legal {
  font-size: 12px !important;
  line-height: 1.2;
  margin-top: 24px;
  text-align: left;
  width: 100%;
  display: block;
}

.footer-legal p {
  margin: 0;
}

.footer-legal a {
  text-decoration: none;
}

@media (max-width: 768px){
  .footer-legal{
    margin-bottom: 7px;       /* espace sous la ligne légale */
  }
  .footer{
    padding-bottom: max(7px, env(safe-area-inset-bottom)); /* comfy + iPhone safe area */
  }
}

.layer-wrapper {
  position: relative;
}
.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.layer.next {
  display: none;
}

body h2.cad-frame--title {
  font-size: 20px !important;
  color: #000000 !important;
  margin: 0 !important;
}

.cad-frame--data__no-orders--svg {
  width: 40px !important;
  height: 40px !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.cad-frame--title {
  font-size: calc(var(--font-heading-scale) * 15px) !important;
  font-weight: 500;
  color: #000000;
  margin: 0;
}
/* Élargir UNIQUEMENT le popup des CGV (Policy modal) */
.policy-modal__dialog {
  max-width: 90vw !important; /* largeur max 90% de la fenêtre */
  width: 900px !important;     /* largeur fixe */
  height: auto !important;
}

/* Exclure les autres dialogues du site (comme la recherche) */
header-search [role="dialog"],
.header-search [role="dialog"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media(max-width:767px){
  .timeline__nav-mobile button{
    background:#F1EFEE!important;
    border:1px solid #F1EFEE!important;
    border-radius:8px!important;
    padding:.75rem!important;
    text-align:center!important;
    width:100%!important;
    display:block!important
  }
  .active-mobile{
    background:#DBD5D1!important;
    border:1px solid #DBD5D1!important;
    transform:scale(1.03);
    transition:.2s;
    font-weight:700!important
  }
}
@media(max-width:767px){
  .timeline__item-image-wrapper{
    background:#6D5E55!important;
   padding: 1rem 0 2rem !important;
  }
  .timeline__item-image-wrapper img{
    width:70%!important;
    height:auto!important;
    margin:0 auto!important;
    display:block!important;
  }
}
@media(max-width:767px){.timeline__nav-mobile{padding:0!important}}

@media(min-width:768px){
  .timeline__item-content{
    height:100%!important;
    display:flex!important;
    flex-direction:column;
    justify-content:center!important;
  }
}

a.vendor.smallcaps {
    display: none !important;
}

.popover__value-option {
  font-family: "Nunito Sans", sans-serif !important;
}

#by-moi-metaobject {
  display: flex;
  flex-direction: column;
}

.clear-container {
  order: 9999;
}

@media (max-width: 749px) {
  #by-moi-metaobject {
    padding-top: 8px;
  }
}


/* Section principale referral */
#referral {
  padding: 60px 0 !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
  #referral {
    padding: 30px 0 !important;
  }

  /* Ajustement du bloc referral */
  .bon-referral {
    height: auto !important;
  }

  .bon-referral .bon-referral-child {
    height: auto !important;
    padding: 2rem 1rem !important;
  }

  /* 👉 Si tu veux réduire encore le padding du côté gauche */
  .bon-referral-child.bon-referral-left {
    padding: 1rem !important;
  }
