.quick-add-dialog{position:fixed;inset:0;width:min(900px,calc(100% - 40px));max-width:none;max-height:min(90vh,680px);padding:0;border:0;border-radius:28px;background:#fff;color:#282323;box-shadow:0 24px 90px #0004;overflow:visible}
.quick-add-dialog::backdrop{background:#211b1b80;backdrop-filter:blur(5px)}
.quick-add-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:480px;max-height:min(90vh,680px);overflow:hidden;border-radius:28px}
.quick-add-close{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#504843;box-shadow:0 3px 14px #0002;font-size:25px;line-height:1;cursor:pointer}
.quick-add-visual{display:flex;align-items:center;justify-content:center;padding:48px;background:#f7f8fa;min-height:0}
.quick-add-visual img{display:block;width:100%;max-height:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;box-shadow:0 2px 5px #0000000c}
.quick-add-content{align-self:center;padding:42px 48px;max-height:90vh;overflow-y:auto}
.quick-add-content h2{margin:0 58px 8px 0;font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.4px}
.quick-add-price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#4d292b}
.quick-add-price strong{font-size:20px;font-weight:700}
.quick-add-price del{font-size:13px;color:#777}
.quick-add-price span{font-size:12px;color:#64815f}
.quick-add-content hr{height:1px;margin:20px 0 15px;border:0;background:#ddd}
.quick-add-description{min-height:44px;margin:0 0 20px;color:#625e5a;font-size:14px;line-height:1.65}
.quick-add-option{margin:0 0 15px}
.quick-add-option>p{margin:0 0 9px;font-size:14px}
.quick-add-option>p strong{font-weight:650;color:#542e2e}
.quick-add-swatches,.quick-add-sizes{display:flex;flex-wrap:wrap;gap:8px}
.quick-add-swatch{display:grid;place-items:center;width:52px;height:52px;padding:3px;border:1px solid #e2dfdc;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}
.quick-add-swatch img{width:100%;height:100%;border-radius:7px;object-fit:cover}
.quick-add-swatch[aria-pressed=true],.quick-add-size[aria-pressed=true]{border-color:#452829;box-shadow:0 0 0 2px #45282922}
.quick-add-size{min-width:44px;height:40px;padding:0 12px;border:1px solid #dedbd8;border-radius:9px;background:#fff;color:#272323;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.quick-add-size:hover,.quick-add-swatch:hover{border-color:#9b7777}
.quick-add-quantity-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}
.quick-add-quantity{display:flex;width:max-content;height:42px;margin-bottom:22px;border:1px solid #dedbd8;border-radius:8px;overflow:hidden}
.quick-add-quantity button{width:42px;border:0;background:#f4f4f3;color:#342e2a;font-size:20px;cursor:pointer}
.quick-add-quantity input{width:54px;border:0;border-inline:1px solid #dedbd8;text-align:center;font:inherit;font-size:14px;appearance:textfield;-moz-appearance:textfield}
.quick-add-quantity input::-webkit-inner-spin-button,.quick-add-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quick-add-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:0;border-radius:28px;background:#ffd800;color:#221c15;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s,transform .18s}
.quick-add-submit:hover{background:#f3cd00;transform:translateY(-1px)}
.quick-add-submit:disabled{opacity:.65;cursor:wait;transform:none}
.quick-add-status{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:#edf8ed;color:#286b3b;font-size:13px}
.quick-add-status.error{background:#fff0ef;color:#a52d2d}
.quick-add-links{display:flex;justify-content:center;gap:22px;margin-top:15px}
.quick-add-links a{color:#625f5c;font-size:14px;text-decoration:none}
.quick-add-links a:hover{color:#452829;text-decoration:underline}
.quick-add-dialog[open]{animation:quick-add-appear .18s ease-out}
@keyframes quick-add-appear{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.quick-add-dialog[open]{animation:none}.quick-add-submit{transition:none}}