/**
 * An upsell shown after the page has loaded (D18): its placeholder (UpsellsControllerFR_cl::placeholderHtml()), loaded
 * with upsells_loader.js on the pages that have one, whatever the upsell's type.
 */

/* ─── An upsell shown after the page has loaded (D18): its place until the answer comes ────────────────────────────
   It reserves room so the page moves little when the cards arrive (content-visibility + contain-intrinsic-size, the
   custom blocks' placeholder, custom_blocks_fr.css); the design's own container rule (`.cl-upsell-{id}`, its margin)
   applies to it too. upsells_loader.js replaces it, or removes it when the answer is empty or fails. */
.cl-upsells-loader {
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
    min-height: 320px;
}
@media (max-width: 767.98px) {
    .cl-upsells-loader {
        contain-intrinsic-size: auto 400px;
        min-height: 400px;
    }
}