/* ═══ Encarts publicitaires dans les listes ═══
   L'encart occupe une cellule de la grille, comme une vignette produit :
   rien à faire de plus, la grille s'en occupe. */

body.cd-theme ul.products li.product.cd-pub{
  border:1px solid var(--peau);background:var(--peau-p);overflow:hidden;
  display:flex;flex-direction:column}
body.cd-theme ul.products li.product.cd-pub:hover{transform:none;box-shadow:var(--ombre)}
body.cd-theme ul.products li.product.cd-pub-large{grid-column:span 2}

.cd-pub-lien{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}

/* La mention est obligatoire, et elle doit rester lisible : une publicité
   déguisée en produit n'est pas loyale envers le client. */
.cd-pub-mention{position:absolute;top:8px;left:8px;z-index:2;
  font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
  background:rgba(255,255,255,.86);color:var(--d);padding:.16rem .45rem;border-radius:var(--r-pill)}

/* ─── le visuel d'une publicité occupe toute la largeur, sans rognage ───
   Une bannière ou une vidéo est composée : la recadrer en 4/5 comme une
   vignette produit en coupe la moitié. Elle garde donc ses proportions et
   la carte s'ajuste à elle. Seules les mises en avant de produits du
   catalogue conservent le format des vignettes, plus bas. */
.cd-pub-vis{position:relative;overflow:hidden;background:var(--f2);display:block}
.cd-pub-vis img,.cd-pub-vis video{width:100%;height:auto;display:block;margin:0;
  aspect-ratio:auto;object-fit:contain}

/* L'affiche fixe ne sert qu'aux visiteurs qui refusent les animations ;
   partout ailleurs c'est la vidéo qui parle.

   ⚠ La bascule est enfermée dans `.cd-pub-a-affiche`, qui n'existe QUE si une
   image d'attente a été fournie. Écrite au niveau du dessus, elle laissait un
   cadre vide aux visiteurs sans animation dès qu'un encart n'en avait pas. */
.cd-pub-a-affiche{display:contents}
.cd-pub-fixe{display:none}
@media (prefers-reduced-motion:reduce){
  .cd-pub-a-affiche .cd-pub-video{display:none}
  .cd-pub-a-affiche .cd-pub-fixe{display:block}
}

.cd-pub-txt{padding:.75rem .85rem .9rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.cd-pub-titre{font-family:var(--titre);font-size:1.02rem;font-weight:400;line-height:1.2;color:var(--t)}
.cd-pub-texte{font-size:.8rem;line-height:1.45;color:var(--t2)}
.cd-pub-bouton{margin-top:auto;align-self:flex-start;background:var(--a);color:#fff;
  font-size:.74rem;letter-spacing:.03em;padding:.42rem .9rem;border-radius:var(--r-pill);
  transition:background .2s}
.cd-pub-lien:hover .cd-pub-bouton{background:var(--a-fonce)}

/* Ciblage par écran : on masque, mais l'encart reste dans la grille pour ne
   pas décaler la pagination visuelle. */
@media (max-width:640px){ body.cd-theme ul.products li.product.cd-pub-bureau{display:none} }
@media (min-width:641px){ body.cd-theme ul.products li.product.cd-pub-mobile{display:none} }
@media (max-width:640px){ body.cd-theme ul.products li.product.cd-pub-large{grid-column:span 2} }

/* ─── encart « produit mis en avant » ───
   Il reprend la vignette et le prix d'une fiche : le fond reste celui d'une
   publicité pour que le client voie la différence avec un résultat de la
   liste, mais la mention est juste — c'est notre produit, pas une réclame. */
/* La mise en avant montre un produit du catalogue : elle garde exactement le
   format des vignettes voisines, sans quoi la ligne perdrait son alignement. */
body.cd-theme ul.products li.product.cd-pub-produit .cd-pub-vis img{
  aspect-ratio:4/5;height:100%;object-fit:contain;background:var(--s)}
.cd-pub-prix{font-family:var(--mono);font-size:.86rem;color:var(--a-fonce);
  font-variant-numeric:tabular-nums}
.cd-pub-prix del{color:var(--d);font-size:.78rem;margin-right:.35rem}
.cd-pub-prix ins{text-decoration:none}

/* Le bouton d'une mise en avant se centre : la carte imite une vignette
   produit, dont le bouton d'ajout occupe toute la largeur — un bouton collé
   à gauche y ferait tache. */
body.cd-theme ul.products li.product.cd-pub-produit .cd-pub-bouton{align-self:center}