/* adiel | עיצוב משותף לאפליקציה ולדף השיתוף. צבעים לפי הלוגו: טורקיז, כחול כהה, זהב */
:root{
  /* יוקרתי-נדל"ני: כחול לילה עמוק, זהב חם, טורקיז מהלוגו */
  --bg:#0A1118; --surface:#111C26; --surface-2:#16242F; --ink:#EDF0F2; --muted:#9BA9B3; --line:#23323F;
  --accent:#C9A46A; --accent-ink:#17110A; --accent-soft:rgba(201,164,106,.14); --navy:#F4EEE3; --gold:#D9B67C; --gold-soft:rgba(217,182,124,.12);
  --teal:#3FA6B1; --teal-soft:rgba(63,166,177,.14);
  --good:#7BD3A0; --good-soft:rgba(123,211,160,.13); --warn:#F0B866; --warn-soft:rgba(240,184,102,.13); --bad:#F2877C; --bad-soft:rgba(242,135,124,.13);
  --viewer-bg:#060B10; --focus:#E8C68E;
  --font-display:"IBM Plex Sans Hebrew","Arial Hebrew",system-ui,sans-serif;
  --font-body:"IBM Plex Sans Hebrew","Arial Hebrew",system-ui,sans-serif;
  --font-brand:"IBM Plex Sans Hebrew",system-ui,sans-serif;
  --r:16px; --shadow:0 18px 40px -18px rgba(0,0,0,.65);
  color-scheme:dark;
}

html{font-size:100%;-webkit-text-size-adjust:100%}
html.big{font-size:118%}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;
  padding-top:env(safe-area-inset-top,0px)}
img{max-width:100%}
[hidden]{display:none!important}
.app{max-width:36rem;margin:0 auto;padding-inline:16px;padding-block:0 7rem}
h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.005em;line-height:1.25;text-wrap:balance;margin:0;color:var(--navy)}
h1{font-size:1.75rem} h2{font-size:1.25rem} h3{font-size:1.08rem}
p{margin:0}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
a{color:var(--accent)}

/* top bar */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:.5rem;
  padding-block:.55rem;background:var(--bg);border-bottom:1px solid var(--line);margin-inline:-16px;padding-inline:16px}
.brand{flex:1;display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);min-width:0}
.brand img{width:2.1rem;height:auto}
.brand .word{font-family:var(--font-brand);font-weight:600;font-size:1.45rem;letter-spacing:-.01em;line-height:1;direction:ltr}
.brand .tag{font-size:.78rem;color:var(--muted);line-height:1.2}
.icon-btn{min-width:3rem;min-height:3rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;font-size:1.05rem}
.icon-btn[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent)}
.stepper{padding-block:.75rem .25rem}
.stepper-label{font-size:.9rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:.35rem}
.bar span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}

.screen{display:flex;flex-direction:column;gap:1.2rem;padding-top:1.25rem}
.lead{color:var(--muted);font-size:1.1rem;max-width:34rem}
.note{font-size:.95rem;color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:.75rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.6rem 1.2rem;border-radius:var(--r);
  border:2px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;font-size:1.05rem;cursor:pointer;text-decoration:none;text-align:center}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
.btn.danger{border-color:var(--bad);color:var(--bad)}
.btn.danger.primary{background:var(--bad);color:#fff}
.btn.big{min-height:3.75rem;font-size:1.15rem;width:100%}
.btn.full{width:100%}
.btn.small{min-height:2.75rem;padding:.35rem .9rem;font-size:.95rem}
.btn:disabled{opacity:.45;cursor:not-allowed}
.linkbtn{background:none;border:0;color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer;padding:.25rem;min-height:2.75rem}

/* hero + how */
.hero{display:flex;flex-direction:column;gap:1rem;padding-block:.5rem 1rem}
.hero h1{font-size:2rem}
.hero h1 em{font-style:normal;color:var(--gold)}
.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.how li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.9rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}
.how .n{font-family:var(--font-brand);font-weight:600;color:var(--gold);font-size:1.4rem;line-height:1}
.how b{font-size:1.05rem}
.how span{font-size:.92rem;color:var(--muted);line-height:1.45}
@media (max-width:30rem){.how{grid-template-columns:1fr}.how li{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem}.how span:last-child{flex-basis:100%}}

/* property card */
.prop{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.85rem;align-items:center;cursor:pointer;text-align:start;width:100%}
.prop .thumb{width:5.5rem;height:5.5rem;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;overflow:hidden}
.prop .thumb img{width:100%;height:100%;object-fit:cover}
.prop .thumb .mk{width:3.2rem;height:auto}
.prop .addr{color:var(--muted);font-size:.95rem}
.prop .meta{font-size:.88rem;color:var(--muted);margin-top:.2rem}
.chip{display:inline-block;font-size:.8rem;font-weight:700;padding:.1rem .55rem;border-radius:99px;background:var(--accent-soft);color:var(--accent);vertical-align:middle;margin-inline-start:.35rem}
.chip.draft{background:var(--line);color:var(--muted)}
.chip.processing{background:var(--gold-soft);color:var(--gold)}
.chip.ready{background:var(--good-soft);color:var(--good)}
.chip.failed{background:var(--bad-soft);color:var(--bad)}
.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:1.25rem;text-align:center;color:var(--muted)}

