/* RR_FLOATING_CART_RESPONSIVE_SAFE_EDGE_V1
   Keep the floating cart useful without covering product actions or cards on tablet/mobile. */

html body:not(.admin) .rr-mobile-floating-cart,
html body:not(.admin) .rr-mobile-floating-cart * {
    box-sizing: border-box !important;
}

@media (min-width: 761px) and (max-width: 1280px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        display: inline-flex !important;
        position: fixed !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        top: auto !important;
        bottom: max(18px, env(safe-area-inset-bottom)) !important;
        left: auto !important;
        transform: none !important;
        width: 72px !important;
        height: 86px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        padding: 8px 6px 24px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(15, 23, 42, .12) !important;
        overflow: hidden !important;
        z-index: 9000 !important;
    }
}

@media (max-width: 760px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        display: inline-flex !important;
        position: fixed !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        top: auto !important;
        bottom: max(12px, env(safe-area-inset-bottom)) !important;
        left: auto !important;
        transform: none !important;
        width: 64px !important;
        height: 78px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        padding: 7px 5px 21px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(15, 23, 42, .12) !important;
        overflow: hidden !important;
        z-index: 9000 !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-icon,
    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-icon svg {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-count {
        font-size: 10px !important;
        line-height: 1.05 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-total {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        margin: 0 !important;
        padding: 4px 2px !important;
        border-radius: 0 0 12px 12px !important;
        font-size: 9.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    html body:not(.admin) .rr-pd-page {
        padding-bottom: 92px !important;
    }
}

@media (max-width: 420px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        width: 58px !important;
        height: 72px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-count {
        font-size: 9px !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-total {
        font-size: 8.5px !important;
    }
}