/* Demo-only additions (scripts/build-demos.js). Not part of customer sites. */
.mj-demo{position:relative;z-index:60;background:#14161c;color:#f4f1ea;font:500 .86rem/1.35 system-ui,-apple-system,"Segoe UI",Arial,"Noto Sans Hebrew","Noto Sans Arabic",sans-serif;letter-spacing:0;border-block-end:1px solid rgba(255,255,255,.12)}
html.mn-lock .mj-demo{z-index:0}
.mj-demo .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;min-height:2.4rem;padding-block:.35rem}
.mj-demo b{display:inline-block;background:#ff7a2f;color:#160c05;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.18rem .5rem;border-radius:999px}
.mj-demo :lang(he),.mj-demo :lang(ar),:lang(he) .mj-demo b,:lang(ar) .mj-demo b{text-transform:none;letter-spacing:0}
.mj-demo .wrap>span{flex:1 1 12rem;min-width:0}
.mj-demo a{color:#ffb489;font-weight:700;text-decoration:underline;text-underline-offset:.2em;max-width:100%;overflow-wrap:break-word}
.mj-demo a:hover{color:#fff}
.mj-demo a.mj-back{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.25rem .8rem;border-radius:999px;background:#f4f1ea;color:#14161c;text-decoration:none;font-weight:700}
.mj-demo a.mj-back:hover,.mj-demo a.mj-back:focus-visible{background:#ffb489;color:#14161c}
.mj-demo a.mj-back:focus-visible{outline:3px solid #ffb489;outline-offset:2px}
.mj-back-i{flex:none}
.mj-demo[dir=rtl] .mj-back-i{transform:scaleX(-1)}
.mj-demo-note{margin:0;font-size:.9rem;font-weight:600;color:var(--muted)}
.about-img{margin-block-start:2rem;width:100%;max-height:30rem;object-fit:cover;border-radius:var(--r)}
.form .btn[disabled]{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}