/* forms */
.field{display:flex;flex-direction:column;gap:.35rem}
.field label,.legend{font-weight:700}
.field input,.field select{min-height:3.25rem;border:2px solid var(--line);border-radius:12px;background:var(--surface);padding:.5rem .9rem;width:100%}
.field input:focus,.field select:focus{border-color:var(--accent);outline:none}
.field input[type=email],.field input[type=tel]{direction:ltr;text-align:right}
.hint{font-size:.9rem;color:var(--muted)}
.row{display:flex;gap:.5rem;align-items:stretch}
.row>.field{flex:1;min-width:0}
fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;gap:.35rem;min-height:2.9rem;padding:.4rem 1rem;border:2px solid var(--line);border-radius:99px;background:var(--surface);font-weight:600;cursor:pointer}
.chips input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.chips input:checked+span::before{content:"✓";color:var(--accent);font-weight:700}
.chips input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.msg{border-radius:12px;padding:.75rem .9rem;font-size:.95rem;line-height:1.5}
.msg.ok{background:var(--good-soft)} .msg.err{background:var(--bad-soft)} .msg.info{background:var(--gold-soft)}

/* checklist */
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.checklist label{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;align-items:start;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:.85rem 1rem;cursor:pointer}
.checklist input{width:1.6rem;height:1.6rem;margin:.15rem 0 0;accent-color:var(--accent)}
.checklist b{display:block}
.checklist small{display:block;color:var(--muted);font-size:.93rem;line-height:1.45}
.checklist label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.count{font-weight:700;color:var(--accent)}

/* guide */
.illus{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;margin:0}
.illus svg{width:100%;max-width:22rem;height:auto}
.illus figcaption{font-size:.92rem;color:var(--muted);text-align:center}
.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.rules li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}
.rules .ic{width:2.6rem;height:2.6rem;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center}
.rules .ic svg{width:1.4rem;height:1.4rem;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rules b{display:block;font-size:1.06rem}
.rules small{display:block;color:var(--muted);font-size:.95rem;line-height:1.45}

/* capture */
.room{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;gap:.75rem}
.room-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.pill{font-size:.85rem;font-weight:700;padding:.2rem .7rem;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.pill.empty{color:var(--muted)}
.pill.busy,.pill.queued,.pill.processing{color:var(--gold);background:var(--gold-soft)}
.pill.more{color:var(--warn);background:var(--warn-soft)}
.pill.ready{color:var(--good);background:var(--good-soft)}
.pill.failed{color:var(--bad);background:var(--bad-soft)}
.advice{font-size:.95rem;color:var(--muted);line-height:1.5}
.advice.warn{color:var(--warn)} .advice.bad{color:var(--bad)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.upload{position:relative;display:flex}
.upload>.btn{flex:1}
.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.upload:focus-within .btn{outline:3px solid var(--focus);outline-offset:2px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.45rem}
.tile{position:relative;border-radius:10px;overflow:hidden;background:var(--bg);border:2px solid var(--line);aspect-ratio:1;max-width:100%}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile .badge{position:absolute;inset-inline:0;bottom:0;font-size:.7rem;font-weight:700;padding:.12rem .25rem;text-align:center;line-height:1.3}
.tile.good{border-color:var(--good)} .tile.good .badge{background:var(--good-soft);color:var(--good)}
.tile.warn{border-color:var(--warn)} .tile.warn .badge{background:var(--warn-soft);color:var(--warn)}
.tile.bad{border-color:var(--bad)} .tile.bad .badge{background:var(--bad-soft);color:var(--bad)}
.tile.more{display:grid;place-items:center;font-weight:700;color:var(--muted)}
.footer-bar{position:fixed;inset-inline:0;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);
  padding:.75rem 16px calc(.75rem + env(safe-area-inset-bottom,0px))}
.footer-inner{max-width:34rem;margin:0 auto;display:flex;flex-direction:column;gap:.4rem}
.footer-inner .sum{font-size:.95rem;font-weight:600;text-align:center}

/* property page */
.roomrow{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}
.roomrow:last-child{border-bottom:0}
.roomrow .rt{width:3.6rem;height:3.6rem;border-radius:10px;background:var(--bg);overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:.75rem}
.roomrow .rt img{width:100%;height:100%;object-fit:cover}
.roomrow .acts{grid-column:2;display:flex;flex-wrap:wrap;gap:.4rem}
.spin{display:inline-block;width:.9rem;height:.9rem;border:2px solid currentColor;border-top-color:transparent;border-radius:99px;animation:spin .9s linear infinite;vertical-align:-2px;margin-inline-end:.3rem}
@keyframes spin{to{transform:rotate(360deg)}}
.viewer{position:relative;background:var(--viewer-bg);border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.6;max-width:100%;border:1px solid var(--line);touch-action:none}
.viewer.tall{aspect-ratio:auto;height:min(78vh,44rem)}
.viewer canvas{display:block}
.viewer .hintov{position:absolute;inset-inline:0;bottom:.6rem;display:flex;justify-content:center;pointer-events:none;z-index:5}
.viewer .hintov span{background:rgba(0,0,0,.62);color:#fff;font-size:.85rem;padding:.3rem .8rem;border-radius:99px}
.viewer .vmsg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--muted);z-index:4}
.roomnav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}
.roomnav button{flex:0 0 auto;min-height:2.9rem;padding:.35rem 1rem;border-radius:99px;border:2px solid var(--line);background:var(--surface);font-weight:600;cursor:pointer}
.roomnav button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;gap:.75rem}
.linkbox{display:flex;gap:.5rem;align-items:stretch}
.linkbox code{flex:1;min-width:0;direction:ltr;text-align:left;font-family:ui-monospace,Menlo,monospace;font-size:.88rem;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;overflow-x:auto;white-space:nowrap;user-select:all}
.share-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.toggle b{display:block}
.toggle small{display:block;color:var(--muted);font-size:.9rem;line-height:1.4}
.switch{position:relative;flex:0 0 auto;width:3.4rem;height:2rem}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:background .2s}
.switch span::after{content:"";position:absolute;top:.2rem;inset-inline-start:.2rem;width:1.6rem;height:1.6rem;border-radius:99px;background:#fff;transition:inset-inline-start .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.switch input:checked+span{background:var(--accent)}
.switch input:checked+span::after{inset-inline-start:1.6rem}
.switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;text-align:center}
.stats div{background:var(--bg);border-radius:10px;padding:.6rem .3rem}
.stats strong{display:block;font-family:var(--font-brand);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--navy)}
.stats span{font-size:.85rem;color:var(--muted)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(7rem + env(safe-area-inset-bottom,0px));z-index:30;background:var(--ink);color:var(--bg);
  padding:.7rem 1.2rem;border-radius:12px;font-weight:600;max-width:calc(100% - 32px);text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;font-size:.9rem;color:var(--muted);padding-top:1.5rem}

