.wd-floating-cart { position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 75px; z-index: 9999; cursor: pointer; background: #1a1f2b; border-radius: 10px 0 0 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-right: none; box-shadow: -5px 5px 20px rgba(0,0,0,0.3); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.wd-floating-cart:hover { width: 80px; box-shadow: -8px 8px 25px rgba(255, 71, 126, 0.2); }
.fc-top-section { background-color: #1a1f2b; color: #fff; padding: 12px 5px; display: flex; flex-direction: column; align-items: center; }
.fc-icon-wrapper { margin-bottom: 4px; transition: transform 0.3s ease; }
.fc-bag-icon { width: 22px; height: 22px; color: #fff; }
.wd-floating-cart:hover .fc-icon-wrapper { transform: scale(1.2) rotate(-5deg); }
.fc-count-wrap { font-size: 9px; font-weight: 800; text-align: center; line-height: 1; }
.fc-count { display: block; font-size: 14px; margin-bottom: 2px; }
.fc-bottom-section { background-color: #ff477e; color: #fff; padding: 10px 5px; text-align: center; font-weight: 700; font-size: 15px; border-top: 1px solid rgba(255,255,255,0.1); }
@keyframes fc-shake-vertical {
    0%, 100% { transform: translateY(-50%); }
    20% { transform: translateY(-65%); }
    40% { transform: translateY(-35%); }
    60% { transform: translateY(-60%); }
    80% { transform: translateY(-45%); }
}
.wd-floating-cart.animating { animation: fc-shake-vertical 0.7s ease-in-out; }