/**
 * product-desktop-2col.css — Fiche produit desktop 2 colonnes.
 * >= 1024 px : Bloc E (réassurance product-boost) + Bloc F (topmeta format)
 *              sont déplacés SOUS la photo produit, à la place d'être dans la col droite.
 * < 1024 px : rien ne change (ordre actuel maintenu, mobile inchangé).
 *
 * Le déplacement DOM est fait par product-desktop-2col.js.
 * Ce CSS ne fait que styler les blocs une fois déplacés en col image.
 */

@media (min-width: 1024px) {

  /* Container image accueille désormais les blocs E + F sous la photo */
  #product .col-product-image {
    display: flex;
    flex-direction: column;
  }

  /* Après déplacement : le bloc va sous la photo, largeur = col image */
  #product .col-product-image .eg-boost-wrap,
  #product .col-product-image .eg-product-topmeta {
    width: 100%;
    max-width: none;
    margin-top: 14px;
  }

  /* Version compacte des pastilles/badges pour ne pas dépasser la largeur photo */
  #product .col-product-image .eg-product-topmeta {
    padding: 12px 14px;
  }
  #product .col-product-image .eg-boost-wrap {
    margin-bottom: 0;
  }
}

/* Anti-flash : masque brièvement les blocs jusqu'au move (évite double affichage) */
@media (min-width: 1024px) {
  .eg-desktop-move-pending .eg-boost-wrap,
  .eg-desktop-move-pending .eg-product-topmeta {
    visibility: hidden;
  }
}