/* public page */
.pub-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75rem}
.pub-head .by{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--muted);font-size:.85rem}
.pub-head .by img{width:1.6rem}
.embed .app{max-width:none;padding:0}
.embed .viewer{border-radius:0;border:0;height:100vh;aspect-ratio:auto}
.embed .roomnav{position:fixed;inset-inline:.5rem;bottom:.5rem;z-index:6}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* auth */
.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border-radius:12px;padding:4px;gap:4px}
.tabs button{min-height:2.9rem;border:0;border-radius:9px;background:transparent;font-weight:700;color:var(--muted);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.btn.google{border-color:var(--line);color:var(--ink);background:var(--surface)}
.or{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.pwrow{display:flex;gap:.25rem;align-items:center}
.pwrow input{flex:1;min-width:0;direction:ltr;text-align:right}
.field input[type=password]{direction:ltr;text-align:right}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.consent input{width:1.4rem;height:1.4rem;margin:.15rem 0 0;accent-color:var(--accent);flex:none}
.center{text-align:center}
/* pay */
.price-box{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 0}
.price{font-family:var(--font-brand);font-size:2.4rem;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;direction:ltr}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.ticks li{display:flex;gap:.5rem}
.ticks li::before{content:"✓";color:var(--good);font-weight:700}
.chip.unpaid{background:var(--warn-soft);color:var(--warn)}


/* =====================================================================
   שכבת עיצוב יוקרתית + הנפשות
   ===================================================================== */
body{background:
  radial-gradient(1200px 600px at 85% -10%, rgba(201,164,106,.10), transparent 60%),
  radial-gradient(900px 500px at -10% 30%, rgba(63,166,177,.08), transparent 60%),
  var(--bg);background-attachment:fixed}
.topbar{background:rgba(10,17,24,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:rgba(217,182,124,.16)}
.brand .word{color:var(--navy)}
.brand .tag{color:var(--gold);letter-spacing:.02em}
.icon-btn{background:var(--surface);border-color:var(--line);color:var(--ink)}
h1{font-size:2rem}
.lead{color:var(--muted)}

/* כפתורים */
.btn{border-radius:12px;transition:transform .18s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease;position:relative;overflow:hidden;border-color:rgba(217,182,124,.55);color:var(--gold)}
.btn:hover{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,182,124,.08)}
.btn:active{transform:scale(.98)}
.btn.primary{background:linear-gradient(135deg,#E6C890 0%,#C9A46A 45%,#A9814A 100%);color:var(--accent-ink);border-color:transparent;box-shadow:0 10px 28px -12px rgba(201,164,106,.7)}
.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}
.btn.primary:hover::after{transform:translateX(120%)}
.btn.primary:hover{box-shadow:0 16px 34px -12px rgba(201,164,106,.85)}
.btn.danger{border-color:var(--bad);color:var(--bad)}
.btn.google{background:#fff;color:#1f1f1f;border-color:#fff}
.btn.google:hover{box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.linkbtn{color:var(--gold)}
a{color:var(--gold)}

/* משטחים */
.card,.prop,.how li,.item,.kpi,.textrow,.checklist label,.room,.roomrow,.illus{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow)}
.prop{transition:transform .25s ease,border-color .25s ease}
.prop:hover{transform:translateY(-3px);border-color:rgba(217,182,124,.45)}
.prop .thumb{background:var(--teal-soft)}
.field input,.field select,.textrow textarea,select{background:var(--bg);border-color:var(--line);color:var(--ink)}
.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,182,124,.12)}
.chips span{background:var(--surface);border-color:var(--line)}
.tabs{background:var(--bg)}
.tabs button[aria-selected="true"]{background:var(--surface-2);color:var(--gold);box-shadow:none;outline:1px solid rgba(217,182,124,.35)}
.chip{background:var(--accent-soft);color:var(--gold)}
.empty-state{background:transparent;border-color:rgba(217,182,124,.3)}
.toast{background:linear-gradient(135deg,#E6C890,#C9A46A);color:var(--accent-ink)!important;font-weight:700}

/* מסך הבית: כותרת גדולה עם בית שמצטייר */
.hero{position:relative;padding-block:1.5rem 1.25rem;isolation:isolate}
.hero .kicker{font-family:var(--font-brand);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);direction:ltr;align-self:flex-start}
.hero h1{font-size:clamp(2.1rem,7vw,3.1rem);line-height:1.12;color:var(--navy)}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,#F0D6A6,#C9A46A 60%,#3FA6B1);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art{position:relative;margin:.25rem 0 .5rem;border-radius:20px;overflow:hidden;border:1px solid rgba(217,182,124,.22);background:radial-gradient(120% 90% at 50% 100%,rgba(63,166,177,.18),transparent 60%),linear-gradient(180deg,#0F1A24,#0A1118);aspect-ratio:16/10}
.hero-art svg{position:absolute;inset:0;width:100%;height:100%}
.hero-art .ln{fill:none;stroke:url(#goldGrad);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);animation:draw 2.6s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(var(--d,0)*1s)}
.hero-art .ln.t{stroke:rgba(63,166,177,.7);stroke-width:1.1}
.hero-art .dot{fill:#F0D6A6;opacity:0;animation:twinkle 3.2s ease-in-out infinite;animation-delay:calc(var(--d,0)*1s)}
.hero-art .scan{fill:url(#scanGrad);animation:scan 4.5s ease-in-out 2.2s infinite}
.hero-art .badge3d{position:absolute;inset-inline-start:14px;bottom:14px;background:rgba(10,17,24,.7);backdrop-filter:blur(8px);border:1px solid rgba(217,182,124,.35);color:var(--gold);font-weight:700;font-size:.85rem;padding:.35rem .8rem;border-radius:99px}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes twinkle{0%,100%{opacity:0}40%,60%{opacity:.9}}
@keyframes scan{0%{transform:translateY(-110%)}50%{transform:translateY(110%)}100%{transform:translateY(110%)}}
.how .n{font-family:var(--font-display);color:var(--gold);font-size:1.8rem}
.how li{transition:transform .3s ease,border-color .3s ease}
.how li:hover{transform:translateY(-4px);border-color:rgba(217,182,124,.4)}

/* מעברים בין מסכים: כל רכיב עולה ונחשף בתורו */
.screen>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*70ms)}
.how li{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.35s + var(--j,0)*110ms)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* מציג התלת-ממד */
.viewer{background:var(--viewer-bg);border-color:rgba(217,182,124,.22);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.viewer.loading::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(217,182,124,.08) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;z-index:3}
@keyframes shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.viewer .hintov span{background:rgba(10,17,24,.75);border:1px solid rgba(217,182,124,.3);backdrop-filter:blur(6px)}
.vripple{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #F0D6A6;z-index:6;pointer-events:none;animation:ripple .7s ease-out forwards}
@keyframes ripple{from{transform:scale(.4);opacity:1}to{transform:scale(4.2);opacity:0}}

.price{color:var(--gold);font-family:var(--font-display)}
.pill{background:var(--surface)}
.footer-bar{background:rgba(10,17,24,.85);backdrop-filter:blur(12px);border-top:1px solid rgba(217,182,124,.18)}

@media (prefers-reduced-motion: reduce){
  .screen>*,.how li,.hero-art .ln,.hero-art .dot,.hero-art .scan{animation:none!important;opacity:1;stroke-dashoffset:0}
  .btn.primary::after{display:none}
}


/* =====================================================================
   עיצוב 16.10.2026: פחות קישוטים, רקע תלת-ממדי בדף הנחיתה
   ===================================================================== */
:root{--bg:#0E1A24;--surface:#14222D;--surface-2:#182833;--line:#26394A;--ink:#EEE8DC;--navy:#F3EDE2;--muted:#A3AFB8;--gold:#D4B07A;--accent:#D4B07A;--teal:#5BB3BC}
body{background:var(--bg)}
/* כפתורים: צבע אחיד, בלי ברק ובלי הילה */
.btn{border-radius:10px;border-color:var(--gold);color:var(--gold);transition:background-color .15s ease,color .15s ease}
.btn:hover{box-shadow:none;background:rgba(212,176,122,.1)}
.btn.primary{background:var(--gold);color:#1A1309;border-color:var(--gold);box-shadow:none}
.btn.primary:hover{background:#E2C291;box-shadow:none}
.btn.primary::after{display:none}
.btn.google{background:#fff;color:#1f1f1f;border-color:#fff}
.card,.prop,.how li,.checklist label,.room,.roomrow,.illus{background:var(--surface);box-shadow:none}
.prop:hover{transform:none;border-color:var(--gold)}
.how li:hover{transform:none}
.toast{background:var(--navy);color:var(--bg)!important}
.brand .tag{color:var(--muted);letter-spacing:0}

/* רקע תלת-ממדי: רק בדף הנחיתה */
#bg3d{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:none;pointer-events:none}
body.landing #bg3d{display:block}
body.landing::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(270deg,rgba(14,26,36,.9) 0%,rgba(14,26,36,.78) 30%,rgba(14,26,36,.05) 62%,rgba(14,26,36,.2) 100%),
             linear-gradient(0deg,rgba(14,26,36,.9) 0%,rgba(14,26,36,0) 22%)}
@media (max-width:60rem){body.landing::before{background:linear-gradient(180deg,rgba(14,26,36,.82) 0%,rgba(14,26,36,.55) 45%,rgba(14,26,36,.85) 100%)}}
body.landing .app{position:relative;z-index:2;max-width:74rem}
body.landing .topbar{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;margin-inline:0;padding-inline:0}
body.landing .screen>*,body.landing .how li{animation:none}

.landing-top{display:flex;flex-direction:column;gap:2rem;min-height:calc(100svh - 5rem);justify-content:center;padding-block:2rem 3rem}
#s-login .hero{gap:1.1rem;padding:0;max-width:34rem}
#s-login .hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.08;letter-spacing:-.015em;color:var(--navy)}
#s-login .lead{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.65;color:#C9CFD3;max-width:30em}
.hero-note{font-size:.88rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}
.hero-note::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--teal);flex:none}
#authCard{max-width:25rem;width:100%;background:rgba(20,34,45,.92);border:1px solid var(--line);border-radius:14px;padding:1.25rem}
@media (min-width:60rem){
  .landing-top{display:grid;grid-template-columns:minmax(0,1fr) 25rem;column-gap:4rem;align-items:center}
  /* RTL: הכותרת מימין, הטופס משמאל מעל הרקע */
}

.types-sec{padding-top:3rem;border-top:1px solid var(--line)}
.types-sec h2,.how-title,.biz h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2rem);color:var(--navy);margin-bottom:1.2rem}
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;margin:0}
.types>div{padding:1rem 0 1rem 1.5rem;border-top:2px solid var(--gold)}
.types>div+div{padding-inline-start:1.5rem;border-inline-start:1px solid var(--line)}
.types dt{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--navy)}
.types dd{margin:.35rem 0 0;color:var(--muted);line-height:1.5}
@media (max-width:40rem){.types>div,.types>div+div{padding-inline:0;border-inline-start:0}}

.how-title{margin-top:3.5rem}
#s-login .how{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;margin:0;counter-reset:none}
#s-login .how li{background:none;border:0;padding:0;box-shadow:none;gap:.35rem}
#s-login .how .n{font-family:var(--font-display);font-size:2.6rem;color:var(--gold);line-height:1}
#s-login .how b{font-size:1.15rem;color:var(--navy)}
#s-login .how span:not(.n){font-size:1rem;color:var(--muted)}

.biz{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-top:4rem;padding:2rem 0;border-block:1px solid var(--line);background:none;border-radius:0}
.biz>div{display:flex;flex-direction:column;gap:.4rem;max-width:36rem}
.biz h2{margin:0}
.biz .note{font-size:1.02rem}

/* בחירת סוג החלל בפתיחת סריקה */
.kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.kinds legend{margin-bottom:.5rem}
.kinds label{position:relative}
.kinds input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.kinds span{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-height:6.2rem;justify-content:center;padding:.6rem .3rem;border:2px solid var(--line);border-radius:12px;background:var(--surface);text-align:center;cursor:pointer}
.kinds svg{width:1.8rem;height:1.8rem;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kinds b{font-size:1.02rem}
.kinds small{font-size:.8rem;color:var(--muted)}
.kinds input:checked+span{border-color:var(--gold);background:rgba(212,176,122,.1)}
.kinds input:checked+span svg{stroke:var(--gold)}
.kinds input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
@media (max-width:24rem){.kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* גופן: IBM Plex Sans Hebrew בכל האתר. כותרות במשקל 600, גוף 400 */
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
#s-login .hero h1{font-weight:600;letter-spacing:-.025em;line-height:1.12}
.types dt,.how .n,#s-login .how .n{font-weight:600}
#s-login .how .n{font-weight:300;font-size:3rem}
.brand .word{font-weight:700;letter-spacing:-.02em}
body{font-size:1.03rem}

/* מפת הבית בפינת המציג: הבית מלמעלה בלי תקרה, ונקודה שמראה איפה אתם */
.vmap{position:absolute;z-index:6;inset-block-start:.6rem;inset-inline-end:.6rem;width:clamp(8.5rem,24%,13rem);
  background:rgba(14,26,36,.72);border:1px solid rgba(212,176,122,.35);border-radius:10px;padding:.3rem;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}
.vmap img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.vmap .me{position:absolute;width:1.1rem;height:1.1rem;pointer-events:none}
.vmap .me::before{content:"";position:absolute;inset:.3rem;border-radius:50%;background:#D4B07A;box-shadow:0 0 0 2px #0E1A24}
.vmap .me i{position:absolute;left:50%;top:50%;width:1.4rem;height:1rem;margin-top:-.5rem;
  background:linear-gradient(90deg,rgba(212,176,122,.75),rgba(212,176,122,0));clip-path:polygon(0 50%,100% 0,100% 100%)}
@media (max-width:30rem){.vmap{width:7.5rem}}

/* =====================================================================
   גרסת מחשב (מסך רחב). בטלפון הכול נשאר כמו שהוא.
   ===================================================================== */
@media (min-width:64rem){
  body:not(.landing) .app{max-width:78rem;padding-inline:32px}
  body:not(.landing) .topbar{margin-inline:-32px;padding-inline:32px}
  .screen{gap:1.4rem;padding-top:2rem}
  .screen>h1{font-size:2.2rem}

  /* מסכים של טופס/הדרכה: עמודה ממורכזת ורחבה יותר */
  #s-details,#s-prep,#s-guide,#s-pay,#s-reset,#s-setup{max-width:46rem;margin-inline:auto;width:100%}
  #s-guide .rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem}
  #s-prep .checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .btn.big{width:auto;min-width:16rem;align-self:flex-start}
  .stepper{max-width:46rem;margin-inline:auto}

  /* הנכסים שלי: רשת כרטיסים */
  #s-home{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1.5rem}
  #s-home>h1{grid-column:1}
  #s-home>#newBtn{grid-column:2;grid-row:1;margin:0}
  #s-home>#propList,#s-home>.footer-links{grid-column:1/-1}
  #propList{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1rem}
  #propList .empty-state{grid-column:1/-1}
  .prop{grid-template-columns:7rem minmax(0,1fr)}
  .prop .thumb{width:7rem;height:7rem}

  /* צילום: חדרים זה לצד זה */
  #s-capture{max-width:64rem;margin-inline:auto;width:100%}
  #roomCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:1rem}
  .footer-inner{max-width:64rem;flex-direction:row;align-items:center;justify-content:space-between}
  .footer-inner .btn.big{width:auto}

  /* דף נכס: הסיור גדול משמאל, הפרטים בעמודה מימין */
  #s-property{display:grid;grid-template-columns:minmax(20rem,25rem) minmax(0,1fr);gap:1.25rem 2rem;align-items:start}
  #s-property>*{grid-column:1}
  #s-property>div:first-child{grid-column:1/-1}
  #s-property>#viewerBlock{grid-column:2;grid-row:2/span 12;position:sticky;top:5rem}
  #s-property>#viewerBlock .viewer{aspect-ratio:auto;height:min(76vh,48rem)}

  /* דף השיתוף הציבורי */
  body:not(.embed) .pub-head{padding-block:1.25rem}
  #tour .viewer.tall{height:min(80vh,52rem)}
}
@media (min-width:64rem) and (max-width:80rem){
  #s-property{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)}
}

/* רקע ממודל אמיתי (מחשב בלבד) */
#bg3d-splat{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease;display:none}
body.landing #bg3d-splat{display:block}
#bg3d-splat.on{opacity:1}

#prepAll{align-self:flex-start}

/* התאמה לפי סוג המכשיר: מגע (טלפון/טאבלט) או עכבר (מחשב) */
@media (pointer:coarse){.only-desk{display:none!important}}
@media (pointer:fine){.only-touch{display:none!important}}
.phone-hand{flex-direction:row;align-items:center;gap:1.25rem}
.phone-hand .qr{flex:none;width:8.5rem;height:8.5rem;background:#fff;border-radius:8px;padding:.45rem;display:grid;place-items:center}
.phone-hand .qr img,.phone-hand .qr svg{width:100%;height:100%;display:block}
/* גרירת קובץ לכרטיס הצילום במחשב */
.room.drop{outline:2px dashed var(--gold);outline-offset:4px;background:rgba(212,176,122,.06)}
.drop-hint{font-size:.9rem;color:var(--muted)}
@media (pointer:coarse){.drop-hint{display:none}}

/* =====================================================================
   כלי הסיור: מדידה, נקודות מידע, ריהוט, יום/לילה, תוכנית, VR/AR
   ===================================================================== */
.vui{position:absolute;inset:0;pointer-events:none;z-index:7}
.vui>*{pointer-events:auto}
.vtools{position:absolute;inset-block-end:.6rem;inset-inline-start:.6rem;display:flex;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 1.2rem)}
.vtools button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.6rem;padding:.3rem .7rem;border-radius:10px;border:1px solid rgba(212,176,122,.35);
  background:rgba(14,26,36,.78);color:var(--ink);font-weight:600;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vtools button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vtools button[aria-pressed="true"]{background:var(--gold);color:#1A1309;border-color:var(--gold)}
@media (max-width:30rem){.vtools button span{display:none}.vtools button{min-width:2.75rem;justify-content:center}}
.vpanel{position:absolute;inset-block-end:3.9rem;inset-inline-start:.6rem;width:min(20rem,calc(100% - 1.2rem));background:rgba(14,26,36,.92);border:1px solid var(--line);
  border-radius:12px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:60%;overflow:auto}
.vp-h{font-weight:700;color:var(--navy);margin:0}
.vp-t{font-size:.92rem;margin:0}
.vp-note{font-size:.82rem;color:var(--muted);margin:0}
.vp-row{display:flex;gap:.4rem;flex-wrap:wrap}
.vp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
.vp-cal,.vp-form{display:flex;flex-direction:column;gap:.45rem}
.vp-cal{flex-direction:row;align-items:flex-end}
.vp-cal label,.vp-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:600;flex:1}
.vp-cal input,.vp-form input,.vp-form textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;color:var(--ink);font:inherit;min-height:2.6rem}
.vtip{position:absolute;inset-block-start:.6rem;left:50%;transform:translateX(-50%);background:rgba(14,26,36,.85);border:1px solid rgba(212,176,122,.4);
  color:var(--ink);font-size:.88rem;padding:.35rem .8rem;border-radius:99px;white-space:nowrap}
.vmeasure{position:absolute;left:0;top:0;margin:-1.1rem 0 0 -2.5rem;background:var(--gold);color:#1A1309;font-weight:700;font-size:.9rem;padding:.2rem .55rem;border-radius:6px;pointer-events:none;white-space:nowrap}
.vhs-layer{position:absolute;inset:0;pointer-events:none}
.vhs{position:absolute;left:0;top:0;pointer-events:auto}
.vhs-dot{position:relative;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.2rem .6rem .2rem .3rem;border-radius:99px;
  border:1px solid rgba(255,255,255,.35);background:rgba(14,26,36,.82);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}
.vhs-dot::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,176,122,.35);flex:none}
.vhs-card{position:absolute;inset-inline-start:-6rem;top:1.2rem;width:12rem;background:rgba(14,26,36,.95);border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font-size:.85rem;line-height:1.45;z-index:2}
.vhs-card b{display:block;color:var(--navy);margin-bottom:.2rem}
.vhs-card p{margin:0;color:var(--ink)}
.vplan{position:absolute;inset:0;background:rgba(8,14,20,.7);display:grid;place-items:center;padding:1rem;z-index:9}
.vplan-in{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem;max-width:min(46rem,100%);max-height:100%;display:flex;flex-direction:column;gap:.5rem}
.vplan-img{position:relative;width:min(42rem,calc(100vw - 4rem));max-height:70vh;cursor:crosshair}
.vplan-img img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.vplan-img .me{position:absolute;width:1.4rem;height:1.4rem;pointer-events:none}
.vplan-img .me::before{content:"";position:absolute;inset:.35rem;border-radius:50%;background:#D4B07A;box-shadow:0 0 0 2px #0E1A24}
.vplan-img .me i{position:absolute;left:50%;top:50%;width:1.8rem;height:1.2rem;margin-top:-.6rem;background:linear-gradient(90deg,rgba(212,176,122,.75),rgba(212,176,122,0));clip-path:polygon(0 50%,100% 0,100% 100%)}
.vplan-x{position:absolute;inset-block-start:.3rem;inset-inline-end:.3rem;width:2.4rem;height:2.4rem;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.3rem;cursor:pointer;z-index:2}
/* לילה: הספלאט כהה וחם יותר (הצילום עצמו נשאר כפי שצולם), הרהיטים מוארים במנורות */
.splat-host canvas{transition:filter .6s ease}
.splat-host.night canvas{filter:brightness(.52) saturate(.8) sepia(.22) contrast(1.05)}
.viewer.is-night::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 30%,rgba(255,170,90,.16),rgba(10,8,20,.35) 75%)}
.vmsg>div{display:flex;flex-direction:column;align-items:center;gap:.6rem}
.vbar{display:block;width:min(16rem,70%);height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.vbar i{display:block;height:100%;width:0;background:var(--gold);border-radius:99px;transition:width .2s}
.viewer .vmap{inset-block-start:.6rem;inset-inline-end:.6rem}
.viewer button.VRButton,.viewer #VRButton,.viewer #ARButton{z-index:8}
.vplan-img{max-height:none}
.vplan-img img{object-fit:fill}
.viewer .vmap{padding:0;overflow:hidden}
.viewer .vmap img{object-fit:fill}

/* =====================================================================
   מחשב: בזמן הבנייה, מודל אמיתי שמתגלה בהדרגה בעמודה השמאלית
   ===================================================================== */
.buildstage{display:none}
@media (min-width:64rem){
  #s-property>#buildStage:not([hidden]){display:block;grid-column:2;grid-row:2/span 12;position:sticky;top:5rem;
    height:min(76vh,48rem);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);isolation:isolate;
    background:radial-gradient(120% 90% at 50% 35%,#132431 0%,var(--viewer-bg) 75%)}
  .bs-splat{position:absolute;inset:0;opacity:0;transition:opacity 2.5s ease}
  .buildstage.live .bs-splat{opacity:1}
  .bs-splat canvas{display:block;width:100%!important;height:100%!important}
  /* קרן סריקה עדינה שעוברת על התמונה, ושוליים כהים כמו בעדשה */
  .bs-beam{position:absolute;inset:0;pointer-events:none;z-index:1;
    background:radial-gradient(140% 110% at 50% 45%,transparent 55%,rgba(4,8,12,.65) 100%)}
  .bs-beam::after{content:"";position:absolute;inset-inline:0;height:28%;top:-30%;
    background:linear-gradient(to bottom,transparent,rgba(63,166,177,.07) 70%,rgba(140,220,228,.28) 99%,transparent);
    animation:bsbeam 7s cubic-bezier(.45,0,.25,1) infinite}
  @keyframes bsbeam{0%{transform:translateY(0)}70%,100%{transform:translateY(470%)}}
  @media (prefers-reduced-motion:reduce){.bs-beam::after{animation:none;display:none}}
  .bs-cap{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:2.5rem 1.6rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;
    background:linear-gradient(to top,rgba(6,11,16,.9),rgba(6,11,16,0))}
  .bs-kicker{font-size:.85rem;color:var(--teal);font-weight:600;letter-spacing:.03em}
  .bs-cap b{font-size:1.35rem;color:var(--navy);font-weight:700}
  .bs-tip{color:var(--muted);font-size:.95rem;min-height:1.5em;transition:opacity .5s ease}
  .bs-tip.fade{opacity:0}
}

/* =====================================================================
   סיור: ארגז כלים בטלפון, חצי הליכה, ריהוט עם תמונות
   ===================================================================== */
.vtoolbox{position:absolute;inset-block-end:.7rem;inset-inline-start:.7rem;display:inline-flex;align-items:center;gap:.4rem;
  min-height:2.9rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(212,176,122,.5);background:rgba(14,26,36,.88);
  color:var(--ink);font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vtoolbox svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vui.box-open .vtoolbox{background:var(--gold);color:#1A1309;border-color:var(--gold)}
/* בטלפון הכלים מוסתרים עד שפותחים את הארגז, ואז נפתחים כמגירה מעל הכפתור */
.vui.is-touch .vtools{display:none;inset-block-end:4.1rem;inset-inline-start:.7rem;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
  width:min(13.5rem,calc(100% - 1.4rem));padding:.45rem;gap:.3rem;border-radius:16px;background:rgba(14,26,36,.94);border:1px solid var(--line);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.8);animation:vbox .18s ease-out}
.vui.is-touch.box-open .vtools{display:flex}
.vui.is-touch .vtools button{justify-content:flex-start;min-height:2.9rem;border-color:transparent;background:transparent}
.vui.is-touch .vtools button span{display:inline}
.vui.is-touch .vtools button[aria-pressed="true"]{background:var(--gold);color:#1A1309}
@keyframes vbox{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* פאנל הכלים בטלפון: גיליון תחתון נמוך שלא מכסה את החדר */
.vui.is-touch .vpanel{inset-inline:.5rem;inset-block-end:4.1rem;width:auto;max-height:44%;overflow:auto}
.vpanel.compact{padding:.55rem .7rem;gap:.4rem}
.vpanel.dragging{opacity:.35;pointer-events:none}
/* חצי הליכה */
.vpad{position:absolute;inset-block-end:.7rem;inset-inline-end:.7rem;display:flex;flex-direction:row;gap:.4rem}
.vpad button{width:3.1rem;height:3.1rem;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,176,122,.45);
  background:rgba(14,26,36,.82);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.vpad button svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vpad button.on{background:var(--gold);color:#1A1309}
.vui.box-open .vpad{display:none}
/* ריהוט עם תמונה */
.vp-furn{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.4rem}
.vui.is-touch .vp-furn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem}
.vui.is-touch .vp-fi{flex:0 0 6.4rem;scroll-snap-align:start}
.vp-fi{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .3rem .45rem;border-radius:12px;cursor:grab;
  border:1px solid var(--line);background:linear-gradient(180deg,#1b2d3a,#122029);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;
  touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.vp-fi img{width:100%;aspect-ratio:4/3;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}
.vp-fi:hover,.vp-fi:focus-visible{border-color:var(--gold)}
.vp-fi:active{cursor:grabbing;transform:scale(.97)}

/* בית בובות: בפינה התחתונה, בגודל שאפשר לראות בו את החדר */
.viewer .vmap.doll{inset-block-start:auto;inset-block-end:.7rem;inset-inline-end:.7rem;width:clamp(12rem,27%,20rem);
  border-radius:14px;border:1px solid rgba(212,176,122,.35);box-shadow:0 14px 34px -12px rgba(0,0,0,.75);background:#0B1712}
.viewer .vmap.doll img{object-fit:fill}
.vmap.doll .me::before{background:#F2D49A;box-shadow:0 0 0 2px rgba(11,23,18,.9),0 0 10px 2px rgba(242,212,154,.6)}
.vui.is-touch .vmap.doll,.viewer .vui.is-touch~.vmap.doll{inset-block-end:4.4rem;width:clamp(8.5rem,40%,11rem)}
.vui.is-touch .vpanel:not([hidden])~.vmap,.vui.is-touch.box-open .vmap{display:none}
.vplan.doll .vplan-img{background:#0B1712;border-radius:14px;overflow:hidden}

/* תפריט עליון (במקום כפתור א+) */
.menu-wrap{position:relative;margin-inline-start:auto}
.menu-btn{display:grid;place-items:center}
.menu-btn svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.menu-btn[aria-expanded="true"]{background:var(--accent-soft);border-color:var(--accent)}
.main-menu{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;min-width:13.5rem;z-index:40;display:flex;flex-direction:column;
  padding:.4rem;border-radius:14px;background:rgba(17,28,38,.97);border:1px solid var(--line);box-shadow:0 22px 48px -18px rgba(0,0,0,.8);
  animation:vbox .16s ease-out}
.main-menu>button,.main-menu>a{display:flex;align-items:center;min-height:2.9rem;padding:.4rem .85rem;border-radius:10px;border:0;background:transparent;
  color:var(--ink);font:inherit;font-weight:600;text-align:start;text-decoration:none;cursor:pointer}
.main-menu>button:hover,.main-menu>a:hover,.main-menu>button:focus-visible,.main-menu>a:focus-visible{background:var(--accent-soft);color:var(--navy)}
.main-menu>button[aria-pressed="true"]{color:var(--gold)}
.main-menu hr{border:0;border-top:1px solid var(--line);margin:.3rem .2rem}
.main-menu [hidden]{display:none!important}

/* תצוגה חיה של הבנייה */
.bs-live{margin-inline-start:.5rem;padding:.05rem .5rem;border-radius:999px;background:rgba(242,135,124,.16);color:#F5A99F;font-size:.78rem}
.bs-live::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:#F2877C;margin-inline-end:.35rem;vertical-align:.08em;animation:twinkle 1.6s infinite}
.buildstage.is-preview .bs-beam::after{display:none}