.shoppingCartCompact .c-productsPopup {
    margin-top: -1000px;
    opacity: 0;
    transition: opacity .3s ease .7s, margin-top .5s ease .6s;
}

.shopping-cart-compact--peekInto .c-productsPopup {
    opacity: 1;
    margin-top: 50px;
    transition: opacity 0.5s ease .5s, margin-top 0.5s ease .2s;
}

.c-productsPopup {
    display: none;
}

@media (min-width: 768px) {
    .c-productsPopup {
        display: block;

        & .c-productsPopup__title,
        & .c-productsPopup__productTitle,
        & .c-productsPopup__productPrices,
        & .c-productsPopup__totalPrice {
            font-size: 1em;
        }
    }
}