body {
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) 0 constant(safe-area-inset-left);
    padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
.dru-footer-wrapper #dru-assist-footer #dru-assist-ribbon {
    bottom:calc(2*constant(safe-area-inset-bottom));
    bottom: calc(2*env(safe-area-inset-bottom));
}
.fixed-footer {
    padding-bottom:calc(2*constant(safe-area-inset-bottom));
    padding-bottom:calc(2*env(safe-area-inset-bottom));
}
body.dru-visible .fixed-footer{
    padding-bottom: 10px;
    bottom: calc( calc(2*constant(safe-area-inset-bottom)) + 55px);
    bottom: calc( calc(2*env(safe-area-inset-bottom)) + 55px);
}
body.dru-visible.basket-open div.basket.basket-appearance.open {
    bottom: calc( calc(2*constant(safe-area-inset-bottom)) + 55px);
    bottom: calc( calc(2*env(safe-area-inset-bottom)) + 55px);
}
body.basket-open div.basket.basket-appearance.open {
    bottom: calc(2*constant(safe-area-inset-bottom));
    bottom: calc(2*env(safe-area-inset-bottom));
}
@supports(padding: constant(safe-area-inset-bottom)) {
    body.au .fixed-footer {
        background: rgba(0,0,0,1);
    }
    body.nz .fixed-footer {
        background: rgba(0,0,0,1);
    }
    body.fr .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.de .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.be .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.nl .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    @media screen and (min-width: 374px) {
        .iphonex_padding {
            display: none;
        }
        .dru-visible .iphonex_padding {
            display: block;
            position: fixed;
            bottom: 0;
            height: calc(2*constant(safe-area-inset-bottom));
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            transition: all 100ms ease;
            overflow: hidden;
            width: 100% !important;
            left: 0% !important;
            margin-left: 0px !important;
            background-color: black;
            z-index: 10;
        }
    }
    @media screen and (min-width: 700px) {
        .dru-visible .iphonex_padding {
            display: none;
        }
        .dru-footer-wrapper #dru-assist-footer #dru-assist-ribbon {
            bottom:0;
        }
    }
}
@supports(padding: env(safe-area-inset-bottom)) {
    body.au .fixed-footer {
        background: rgba(0,0,0,1);
    }
    body.nz .fixed-footer {
        background: rgba(0,0,0,1);
    }
    body.fr .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.de .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.be .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    body.nl .fixed-footer {
        background-color: rgba(0,0,0,1);
    }
    @media screen and (min-width:374px) {
        .iphonex_padding {
            display: none;
        }
        .dru-visible .iphonex_padding {
            display: block;
            position: fixed;
            bottom: 0;
            height: calc(2*env(safe-area-inset-bottom));
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            transition: all 100ms ease;
            overflow: hidden;
            width: 100% !important;
            left: 0% !important;
            margin-left: 0px !important;
            background-color: black;
            z-index: 10;
        }
    }
    @media screen and (min-width: 700px) {
        .dru-visible .iphonex_padding {
            display: none;
        }
        .dru-footer-wrapper #dru-assist-footer #dru-assist-ribbon {
            bottom:0;
        }
    }
}