.cart-clear-dialog {
  position: fixed; inset: 0; margin: auto; box-sizing: border-box;
  width: min(480px, calc(100% - 32px)); max-width: none; height: fit-content;
  max-height: calc(100dvh - 32px); padding: 0; overflow: auto;
  border: 1px solid #e8dced; border-top: 5px solid #71358c; border-radius: 22px;
  background: #fff; color: #302537; box-shadow: 0 24px 80px #23112c40;
  font-family: Manrope, system-ui, sans-serif; text-align: left;
}
.cart-clear-dialog::backdrop { background: #21132999; backdrop-filter: blur(3px); }
.cart-clear-dialog__body { padding: 26px 28px 24px; }
.cart-clear-dialog__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 16px; background: #f4eaf8; color: #71358c; }
.cart-clear-dialog h2 { margin: 0 0 10px; color: #5e2877; font-family: inherit; font-size: 24px; line-height: 1.25; font-weight: 800; }
.cart-clear-dialog p { margin: 0; font-size: 15px; line-height: 1.7; color: #625569; white-space: pre-line; }
.cart-clear-dialog__actions { display: flex; justify-content: flex-end; gap: 12px; padding: 20px 28px; background: #fcf9fd; border-top: 1px solid #eee4f2; }
.cart-clear-dialog__actions button { min-height: 44px; padding: 11px 20px; border: 1px solid #71358c; border-radius: 12px; font: 800 14px Manrope, system-ui, sans-serif; cursor: pointer; }
.cart-clear-dialog__keep { background: #fff; color: #6d3085; }
.cart-clear-dialog__confirm { background: linear-gradient(110deg, #803e9b, #5e2877); color: #fff; box-shadow: 0 5px 14px #71358c24; }
.cart-clear-dialog__keep:hover { background: #f3eaf7; }
.cart-clear-dialog__confirm:hover { background: #5e2877; }
.cart-clear-dialog button:focus-visible { outline: 3px solid #b587c9; outline-offset: 3px; }
.cart-drawer .cart-clear-row { display: flex; justify-content: center; flex: none; margin: 4px 0; }
.cart-drawer .cart-clear-button { min-height: 44px; padding: 8px 18px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.cart-drawer .cart-clear-button:hover { background: #ffffff15; }
.cart-drawer .cart-clear-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.cart-drawer .cart-clear-button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 420px) {
  .cart-clear-dialog__body { padding: 24px 22px; }
  .cart-clear-dialog__actions { padding: 18px 22px; }
  .cart-clear-dialog__actions button { flex: 1; padding-inline: 10px; }
}