/** Shopify CDN: Minification failed

Line 325:0 Unexpected "}"
Line 643:0 Unexpected "}"

**/
/* ===========================
   ASANTE-SANA — Styles globaux
   =========================== */
:root{
  --asante-bg:#FAF7F3;
  --asante-text:#1F1F1F;
  --asante-primary:#4C1504;
  --asante-primary-hover:#6A2A13;
  --asante-radius:14px;
}

/* Fond & texte */
body{ background-color:var(--asante-bg); color:var(--asante-text); }

/* Liens */
a{ color:var(--asante-primary); }
a:hover{ color:var(--asante-primary-hover); }

/* Titres */
h1,h2,h3,h4,h5,h6{
  color:var(--asante-text);
  font-family:'Playfair Display', serif;
  letter-spacing:.2px; line-height:1.15;
}

/* Texte courant */
body,p,li,span{ font-family:'Inter', sans-serif; }

/* Boutons */
.button,
.shopify-payment-button__button,
button[type="submit"],
.btn,
.button--primary,
.button-primary,
.asante-btn-add{
  background:var(--asante-primary) !important;
  color:#fff !important;
  border:0; border-radius:var(--asante-radius);
  min-height:48px; padding:12px 18px; font-weight:600;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.button:hover,
.shopify-payment-button__button:hover,
button[type="submit"]:hover,
.btn:hover,
.button--primary:hover,
.button-primary:hover,
.asante-btn-add:hover{
  background:var(--asante-primary-hover) !important;
  transform:translateY(-1px);
}

/* Cartes produits/collections */
.card, .product-card, .collection-list__item, .grid__item{
  border-radius:var(--asante-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

/* Images */
.media img, .product__media img, .card__media img{ object-fit:contain; }

/* Badges confiance */
.asante-badges{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
  margin-top:14px;
}
.asante-badge{
  background:#fff; border-radius:12px; padding:10px 12px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  text-align:center; font-weight:600;
}

/* Légende sous images */
.asante-caption{ margin-top:8px; font-size:.92rem; opacity:.85; text-align:center; }

/* Patch mobile */
@media (max-width: 768px){
  .section, .shopify-section{ padding:24px 0; }
  h1{ font-size: clamp(24px, 5.5vw, 32px); }
  .button, .btn, .button--primary, .asante-btn-add{ width:100%; }
  .asante-badges{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
#shopify-section-1538889093339 {max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important;}

#shopify-section-1538889093339 .container,
#shopify-section-1538889093339 .wrapper,
#shopify-section-1538889093339 .page-width,
#shopify-section-1538889093339 .row,
#shopify-section-1538889093339 .grid {max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;}

#shopify-section-1538889093339 .slider,
#shopify-section-1538889093339 .slideshow,
#shopify-section-1538889093339 .slick-list,
#shopify-section-1538889093339 .slick-track,
#shopify-section-1538889093339 .slide {width:100%!important;height:500px!important;overflow:hidden;}

#shopify-section-1538889093339 .slide img {display:block;width:100%!important;height:500px!important;object-fit:cover;object-position:center;}

@media (max-width:768px){
  #shopify-section-1538889093339 .slide,
  #shopify-section-1538889093339 .slide img {height:320px!important;}
}
#shopify-section-1538889093339 .slider,
#shopify-section-1538889093339 .slideshow,
#shopify-section-1538889093339 .slick-list,
#shopify-section-1538889093339 .slick-track { width:100%; }

#shopify-section-1538889093339 .slide { height:560px; overflow:hidden; }
#shopify-section-1538889093339 .slide img {
  display:block; width:100%; height:560px; object-fit:cover; object-position:center;
}

#shopify-section-1538889093339 .slide .content,
#shopify-section-1538889093339 .slide .caption,
#shopify-section-1538889093339 .slide .text,
#shopify-section-1538889093339 .slide .text-box {
  max-width:720px; padding-left:4vw; padding-top:6vw;
}

#shopify-section-1538889093339 .slide h1,
#shopify-section-1538889093339 .slide h2,
#shopify-section-1538889093339 .slide [class*="title"] {
  color:#4C1504; font-size:40px; line-height:1.15; margin:0 0 10px;
}

#shopify-section-1538889093339 .slide p,
#shopify-section-1538889093339 .slide .brief,
#shopify-section-1538889093339 .slide [class*="sub"] {
  color:#1F1F1F; font-size:18px; margin:0 0 14px; max-width:680px;
}

#shopify-section-1538889093339 .slide a,
#shopify-section-1538889093339 .slide .btn {
  background:#4C1504; color:#fff; border:0; border-radius:14px;
  padding:12px 18px; font-weight:600; box-shadow:0 6px 18px rgba(0,0,0,.08);
}
#shopify-section-1538889093339 .slide a:hover,
#shopify-section-1538889093339 .slide .btn:hover {
  background:#6A2A13; transform:translateY(-1px);
}

