.delete-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1b19bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal-content{background:#fff;border:1px solid #e3e1da;border-radius:16px;width:90%;max-width:480px;animation:.3s slideUp;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{border-bottom:1px solid #f4f2ec;flex-direction:column;align-items:center;gap:12px;padding:24px 24px 16px;display:flex}.delete-modal-icon{background:#ffebee;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.delete-modal-title{color:#1c1b19;margin:0;font-size:20px;font-weight:600}.delete-modal-body{flex-direction:column;gap:12px;padding:24px;display:flex}.delete-modal-message{color:#1c1b19;text-align:center;margin:0;font-size:15px;font-weight:500}.delete-modal-product-name{color:#5c5b57;text-align:center;word-break:break-word;background:#f7f6f2;border:1px solid #e3e1da;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;font-style:italic}.delete-modal-warning{color:#8a8782;text-align:center;margin:0;font-size:13px;line-height:1.5}.delete-modal-actions{gap:12px;padding:16px 24px 24px;display:flex}.delete-modal-btn{cursor:pointer;border:none;border-radius:10px;outline:none;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.delete-modal-btn--cancel{color:#1c1b19;background:#f4f2ec;border:1px solid #e3e1da}.delete-modal-btn--cancel:hover{background:#e8e6de;border-color:#d1cec4}.delete-modal-btn--delete{color:#fff;background:#d32f2f;border:1px solid #c62828}.delete-modal-btn--delete:hover{background:#c62828;box-shadow:0 2px 8px #d32f2f4d}.delete-modal-btn:active{transform:scale(.98)}@media (max-width:480px){.delete-modal-content{max-width:95%}.delete-modal-header{padding:20px 20px 14px}.delete-modal-icon{width:50px;height:50px;font-size:28px}.delete-modal-title{font-size:18px}.delete-modal-body{padding:20px}.delete-modal-actions{flex-direction:column-reverse;padding:14px 20px 20px}.delete-modal-btn{width:100%}}