/* cl26.10.25 : zoom x1.2 au survol des petits encadrés — même effet que ipadmedical (css/theme.css)
   propriété scale : n'écrase pas les transform existants. Fichier à part : theme.css est compilé depuis scss/. */
.card.card-shadow,.card.card-ghost,.card.g-bg-beige.p-3,.card.col.px-0{
  position:relative;z-index:1;scale:1;transform-origin:center;transition:scale .45s cubic-bezier(.34,1.4,.64,1),box-shadow .45s ease}
.card.card-shadow:hover,.card.card-ghost:hover,.card.g-bg-beige.p-3:hover,.card.col.px-0:hover{
  scale:1.2;z-index:5;box-shadow:0 34px 70px -30px rgba(0,63,59,.55)}
/* les cartes d'articles sont transparentes : fond de page au survol pour masquer les voisines */
.card.card-ghost:hover{background-color:#fff}
@media (hover:none){.card.card-shadow:hover,.card.card-ghost:hover,.card.g-bg-beige.p-3:hover,.card.col.px-0:hover{scale:1}}
@media (prefers-reduced-motion:reduce){.card.card-shadow,.card.card-ghost,.card.g-bg-beige.p-3,.card.col.px-0{transition:none}}

/* pas de zoom au survol sous 1200 px */
@media (max-width:1199.98px){
  .card.card-shadow:hover,.card.card-ghost:hover,.card.g-bg-beige.p-3:hover,.card.col.px-0:hover{scale:1}
}

/* les blocs « bienfaits » et articles sont dans un parent overflow-hidden qui rognait le zoom ;
   vérifié : ces parents ne masquent rien et ne créent pas de défilement horizontal -> libérés là où le zoom est actif */
@media (min-width:1200px) and (hover:hover){
  .overflow-hidden:has(.card.col.px-0),.articles.overflow-hidden{overflow:visible !important}
}