/* ==========================================================================
   YONA : les pages de la boutique sur l'architecture de L'Art des Sens (27/10/2026).
   Accueil (ouverture courte, routine achetable) · catalogue · gammes · fiche · recherche · page introuvable.
   La coquille (en-tête, recherche, feuille, tiroir, filtres) vit dans navigation.css.
   ========================================================================== */

/* ---------- l'accueil : acheter dès le deuxième écran ---------- */
.fiche-soin{display:flex;flex-direction:column}
.fiche-soin__lien{flex:1}
.fiche-soin__ajout{width:100%;margin-top:var(--e3)}
.lue__actions{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e4)}
@media (max-width:979.98px){
  /* L'ouverture : le titre, la nuée, le bouton, puis la phrase ; la scène un peu plus basse qu'à l'essai. */
  .ah--boutique .ah__in{grid-template-areas:"s" "t" "scene" "actions" "lead";padding-block:var(--e3) var(--e5)}
  .ah--boutique .nuee{--H:clamp(15rem,34svh,20rem)}
  .ah--boutique .ah__actions{margin-top:var(--e3)}
  .ah--boutique .ah__actions .btn{flex:1 1 100%}
  .ah--boutique .ah__lead{margin-top:var(--e3);font-size:var(--t-petit)}
  .fiches--achat{padding-top:var(--e5)}
  .fiches--achat .fiches__rail{grid-auto-columns:min(66vw,19rem);gap:var(--e3)}
  /* La revendeuse, sur l'accueil du téléphone : ses textes et ses étapes, sans la photo de décor (un écran de moins). */
  .est-accueil .rev__media{display:none}
}

/* ---------- le catalogue, les gammes, les pages qui proposent des soins ---------- */
.produits>[hidden]{display:none!important}
.catalogue{padding-top:var(--e4)}
.catalogue .filtres{margin-top:0}
.catalogue__grille{margin-top:var(--e4)}
.gamme-grille,.soins-a-acheter{padding-top:var(--e5)}
.recherche-page{padding-top:var(--e4)}
.recherche-page .recherche{margin-bottom:var(--e5)}
.recherche-page__vide{margin:var(--e4) 0 0}
.suite-soins{display:flex;justify-content:center;padding-block:var(--e5) 0}