/* ===== Tombol keranjang mengambang: bulat kecil di HP, pil di laptop ===== */
.cart-fab {
    position: fixed; z-index: 20;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
    text-decoration: none; gap: .4rem;
    transition: transform .25s ease, opacity .25s ease;
}
.cart-fab.is-hidden { opacity: 0; transform: translateY(16px); pointer-events: none; }
.cart-fab.bump { animation: bump .4s ease; }
@keyframes bump { 40% { transform: scale(1.14); } }
.cart-badge {
    background: #fff; color: var(--brown); border-radius: 999px;
    padding: 0 .55rem; margin-left: .2rem; font-weight: 600; font-size: .85rem; line-height: 1.5;
}
@media (max-width: 575.98px) {
    .cart-fab { width: 56px; height: 56px; padding: 0; border-radius: 50%; font-size: 1.5rem; }
    .cart-fab .fab-label { display: none; }
    .cart-fab .cart-badge {
        position: absolute; top: -4px; right: -4px; margin: 0;
        min-width: 22px; padding: 0 .3rem; text-align: center; font-size: .75rem;
        background: var(--brown); color: #fff;
    }
    .cart-fab.is-empty .cart-badge { display: none; }
}