@media (max-width:768px) {
  #shopify-section-1538889093339 .slide,
  #shopify-section-1538889093339 .slide img { height:360px; }
  #shopify-section-1538889093339 .slide h1,
  #shopify-section-1538889093339 .slide h2,
  #shopify-section-1538889093339 .slide [class*="title"] { font-size:28px; }
  #shopify-section-1538889093339 .slide p { font-size:14px; }
}
/* Cacher flèches et puces UNIQUEMENT pour ce slider */
#shopify-section-1538889093339 .slick-arrow,
#shopify-section-1538889093339 .slick-dots{
  display:none !important;
}
/* SLIDER – ACCUEIL : hauteur, titre, position du texte */
#shopify-section-1538889093339 .slide,
#shopify-section-1538889093339 .slide img{
  height:560px; /* 520, 560, 600… à toi de choisir */
}

#shopify-section-1538889093339 .slide h1,
#shopify-section-1538889093339 .slide h2,
#shopify-section-1538889093339 .slide [class*="title"]{
  font-size:36px;      /* ex. 36 au lieu de 40 pour alléger */
  line-height:1.15;
}

#shopify-section-1538889093339 .slide .content,
#shopify-section-1538889093339 .slide .caption,
#shopify-section-1538889093339 .slide .text,
#shopify-section-1538889093339 .slide .text-box{
  padding-top:6vw;     /* + grand = descend / + petit = monte */
  padding-left:4vw;    /* marge à gauche */
}

@media (max-width:768px){
  #shopify-section-1538889093339 .slide,
  #shopify-section-1538889093339 .slide img{ height:360px; }

  #shopify-section-1538889093339 .slide h1,
  #shopify-section-1538889093339 .slide h2,
  #shopify-section-1538889093339 .slide [class*="title"]{
    font-size:28px;    /* taille du titre sur mobile */
  }
}
/* === HERO / SLIDER – hauteur, taille titre, position du texte === */
#shopify-section-1538889093339 .slide,
#shopify-section-1538889093339 .slide img{
  /* 1) HAUTEUR DU HERO */
  height: 560px;              /* ↑ plus grand | ↓ plus petit */
}

#shopify-section-1538889093339 .slide h1,
#shopify-section-1538889093339 .slide h2,
#shopify-section-1538889093339 .slide [class*="title"]{
  /* 2) TAILLE DU TITRE */
  font-size: 36px;            /* ex. 34–40px selon ton goût */
  line-height: 1.12;
}

#shopify-section-1538889093339 .slide .content,
#shopify-section-1538889093339 .slide .caption,
#shopify-section-1538889093339 .slide .text,
#shopify-section-1538889093339 .slide .text-box{
  /* 3) POSITION VERTICALE DU BLOC DE TEXTE */
  padding-top: 7vw;           /* + grand = descend | + petit = remonte */
  padding-left: 4vw;          /* marge à gauche (optionnel) */
  max-width: 48rem;           /* empêche les lignes trop longues */
}

