mc-jewellery-tryon[data-mc-tryon]{display:block;width:100%;margin-block:12px;font-family:var(--font-body--family,Inter,Arial,sans-serif)}
mc-jewellery-tryon[data-mc-tryon][hidden]{display:none!important}
mc-jewellery-tryon[data-mc-tryon]>.mc-tryon-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 24px;border:1px solid #222;border-radius:14px;background:#fff;color:#222;font:400 14px/1.6 var(--font-body--family,Inter,Arial,sans-serif);cursor:pointer;text-transform:none;letter-spacing:0}
mc-jewellery-tryon[data-mc-tryon]>.mc-tryon-trigger:hover{background:#f5f5f5}
mc-jewellery-tryon[data-mc-tryon]>.mc-tryon-trigger:focus-visible,[data-mc-tryon-modal] :is(button,a,iframe):focus-visible{outline:3px solid #333;outline-offset:3px}
mc-jewellery-tryon[data-mc-tryon]>.mc-tryon-trigger:disabled{opacity:.6;cursor:wait}
[data-mc-tryon-modal]{box-sizing:border-box;width:min(1040px,calc(100vw - 40px));height:min(870px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #dedede;border-radius:16px;background:#fff;color:#222;overflow:hidden;font:400 14px/1.5 var(--font-body--family,Inter,Arial,sans-serif);box-shadow:0 24px 80px #0003}
[data-mc-tryon-modal][open]{display:flex;flex-direction:column}
[data-mc-tryon-modal]::backdrop{background:#0008;backdrop-filter:blur(3px)}
html:has([data-mc-tryon-modal][open]){overflow:hidden}
[data-mc-tryon-modal] *{box-sizing:border-box}
[data-mc-tryon-modal] .mc-tryon-head{display:flex;align-items:center;gap:14px;flex:none;min-height:58px;padding:9px 16px;border-bottom:1px solid #e5e5e5;background:#fff}
[data-mc-tryon-modal] .mc-tryon-title{margin:0;font:700 16px/1.4 var(--font-body--family,Inter,Arial,sans-serif);letter-spacing:0}
[data-mc-tryon-modal] .mc-tryon-external{margin-left:auto;padding:10px 0;color:#555;font:400 12px/1.4 var(--font-body--family,Inter,Arial,sans-serif);text-decoration:underline;text-underline-offset:3px}
[data-mc-tryon-modal] .mc-tryon-close{display:grid;place-items:center;width:40px;height:40px;padding:0;flex:none;border:1px solid #ddd;border-radius:50%;background:#fff;color:#222;font:400 25px/1 Arial,sans-serif;cursor:pointer}
[data-mc-tryon-modal] .mc-tryon-body{position:relative;flex:1;min-height:0;display:flex;background:#fff}
[data-mc-tryon-modal] iframe{display:block;flex:1;min-width:0;width:100%;height:100%;border:0;background:#fff}
[data-mc-tryon-modal] .mc-tryon-loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:16px;padding:32px;margin:0;background:#fff;text-align:center;color:#666;pointer-events:none}
[data-mc-tryon-modal] .mc-tryon-loading[hidden]{display:none}
[data-mc-tryon-modal] .mc-tryon-fallback{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;padding:32px;background:#fff;text-align:center}
[data-mc-tryon-modal] .mc-tryon-fallback p{max-width:340px;margin:0;color:#555}
[data-mc-tryon-modal] .mc-tryon-fallback a{padding:14px 24px;border:1px solid #222;border-radius:14px;color:#222;text-decoration:none}
@media(max-width:690px){[data-mc-tryon-modal]{width:100%;height:100dvh;margin:0;border:0;border-radius:0}[data-mc-tryon-modal] .mc-tryon-head{padding:8px 12px;gap:12px;min-height:56px}[data-mc-tryon-modal] .mc-tryon-title{font-size:15px}}