.content{overflow:auto}

/* === S3 v2: CLS Prevention (CSS-only, no template changes) === */

/* Logo: HTML has width=243 height=66. CSS ensures responsive. */
#logo {
    width: auto;
    max-width: 243px;
    height: auto;
}

/* Footer logo: HTML has width=160 height=43. */
#footer-logo {
    width: auto;
    max-width: 160px;
    height: auto;
}

/* Product image container: reserve space to prevent CLS */
.badge-wrapper .image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Balls.gif spinner: contain within reserved space */
.badge-wrapper .image img.product-first-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Promo container: already has height:200px in theme CSS,
   ensure images don't break out */
.ep-promo-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}