/* Page spécifique : Épilation – Femme & Homme — L'Amelodie */

/* Titres */
#epilation .section-title { letter-spacing: 0; }

/* Alignement des colonnes prix quand l’intitulé est long */
#epilation .price-grid .label { max-width: 68%; }

/* Note discrète */
#epilation .note { font-size: .9rem; opacity: .8; }

/* ======== NAV COLLANTE (desktop ≥ 992px) ======== */
#epilation .ongles-layout { align-items: start; overflow: visible; }
#epilation .ongles-nav{
  position: sticky;
  top: 6rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: visible;
}
#epilation .ongles-nav .nav-card{ position: relative; z-index: 2; }
#epilation .ongles-nav .nav-card.muted,
#epilation .ongles-nav .nav-card.small{ z-index: 1; }
#epilation .ongles-nav .nav-card + .nav-card{ margin-top: 0; }

/* ======== COUPURE MOBILE/TABLET (< 992px) ======== */
@media (max-width: 992px){
  #epilation .ongles-layout { align-items: stretch; }
  #epilation .ongles-nav,
  #epilation .ongles-nav .nav-card{
    position: static !important;
    top: auto !important;
    z-index: initial !important;
  }
}

/* ======== TOUCH DEVICES (vrai mobile) ========
   Désactive sticky sur appareils à pointeur "coarse" (tactile) */
@media (hover: none) and (pointer: coarse){
  #epilation .ongles-nav,
  #epilation .ongles-nav .nav-card{
    position: static !important;      /* écrase sticky et -webkit-sticky */
    top: auto !important;
    z-index: initial !important;
  }
}

/* ======== iOS SAFARI ciblage supplémentaire ========
   (hack CSS bénin reconnu uniquement par WebKit mobile) */
@supports (-webkit-touch-callout: none){
  #epilation .ongles-nav,
  #epilation .ongles-nav .nav-card{
    position: static !important;
    top: auto !important;
    z-index: initial !important;
  }
}