.quick-add-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(420px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);z-index:var(--z-dialog)}.quick-add-modal__dialog::backdrop{background-color:var(--overlay-dark)}.quick-add-modal__dialog:not([open]){display:none}.quick-add-modal__close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);z-index:1}.quick-add-modal__close:hover{color:var(--color-text)}.quick-add-modal__close svg{width:16px;height:16px}.quick-add-modal__body{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.quick-add-modal__image-wrap{position:relative;flex:0 0 auto}.quick-add-modal__image{display:block;width:110px;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--color-newsletter-bg)}.quick-add-modal__badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background-color:var(--color-accent);color:var(--color-accent-text);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;border-radius:var(--radius-sm)}.quick-add-modal__content{flex:1 1 auto;min-width:0}.quick-add-modal__title{font-family:var(--font-body);font-size:.9375rem;font-weight:600;line-height:1.3;margin-bottom:.4rem}.quick-add-modal__description{font-size:.8125rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.quick-add-modal__description:empty{display:none}.quick-add-modal__colors-row{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-sm)}.quick-add-modal__colors-label{font-size:.8125rem;color:var(--color-text-muted);flex:0 0 auto}.quick-add-modal__color-options{display:flex;flex-wrap:wrap;gap:.4rem}.quick-add-modal__color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;padding:0;transition:box-shadow var(--transition)}.quick-add-modal__color-swatch:hover{box-shadow:0 0 0 1px var(--color-text-muted)}.quick-add-modal__color-swatch--active{border-color:var(--color-bg);box-shadow:0 0 0 2px var(--color-accent)}.quick-add-modal__color-swatch--unavailable{opacity:.35}.quick-add-modal__size-row{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-sm)}.quick-add-modal__size-label{font-size:.8125rem;color:var(--color-text-muted)}.quick-add-modal__size-select{flex:1 1 auto;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:.8125rem}.quick-add-modal__shipping{display:flex;align-items:center;gap:.4rem;margin-bottom:var(--space-sm);font-size:.75rem;color:var(--color-text-muted)}.quick-add-modal__shipping strong{color:var(--color-text)}.quick-add-modal__error{margin-bottom:var(--space-sm);font-size:.8125rem;color:#b3261e}.quick-add-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.quick-add-modal__cancel,.quick-add-modal__confirm{padding:.625rem 1.25rem;font-family:var(--font-body);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),opacity var(--transition)}.quick-add-modal__cancel{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.quick-add-modal__cancel:hover{background-color:var(--color-newsletter-bg)}.quick-add-modal__confirm{background-color:var(--color-accent);border:none;color:var(--color-accent-text)}.quick-add-modal__confirm:hover{background-color:#5a6a4a}.quick-add-modal__confirm:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.quick-add-modal__dialog{width:calc(100vw - 1.5rem);padding:var(--space-sm) .875rem}.quick-add-modal__image{width:84px}.quick-add-modal__actions{flex-direction:column-reverse}.quick-add-modal__cancel,.quick-add-modal__confirm{width:100%;padding:.75rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-quick-add-modal.css.map */