.floating-cart{

    position:fixed;

    right:20px;

    left:auto;

    bottom:24px;

    width:56px;

    height:56px;

    border-radius:50%;

    background:#0891B2;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    text-decoration:none;

    box-shadow:0 6px 20px rgba(0,0,0,.35);

    z-index:1200;

    opacity:0;

    pointer-events:none;

    transform:translateY(10px);

    transition:opacity .25s ease, transform .25s ease, left .25s ease, right .25s ease, background .25s ease;

    touch-action:none;

}

.floating-cart.visible{

    opacity:1;

    pointer-events:auto;

    transform:translateY(0);

}

.floating-cart.dragging{

    transition:none;

    box-shadow:0 10px 28px rgba(0,0,0,.45);

}

.floating-cart.snapped-left{

    left:20px;

    right:auto;

}

.floating-cart:hover{

    background:#06B6D4;

}

.floating-cart-badge{

    position:absolute;

    top:-6px;

    right:-6px;

    min-width:22px;

    height:22px;

    padding:0 6px;

    border-radius:11px;

    background:#EF4444;

    color:#fff;

    font-size:12px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    border:2px solid #fff;

    box-shadow:0 2px 6px rgba(0,0,0,.35);

}

@media(max-width:640px){

    .floating-cart{

        bottom:20px;

        width:52px;

        height:52px;

        font-size:20px;

    }

}