/* phones: price, amount and basket button slide in when the real button is out of view (stickytobasket.js) */
.fd-sticky-tobasket { display: none; }

@media (max-width: 991.98px) {
    /* at the very bottom; the fixed icons move up above it while it is shown */
    .fd-sticky-tobasket {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        /* 15px taller than before, split top/bottom so the content stays vertically
           centred, plus more room at the sides: the iPhone's rounded screen corners
           cut off price and button otherwise */
        min-height: calc(54px + 15px);
        padding: calc(.6rem + 7.5px) 20px calc(.6rem + 7.5px + env(safe-area-inset-bottom));
        background: #fff;
        border-top: 1px solid #f1ebe2;
        box-shadow: 0 -4px 16px rgba(79, 52, 41, .12);
        transform: translateY(100%);
        /* hide only after sliding out */
        transition: transform .25s ease, visibility 0s linear .25s;
        visibility: hidden;
    }
    .fd-sticky-tobasket.is-visible {
        transform: translateY(0);
        transition: transform .25s ease, visibility 0s;
        visibility: visible;
    }
    .fd-sticky-tobasket-price {
        color: #79aaaf;
        font-family: Rounded-Bold, Arial, Helvetica, sans-serif;
        font-size: 1.15rem;
        white-space: nowrap;
    }
    .fd-sticky-tobasket-pricebox { display: flex; flex-direction: column; justify-content: center; gap: .2rem; }
    .fd-sticky-tobasket-price { line-height: 1; }
    /* unit price (PAngV), small like in the buy box */
    .fd-sticky-tobasket-unit {
        color: #a8875a;
        font-family: Rounded-Reg, Arial, Helvetica, sans-serif;
        font-size: .75rem;
        line-height: 1;
        white-space: nowrap;
    }
    .fd-sticky-tobasket-actions { display: flex; align-items: center; gap: .5rem; }
    .fd-sticky-tobasket .amount-wrapper { display: flex; align-items: center; }
    /* same field as in the buy box above */
    .fd-sticky-tobasket .amount-wrapper input { width: 70px; background-color: #fff4e5; }
    .fd-sticky-tobasket .btn { white-space: nowrap; }

    /* fixed icons (contact widget, food bag tab, consentmanager recall) sit above the bar
       while it is shown - by its measured height (--fd-sticky-tobasket-height, set by the script) */
    #contact-widget-toggle,
    #sidebar,
    #cmpboxrecall { transition: transform .25s ease; }
    body.fd-sticky-tobasket-open #contact-widget-toggle,
    body.fd-sticky-tobasket-open #sidebar,
    body.fd-sticky-tobasket-open #cmpboxrecall {
        transform: translateY(calc(-1 * var(--fd-sticky-tobasket-height, 64px))) !important;
    }
}