/* Bannière accueil : par défaut, largeur 100% + hauteur au ratio naturel de l'image
   (comportement sûr : marche que le parent soit un bloc normal, empilé, ou flex). */
.ps-bannersponsored,
.ps-bannersponsored__link {
    display: block;
    width: 100%;
}

.ps-bannersponsored__img {
    display: block;
    width: 100%;
    height: auto;
}

/* Modificateur optionnel : remplir toute la hauteur du parent.
   À utiliser UNIQUEMENT si la bannière est le seul enfant d'un conteneur
   ayant une hauteur définie (ex: colonne "stretch" dans une ligne flex) —
   sinon height:100% déborde du bloc (cf. bug rencontré : bannière géante
   qui recouvrait les produits en dessous). */
.ps-bannersponsored--fill,
.ps-bannersponsored--fill .ps-bannersponsored__link {
    height: 100%;
}
.ps-bannersponsored--fill .ps-bannersponsored__img {
    height: 100%;
    object-fit: cover; /* remplit tout le cadre, recadre l'excédent, sans déformer */
}

/* Variante : voir l'image entière quitte à laisser des bandes vides (avec --fill). */
.ps-bannersponsored--contain .ps-bannersponsored__img {
    object-fit: contain;
}