/* Petit boost de lisibilité (optionnel) */
#shopify-section-1538889093339 .slide h1,
#shopify-section-1538889093339 .slide p{
  text-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Version mobile */
@media (max-width: 768px){
  #shopify-section-1538889093339 .slide,
  #shopify-section-1538889093339 .slide img{ height: 380px; }

  #shopify-section-1538889093339 .slide h1,
  #shopify-section-1538889093339 .slide h2,
  #shopify-section-1538889093339 .slide [class*="title"]{
    font-size: 28px;
  }

  #shopify-section-1538889093339 .slide .content,
  #shopify-section-1538889093339 .slide .caption,
  #shopify-section-1538889093339 .slide .text,
  #shopify-section-1538889093339 .slide .text-box{
    padding-top: 22vw;        /* descend un peu le texte sur mobile */
    padding-left: 5vw;
  }
}
/* --- Voile dégradé pour améliorer la lisibilité du texte --- */
#shopify-section-1538889093339 .slide { 
  position: relative; 
  overflow: hidden; 
}

/* Le voile (teinte marron de la marque, plus élégant que noir) */
#shopify-section-1538889093339 .slide::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg,
    rgba(76,21,4,.55) 0%,    /* intensité à gauche (vers le texte) */
    rgba(76,21,4,.32) 35%,
    rgba(76,21,4,0) 70%      /* disparaît vers la droite */
  );
  pointer-events:none; 
  z-index:1;
}

/* Le bloc de texte passe au-dessus du voile */
#shopify-section-1538889093339 .slide .content,
#shopify-section-1538889093339 .slide .caption,
#shopify-section-1538889093339 .slide .text,
#shopify-section-1538889093339 .slide .text-box{
  position: relative; 
  z-index:2; 
  max-width: 48rem;         /* évite les lignes trop longues */
}

/* Couleurs/épaisseur du texte (renfort léger) */
#shopify-section-1538889093339 .slide h1,
#shopify-section-1538889093339 .slide p{
  color:#fff;
  text-shadow: 0 3px 12px rgba(0,0,0,.35);
}

#shopify-section-1538889093339 .slide p{
  font-weight: 600;
  line-height: 1.55;
}
/* Voile gauche — base / desktop */
#shopify-section-1538889093339 .slide { position: relative; }
#shopify-section-1538889093339 .slide::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;               /* colle à gauche, pleine hauteur */
  width:min(42vw, 680px);         /* largeur du voile */
  background: linear-gradient(90deg,
              rgba(0,0,0,.45) 0%,
              rgba(0,0,0,.18) 40%,
              rgba(0,0,0,0)   75%);
  pointer-events:none;
}
/* Mobile : voile un peu plus fort et vertical si besoin */
@media (max-width:768px){
  #shopify-section-1538889093339 .slide::before{
    background: linear-gradient(180deg,
      rgba(76,21,4,.55) 0%,
      rgba(76,21,4,.25) 55%,
      rgba(76,21,4,0) 100%
    );
  }
}
/* Brief en blanc + meilleure lisibilité */
#shopify-section-1538889093339 .slide p,
#shopify-section-1538889093339 .slide .brief{
  color:#fff !important;
  font-weight:600;
  text-shadow:0 3px 12px rgba(0,0,0,.35);
}
/* Pastille sombre discrète derrière le brief */
#shopify-section-1538889093339 .slide .brief,
#shopify-section-1538889093339 .slide p {
  color:#fff !important;
  background: rgba(0,0,0,.30);
  padding: .75rem 1rem;
  border-radius: .6rem;
  display: inline-block;
  text-shadow: 0 3px 12px rgba(0,0,0,.35);
  backdrop-filter: blur(2px); /* optionnel */}
}
/* --- HEADER plus compact (desktop) --- */
@media (min-width: 992px) {
  /* réduis le padding haut/bas */
  #shopify-section-header .header,
  #shopify-section-header .header-main,
  #shopify-section-header .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* limite la hauteur visuelle du logo */
  #shopify-section-header .logo img {
    max-height: 56px !important;
    height: auto !important;
    width: auto !important;
  }

  /* un peu moins d’air autour des liens si besoin */
  #shopify-section-header nav ul > li > a {
    padding: 8px 14px !important;
    line-height: 1.2 !important;
  }
}

