.checkout-drawer-shade{position:fixed;inset:0;z-index:10020;background:rgba(0,0,0,.28)}.checkout-drawer{position:fixed;inset:0 0 0 auto;z-index:10021;display:flex;flex-direction:column;width:580px;max-width:calc(100vw - 24px);height:100vh;height:100dvh;background:#fff;color:#18181b;border-left:1px solid #e5e7eb;box-shadow:-8px 0 30px #00000012;outline:none;font-family:inherit}.checkout-drawer[data-state=open]{animation:checkout-drawer-enter .25s ease-out}.checkout-drawer-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:19px 26px;border-bottom:1px solid #e5e7eb}.checkout-drawer-title{flex:1;font-size:21px;font-weight:700;letter-spacing:-.5px}.checkout-drawer-close{display:grid;place-items:center;width:44px;height:44px;color:#6b7280}.checkout-drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.checkout-drawer-foot{flex-shrink:0;border-top:1px solid #e5e7eb;padding:14px 26px max(14px,env(safe-area-inset-bottom));background:#fff}.checkout-drawer-total{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.checkout-drawer-total small,.checkout-drawer-total>div>span{display:block;font-size:10px;color:#6b7280}.checkout-drawer-total strong{display:block;margin:3px 0;font-size:22px;font-weight:700;letter-spacing:-.5px}.checkout-drawer-saving{border:1px solid #e5e7eb;border-radius:3px;padding:5px 7px;color:#1e7a2f;font-size:10px;white-space:nowrap}.checkout-drawer-checkout,.checkout-drawer-shopping{display:flex;align-items:center;width:100%;min-height:44px;padding:13px 16px;border-radius:5px;font-size:13px;line-height:1.3;font-weight:600;color:#fff}.checkout-drawer-checkout{justify-content:space-between;background:#1e7a2f}.checkout-drawer-shopping{justify-content:center;background:#b01020;margin-top:8px}.checkout-drawer-checkout:hover{background:#176326}.checkout-drawer-shopping:hover{background:#930d1b}.checkout-drawer button:disabled{opacity:.5;cursor:not-allowed}.checkout-drawer button:focus-visible,.checkout-drawer input:focus-visible{outline:2px solid #1e7a2f;outline-offset:3px}.checkout-drawer-celebrate{animation:checkout-drawer-celebrate .7s ease-out 1}@keyframes checkout-drawer-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes checkout-drawer-celebrate{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.checkout-drawer-head{padding:13px 16px;gap:8px}.checkout-drawer-title{font-size:19px}.checkout-drawer-scroll{padding:0 16px}.checkout-drawer-foot{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.checkout-drawer-checkout,.checkout-drawer-shopping{font-size:12px}.checkout-drawer-total strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.checkout-drawer,.checkout-drawer *{animation:none!important;scroll-behavior:auto!important}}