*,*::before,*::after{box-sizing:border-box}
#dp-cart-drawer{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end}
#dp-cart-drawer[hidden]{display:none}
.dp-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.dp-drawer-panel{position:relative;width:100%;max-width:min(420px,100vw);height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);transition:transform .3s ease}
#dp-cart-drawer:not([hidden]) .dp-drawer-panel{transform:translateX(0)}
.dp-drawer-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}
.dp-drawer-title{font-size:18px;font-weight:600;margin:0}
.dp-drawer-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;color:#666;line-height:1}
.dp-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}
.dp-row{display:flex;gap:12px;align-items:flex-start}
.dp-main-img{width:88px;height:88px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #eee;background:#f3f4f6}
.dp-meta{flex:1;min-width:0}
.dp-name{font-size:15px;font-weight:600;margin:0 0 4px;line-height:1.4;word-break:break-word}
.dp-sku{font-size:12px;color:#888;margin:0}
.dp-qty-row{display:flex;align-items:center;justify-content:space-between}
.dp-qty-label{font-size:14px;color:#555}
.dp-qty-ctrl{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden}
.dp-qty-btn{width:36px;height:36px;background:#f5f5f5;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dp-qty-btn:active{background:#e0e0e0}
.dp-qty-val{width:40px;text-align:center;font-size:15px;font-weight:600;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:36px}
.dp-price{background:#f9f9f9;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.dp-price-row{display:flex;justify-content:space-between;font-size:14px;color:#555}
.dp-price-total{font-size:16px;font-weight:700;color:#111;border-top:1px solid #eee;padding-top:8px;margin-top:4px}
.dp-drawer-footer{flex-shrink:0;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px}
.dp-pay-btn{width:100%;padding:15px;background:#111;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .2s}
.dp-pay-btn:hover{background:#333}
.dp-pay-btn:disabled{background:#999;cursor:not-allowed}
.dp-secure{margin:0;text-align:center;font-size:12px;color:#888}
.dp-err{font-size:13px;color:#b42318;background:#fdecec;border-radius:8px;padding:10px 12px;margin:0;text-align:center}