/* Tailwind CDN handles global styling; keep this file for project-specific overrides. */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cart-toast-region{position:fixed;z-index:9999;left:1rem;right:1rem;bottom:5.5rem;max-width:24rem;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}
@media (min-width:768px){.cart-toast-region{left:auto;right:1.5rem;top:1.5rem;bottom:auto;margin:0}}
.cart-toast{pointer-events:auto;touch-action:pan-y;opacity:0;transform:translateY(1rem);transition:transform .3s ease,opacity .3s ease}
@media (min-width:768px){.cart-toast{transform:translateX(2rem)}}
.cart-toast.is-visible{opacity:1;transform:none}
.cart-toast.is-leaving{opacity:0;transform:translateY(1rem)}
@media (min-width:768px){.cart-toast.is-leaving{transform:translateX(2rem)}}
.cart-toast.is-dragging{transition:none}
@media (prefers-reduced-motion:reduce){.cart-toast{transition:opacity .2s}}