/** Shopify CDN: Minification failed

Line 178:17 Unexpected "{"
Line 231:0 Expected "}" to go with "{"

**/


.header-wrapper {
  width: 100% !important; 
  max-width: 100rem !important;      /* ← votre nouvelle largeur max */
  margin: 0 auto;         /* centre l’en-tête */
  position: absolute;
  top: 0px;
  left: 0;
  background-color: rgba(175,136,89,0.8) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  z-index: 1;
  
  /* on force le left et right à 0 pour que margin auto fonctionne */
  left: 0 !important;
  right: 0 !important;

  /* centre le header dans la fenêtre */
  margin-left: auto !important;
  margin-right: auto !important;

  /* coin arrondis (ajustez le rayon) */
  border-radius: 1rem !important;
}

.header {
  background-color: transparent !important;
  color: #fff !important;
}

.collection-hero{
  margin-top: 90px !important;
}


.header__menu-item,
.header__menu-item a {
  color: #fff !important;  /* remplace #FFFFFF par la couleur souhaitée */
}

/* Tous les autres textes (recherche, compte, panier, etc.) */
.header__icon,
.header__icon svg,
.header__heading-link,
.header__heading-link .h2 {
  color: #FFFFFF !important;  /* remplace #FFFFFF par la couleur souhaitée */
}

/* ————————————————
   COULEUR DU LOGO
   ———————————————— */
.header__heading-link img {
    -webkit-filter: brightness(0) invert(1); /* Pour anciens navigateurs WebKit si besoin */
    filter: brightness(0) invert(1);
}

/* ————————————————
   Masquer l’icône « compte » dans le header
   ———————————————— */
.header__icon--account {
  display: none !important;
}
/* ————————————————
   1) DESKTOP MEGA-MENU
   ———————————————— */
/* Texte du mega-menu en noir */
.header__submenu,
.header__submenu .header__menu-item,
.header__submenu .header__menu-item a {
  color: #000 !important;
} /* Au survol, on reste en noir */
.header__submenu .header__menu-item:hover,
.header__submenu .header__menu-item a:hover {
  color: #000 !important;
}

.banner{
   margin-top: -110px !important;
}

  a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
  }

 a.button:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  }

.product{
  margin-top: 150px !important;
}

@media (max-width: 768px) {

  

.header-wrapper {
  width: 100% !important; 
  max-width: 100rem !important;      /* ← votre nouvelle largeur max */
  margin: 0 auto;         /* centre l’en-tête */
  position: absolute;
  height: 90px !important;
  top: 0px;
  left: 0;
  background-color: rgba(175,136,89,0.8) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  z-index: 1;
  
  /* on force le left et right à 0 pour que margin auto fonctionne */
  left: 0 !important;
  right: 0 !important;

  /* centre le header dans la fenêtre */
  margin-left: auto !important;
  margin-right: auto !important;

  /* coin arrondis (ajustez le rayon) */
  border-radius: 1rem !important;
}
 
  .header__menu-item,
.header__menu-item a {
  color: #FFFFFF !important; 
}
  .header__heading-link img {
    -webkit-filter: brightness(0) invert(1); /* Pour anciens navigateurs WebKit si besoin */
    filter: brightness(0) invert(1);
    margin-bottom: 5px !important;
}

/* ————————————————
   Masquer l’icône « compte » dans le header
   ———————————————— */
.header__icon--account {
  display: none !important;
}
/* ————————————————
   1) DESKTOP MEGA-MENU
   ———————————————— */
/* Texte du mega-menu en noir */
.header__submenu,
.header__submenu .header__menu-item,
.header__submenu .header__menu-item a {
  color: #000 !important;
} /* Au survol, on reste en noir */
.header__submenu .header__menu-item:hover,
.header__submenu .header__menu-item a:hover {
  color: #000 !important;
}

.banner{
   margin-top: -80px; 
}
  
}
@media (max-width: 768px){

.header-wrapper {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  height: auto !important;
  min-height: unset !important;
  max-height: 70px !important;
  overflow: visible !important;
}
  .header__heading-logo,
  .header__icon,
  .header__icons,{
    margin-bottom: -50px !important; /* ajuste la valeur ici */
  }
.header img,
  .header span{
  margin-bottom: -50px !important
}

  .header__heading-logo {
    display: block !important;
    transform: translateY(-25px) !important;
  }

  
}


@media screen and (max-width: 768px) {
  .header-wrapper,
  .section-header,
  .collection-hero,
  .banner {
    margin-bottom: -50 !important;
    padding-bottom: 0 !important;
  }

  main#MainContent {
    margin-top: -120px !important;
  }

  main#MainContent:has([id*="image_banner"]) {
    margin-top: 60px !important;
  }

  body {
    padding-top: 0 !important;
  }
  .collection-hero{
  margin-top: 100px !important;
    
}
@media (max-width: 768px) {
  .cart-count-bubble > span[aria-hidden="true"] {
    position: relative;
    top: -24px;
    left: 0px;
    font-size: 11px;
  }
}