/** Shopify CDN: Minification failed

Line 160:0 Unexpected "}"
Line 227:94 Expected ":"

**/
/* 1. On affine la barre blanche */
  .header-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0; /* Petit trait fin de séparation */
  }

  /* 2. Le Menu : police du site (Baskerville n'existe pas sous Windows et retombait sur Times New Roman) */
  .header__menu-item {
    font-family: var(--font-body-family) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
  }

  /* 3. Logo (si texte) + Icônes */
  .header__heading-link {
    font-family: var(--font-body-family) !important;
    letter-spacing: 0.22em !important;
    font-weight: normal !important;
  }
  
  .header__icon svg {
    transform: scale(0.9); /* Icônes un peu plus discrètes */
  }

/* Optionnel : Cacher les flèches si tu ne veux que les points */
.slider-button .icon-caret {
  display: none !important;
}

/* === CLEANING FINAL DU FOOTER === */

  /* 1. ADIEU le sélecteur moche */
  .footer__content-bottom .localization-selector,
  .footer__payment {
    display: none !important;
  }

  /* 2. RAPPROCHEMENT Logo <-> Texte */
  @media screen and (min-width: 750px) {
    .footer-block--brand {
      margin-right: 0px !important; /* On colle le logo à droite */
      padding-right: 15px !important; /* Petit espace fin */
    }
    .footer-block--text {
      padding-left: 0 !important; /* On colle le texte à gauche */
    }
  }

  /* 3. COPYRIGHT CENTRÉ et PROPRE */
  .footer__content-bottom {
    border-top: 1px solid rgba(0,0,0,0.05) !important; /* Ligne ultra-fine */
    padding-top: 25px !important;
  }
  .footer__copyright {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    font-size: 10px !important;
    letter-spacing: 1px;
    opacity: 0.5;
  }

/* === MOBILE GOD MODE (CORRIGÉ : VRAI SÉLECTEUR) === */
@media screen and (max-width: 768px) {

  /* Assure que l'image reste au fond */
  .slideshow__media, .banner__media { z-index: 0 !important; }
  .slideshow__text-wrapper, .banner__content { 
    z-index: 2 !important; 
    justify-content: flex-end !important; /* Par défaut en bas */
    padding-bottom: 20px !important; 
  }

  /* ================================================= */
  /*               DIAPO 1 (VISAGE FEMME)              */
  /*       (Sélecteur : LE PREMIER BLOC TYPE DIAPO)    */
  /* ================================================= */

  /* 1. TITRE DIAPO 1 */
  .slideshow__slide:nth-of-type(1) h2.banner__heading {
    position: relative !important;
    font-size: 24px !important; text-align: center !important;
    transform: translate(0px, -40px) !important; /* JOYSTICK TITRE 1 */
  }

  /* 2. SOUS-TITRE DIAPO 1 */
  .slideshow__slide:nth-of-type(1) .banner__text {
    position: relative !important;
    font-size: 13px !important; text-align: center !important;
    transform: translate(0px, 0px) !important; /* JOYSTICK SOUS-TITRE 1 */
  }

  /* 3. BOUTON DIAPO 1 */
  .slideshow__slide:nth-of-type(1) .banner__buttons {
    position: relative !important;
    justify-content: center !important;
    transform: translate(0px, 70px) !important; /* JOYSTICK BOUTON 1 */
  }


  /* ================================================= */
  /*               DIAPO 2 (PARFUMS KENZIE)            */
  /*       (Sélecteur : LE DEUXIÈME BLOC TYPE DIAPO)   */
  /* ================================================= */

  /* 4. TITRE DIAPO 2 (Kenzie) */
  .slideshow__slide:nth-of-type(2) h2.banner__heading {
    position: relative !important;
    font-size: 24px !important; text-align: center !important;
    transform: translate(0px, -50px) !important; /* JOYSTICK TITRE 2 */
  }

  /* 5. SOUS-TITRE DIAPO 2 (Petit prix) */
  .slideshow__slide:nth-of-type(2) .banner__text {
    position: relative !important;
    font-size: 13px !important; text-align: center !important;
    transform: translate(0px, 0px) !important; /* JOYSTICK SOUS-TITRE 2 */
  }

  /* 6. BOUTON DIAPO 2 */
  .slideshow__slide:nth-of-type(2) .banner__buttons {
    position: relative !important;
    justify-content: center !important;
    transform: translate(0px, 80px) !important; /* JOYSTICK BOUTON 2 */
  }

  /* ================================================= */
  /*               DIAPO 3 (NOUVELLE DIAPO)            */
  /*       (Sélecteur : LE TROISIÈME BLOC TYPE DIAPO)  */
  /* ================================================= */
  /* 7. TITRE DIAPO 3 */
  .slideshow__slide:nth-of-type(3) h2.banner__heading {
    position: relative !important;
    font-size: 24px !important; text-align: center !important;
    transform: translate(0px, -40px) !important; /* JOYSTICK TITRE 3 */
  }
  /* 8. SOUS-TITRE DIAPO 3 */
  .slideshow__slide:nth-of-type(3) .banner__text {
    position: relative !important;
    font-size: 13px !important; text-align: center !important;
    transform: translate(0px, 0px) !important; /* JOYSTICK SOUS-TITRE 3 */
  }
  /* 9. BOUTON DIAPO 3 */
  .slideshow__slide:nth-of-type(3) .banner__buttons {
    position: relative !important;
    justify-content: center !important;
    transform: translate(0px, 90px) !important; /* JOYSTICK BOUTON 3 */
  }
}
}

