/* SM Ad-Link v1.6 — optional custom images and clickable image-only creatives. */
.smal-image-link { display:block; overflow:hidden; text-decoration:none; line-height:0; }
.smal-ad-image { display:block; width:100%; height:auto; max-width:100%; }
.smal-ad-image--contain { object-fit:contain; }
.smal-ad-image--cover { object-fit:cover; }

/* Custom promotion with an image in editorial Cards layout. */
.smjf.smal-multi.smjf--cards .smal-creative-card--has-image .smal-card-media {
    display:block; width:100%; aspect-ratio:16 / 9;
}
.smjf.smal-multi.smjf--cards .smal-creative-card--has-image .smal-card-media img {
    width:100%; height:100%; object-fit:contain;
}
.smjf.smal-multi.smjf--cards .smal-creative-card--has-image .smal-card-media img.smal-ad-image--cover {
    object-fit:cover;
}
.smjf.smal-multi.smjf--cards .smal-creative-card--has-image .smjf__body { min-height:0; }

/* Image-only cards have no injected text or padding. */
.smjf.smal-multi .smal-creative-card--image-only { display:block; background:transparent; }
.smjf.smal-multi .smal-creative-card--image-only .smal-image-link { width:100%; }
.smjf.smal-multi .smal-creative-card--image-only img { width:100%; height:auto; }

/* Standalone custom promotions can show an optional image. */
.smal--has-image { display:flex; align-items:center; gap:20px; }
.smal--has-image .smal-promo-media { flex:0 0 35%; max-width:35%; }
.smal--has-image .smal__content { flex:1; }

/* Standalone image-only creative keeps the same managed placement width. */
.smal.smal--image-only { padding:0; border:0; background:transparent; overflow:hidden; }
.smal.smal--image-only .smal-image-link { display:block; width:100%; }
.smal.smal--image-only img { width:100%; height:auto; }

@media (max-width:767px) {
    .smal--has-image { flex-direction:column; align-items:stretch; }
    .smal--has-image .smal-promo-media { flex:none; max-width:100%; }
}