/* --- HEADER mobile un peu plus serré --- */
@media (max-width: 991px) {
  #shopify-section-header .header,
  #shopify-section-header .header-main,
  #shopify-section-header .container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  #shopify-section-header .logo img {
    max-height: 42px !important;
  }
}
/* Assure que le header est au-dessus de tout */
#shopify-section-header {
  position: relative;
  z-index: 9999;
}

/* Et le slider est en dessous du header */
#shopify-section-1538889093339 {
  position: relative;
  z-index: 1;
}

/* (déjà fait chez toi normalement) : on neutralise les clics sur le voile */
#shopify-section-1538889093339 .slide::before {
  pointer-events: none;
}
/* Couleur du lien "Toutes les collections" dans le méga-menu Catalogue */
#shopify-section-header .mega-menu a[href*="/collections/all"],
#shopify-section-header .megamenu a[href*="/collections/all"],
#shopify-section-header .header__submenu a[href*="/collections/all"],
#shopify-section-header .mega-menu a[href="/collections"],
#shopify-section-header .megamenu a[href="/collections"],
#shopify-section-header .header__submenu a[href="/collections"] {
  color: #FFB6A0 !important;        /* couleur normale */
}

#shopify-section-header .mega-menu a[href*="/collections/all"]:hover,
#shopify-section-header .megamenu a[href*="/collections/all"]:hover,
#shopify-section-header .header__submenu a[href*="/collections/all"]:hover,
#shopify-section-header .mega-menu a[href="/collections"]:hover,
#shopify-section-header .megamenu a[href="/collections"]:hover,
#shopify-section-header .header__submenu a[href="/collections"]:hover {
  color: #D0A97E !important;         /* couleur au survol */
}
/* --- Cartes produit : mise en forme des prix --- */
.product-item .grid-price {
  display: block;          /* le bloc prix prend toute la ligne */
  width: 100%;
  clear: both;
  margin: .25rem 0 .35rem; /* espace autour du bloc prix */
  line-height: 1.2;
}

.product-item .grid-price .price,
.product-item .grid-price .compare-price {
  display: block;          /* prix et prix barré sur des lignes séparées */
}

.product-item .grid-price .price {
  font-weight: 700;
  font-size: 1.05rem;      /* ajuste si tu veux un peu plus grand/petit */
  color: #4C1504;          /* ta teinte brune utilisée ailleurs */
}

.product-item .grid-price .compare-price {
  margin-top: .1rem;
  font-size: .95rem;
  color: #8c6d6d;          /* plus doux que le prix principal */
  text-decoration: line-through;
}

/* Un petit espace avant le titre pour éviter l'effet "collé" */
.product-item .product-title,
.product-item .grid-title,
.product-item h3 a {
  display: block;
  margin-top: .15rem;
}
/* --- Cartes produit : forcer prix sur sa propre ligne + espacement --- */

/* Le bloc prix prend toute la ligne */
.product-item .grid-price,
.product-item .product-price,
.product-item .price-wrapper {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: .25rem 0 .35rem !important;
  line-height: 1.2 !important;
}

/* Le prix et le prix barré sur des lignes séparées */
.product-item .grid-price .price,
.product-item .grid-price .compare-price,
.product-item .price,
.product-item .compare-price {
  display: block !important;
}

/* Style prix principal */
.product-item .grid-price .price,
.product-item .price {
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: #4C1504 !important;  /* ajuste si besoin */
}

