/* Override the legacy .modal-backdrop.in rule with matching scoped specificity. */
html.mfb-modal-layers .modal-backdrop,
html.mfb-modal-layers .modal-backdrop.in,
html.mfb-modal-layers .ui-widget-overlay{z-index:2147483080!important}
html.mfb-modal-layers .modal,
html.mfb-modal-layers .ui-dialog{z-index:2147483110!important}
html.mfb-modal-stack-open,html.mfb-modal-stack-open body{overflow:hidden!important}
html.mfb-modal-layers #skinload{z-index:2147483600!important;inset:0}
/* Shared storefront dialogs: one light surface and one scrollable body. */
html.mfb-modal-layers [data-mfb-modal-layer] {
    --mfb-popup-accent:var(--mfb-brand,#1f2937);
    --mfb-popup-on-accent:var(--mfb-on-brand,#fff);
    font-family:Arial,Helvetica,sans-serif;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer] {background:transparent!important;overflow:hidden!important}
html.mfb-modal-layers .modal[data-mfb-modal-kind="legacy"] {background:rgba(15,23,42,.56)!important}
html.mfb-modal-layers #vieworder[data-mfb-modal-kind="legacy"] #wrapper {
    display:flex;flex-direction:column;position:fixed!important;
    top:calc(var(--mfb-popup-viewport-top,0px) + var(--mfb-popup-viewport-height,100vh) / 2)!important;
    left:calc(var(--mfb-popup-viewport-left,0px) + var(--mfb-popup-viewport-width,100vw) / 2)!important;
    transform:translate(-50%,-50%);width:calc(var(--mfb-popup-viewport-width,100vw) - 24px)!important;max-width:760px;
    height:auto!important;max-height:calc(var(--mfb-popup-viewport-height,100vh) - 24px)!important;
    margin:0!important;overflow:hidden;border-radius:18px;background:#fff;
}
html.mfb-modal-layers #vieworder[data-mfb-modal-kind="legacy"] #wrapper > #content {min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-dialog,
html.mfb-modal-layers #infopopup.mfb-info-modal .modal-dialog {
    position:fixed!important;
    top:calc(var(--mfb-popup-viewport-top,0px) + var(--mfb-popup-viewport-height,100vh) / 2)!important;
    left:calc(var(--mfb-popup-viewport-left,0px) + var(--mfb-popup-viewport-width,100vw) / 2)!important;
    right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
    width:calc(var(--mfb-popup-viewport-width,100vw) - 24px)!important;max-width:520px!important;
    max-height:calc(var(--mfb-popup-viewport-height,100vh) - 24px)!important;
    height:auto!important;margin:0!important;padding:0!important;border:0!important;
    overflow:hidden!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(15,23,42,.24)!important;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-content,
html.mfb-modal-layers #infopopup.mfb-info-modal .modal-content {
    display:flex!important;flex-direction:column!important;position:relative!important;
    width:100%!important;height:auto!important;min-height:0!important;
    max-height:calc(var(--mfb-popup-viewport-height,100vh) - 24px)!important;
    border:1px solid #dfe3e8!important;border-radius:18px!important;overflow:hidden!important;
    background:#fff!important;color:#111827!important;box-shadow:none!important;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-body,
html.mfb-modal-layers #infopopup.mfb-info-modal .modal-body {
    flex:1 1 auto!important;min-height:0!important;position:relative!important;height:auto!important;
    max-height:none!important;padding:20px!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-wrap:anywhere;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-header,
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-titlebar {
    position:relative!important;flex:0 0 auto!important;padding:18px 60px 18px 20px!important;
    border:0!important;border-bottom:1px solid #e5e7eb!important;background:#fff!important;
    color:#111827!important;border-radius:0!important;font-size:18px!important;font-weight:700!important;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-title {margin:0;font:700 18px/1.4 Arial,Helvetica,sans-serif;color:#111827}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-footer,
html.mfb-modal-layers #infopopup.mfb-info-modal .modal-footer {
    flex:0 0 auto!important;position:relative!important;display:flex!important;justify-content:flex-end;gap:10px;
    margin:0!important;padding:14px 20px!important;border-top:1px solid #e5e7eb!important;background:#fff!important;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-footer button,
html.mfb-modal-layers #infopopup.mfb-info-modal .modal-footer .close-model,
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-content button,
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-buttonpane button {
    display:inline-flex!important;align-items:center;justify-content:center;position:static!important;inset:auto!important;
    transform:none!important;width:auto!important;height:auto!important;min-width:96px!important;min-height:44px!important;
    margin:0!important;padding:10px 18px!important;border:1px solid transparent!important;border-radius:12px!important;
    background:var(--mfb-popup-accent)!important;color:var(--mfb-popup-on-accent)!important;
    font:700 15px/1.35 Arial,Helvetica,sans-serif!important;text-indent:0!important;text-shadow:none!important;opacity:1!important;cursor:pointer!important;
}
html.mfb-modal-layers .modal[data-mfb-modal-layer]:not(#infopopup) .modal-header .close,
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-titlebar-close {
    position:absolute!important;top:9px!important;right:10px!important;width:44px!important;height:44px!important;
    margin:0!important;padding:0!important;border:1px solid #dfe3e8!important;border-radius:12px!important;
    background:#f3f4f6!important;color:#374151!important;opacity:1!important;text-shadow:none!important;
}
html.mfb-modal-layers #infopopup.mfb-info-modal .vertical-alignment-helper {display:block;height:auto;padding:0}
html.mfb-modal-layers #infopopup.mfb-info-modal #basketinfo {margin:0!important}
html.mfb-modal-layers [data-mfb-modal-layer] textarea {max-width:100%;box-sizing:border-box;resize:vertical}
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) {
    display:flex!important;flex-direction:column!important;position:fixed!important;height:auto!important;min-height:0!important;
    top:calc(var(--mfb-popup-viewport-top,0px) + var(--mfb-popup-viewport-height,100vh) / 2)!important;
    left:calc(var(--mfb-popup-viewport-left,0px) + var(--mfb-popup-viewport-width,100vw) / 2)!important;
    transform:translate(-50%,-50%)!important;box-sizing:border-box!important;
    max-width:calc(var(--mfb-popup-viewport-width,100vw) - 24px)!important;
    max-height:calc(var(--mfb-popup-viewport-height,100vh) - 24px)!important;
    margin:0!important;padding:0!important;border:1px solid #dfe3e8!important;border-radius:18px!important;
    overflow:hidden!important;background:#fff!important;box-shadow:0 24px 80px rgba(15,23,42,.24)!important;
}
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-content {
    flex:1 1 auto;min-height:0!important;height:auto!important;overflow:auto!important;overscroll-behavior:contain;padding:20px!important;box-sizing:border-box;
}
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-buttonpane {flex:0 0 auto;border-color:#e5e7eb;background:#fff}
html.mfb-modal-layers [data-mfb-modal-layer] button:focus-visible {outline:3px solid #2563eb!important;outline-offset:2px}
@media(max-width:767px) {
    /* A readable16px control avoids Safari's automatic input zoom; pinch zoom stays available. */
    html.mfb-modal-layers [data-mfb-modal-layer] input:not([type="checkbox"]):not([type="radio"]),
    html.mfb-modal-layers [data-mfb-modal-layer] select,
    html.mfb-modal-layers [data-mfb-modal-layer] textarea {font-size:16px!important;line-height:1.5!important}
}

/* Keep legacy span close controls inside their clipped dialog frame. */
html.mfb-modal-layers #vieworder[data-mfb-modal-kind="legacy"] #wrapper {box-sizing:border-box;padding-top:64px}
html.mfb-modal-layers #vieworder[data-mfb-modal-kind="legacy"] .close-viewoder,
html.mfb-modal-layers #writereview[data-mfb-modal-kind="legacy"] .closereview {
    position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;
    display:block!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;
    border:1px solid #d1d5db!important;border-radius:12px!important;background:#f3f4f6!important;color:#374151!important;
    box-sizing:border-box!important;cursor:pointer!important;z-index:2;
}
html.mfb-modal-layers #vieworder[data-mfb-modal-kind="legacy"] .close-viewoder::before,
html.mfb-modal-layers #writereview[data-mfb-modal-kind="legacy"] .closereview::before {
    content:'\00d7'!important;display:block!important;position:static!important;float:none!important;
    width:100%!important;height:100%!important;font:28px/40px Arial,Helvetica,sans-serif!important;text-align:center!important;
}
html.mfb-modal-layers [data-mfb-modal-kind="legacy"] span[role="button"]:focus-visible {outline:3px solid #2563eb!important;outline-offset:2px}

/* The shared close control remains visible without theme icon sprites. */
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-titlebar-close .ui-icon {background:none!important;display:none!important}
html.mfb-modal-layers .ui-dialog[data-mfb-modal-layer]:not(.item-option-popup-wrapper) .ui-dialog-titlebar-close::before {
    content:'\00d7'!important;display:block!important;width:100%!important;height:100%!important;
    font:28px/42px Arial,Helvetica,sans-serif!important;text-align:center!important;text-indent:0!important;
}