.dc-modal-open{overflow:hidden;touch-action:none}[role=dialog]{-webkit-overflow-scrolling:touch}[role=dialog]:focus{outline:none}.dc-auth-modal,.dc-variation-modal,.dc-address-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(var(--dc-space-4),env(safe-area-inset-top)) max(var(--dc-space-4),env(safe-area-inset-right)) max(var(--dc-space-4),env(safe-area-inset-bottom)) max(var(--dc-space-4),env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:contain}.dc-auth-modal[hidden],.dc-variation-modal[hidden],.dc-address-modal[hidden]{display:none!important}.dc-modal__backdrop{position:absolute;inset:0;background:#00000080;border:0;padding:0;cursor:pointer}.dc-modal__panel{position:relative;z-index:1;width:min(100%,560px);max-height:min(90dvh,100%);display:flex;flex-direction:column;background:var(--dc-colour-surface);border-radius:var(--dc-radius-xl);box-shadow:var(--dc-shadow-lg);padding:var(--dc-space-6);overflow:hidden;box-sizing:border-box}@media(prefers-reduced-motion:reduce){.dc-modal__panel{transition:none}}.dc-auth-modal__panel{width:min(100%,420px)}.dc-variation-modal__panel{width:min(100%,560px)}.dc-auth-modal__close,.dc-variation-modal__close{position:absolute;top:var(--dc-space-3);right:var(--dc-space-3);z-index:2;width:var(--dc-touch-target);height:var(--dc-touch-target);display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;border:0;background:transparent;cursor:pointer;color:var(--dc-colour-muted)}.dc-auth-modal__form,.dc-variation-modal__content,.dc-modal__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dc-auth-modal__title{font-size:var(--dc-font-size-xl);margin:0 0 var(--dc-space-2);padding-right:var(--dc-space-8)}.dc-auth-modal__intro{margin:0 0 var(--dc-space-5);color:var(--dc-colour-muted);font-size:var(--dc-font-size-sm)}.dc-auth-modal__form{display:flex;flex-direction:column;gap:var(--dc-space-4);flex:1}.dc-auth-modal__field{display:flex;flex-direction:column;gap:var(--dc-space-2);font-size:var(--dc-font-size-sm);font-weight:600}.dc-auth-modal__field input{font-weight:400;padding:var(--dc-space-3);border:1px solid var(--dc-colour-border);border-radius:var(--dc-radius-md);font-size:var(--dc-font-size-base);width:100%;box-sizing:border-box}.dc-auth-modal__error{margin:0;padding:var(--dc-space-3);background:color-mix(in srgb,var(--dc-colour-error) 12%,transparent);color:var(--dc-colour-error);border-radius:var(--dc-radius-md);font-size:var(--dc-font-size-sm)}.dc-auth-modal__submit{width:100%}.dc-auth-modal__login{margin:var(--dc-space-4) 0 0;font-size:var(--dc-font-size-sm);text-align:center;color:var(--dc-colour-muted)}.dc-auth-modal__login a{font-weight:600}.dc-variation-modal__content{display:grid;gap:var(--dc-space-5);flex:1}@media(min-width:480px){.dc-variation-modal__content{grid-template-columns:120px minmax(0,1fr);align-items:start}}.dc-variation-modal__media img{width:100%;max-width:120px;height:auto;border-radius:var(--dc-radius-md);background:var(--dc-colour-bg)}.dc-variation-modal__title{font-size:var(--dc-font-size-lg);margin:0 0 var(--dc-space-2);padding-right:var(--dc-space-8)}.dc-variation-modal__price{margin-bottom:var(--dc-space-4);font-weight:700}.dc-variation-modal__form{display:flex;flex-direction:column;gap:var(--dc-space-4)}.dc-variation-modal__field{display:flex;flex-direction:column;gap:var(--dc-space-2);font-size:var(--dc-font-size-sm);font-weight:600}.dc-variation-modal__field select{font-weight:400;padding:var(--dc-space-3);border:1px solid var(--dc-colour-border);border-radius:var(--dc-radius-md);font-size:var(--dc-font-size-base);background:var(--dc-colour-surface);width:100%;box-sizing:border-box}.dc-variation-modal__loading,.dc-variation-modal__error{margin:0;color:var(--dc-colour-muted)}@media(max-width:479px){.dc-modal__panel{padding:var(--dc-space-5);max-height:min(92dvh,100%)}.dc-variation-modal__media{display:flex;justify-content:center}.dc-variation-modal__media img{max-width:96px}}