/* Style prix barré */
.product-item .grid-price .compare-price,
.product-item .compare-price {
  margin-top: .1rem !important;
  font-size: .95rem !important;
  color: #8c6d6d !important;
  text-decoration: line-through !important;
}

/* Un petit espace avant le titre pour éviter l’effet “collé” */
.product-item .product-title,
.product-item .grid-title,
.product-item h3,
.product-item h3 a {
  display: block !important;
  margin-top: .15rem !important;
}
html body { outline: 2px solid transparent; }
/* --- Grille produits : Titre au-dessus, Prix en dessous --- */
.product-item .body{
  display: flex;
  flex-direction: column;
}

/* Le bloc qui contient le titre/description */
.product-item .product-description{
  order: 1;
}

/* Le bloc prix passe après */
.product-item .grid-price{
  order: 2;
  margin-top: .4rem;           /* petit espace sous le titre */
}

/* Style du prix courant */
.product-item .grid-price .price{
  font-weight: 700;
  font-size: 1rem;             /* ajuste 0.95rem ↔ 1.05rem selon ton goût */
  line-height: 1.2;
  color: #4C1504;              /* ta couleur d’accent */
}

/* Prix barré (compare_at_price) plus discret */
.product-item .grid-price .compare-price{
  font-weight: 500;
  font-size: .95rem;
  color: #9b7b6a;              /* ou #A88877 */
  text-decoration: line-through;
  margin-left: .35rem;
  opacity: .9;
}
/* Empile proprement description puis prix */
.product-item .body{
  display: flex;
  flex-direction: column;
}

/* 1) Titre / description en premier */
.product-item .product-description{
  order: 1;
  text-align: center;
}

/* 2) Prix ensuite, centré, dans une petite pastille */
.product-item .grid-price{
  order: 2;
  align-self: center;
  position: static !important;
  margin-top: .45rem;
  display: inline-flex;
  gap: .35rem;
  background: #F4E8E3;           /* pastille douce */
  padding: .18rem .55rem;
  border-radius: 999px;
  line-height: 1;
}

/* Prix courant */
.product-item .grid-price .price{
  font-weight: 700;
  font-size: 1rem;               /* ajuste 0.95–1.05rem si besoin */
  color: #4C1504;
}

/* Prix barré (compare_at_price) plus discret */
.product-item .grid-price .compare-price{
  font-weight: 500;
  font-size: .95rem;
  color: #9B7B6A;
  text-decoration: line-through;
  opacity: .9;
}
/* ===== Prix en pastille centré sous le titre – Collection cards ===== */

/* conteneur du prix */
.product-item .grid-price{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.6rem;                 /* espace entre prix actuel et prix barré */
  margin-top:.35rem;
  margin-bottom:.25rem;
  text-align:center;
}

/* prix actuel : pastille */
.product-item .grid-price .price{
  display:inline-block;
  padding:.18rem .6rem;
  line-height:1;
  background:#4C1504;        /* ta couleur de marque (peut être ajustée) */
  color:#fff;
  border-radius:999px;       /* pastille */
  font-weight:700;
  font-size:clamp(13px,.95vw,15px);
  white-space:nowrap;
}

/* prix barré : discret, à côté */
.product-item .grid-price .compare-price{
  font-size:clamp(12px,.9vw,14px);
  text-decoration:line-through;
  color:#8A736B;             /* ton camaïeu, plus doux */
  opacity:.9;
  white-space:nowrap;
}

/* optionnel : un peu plus d’air dans le bloc description */
.product-item .product-description{
  padding-inline: .6rem;
}
/* === Variante A : Prix en pastille centré sous le titre (forcé) === */

/* Conteneur du prix */
.template-collection .product-item .grid-price,
.collection-template .product-item .grid-price,
.product-grid .product-item .grid-price,
.product-item .grid-price{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:.6rem !important;                /* espace entre prix et prix barré */
  margin-top:.4rem !important;
  margin-bottom:.25rem !important;
  text-align:center !important;
}

