.snd-cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:6px;background:transparent;border:1.5px solid #f2b632;color:#f2b632;font:600 13px/1 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.snd-cart-btn:hover{background:#f2b632;color:#111;transform:translateY(-1px)}
.snd-cart-btn svg{width:18px;height:18px}
.snd-badge{position:absolute;top:-8px;right:-8px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e5322d;color:#fff;font:700 11px/19px 'Manrope',sans-serif;text-align:center;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.8,.5,1)}
.snd-badge.on{transform:scale(1)}
.snd-fab{position:fixed;right:22px;bottom:22px;z-index:9990;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#ffd45c,#e0a01c);color:#111;border:3px solid #111;box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 3px rgba(242,182,50,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}
.snd-fab:hover{transform:scale(1.08)}
.snd-fab svg{width:28px;height:28px}
.snd-fab .snd-badge{top:-6px;right:-6px;border:2px solid #fff}
.snd-fab.bump{animation:sndBump .6s cubic-bezier(.3,1.6,.5,1)}
.snd-fab.bump::after,.snd-cart-btn.bump::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #f2b632;animation:sndRing .7s ease-out forwards}
.snd-cart-btn.bump{animation:sndBump .6s cubic-bezier(.3,1.6,.5,1)}
.snd-cart-btn.bump::after{border-radius:8px}
@keyframes sndBump{0%{transform:scale(1)}30%{transform:scale(1.28) rotate(-8deg)}55%{transform:scale(.92) rotate(5deg)}100%{transform:scale(1)}}
@keyframes sndRing{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}
.snd-fly{position:fixed;z-index:10000;left:0;top:0;border-radius:12px;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 3px #f2b632;pointer-events:none;background:#fff}
.snd-spark{position:fixed;z-index:10001;width:8px;height:8px;border-radius:50%;background:#f2b632;pointer-events:none}
.snd-add{margin-top:6px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:6px;background:#111;color:#f2b632!important;border:1.5px solid #111;font:600 12px/1 'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .15s}
.snd-add:hover{background:#f2b632;color:#111!important;border-color:#f2b632}
.snd-add:active{transform:scale(.96)}
.snd-add svg{width:15px;height:15px}
.snd-add.done{background:#1f7a3d;border-color:#1f7a3d;color:#fff!important}
.snd-shade{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}
.snd-shade.on{opacity:1;pointer-events:auto}
.snd-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);z-index:9999;background:#0d0e10;color:#fff;transform:translateX(105%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;border-left:3px solid #f2b632;box-shadow:-12px 0 40px rgba(0,0,0,.5)}
.snd-drawer.on{transform:none}
.snd-dh{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #2a2c31}
.snd-dh h3{margin:0;font:700 22px/1 'Playfair Display',serif;color:#fff}
.snd-dh h3 small{font:500 13px 'Manrope',sans-serif;color:#f2b632;margin-left:8px}
.snd-x{background:none;border:0;color:#f2b632;font-size:28px;line-height:1;cursor:pointer}
.snd-list{flex:1;overflow:auto;padding:12px 16px}
.snd-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px;margin-bottom:10px;background:#17191d;border:1px solid #2a2c31;border-radius:10px;animation:sndIn .35s ease both}
@keyframes sndIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.snd-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#fff}
.snd-item .t{font:600 13px/1.3 'Manrope',sans-serif;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.snd-item .p{font:700 16px 'Oswald',sans-serif;color:#f2b632;margin-top:4px}
.snd-item .a{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.snd-item .a a{background:#f2b632;color:#111;font:700 11px/1 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-radius:5px;text-decoration:none}
.snd-item .a button{background:none;border:0;color:#9aa0a8;font-size:12px;cursor:pointer;text-decoration:underline}
.snd-empty{text-align:center;color:#9aa0a8;padding:60px 20px;font:500 14px 'Manrope',sans-serif}
.snd-empty svg{width:54px;height:54px;color:#f2b632;margin-bottom:12px}
.snd-df{padding:14px 20px 18px;border-top:1px solid #2a2c31;font:500 12px/1.5 'Manrope',sans-serif;color:#9aa0a8}
.snd-df b{color:#f2b632}
.snd-clear{margin-top:8px;background:none;border:1px solid #3a3d44;color:#c9ccd1;border-radius:6px;padding:8px 12px;cursor:pointer;font:600 12px 'Manrope',sans-serif}
.snd-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,40px);opacity:0;z-index:10002;background:#111;color:#f2b632;border:1px solid #f2b632;padding:10px 18px;border-radius:30px;font:600 13px 'Manrope',sans-serif;transition:.3s}
.snd-toast.on{transform:translate(-50%,0);opacity:1}
@media(max-width:700px){.snd-fab{right:14px;bottom:14px;width:56px;height:56px}.snd-cart-btn span.l{display:none}}