/* A card without its own picture shows the Sanam logo (inc/card-logo.php). Fills its card's picture box. */
.sanam-card-logo {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(90% 80% at 50% 40%, rgb(228 170 88 / .2), transparent 70%),
        linear-gradient(140deg, #6e292a, #521e1f);
}
.sanam-card-logo img {
    position: relative;
    display: block;
    width: min(54%, 240px);
    height: auto;
    filter: drop-shadow(0 8px 18px rgb(20 6 8 / .35));
    transition: transform .6s ease;
}
:is(a, article):hover > * > .sanam-card-logo img,
:is(a, article):hover > .sanam-card-logo img { transform: scale(1.05); }

/* Small boxes (profile course thumbnails, trainer photo): the logo larger. */
.sanam-card-logo.is-small img { width: 72%; }

/* Service cards: the logo sits behind the text like the photo would, a little higher. */
.service-card > .sanam-card-logo { z-index: -2; place-items: start center; padding-top: 22%; }
.service-card > .sanam-card-logo img { width: min(58%, 230px); }

/* Article cards keep the 16:10 box when there is no cover. */
.sanam-article-card__media:has(.sanam-card-logo) { aspect-ratio: 16 / 10; }

/* Trainer photo circle. */
.sa-trainer-card__photo:has(.sanam-card-logo) { position: relative; display: block; }