/* Prix actuel = pastille */
.template-collection .product-item .grid-price .price,
.collection-template .product-item .grid-price .price,
.product-grid .product-item .grid-price .price,
.product-item .grid-price .price{
  display:inline-block !important;
  padding:.20rem .65rem !important;
  line-height:1 !important;
  background:#4C1504 !important;       /* ta couleur marque (modifiable) */
  color:#fff !important;
  border-radius:9999px !important;      /* pastille */
  font-weight:700 !important;
  font-size:clamp(13px,.95vw,15px) !important;
  white-space:nowrap !important;
}

/* Prix barré = plus discret, à côté */
.template-collection .product-item .grid-price .compare-price,
.collection-template .product-item .grid-price .compare-price,
.product-grid .product-item .grid-price .compare-price,
.product-item .grid-price .compare-price{
  font-size:clamp(12px,.9vw,14px) !important;
  text-decoration:line-through !important;
  color:#8A736B !important;             /* doux */
  opacity:.9 !important;
  white-space:nowrap !important;
}

/* Un peu d’air et centrage du descriptif sous le titre */
.template-collection .product-item .product-description,
.collection-template .product-item .product-description,
.product-grid .product-item .product-description,
.product-item .product-description{
  padding-inline:.6rem !important;
  text-align:center !important;         /* si tu préfères gauche, remets left */
}
}
/* === Carte produit : ordre, centrage et pastille prix === */

/* 1) La colonne du contenu (titre, prix, description) */
.product-item .body{
  display:flex !important;
  flex-direction:column !important;
}

/* 2) On positionne l'ordre : titre → prix → description */
.product-item .product-title{ order:20 !important; }
.product-item .grid-price,
.product-item .product-price,
.product-item .price-holder{ order:30 !important; }
.product-item .product-description{ order:40 !important; }

/* 3) Conteneur du prix centré */
.product-item .grid-price,
.product-item .product-price,
.product-item .price-holder{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:.6rem !important;
  flex-wrap:wrap !important;
  margin-top:.45rem !important;
  margin-bottom:.25rem !important;
  text-align:center !important;
}

/* 4) Pastille pour le prix courant */
.product-item .grid-price .price,
.product-item .product-price .price,
.product-item .price-holder .price,
.product-item .price:not(.compare-price){
  display:inline-block !important;
  padding:.22rem .70rem !important;
  line-height:1 !important;
  background:#4C1504 !important;     /* couleur marque */
  color:#fff !important;
  border-radius:9999px !important;
  font-weight:700 !important;
  font-size:clamp(13px,.95vw,15px) !important;
  white-space:nowrap !important;
  box-shadow:0 0 0 1px rgba(76,21,4,.08) inset;
}

/* Cas très fréquent : le thème colore le <span class="money"> */
.product-item .grid-price .price .money,
.product-item .product-price .price .money,
.product-item .price-holder .price .money,
.product-item .price:not(.compare-price) .money{
  color:#fff !important;
}

/* 5) Ancien prix barré, plus discret */
.product-item .grid-price .compare-price,
.product-item .product-price .compare-price,
.product-item .price-holder .compare-price,
.product-item .compare-price{
  font-size:clamp(12px,.9vw,14px) !important;
  text-decoration:line-through !important;
  color:#8A736B !important;
  opacity:.95 !important;
  white-space:nowrap !important;
}
/* === Cartes produit : bloc prix (minimal) === */
.product-item .grid-price{
  display:block;               /* prend toute la ligne sous le titre */
  margin:.25rem 0 .35rem;      /* petit espace autour du prix */
  line-height:1.2;
}

.product-item .grid-price .price{
  font-weight:700;
  font-size:1.05rem;
  color:#4C1504;               /* la teinte brune déjà utilisée */
}

.product-item .grid-price .compare-price{
  font-size:.95rem;
  color:#8c6d6d;               /* plus doux que le prix principal */
  text-decoration:line-through;
  margin-left:.25rem;
}