.delivery-preview { margin:22px 0;padding:20px;border:1px solid var(--line);border-left:3px solid #b8955a;min-width:0; }
.delivery-preview[hidden],.delivery-preview [hidden] { display:none!important; }
.delivery-preview p { overflow-wrap:anywhere; }
.delivery-preview-note { font-size:12px;line-height:1.7;color:var(--soft);margin:10px 0; }
.delivery-preview .secondary-button { width:100%;margin:10px 0;white-space:normal; }
.delivery-preview button:disabled { opacity:.5;cursor:not-allowed; }
.delivery-preview [data-error=true] { color:#ffb7b7; }
:root[data-theme="light"] .delivery-preview [data-error=true] { color:#a51f2d; }
@media(max-width:420px) { .delivery-preview { padding:16px; } }