/* === 🚫 0. CACHER LE BADGE "ÉPUISÉ" (PARTOUT) === */
.product-grid .card__badge, .product-grid .badge, .product-grid .badge--bottom-left { display: none !important; }

/* === MOBILE V18 : FIX IMAGES + CONTAINERS (CAGE EN ACIER) === */
@media screen and (max-width: 768px) {

  /* --- 🔧 1. FIX STRUCTURE (On verrouille la largeur) --- */
  .product-recommendations .grid, 
  .product-recommendations .slider-mobile-gutter {
    display: flex !important; flex-wrap: wrap !important; margin: 0 !important; width: 100% !important;
  }
  
  .product-recommendations .grid__item {
    /* ON FORCE LA LARGEUR À 50% PILE (moins le padding) */
    width: 50% !important; 
    max-width: 50% !important; 
    flex: 0 0 50% !important;
    padding: 0 5px !important; 
    margin-bottom: 20px !important;
    box-sizing: border-box !important; /* Important */
  }

  /* --- 🔧 2. FIX IMAGES (On coupe ce qui dépasse) --- */
  .product-recommendations .card-wrapper,
  .product-recommendations .card {
    height: 100% !important;
    display: flex !important; 
    flex-direction: column !important;
  }

  .product-recommendations .card__inner,
  .product-recommendations .card__media {
    /* ON DÉFINIT LE CARRÉ ICI */
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; 
    position: relative !important;
    overflow: hidden !important; /* Coupe l'image géante */
    border-radius: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
  }

  .product-recommendations .card__media img {
    /* L'IMAGE DOIT RENTRER DANS LE CARRÉ */
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; /* Remplissage propre */
    max-width: none !important;
    max-height: none !important;
  }

  .product-recommendations .card__content {
    padding: 5px !important; height: auto !important; width: 100% !important;
  }

  /* --- ✅ 3. STYLES TEXTES (TES RÉGLAGES) --- */
  .product-grid .card__heading, .product-grid .card__heading a,
  .product-recommendations .card__heading, .product-recommendations .card__heading a { 
    font-size: 12px !important; font-weight: 400 !important; text-transform: none !important; margin-bottom: 5px !important; line-height: 1.1 !important;
    min-height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin-top: 5px !important;
  }

  .product-grid .caption-with-letter-spacing,
  .product-recommendations .caption-with-letter-spacing {
    font-size: 9px !important; letter-spacing: 1px !important; opacity: 0.8 !important; center !important; margin-bottom: 2px !important; min-height: 15px !important; margin-top: 5px !important;
    display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; text-align: center !important;
  }

  .product-grid .product-inspiration,
  .product-recommendations .product-inspiration {
    font-size: 10px !important; color: #666 !important; font-style: italic !important; font-weight: 400 !important;
    margin-top: 10px !important; margin-bottom: 2px !important;
    width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; height: 15px !important;
  }
  
  .product-grid .price, .product-grid .price-item, .product-grid .price__container,
  .product-recommendations .price, .product-recommendations .price-item {
    font-size: 10px !important; font-weight: 500 !important;
    margin-top: 20px !important; margin-bottom: 5px !important;
    display: flex !important; align-items: center !important; justify-content: center !important; height: 20px !important; width: 100% !important;
  }

  .product-grid .product-form, .product-grid .quick-add, .product-grid product-form, .product-grid form,
  .product-recommendations .product-form, .product-recommendations .quick-add, .product-recommendations form { 
    width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important;
    margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; padding: 0 !important; margin-top: 5px !important; 
  }
  
  .product-grid .quick-add__submit,
  .product-recommendations .quick-add__submit {
    margin: 0 auto !important; font-size: 11px !important; min-height: 32px !important; padding: 0 10px !important; width: 100% !important; max-width: 140px !important;
  }
  
  /* NETTOYAGE */
  .card__inner .card__information { display: none !important; }
}

