.rsh-cart-toast { position:fixed; z-index:20000; right:24px; bottom:24px; display:grid; grid-template-columns:44px minmax(0,1fr) 30px; align-items:start; gap:14px; width:min(420px,calc(100% - 32px)); padding:22px 18px 22px 22px; border:1px solid #dbe3ef; border-radius:14px; background:#fff; color:var(--rs-navy); box-shadow:0 18px 55px rgba(0,18,40,.18); animation:rsh-toast-in 480ms cubic-bezier(.16,1,.3,1) both; }
.rsh-cart-toast::before { content:""; position:absolute; top:20px; bottom:20px; left:0; width:4px; border-radius:0 4px 4px 0; background:var(--rs-blue); }
.rsh-cart-toast__mark { position:relative; display:block; width:44px; height:44px; border-radius:50%; background:#eaf2ff; animation:rsh-toast-mark 600ms cubic-bezier(.34,1.56,.64,1) both; }
.rsh-cart-toast__mark::after { content:""; position:absolute; top:13px; left:12px; width:20px; height:11px; border-bottom:2.5px solid var(--rs-blue); border-left:2.5px solid var(--rs-blue); transform:rotate(-45deg); animation:rsh-toast-tick 500ms 140ms ease both; }
.rsh-cart-toast__content { min-width:0; padding-top:1px; }
.rsh-cart-toast__content strong { display:block; font-size:1rem; line-height:1.4; }
.rsh-cart-toast__content p { margin:5px 0 12px; color:var(--rs-muted); font-size:.83rem; line-height:1.5; overflow-wrap:anywhere; }
.rsh-cart-toast__link { display:inline-flex; min-height:32px; align-items:center; color:var(--rs-blue); font-size:.83rem; font-weight:600; text-decoration:none; }
.rsh-cart-toast__link:hover { text-decoration:underline; text-underline-offset:4px; }
.rsh-cart-toast__close { display:grid; width:32px; min-height:32px; padding:0; place-items:center; border:0; border-radius:50%; background:#f2f5f9; color:var(--rs-navy); font:24px/1 Arial,sans-serif; cursor:pointer; }
.rsh-cart-toast__close:hover { background:#e7eef8; }
.rsh-cart-toast :is(a,button):focus-visible { outline:2px solid var(--rs-blue); outline-offset:3px; }
.rsh-cart-toast.is-leaving { animation:rsh-toast-out 200ms ease both; pointer-events:none; }
.rsh-cart-link.is-cart-updated > svg { animation:rsh-cart-bounce 700ms cubic-bezier(.34,1.56,.64,1); }
@keyframes rsh-toast-in { from { opacity:0; transform:translate3d(0,22px,0) scale(.96); } to { opacity:1; transform:none; } }
@keyframes rsh-toast-out { to { opacity:0; transform:translateY(12px); } }
@keyframes rsh-toast-mark { from { transform:scale(.5); opacity:0; } to { transform:scale(1); opacity:1; } }
@keyframes rsh-toast-tick { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }
@keyframes rsh-cart-bounce { 0%,100% { transform:none; } 35% { transform:translateY(-5px) rotate(-9deg); } 65% { transform:translateY(1px) rotate(6deg); } }
@media(max-width:600px) { .rsh-cart-toast { right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); gap:10px; padding:18px 14px 18px 18px; } }
@media(prefers-reduced-motion:reduce) { .rsh-cart-toast,.rsh-cart-toast.is-leaving,.rsh-cart-toast__mark,.rsh-cart-toast__mark::after,.rsh-cart-link.is-cart-updated > svg { animation:none; } }
