.sp-drawer-overlay{position:fixed;inset:0;z-index:8000;background:rgb(26 26 26 / .52);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}.sp-drawer-overlay.open{opacity:1;pointer-events:all}.sp-cart-drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;z-index:8001;background:var(--sp-white);transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-6px 0 48px rgb(0 0 0 / .18)}.sp-cart-drawer.open{transform:translateX(0)}.sp-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--sp-warm-mid);flex-shrink:0}.sp-drawer-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--sp-dark)}.sp-drawer-close{width:34px;height:34px;border-radius:50%;border:none;background:var(--sp-warm-mid);cursor:pointer;color:var(--sp-text-2);display:flex;align-items:center;justify-content:center;transition:background var(--sp-t),color var(--sp-t);flex-shrink:0}.sp-drawer-close:hover{background:var(--sp-warm-3);color:var(--sp-dark)}.sp-d-toast{display:flex;align-items:center;gap:8px;padding:11px 24px;background:var(--sp-green-bg);border-bottom:1px solid var(--sp-green-bd);flex-shrink:0;animation:spToastIn .3s ease both}@keyframes spToastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sp-d-toast svg{color:var(--sp-green);flex-shrink:0}.sp-d-toast span{font-size:13px;font-weight:700;color:#1b5e3b}.sp-d-progress{padding:13px 24px;background:linear-gradient(90deg,#f7f3ec,var(--sp-warm-bg));border-bottom:1px solid var(--sp-warm-mid);flex-shrink:0}.sp-d-progress-text{font-size:13px;color:var(--sp-text-2);margin-bottom:8px;line-height:1.4}.sp-d-progress-text strong{color:var(--sp-dark)}.sp-d-progress-bar{height:6px;background:#d4c4b2;border-radius:3px;overflow:hidden}.sp-d-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sp-gold-dk),var(--sp-gold));transition:width .6s cubic-bezier(.4,0,.2,1)}.sp-d-freeship{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(90deg,var(--sp-green-bg),#e8f5ed);border-bottom:1px solid var(--sp-green-bd);flex-shrink:0;animation:spToastIn .4s ease both}.sp-d-freeship svg{color:var(--sp-green);flex-shrink:0}.sp-d-freeship span{font-size:13px;font-weight:700;color:var(--sp-green)}.sp-d-freeship span em{font-style:normal;font-weight:400;color:#2d6a4f}.sp-d-body{flex:1;overflow-y:auto}.sp-d-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;height:100%}.sp-d-empty-icon{width:72px;height:72px;border-radius:50%;background:var(--sp-warm-bg);border:2px solid var(--sp-warm-mid);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--sp-text-3)}.sp-d-empty h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--sp-dark);margin-bottom:8px}.sp-d-empty p{font-size:14px;color:var(--sp-text-2);line-height:1.6;margin-bottom:24px}.sp-d-empty-btns{display:flex;flex-direction:column;gap:10px;width:100%}.sp-d-empty-btn-dark{display:block;padding:13px;text-align:center;background:var(--sp-dark);color:var(--sp-white);font-family:'Lato',sans-serif;font-size:14px;font-weight:700;border:none;border-radius:var(--sp-radius);cursor:pointer;transition:background var(--sp-t);text-decoration:none}.sp-d-empty-btn-dark:hover{background:#333;color:var(--sp-white)}.sp-d-empty-btn-outline{display:block;padding:12px;text-align:center;background:#fff0;color:var(--sp-gold);font-family:'Lato',sans-serif;font-size:14px;font-weight:700;border:2px solid var(--sp-gold);border-radius:var(--sp-radius);cursor:pointer;transition:background var(--sp-t),color var(--sp-t);text-decoration:none}.sp-d-empty-btn-outline:hover{background:var(--sp-gold);color:var(--sp-white)}.sp-d-item{display:flex;gap:14px;padding:18px 24px;border-bottom:1px solid var(--sp-warm-mid);transition:background .2s}.sp-d-item.sp-flash-green{animation:spItemFlash .7s ease}@keyframes spItemFlash{0%,100%{background:#fff0}30%{background:var(--sp-green-bg)}}.sp-d-item-img{width:80px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--sp-warm-bg)}.sp-d-item-img img{width:100%;height:100%;object-fit:cover}.sp-d-item-info{flex:1;min-width:0}.sp-d-item-name{font-size:14px;font-weight:700;color:var(--sp-dark);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-d-item-variant{font-size:12px;color:var(--sp-text-3);margin-bottom:10px}.sp-d-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-d-item-price{font-size:15px;font-weight:700;color:var(--sp-dark)}.sp-d-item-actions{display:flex;align-items:center;gap:6px}.sp-qty-pill{display:flex;align-items:center;border:1.5px solid var(--sp-warm-3);border-radius:20px;overflow:hidden}.sp-qty-btn{width:30px;height:30px;border:none;background:#fff0;cursor:pointer;font-size:16px;color:var(--sp-text-2);display:flex;align-items:center;justify-content:center;transition:background var(--sp-t),color var(--sp-t);font-family:'Lato',sans-serif}.sp-qty-btn:hover{background:var(--sp-warm-bg);color:var(--sp-gold)}.sp-qty-n{font-size:13px;font-weight:700;min-width:22px;text-align:center;color:var(--sp-dark)}.sp-icon-btn{width:30px;height:30px;border-radius:50%;border:none;background:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-text-3);transition:background var(--sp-t),color var(--sp-t);flex-shrink:0}.sp-icon-btn:hover{background:var(--sp-warm-bg)}.sp-icon-btn.sp-trash:hover{color:#c0392b}.sp-drawer-footer{padding:18px 24px 20px;border-top:1px solid var(--sp-warm-mid);flex-shrink:0;background:var(--sp-white)}.sp-df-row{display:flex;justify-content:space-between;font-size:14px;color:var(--sp-text-2);margin-bottom:7px;align-items:center}.sp-df-row .sp-df-val{color:var(--sp-text)}.sp-df-row .sp-df-free{color:var(--sp-green);font-weight:700}.sp-df-divider{height:1px;background:var(--sp-warm-mid);margin:12px 0}.sp-df-total{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:700;color:var(--sp-dark);margin-bottom:16px}.sp-df-total-note{font-size:11px;color:var(--sp-text-3);font-weight:400}.sp-d-stock-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sp-text-3);margin-bottom:14px}.sp-d-stock-note svg{flex-shrink:0}.sp-drawer-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--sp-gold);color:var(--sp-white);font-family:'Lato',sans-serif;font-size:16px;font-weight:700;letter-spacing:.3px;border:none;border-radius:var(--sp-radius);cursor:pointer;transition:background var(--sp-t),transform .15s;text-decoration:none;margin-bottom:10px}.sp-drawer-cta:hover{background:var(--sp-gold-dk);transform:translateY(-1px);color:var(--sp-white)}.sp-drawer-cta.processing{background:var(--sp-warm-3);color:var(--sp-text-3);pointer-events:none}.sp-d-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid rgb(255 255 255 / .35);border-top-color:var(--sp-white);border-radius:50%;animation:spSpin .7s linear infinite}@keyframes spSpin{to{transform:rotate(360deg)}}.sp-drawer-continue{display:block;text-align:center;width:100%;font-size:13px;color:var(--sp-text-3);cursor:pointer;background:none;border:none;font-family:'Lato',sans-serif;transition:color var(--sp-t)}.sp-drawer-continue:hover{color:var(--sp-gold)}.sp-d-coupon{margin-bottom:12px}.sp-d-coupon-tags:not(:empty){margin-bottom:10px}.sp-d-coupon-tag{display:flex;align-items:center;gap:7px;padding:8px 10px;margin-bottom:6px;background:var(--sp-green-bg);border:1px solid var(--sp-green-bd);border-radius:var(--sp-radius);animation:spToastIn .3s ease both}.sp-d-coupon-tag svg{color:var(--sp-green);flex-shrink:0}.sp-d-coupon-code{font-size:12.5px;font-weight:700;color:#1b5e3b;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-d-coupon-amt{font-size:13px;font-weight:700;color:var(--sp-green);margin-left:auto}.sp-d-coupon-remove{width:22px;height:22px;flex-shrink:0;border:none;background:#fff0;cursor:pointer;font-size:18px;line-height:1;color:var(--sp-text-3);border-radius:50%;transition:background var(--sp-t),color var(--sp-t)}.sp-d-coupon-remove:hover{background:rgb(192 57 43 / .12);color:#c0392b}.sp-d-coupon-toggle{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;padding:2px 0;font-family:'Lato',sans-serif;font-size:13px;font-weight:700;color:var(--sp-text-2);transition:color var(--sp-t)}.sp-d-coupon-toggle:hover{color:var(--sp-gold)}.sp-d-coupon-toggle svg{color:var(--sp-gold);flex-shrink:0}.sp-d-coupon-form{display:none;gap:8px;margin-top:9px}.sp-d-coupon-form.open{display:flex}.sp-d-coupon-form input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--sp-warm-3);border-radius:var(--sp-radius);font-family:'Lato',sans-serif;font-size:13px;color:var(--sp-dark);text-transform:uppercase;background:var(--sp-white);transition:border-color var(--sp-t)}.sp-d-coupon-form input::placeholder{text-transform:none;color:var(--sp-text-3)}.sp-d-coupon-form input:focus{outline:none;border-color:var(--sp-gold)}.sp-d-coupon-form button{flex-shrink:0;padding:10px 16px;background:var(--sp-dark);color:var(--sp-white);border:none;border-radius:var(--sp-radius);cursor:pointer;font-family:'Lato',sans-serif;font-size:13px;font-weight:700;transition:background var(--sp-t)}.sp-d-coupon-form button:hover{background:#333}.sp-d-coupon-form button:disabled{background:var(--sp-warm-3);color:var(--sp-text-3);cursor:default}.sp-d-coupon-msg{font-size:12px;line-height:1.4;margin-top:7px}.sp-d-coupon-msg.is-ok{color:var(--sp-green);font-weight:700}.sp-d-coupon-msg.is-err{color:#c0392b;font-weight:700}.sp-df-row.sp-df-discount .sp-df-val{color:var(--sp-green);font-weight:700}