/* soins.css — page "Nos soins" (template liste), cf. pages/page-soins.md */

/* Bandeau d'intro : composant partage components/page-banner.css */

/* ===== Barre de filtres : centree, fondue avec la grille (page-soins.md §3) ===== */
.soins-filter-section {
  padding-top: var(--space-2xl);
}

/* Transition douce lors du changement de filtre (page-soins.md §4 : eviter le rearrangement brutal) */
[data-soins-filter-bar] ~ .grid {
  transition: opacity 200ms var(--easing-standard), transform 200ms var(--easing-standard);
}

[data-soins-filter-bar] ~ .grid.is-filtering {
  opacity: 0;
  transform: translateY(8px);
}

@media (prefers-reduced-motion: reduce) {
  [data-soins-filter-bar] ~ .grid.is-filtering {
    transform: none;
  }
}

/* Bandeau CTA de fin de page : composant partage _cta-band.php / components/cta-band.css */