/* Promo (Halloween) version of the main screen, enabled by the promo_mode setting */
.ms.ms_promo {
    background: #090527 url(hero.webp) no-repeat center top;
    background-size: max(1430px, 100%) auto;
}

.ms_promo .ms-promo-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.ms_promo .ms-promo-title {
    display: block;
    margin: 20px auto 24px;
    max-width: 100%;
    height: auto;
}

.ms-item-promo {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 3;
    width: 89px;
    height: 84px;
    pointer-events: none;
}

@media(max-width: 768px) {
    .ms.ms_promo {
        background-size: auto 480px;
    }
    .ms_promo .ms-promo-title {
        margin: 12px auto 16px;
        width: 320px;
    }
    .ms-item-promo {
        width: 56px;
        height: 53px;
    }
    .ms-item-promo + .ms-item-row .ms-item-link {
        margin-right: 40px;
    }
}