.floating-cart{background:linear-gradient(135deg, var(--primary), var(--chart-1));width:calc(100% - 2.5rem);max-width:440px;color:var(--primary-foreground);box-shadow:0 12px 30px -5px color-mix(in oklch, var(--primary) 45%, transparent);z-index:100;border:1px solid color-mix(in oklch, var(--primary-foreground) 20%, transparent);cursor:pointer;border-radius:100px;align-items:center;gap:1.25rem;padding:.875rem 1.25rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.floating-cart:hover{box-shadow:0 16px 40px -5px color-mix(in oklch, var(--primary) 55%, transparent);transform:translate(-50%)translateY(-2px)}.floating-cart:active{scale:.98}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,120%)}to{opacity:1;transform:translate(-50%)}}.floating-cart__items{align-items:center;display:flex}.floating-cart__item{border:2.5px solid var(--primary-foreground);background:var(--background);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-sm);border-radius:50%;position:relative;overflow:hidden}.floating-cart__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.floating-cart__more{border:2.5px solid var(--primary-foreground);background:var(--background);width:2.75rem;height:2.75rem;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:flex}.floating-cart__info{flex-direction:column;flex:1;display:flex}.floating-cart__label{font-size:1rem;font-weight:700;line-height:1}.floating-cart__count{opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:600}.floating-cart__arrow{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}@media (min-width:768px){.floating-cart{width:auto;min-width:300px;bottom:2rem;left:auto;right:2rem;transform:none}.floating-cart:hover{transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}}
