#sfSlip.sf-slip-chat {--bs-offcanvas-width:min(420px,calc(100vw - 20px));top:auto;right:12px;bottom:14px;height:min(76vh,720px);border-radius:16px;box-shadow:0 22px 56px rgb(2,6,23,.30);border:1px solid rgb(15,23,42,.14);background:#fff;color:#0f172a}
#sfSlip.sf-slip-chat .offcanvas-header {border-bottom:1px solid rgb(15,23,42,.12)}
#sfSlip.sf-slip-chat .offcanvas-title {color:#0f172a}
#sfSlip.sf-slip-chat .sf-slip-header-actions {display:inline-flex;align-items:center;gap:8px;margin-left:auto}
#sfSlip.sf-slip-chat .sf-slip-header-btn {width:32px;height:32px;border:1px solid rgb(15,23,42,.12);border-radius:8px;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#sfSlip.sf-slip-chat .sf-slip-header-btn:hover {color:#b91c1c;border-color:rgb(185,28,28,.24);background:#fff5f5}
#sfSlip.sf-slip-chat .sf-slip-header-btn:disabled {cursor:not-allowed;opacity:.45}
#sfSlip.sf-slip-chat .btn-close {filter:none}
#sfSlip.sf-slip-chat .offcanvas-body {padding:12px 14px 14px;overflow-y:auto}
#sfSlip.sf-slip-chat .sf-slip {border:1px dashed rgb(15,23,42,.22);background:#f8fafc;box-shadow:none}
#sfSlip.sf-slip-chat .sf-line {border-bottom:1px dashed rgb(15,23,42,.16)}
#sfSlip.sf-slip-chat .sf-qty button {border:1px solid rgb(15,23,42,.16);background:#fff;color:#0f172a}
#sfSlip.sf-slip-chat .sf-qty input {border:1px solid rgb(15,23,42,.16);background:#fff;color:#0f172a}
#sfSlip.sf-slip-chat .sf-slip .rowline {border-bottom:1px dashed rgb(15,23,42,.16)}
#sfSlip.sf-slip-chat .sf-slip .tot {border-top:1px dashed rgb(15,23,42,.2)}
#sfSlip.sf-slip-chat .sf-muted {color:#64748b}
#sfSlip.sf-slip-chat .sf-slip-item {border-bottom:1px dashed rgb(15,23,42,.16)}
#sfSlip.sf-slip-chat .sf-slip-item-remove {border:1px solid rgb(239,68,68,.28);background:rgb(239,68,68,.08);color:#b91c1c}
#sfSlip.sf-slip-chat .sf-slip-item-price {color:#64748b}
#sfSlip.sf-slip-chat .sf-slip-item-total {color:#0f172a}
@media (max-width:768px) {
#sfSlip.sf-slip-chat {--bs-offcanvas-width:min(380px,calc(100vw - 12px));right:6px;bottom:74px;height:min(74vh,600px);border-radius:14px}
}
.sf-line {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgb(255,255,255,.14)}
.sf-qty {display:flex;align-items:center;gap:8px}
.sf-qty button {width:34px;height:34px;border-radius:12px;border:var(--sf-border);background:rgb(255,255,255,.08);color:#fff}
.sf-qty input {width:46px;text-align:center;border-radius:12px;border:var(--sf-border);background:rgb(255,255,255,.06);color:#fff;height:34px}
.sf-slip {border-radius:16px;border:1px dashed rgb(255,255,255,.24);background:rgb(255,255,255,.04);padding:14px;box-shadow:0 12px 40px rgb(0,0,0,.22);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.sf-slip .hdr {display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-weight:900}
.sf-slip .sub {color:var(--sf-muted);font-size:12px;margin-top:2px}
.sf-slip .rowline {display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px dashed rgb(255,255,255,.14)}
.sf-slip .rowline:last-child {border-bottom:0}
.sf-slip .tot {font-weight:900;font-size:14px;margin-top:10px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px dashed rgb(255,255,255,.22)}
.sf-slip-item {padding:8px 0;border-bottom:1px dashed rgb(255,255,255,.14)}
.sf-slip-item:last-child {border-bottom:0}
.sf-slip-item-head {display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sf-slip-item-name {font-size:13px;font-weight:800;line-height:1.25}
.sf-cart-stepper {display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px;font-family:Inter,system-ui;list-style:none;padding:0}
.sf-cart-step {flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgb(15,23,42,.10);background:rgb(255,255,255,.72);color:#64748b;font-size:12px;font-weight:800;position:relative}
#sfSlip.sf-slip-chat .sf-cart-step {background:#fff}
.sf-cart-step span.sf-cart-step-num {width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgb(2,6,23,.06);color:#334155;font-weight:900;font-size:12px}
.sf-cart-step.is-active {color:#0f172a;border-color:rgb(99,102,241,.22);box-shadow:0 6px 18px rgb(99,102,241,.10)}
.sf-cart-step.is-active span.sf-cart-step-num {background:rgb(99,102,241,.14);color:#4f46e5}
.sf-cart-step.is-done {color:#0f172a;border-color:rgb(16,185,129,.18)}
.sf-cart-step.is-done span.sf-cart-step-num {background:rgb(16,185,129,.14);color:#047857;font-size:0}
.sf-cart-step.is-done span.sf-cart-step-num::before {content:"✓";font-size:12px}
.sf-cart-viewport {position:relative;overflow:hidden}
.sf-cart-panels {display:flex;width:400%;transition:transform 300ms ease;will-change:transform}
.sf-cart-panel {width:25%;padding-right:10px}
.sf-cart-panel:nth-child(2),.sf-cart-panel:nth-child(3),.sf-cart-panel:nth-child(4) {padding-right:0;padding-left:10px}
.sf-cart-summary {position:sticky;top:0;z-index:2;background:rgb(248,250,252,.96);border:1px solid rgb(15,23,42,.10);border-radius:14px;padding:10px 12px;margin-top:8px;font-family:Inter,system-ui;backdrop-filter:blur(6px)}
#sfSlip.sf-slip-chat .sf-cart-summary {background:rgb(255,255,255,.96)}
.sf-cart-summary-row {display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;padding:4px 0}
.sf-cart-summary-total {display:flex;justify-content:space-between;gap:10px;padding-top:8px;margin-top:6px;border-top:1px dashed rgb(15,23,42,.14);font-weight:900;font-size:13px;color:#0f172a}
.sf-cart-success {text-align:center;padding:32px 14px;font-family:Inter,system-ui}
.sf-cart-success-icon {font-size:64px;line-height:1;display:inline-block;transform:scale(.6);opacity:0;animation:sfCartPop 300ms cubic-bezier(.2,.9,.2,1)forwards}
@keyframes sfCartPop {to{transform:scale(1);opacity:1}}
.sf-cart-success h3 {margin:14px 0 8px;font-size:18px;font-weight:900;color:#0f172a}
.sf-cart-success-meta {margin:14px auto 0;text-align:left;max-width:320px;background:rgb(15,23,42,.04);border:1px solid rgb(15,23,42,.10);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.55;color:#0f172a}
.sf-cart-success-actions {margin-top:16px;display:flex;flex-direction:column;gap:10px}
.sf-cart-success-actions .sf-cart-btn-primary {display:inline-block;text-align:center;text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:900;background:#4f46e5;color:#fff;border:1px solid rgb(79,70,229,.25)}
.sf-cart-success-actions .sf-cart-btn-primary .sf-channel-logo {width:20px;height:20px;min-width:20px;margin-right:6px;vertical-align:-5px;display:inline-flex}
.sf-cart-success-actions .sf-cart-btn-secondary {padding:10px 12px;border-radius:12px;font-weight:900;border:1px solid rgb(15,23,42,.12);background:#fff;color:#0f172a}
.sf-cart-guest-hint {margin-top:14px;text-align:left;max-width:320px;margin-left:auto;margin-right:auto;padding:10px 12px;border-radius:12px;background:rgb(245,158,11,.10);border:1px solid rgb(245,158,11,.28);color:#92400e;font-size:12px;line-height:1.5}
.sf-cart-actions {position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 0;margin-top:10px;border-top:1px solid rgb(15,23,42,.10);background:linear-gradient(to top,rgb(248,250,252,.98),rgb(248,250,252,.85))}
#sfSlip.sf-slip-chat .sf-cart-actions {background:linear-gradient(to top,rgb(255,255,255,.98),rgb(255,255,255,.86))}
.sf-cart-actions .sf-cart-btn {border-radius:12px;font-weight:900;padding:10px 12px;border:1px solid rgb(15,23,42,.12);background:#fff;color:#0f172a;font-family:Inter,system-ui;font-size:13px}
.sf-cart-actions .sf-cart-btn.sf-cart-btn--primary {background:#4f46e5;color:#fff;border-color:rgb(79,70,229,.25)}
.sf-cart-actions .sf-cart-btn.sf-cart-btn--channel {background:rgb(34,197,94,.14);color:#166534;border-color:rgb(34,197,94,.30);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sf-cart-actions .sf-cart-btn.sf-cart-btn--channel[data-channel="viber"] {background:rgb(124,58,237,.12);color:#5b21b6;border-color:rgb(124,58,237,.26)}
.sf-cart-actions .sf-cart-btn.sf-cart-btn--channel[data-channel="telegram"] {background:rgb(14,165,233,.12);color:#075985;border-color:rgb(14,165,233,.26)}
.sf-cart-actions .sf-cart-btn:disabled {opacity:.55;cursor:not-allowed}
.sf-cart-toast {position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:10px;font-family:Inter,system-ui;font-size:13px;font-weight:800;line-height:1.35;box-shadow:0 12px 30px rgb(15,23,42,.14)}
.sf-cart-toast[hidden] {display:none}
.sf-cart-toast--error {color:#991b1b;background:rgb(239,68,68,.12);border:1px solid rgb(239,68,68,.28)}
.sf-cart-toast--success {color:#166534;background:rgb(34,197,94,.12);border:1px solid rgb(34,197,94,.28)}
.sf-cart-toast--info {color:#075985;background:rgb(14,165,233,.12);border:1px solid rgb(14,165,233,.28)}
.sf-cart-toast__close {width:26px;height:26px;border-radius:8px;border:1px solid rgb(15,23,42,.12);background:rgb(255,255,255,.72);color:inherit;display:inline-flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce) {
.sf-cart-panels {transition:none}
}
.sf-slip-item-remove {width:28px;height:28px;border-radius:8px;border:1px solid rgb(239,68,68,.34);background:rgb(239,68,68,.12);color:#fecaca;display:inline-flex;align-items:center;justify-content:center}
.sf-slip-item-foot {margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sf-slip-item-price {color:var(--sf-muted);font-size:12px}
.sf-slip-item-total {margin-left:auto;font-size:12px;font-weight:900}
.sf-slip-qty {gap:6px}
.sf-slip-qty button {width:30px;height:30px}
.sf-slip-qty input {width:52px;height:30px;font-weight:800}
.sf-pay-opt {display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid rgb(255,255,255,.12);background:rgb(255,255,255,.04);cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:600;user-select:none}
.sf-pay-opt:hover:not(.disabled) {background:rgb(255,255,255,.08);border-color:rgb(255,255,255,.2)}
.sf-pay-opt.active {border-color:rgb(99,102,241,.5);background:rgb(99,102,241,.08)}
.sf-pay-opt.disabled {opacity:.5;cursor:not-allowed}
.sf-pay-radio {width:18px;height:18px;border-radius:50%;border:2px solid rgb(255,255,255,.25);flex-shrink:0;position:relative;transition:all .15s ease}
.sf-pay-opt.active .sf-pay-radio {border-color:#6366f1}
.sf-pay-opt.active .sf-pay-radio::after {content:"";position:absolute;inset:3px;border-radius:50%;background:#6366f1}
.sf-channel-logo {width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:900;flex-shrink:0;box-shadow:inset 0 0 0 1px rgb(255,255,255,.08)}
.sf-channel-logo i,.sf-channel-logo span {line-height:1}
.sf-channel-logo--whatsapp,.sf-channel-logo--viber,.sf-channel-logo--telegram,.sf-channel-logo--bank,.sf-channel-logo--card,.sf-channel-logo--muted,.sf-channel-logo--cart {border-radius:8px;background:#050505}
#sfSlip.sf-slip-chat .sf-pay-opt {border-color:rgb(15,23,42,.14);background:rgb(15,23,42,.03);color:#0f172a}
#sfSlip.sf-slip-chat .sf-pay-opt:hover:not(.disabled) {background:rgb(15,23,42,.06);border-color:rgb(15,23,42,.2)}
#sfSlip.sf-slip-chat .sf-pay-opt.active {border-color:rgb(99,102,241,.4);background:rgb(99,102,241,.06)}
#sfSlip.sf-slip-chat .sf-pay-radio {border-color:rgb(15,23,42,.2)}
#sfSlip.sf-slip-chat .sf-cp-locale-chip {background:#fff}
@keyframes sf-spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.sf-spin {display:inline-block;animation:sf-spin 0.9s linear infinite;margin-right:6px}
@media (prefers-reduced-motion:reduce) {
.sf-spin {animation:none}
}
.sf-cart-actions .sf-cart-btn[aria-busy="true"] {cursor:progress}
#sfCustomerPhone.is-invalid {border-color:#ef4444 !important;background-image:linear-gradient(rgb(239,68,68,.05),rgb(239,68,68,.05))}
#sfCustomerPhone.is-invalid:focus {box-shadow:0 0 0 3px rgb(239,68,68,.18)}
.sf-cart-stepper .sf-cart-step:focus-visible,.sf-cart-actions .sf-cart-btn:focus-visible {outline:2px solid #1e3a8a;outline-offset:2px}
.sf-fship {margin:10px 0 8px;padding:10px 14px 12px;border-radius:14px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px dashed #86efac;font-family:Inter,system-ui,sans-serif}
.sf-fship--done {display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1.5px solid #4ade80;animation:sf-fship-pop .35s cubic-bezier(.34,1.56,.64,1)both}
.sf-fship__top {display:flex;align-items:center;gap:7px;margin-bottom:8px}
.sf-fship__icon {font-size:18px;line-height:1;flex-shrink:0}
.sf-fship__msg {font-size:12.5px;font-weight:600;color:#166534;line-height:1.35}
.sf-fship__amount {color:#15803d;font-weight:800}
.sf-fship__track {height:8px;border-radius:999px;background:rgba(134,239,172,.45);overflow:hidden;margin-bottom:5px}
.sf-fship__fill {height:100%;border-radius:999px;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(34,197,94,.4);min-width:6px}
.sf-fship__labels {display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:#4b5563;margin-top:2px}
.sf-fship__target {color:#166534;font-weight:800}
@keyframes sf-fship-pop {from{transform:scale(.95);opacity:.6}to{transform:scale(1);opacity:1}}
.sf-slip .sf-fship {background:#f0fdf4;border:1.5px dashed #86efac}
.sf-slip .sf-fship__msg {color:#166534}
.sf-slip .sf-fship__amount {color:#15803d;font-weight:900}
.sf-slip .sf-fship__target {color:#166534;font-weight:800}
.sf-slip .sf-fship__labels {color:#4b5563;font-size:11px}
.sf-slip .sf-fship__track {background:#d1fae5}
.sf-slip .sf-fship__fill {background:linear-gradient(90deg,#34d399,#16a34a);box-shadow:0 0 6px rgb(22 163 74 / 30%)}
.sf-slip .sf-fship--done {background:#dcfce7;border:1.5px solid #4ade80}
.sf-slip .sf-fship--done .sf-fship__msg {color:#166534;font-weight:800}
@media (max-width:480px) {
.sf-fship {padding:9px 12px 11px}
.sf-fship__msg {font-size:12px}
}