/* === MOBILE V31 : RECOMMANDATIONS (ALIGNEMENT FINAL) === */
@media screen and (max-width: 768px) {

  /* 1. TITRE (Tout en haut) */
  [data-section-id*="related-products"] .card__heading,
  [data-section-id*="related-products"] .card__heading a {
    font-size: 12px !important;
    min-height: 30px !important;     /* Hauteur fixe pour aligner */
    line-height: 1.1 !important;
    margin-bottom: 0 !important;     /* On colle au suivant */
    margin-top: 5px !important;
    display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;
    font-weight: 400 !important; text-transform: none !important; 
  }

  /* 2. MARQUE (Juste sous le titre) */
  [data-section-id*="related-products"] .caption-with-letter-spacing {
    font-size: 10px !important;
    margin-top: 0px !important;      /* Petit espace */
    margin-bottom: 0px !important;
    opacity: 0.8 !important; letter-spacing: 1px !important; 
    display: flex !important; justify-content: center !important; width: 100% !important; text-align: center !important;
  }

  /* 3. PROFIL OLFACTIF (Juste sous la marque) */
  [data-section-id*="related-products"] .product-inspiration,
  [data-section-id*="related-products"] .card-information .product-inspiration {
    font-size: 10px !important;
    margin-top: 15px !important;      /* Collé à la marque */
    margin-bottom: 5px !important;
    color: #666 !important; font-style: italic !important; font-weight: 400 !important;
    display: flex !important; justify-content: center !important; width: 100% !important; text-align: center !important;
  }

  /* 4. PRIX (Un peu plus bas) */
  [data-section-id*="related-products"] .price,
  [data-section-id*="related-products"] .price-item {
    font-size: 10px !important;
    margin-top: 5px !important;      /* Espace avant le prix */
    margin-bottom: 5px !important;
    font-weight: 500 !important; 
    display: flex !important; justify-content: center !important; width: 100% !important;
  }

  /* 5. BOUTON (Tout en bas) */
  [data-section-id*="related-products"] .product-form, 
  [data-section-id*="related-products"] .quick-add,
  [data-section-id*="related-products"] form {
    margin-top: 0 !important;
    width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important;
  }

  [data-section-id*="related-products"] .quick-add__submit {
    font-size: 11px !important;
    min-height: 32px !important; padding: 0 10px !important; width: 100% !important; max-width: 140px !important; margin: 0 auto !important;
  }
}