:root{--popup-bg: var(--color-background, #fff);--popup-overlay: rgba(0, 0, 0, .45);--popup-text: var(--color-foreground, #222);--popup-sub: var(--color-muted, #666);--popup-font: var(--base-font-family, "Noto Naskh Arabic", "Helvetica Neue", Arial, sans-serif);--alt-btn-bg: rgb(var(--btn-alt-bg-color, 255 255 255));--alt-btn-color: rgb(var(--btn-alt-text-color, 17 17 17));--alt-btn-hover-bg: rgb(var(--btn-alt-bg-hover-color, 245 245 245));--alt-btn-hover-color: rgb(var(--btn-alt-text-hover-color, 17 17 17));--alt-btn-border: rgb(var(--btn-alt-border-color, 220 220 220));--alt-btn-border-hover: rgb(var(--btn-alt-border-hover-color, 180 180 180));--primary-btn-bg: rgb(var(--btn-bg-color, 17 17 17));--primary-btn-color: rgb(var(--btn-text-color, 255 255 255));--primary-btn-hover-bg: rgb(var(--btn-bg-hover-color, 50 50 50));--primary-btn-hover-color: rgb(var(--btn-text-hover-color, 255 255 255));--primary-btn-border: rgb(var(--btn-border-color, 17 17 17));--primary-btn-border-hover: rgb(var(--btn-border-hover-color, 50 50 50));--btn-radius: var(--btn-border-radius, 8px);--btn-font-size: var(--button-text-size, 14px);--btn-font-weight: var(--base-font-weight, 700);--btn-letter-spacing: var(--btn-letter-spacing, 0px);--btn-text-transform: var(--btn-text-transform, none);--btn-border-width: 1px}#size-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--popup-overlay);z-index:99999;direction:rtl}.size-popup{background:var(--popup-bg);color:var(--popup-text);padding:24px;border-radius:12px;border:1px solid rgba(0,0,0,.1);width:min(520px,94%);max-width:680px;text-align:center;font-family:var(--popup-font);box-shadow:0 10px 30px #00000029;position:relative}.size-popup h2{margin:0 0 8px;font-size:20px;font-weight:700}.size-popup-sub{margin:0 0 20px;color:var(--popup-sub);font-size:14px}.size-popup-close{position:absolute;left:12px;top:10px;background:transparent;border:none;font-size:22px;color:var(--popup-sub);cursor:pointer}.size-popup-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.size-popup-actions{display:flex;gap:16px;justify-content:center;margin-top:24px;align-items:center}.size-popup-btn,.size-popup-apply{border:var(--btn-border-width) solid;border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;box-sizing:border-box}.size-popup-btn{padding:9px 14px;min-width:56px;background:var(--alt-btn-bg);color:var(--alt-btn-color);border-color:var(--alt-btn-border)}.size-popup-btn:hover{background:var(--alt-btn-hover-bg);color:var(--alt-btn-hover-color);border-color:var(--alt-btn-border-hover)}.size-popup-btn.selected{background:var(--primary-btn-bg);color:var(--primary-btn-color);border-color:var(--primary-btn-border);transform:translateY(-2px)}.size-popup-btn.selected:hover{background:var(--primary-btn-hover-bg);color:var(--primary-btn-hover-color);border-color:var(--primary-btn-border-hover)}.size-popup-apply{padding:9px 16px;min-width:110px;background:var(--primary-btn-bg);color:var(--primary-btn-color);border-color:var(--primary-btn-border)}.size-popup-apply:hover{background:var(--primary-btn-hover-bg);color:var(--primary-btn-hover-color);border-color:var(--primary-btn-border-hover)}.size-popup-apply[disabled]{opacity:.5;cursor:not-allowed;background:var(--primary-btn-bg);border-color:var(--primary-btn-border)}.size-popup-skip{padding:9px 16px;min-width:110px;background:transparent;border:none;color:var(--popup-text);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);text-transform:var(--btn-text-transform);cursor:pointer;transition:color .15s,text-decoration .15s}.size-popup-skip:hover{color:var(--popup-text);text-decoration:underline}@media (max-width: 420px){.size-popup{padding:20px 16px}.size-popup-btn{padding:8px 10px;font-size:13px;min-width:48px}.size-popup-apply,.size-popup-skip{padding:8px 12px;font-size:14px;min-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/size-popup.css.map */