.mobile-sticky-promo {
    display: none;
}

@media (max-width: 576px) {
    body.has-mobile-sticky-promo {
        padding-bottom: 6.75rem;
    }

    .mobile-sticky-promo {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1045;
        display: block;
        padding: 0 0.5rem calc(env(safe-area-inset-bottom, 0px) + 0.45rem);
    }

    .mobile-sticky-promo[hidden] {
        display: none !important;
    }

    .mobile-sticky-promo__inner {
        position: relative;
        max-width: 500px;
        margin: 0 auto;
    }

    .mobile-sticky-promo__link {
        display: block;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.28);
        background: #111;
    }

    .mobile-sticky-promo__image {
        display: block;
        width: 100%;
        max-width: 500px;
        height: auto;
        aspect-ratio: 5 / 1;
        object-fit: cover;
    }

    .mobile-sticky-promo__close {
        position: absolute;
        top: 50%;
        right: 1.55rem;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: rgba(17, 17, 17, 0.82);
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32);
    }
}