.variant-modal[hidden]{display:none}.variant-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.variant-modal-overlay{position:absolute;inset:0;background:rgba(10,20,16,.68);backdrop-filter:blur(3px)}.variant-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.variant-modal-x{position:absolute;inset-inline-end:15px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.variant-modal-product{display:flex;align-items:center;gap:15px;padding-inline-end:30px;margin-bottom:20px}.variant-modal-product img{width:72px;height:72px;border-radius:16px;object-fit:cover}.variant-modal-product h2{margin:3px 0}.variant-radio-list{display:grid;gap:10px}.variant-radio-card{display:flex;align-items:center;gap:12px;border:1px solid #dce4de;border-radius:15px;padding:13px;cursor:pointer}.variant-radio-card:has(input:checked){border-color:#294b3c;background:#f0f5f2}.variant-radio-card.is-unavailable{opacity:.55;cursor:not-allowed}.variant-radio-card span{flex:1}.variant-modal-error{min-height:22px;color:#a83030}.variant-modal-actions{display:flex;justify-content:flex-end;gap:10px}.variant-dialog.is-loading [data-variant-close]{pointer-events:none}.variant-dialog.is-loading{cursor:wait}@media(max-width:600px){.variant-dialog{padding:20px 16px;border-radius:20px}.variant-modal-actions{flex-direction:column-reverse}.variant-modal-actions .btn{width:100%}}