:root {
    --biz-primary:#61dbc5; --biz-secondary:#8099ff; --biz-bg:#06111d; --biz-fg:#f4fbff;
    --biz-muted:color-mix(in srgb,var(--biz-fg) 66%,transparent);
    --biz-surface:color-mix(in srgb,var(--biz-bg) 58%,transparent);
    --biz-line:color-mix(in srgb,var(--biz-fg) 13%,transparent);
    --business-strip-height:0px;
    --business-footer-height:clamp(50px,7vh,86px);
    --business-motion-scene-a:18s;--business-motion-scene-b:22s;--business-motion-scene-c:25s;
    --business-motion-ambient:24s;--business-motion-accent:8s;--business-motion-photo:18s;
    --business-motion-page:.68s;
}
* { box-sizing:border-box; }
html,body { width:100%;height:100%;margin:0;overflow:hidden; }
body {
    font-family:"Heebo",Arial,sans-serif;color:var(--biz-fg);background:var(--biz-bg);
    transition:background .8s ease,color .5s ease;
}
[hidden] { display:none!important; }
.biz-scene { position:fixed;inset:0;overflow:hidden;background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--biz-primary) 21%,transparent),transparent 33%),
    radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--biz-secondary) 18%,transparent),transparent 38%),
    linear-gradient(145deg,color-mix(in srgb,var(--biz-bg) 88%,#000),var(--biz-bg)); }
.biz-scene::before,.biz-scene::after{content:"";position:absolute;inset:-14%;pointer-events:none;will-change:transform,opacity}
.biz-scene::before{opacity:.1;background-image:linear-gradient(color-mix(in srgb,var(--biz-primary) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--biz-secondary) 10%,transparent) 1px,transparent 1px);background-size:clamp(90px,11vw,220px) clamp(90px,11vw,220px);transform:perspective(70vw) rotateX(61deg) rotateZ(-8deg) translate3d(-2%,2%,0);animation:businessSceneParallax var(--business-motion-ambient) ease-in-out infinite alternate}
.biz-scene::after{inset:-24%;opacity:.18;background:radial-gradient(ellipse at 18% 48%,color-mix(in srgb,var(--biz-primary) 28%,transparent),transparent 30%),radial-gradient(ellipse at 78% 54%,color-mix(in srgb,var(--biz-secondary) 22%,transparent),transparent 34%);transform:translate3d(-2.5%,1.5%,0) scale(1.02);animation:businessSceneLight var(--business-motion-ambient) ease-in-out -6s infinite alternate}
.depth-plane { position:absolute;border:1px solid color-mix(in srgb,var(--biz-primary) 17%,transparent);
    background:linear-gradient(135deg,color-mix(in srgb,var(--biz-primary) 7%,transparent),transparent);
    transform:rotate(-14deg) skewY(8deg);border-radius:3vw;filter:blur(.1px); }
.depth-plane.p1 { width:54vw;height:42vw;top:-27vw;right:-8vw;animation:planeDrift var(--business-motion-scene-a) ease-in-out infinite alternate; }
.depth-plane.p2 { width:46vw;height:38vw;bottom:-28vw;left:-10vw;animation:planeDrift var(--business-motion-scene-b) ease-in-out -7s infinite alternate-reverse; }
.depth-plane.p3 { width:34vw;height:23vw;top:32vh;left:33vw;opacity:.45;animation:planeDrift var(--business-motion-scene-c) ease-in-out -12s infinite alternate; }
.depth-orb { position:absolute;border-radius:50%;filter:blur(5vw);opacity:.14; }
.depth-orb.o1 { width:22vw;height:22vw;background:var(--biz-primary);top:8vh;left:12vw;animation:orbMove var(--business-motion-scene-a) ease-in-out infinite alternate; }
.depth-orb.o2 { width:28vw;height:28vw;background:var(--biz-secondary);right:8vw;bottom:4vh;animation:orbMove var(--business-motion-scene-b) ease-in-out -5s infinite alternate-reverse; }
@keyframes planeDrift { to { transform:translate3d(2.2vw,1.4vh,0) rotate(-11deg) skewY(8deg); } }
@keyframes orbMove { to { transform:translate3d(4vw,-3vh,0) scale(1.12); } }
@keyframes businessSceneParallax{to{opacity:.16;transform:perspective(70vw) rotateX(59deg) rotateZ(-6.5deg) translate3d(2%,-1%,0)}}
@keyframes businessSceneLight{to{opacity:.27;transform:translate3d(2.5%,-1.5%,0) scale(1.06)}}
html[data-motion="calm"]{--business-motion-scene-a:32s;--business-motion-scene-b:36s;--business-motion-scene-c:40s;--business-motion-ambient:38s;--business-motion-accent:12s;--business-motion-photo:26s;--business-motion-page:.78s}
html[data-motion="subtle_depth"]{--business-motion-scene-a:18s;--business-motion-scene-b:22s;--business-motion-scene-c:25s;--business-motion-ambient:24s;--business-motion-accent:8s;--business-motion-photo:18s}
html[data-motion="architectural_depth"]{--business-motion-scene-a:16s;--business-motion-scene-b:19s;--business-motion-scene-c:22s;--business-motion-ambient:21s;--business-motion-accent:7s;--business-motion-photo:17s}
html[data-motion="soft_layers"]{--business-motion-scene-a:24s;--business-motion-scene-b:28s;--business-motion-scene-c:31s;--business-motion-ambient:30s;--business-motion-accent:10s;--business-motion-photo:22s}
html[data-motion="cinematic"]{--business-motion-scene-a:12s;--business-motion-scene-b:15s;--business-motion-scene-c:18s;--business-motion-ambient:17s;--business-motion-accent:6.5s;--business-motion-photo:14s;--business-motion-page:.58s}
html[data-motion="architectural_depth"] .depth-plane { transform:rotate(-8deg) skewY(5deg); }
html[data-motion="soft_layers"] .depth-plane { opacity:.28;filter:blur(.45vw); }
html[data-motion="subtle_depth"] .depth-orb { opacity:.1; }
html[data-theme="executive_stone"] .biz-scene { background:radial-gradient(circle at 70% 0%,rgba(215,180,106,.16),transparent 38%),linear-gradient(125deg,#11120f,var(--biz-bg)); }
html[data-theme="white_architecture"] .biz-scene { background:linear-gradient(120deg,rgba(255,255,255,.78),transparent 35%),repeating-linear-gradient(90deg,transparent 0 11vw,rgba(21,93,115,.045) 11vw calc(11vw + 1px)),var(--biz-bg); }
html[data-theme="urban_copper"] .biz-scene { background:radial-gradient(circle at 10% 90%,rgba(228,133,87,.2),transparent 35%),linear-gradient(150deg,#080b0d,var(--biz-bg)); }
html[data-theme="deep_ocean"] .biz-scene { background:radial-gradient(ellipse at 70% 22%,rgba(75,212,231,.18),transparent 32%),linear-gradient(155deg,#01040c,var(--biz-bg)); }
html[data-theme="forest_luxe"] .biz-scene { background:radial-gradient(circle at 18% 15%,rgba(157,214,173,.14),transparent 34%),linear-gradient(135deg,#030b07,var(--biz-bg)); }
html[data-theme="summer_resort"] .biz-scene { background:radial-gradient(circle at 82% 8%,rgba(255,209,102,.32),transparent 31%),radial-gradient(ellipse at 12% 92%,rgba(34,211,197,.25),transparent 39%),linear-gradient(145deg,#032b3c,var(--biz-bg)); }
html[data-theme="coastal_breeze"] .biz-scene { background:radial-gradient(circle at 88% 8%,rgba(255,126,103,.18),transparent 30%),radial-gradient(ellipse at 9% 92%,rgba(15,143,175,.17),transparent 41%),linear-gradient(145deg,#f8fffd,var(--biz-bg)); }
html[data-business-family="office"] .biz-scene::before{opacity:.12}
html[data-business-family="hotel"] .biz-scene::after{opacity:.22;background:radial-gradient(ellipse at 20% 44%,color-mix(in srgb,var(--biz-primary) 31%,transparent),transparent 29%),radial-gradient(ellipse at 78% 58%,color-mix(in srgb,var(--biz-secondary) 20%,transparent),transparent 36%)}
html[data-business-family="rooms"] .biz-scene::before{opacity:.065}
html[data-business-family="media"] .biz-scene::after{animation-direction:alternate-reverse}
html[data-business-family="events"] .biz-scene::before{opacity:.085}
html[data-business-family="food"] .biz-scene::after{opacity:.24;background:radial-gradient(ellipse at 22% 44%,color-mix(in srgb,var(--biz-primary) 34%,#ffb454 8%),transparent 30%),radial-gradient(ellipse at 76% 58%,color-mix(in srgb,var(--biz-secondary) 19%,transparent),transparent 34%)}

/* אפקטים מקצועיים לפי קטגוריה. הם יושבים כשכבת אווירה שקופה ולא
   משנים את פריסת התוכן, ולכן גם תבנית ללא ההגדרות החדשות נשארת זהה. */
.business-effect{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none;isolation:isolate;opacity:1}
html.has-business-footer .business-effect{bottom:var(--business-footer-height)}
.business-effect.effect-position-right{left:auto;width:44%}
.business-effect.effect-position-left{right:auto;width:44%}
.business-effect.effect-position-center{left:22%;right:22%;width:auto}
.business-effect.effect-position-both{-webkit-mask-image:linear-gradient(90deg,#000 0 26%,transparent 42% 58%,#000 74% 100%);mask-image:linear-gradient(90deg,#000 0 26%,transparent 42% 58%,#000 74% 100%)}

/* לוגו הלקוח הוא שכבת הצגה עצמאית מתחת לכל הכרטיסים והשקופיות.
   כך סימן מים יכול למלא את המסך בלי לפגוע בקריאות, ולוגו פינתי נשאר
   דקורטיבי ואינו יכול ללכוד לחיצה או לכסות תוכן/פס עדכונים. */
.business-logo-overlay{
    --business-logo-background-opacity:.1;
    --business-logo-corner-scale:1;
    position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none;direction:ltr;isolation:isolate;
}
html.has-business-footer .business-logo-overlay{bottom:var(--business-footer-height)}
.business-logo-mark{position:absolute;display:grid;place-items:center;pointer-events:none;user-select:none}
.business-logo-mark img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.business-logo-mark--background{inset:2.5vh 2.5vw;opacity:var(--business-logo-background-opacity,.1)}
.business-logo-mark--background img{max-width:95vw;max-height:95vh;margin:auto;filter:drop-shadow(0 1.5vh 3.5vh color-mix(in srgb,var(--biz-bg) 52%,transparent))}
.business-logo-mark--top-left,
.business-logo-mark--bottom-left,
.business-logo-mark--bottom-right{
    width:clamp(62px,7vw,124px);height:clamp(48px,5.6vw,100px);padding:clamp(5px,.48vw,9px);
    border:1px solid color-mix(in srgb,var(--biz-fg) 18%,transparent);border-radius:clamp(10px,.8vw,16px);
    background:linear-gradient(145deg,color-mix(in srgb,var(--biz-bg) 78%,transparent),color-mix(in srgb,var(--biz-surface) 88%,transparent));
    box-shadow:0 .8vh 2.2vh rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(9px) saturate(1.05);
    opacity:.92;transform:scale(var(--business-logo-corner-scale,1));
}
.business-logo-mark--top-left{top:1.6vh;left:1.25vw;transform-origin:top left}
.business-logo-mark--bottom-left{bottom:1.5vh;left:1.25vw;transform-origin:bottom left}
.business-logo-mark--bottom-right{right:1.25vw;bottom:1.5vh;transform-origin:bottom right}
html[data-preview="1"] .business-logo-mark--top-left{top:clamp(38px,6vh,62px)}
html.has-business-strip .business-logo-mark--top-left{top:calc(var(--business-strip-height) + 1.6vh)}
html[data-preview="1"].has-business-strip .business-logo-mark--top-left{top:calc(var(--business-strip-height) + clamp(38px,6vh,62px))}
.effect-steam-wisp{position:absolute;left:var(--fx-x);bottom:-18%;width:clamp(26px,4.5vw,88px);height:34vh;border-radius:50%;opacity:0;filter:blur(clamp(5px,.8vw,15px));mix-blend-mode:screen;background:linear-gradient(to top,transparent 2%,color-mix(in srgb,var(--biz-fg) 62%,transparent) 34%,color-mix(in srgb,var(--biz-fg) 38%,transparent) 66%,transparent 96%);transform:translateX(-50%) scale(var(--fx-scale));animation:foodSteam 7.8s cubic-bezier(.22,.64,.31,1) var(--fx-delay) infinite}
@keyframes foodSteam{0%{opacity:0;transform:translate3d(-50%,7vh,0) scale(var(--fx-scale)) rotate(-2deg)}22%{opacity:.9}62%{opacity:.6;transform:translate3d(calc(-50% + 1.8vw),-17vh,0) scale(calc(var(--fx-scale) + .16)) rotate(4deg)}100%{opacity:0;transform:translate3d(calc(-50% - 1.2vw),-42vh,0) scale(calc(var(--fx-scale) + .38)) rotate(-3deg)}}
.effect-glow-bloom{position:absolute;left:var(--fx-x);top:var(--fx-y);width:clamp(130px,19vw,380px);aspect-ratio:1;border-radius:50%;opacity:.5;mix-blend-mode:screen;filter:blur(clamp(20px,3.2vw,62px));background:radial-gradient(circle,color-mix(in srgb,var(--biz-primary) 70%,#ffc458 30%),transparent 68%);transform:translate(-50%,-50%) scale(.72);animation:foodGlow 5.8s ease-in-out var(--fx-delay) infinite alternate}
@keyframes foodGlow{to{opacity:.34;transform:translate(-50%,-50%) scale(1.12)}}
.effect-sparkle{position:absolute;left:var(--fx-x);top:var(--fx-y);width:var(--fx-size);height:var(--fx-size);border-radius:50%;background:#fff6d0;box-shadow:0 0 1.1vh color-mix(in srgb,var(--biz-primary) 74%,#fff);opacity:0;animation:eventSparkle 2.9s ease-in-out var(--fx-delay) infinite}
.effect-sparkle::before,.effect-sparkle::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff8d8,transparent);transform:translate(-50%,-50%)}
.effect-sparkle::before{width:440%;height:1px}.effect-sparkle::after{width:1px;height:440%;background:linear-gradient(transparent,#fff8d8,transparent)}
@keyframes eventSparkle{0%,100%{opacity:0;transform:scale(.25) rotate(0)}42%{opacity:.92;transform:scale(1) rotate(35deg)}68%{opacity:.2;transform:scale(.58) rotate(58deg)}}
.effect-confetti-piece{position:absolute;left:var(--fx-x);top:-7vh;width:clamp(4px,.42vw,9px);height:clamp(12px,1.8vh,27px);border-radius:2px;background:var(--biz-primary);opacity:.82;animation:eventConfetti 8.2s linear var(--fx-delay) infinite}
.effect-confetti-piece.c1{background:var(--biz-secondary)}.effect-confetti-piece.c2{background:#f2c66d}.effect-confetti-piece.c3{background:color-mix(in srgb,var(--biz-fg) 78%,transparent)}
@keyframes eventConfetti{0%{opacity:0;transform:translate3d(0,-5vh,0) rotate(0)}8%{opacity:.82}72%{opacity:.72}100%{opacity:0;transform:translate3d(4vw,112vh,0) rotate(var(--fx-turn))}}
.effect-firework{position:absolute;left:var(--fx-x);top:var(--fx-y);width:1px;height:1px;filter:drop-shadow(0 0 .65vh color-mix(in srgb,var(--biz-primary) 80%,#fff))}
.effect-firework i{position:absolute;left:0;bottom:0;width:clamp(2px,.18vw,4px);height:clamp(26px,5.5vh,76px);border-radius:999px;transform-origin:50% 100%;color:var(--biz-primary);background:linear-gradient(to top,transparent 4%,currentColor 64%,#fff 100%);opacity:0;animation:eventFirework 4.9s cubic-bezier(.18,.62,.28,1) var(--fx-delay) infinite}
.effect-firework i:nth-child(3n+2){color:var(--biz-secondary)}.effect-firework i:nth-child(3n){color:#e9c56d}
@keyframes eventFirework{0%,13%{opacity:0;transform:rotate(var(--fx-angle)) translateY(0) scaleY(.08)}20%{opacity:.94}53%{opacity:.78;transform:rotate(var(--fx-angle)) translateY(-7vh) scaleY(1)}100%{opacity:0;transform:rotate(var(--fx-angle)) translateY(-14vh) scaleY(.16)}}

.business-app { position:relative;z-index:2;width:100%;height:100%;padding:1.65vh 1.25vw;transition:top .2s ease,height .35s ease; }
html.has-business-footer .business-app{height:calc(100% - var(--business-footer-height))}
html.has-business-strip .business-app{top:var(--business-strip-height);height:calc(100% - var(--business-strip-height))}
html.has-business-strip.has-business-footer .business-app{height:calc(100% - var(--business-strip-height) - var(--business-footer-height))}
.business-grid { width:100%;height:100%;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(14,1fr);gap:.7vh .42vw;direction:ltr; }
.biz-zone {
    grid-column:calc(var(--x) + 1)/span var(--w);grid-row:calc(var(--y) + 1)/span var(--h);
    min-width:0;min-height:0;overflow:hidden;direction:rtl;position:relative;
    border:1px solid var(--biz-line);border-radius:var(--zone-radius,1.4vw);opacity:var(--zone-opacity,1);
    background:var(--zone-background,linear-gradient(145deg,color-mix(in srgb,var(--biz-surface) 95%,#fff 5%),var(--biz-surface)));
    box-shadow:0 1.6vh 4vw rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);
    backdrop-filter:blur(18px);padding:1.4vh 1.2vw;container-type:size;
}
.biz-zone[data-module="playlist"] { padding:0;background:#030609; }
.biz-zone[data-module="news_ticker"] { border-radius:.8vw;padding:.55vh 1vw; }
.biz-zone.motion-page-refresh>:not(.page-count){animation:businessPageSettle var(--business-motion-page) ease-out both}
@keyframes businessPageSettle{from{opacity:.86}to{opacity:1}}
/* ── מעברי עמודים לתפריט (בוחרים בפאנל; המשך קבוע לכולם) ──
   מחלקות mtr-* מוחלות רק על רכיבי תפריט מתוך paintMotionPage — בכוונה
   לא .transition-*: זו מחלקה ישנה שקיימת על כל רכיב ואסור להעיר אותה. */
.biz-zone.motion-page-refresh.mtr-fade>:not(.page-count){animation:mtrFade var(--business-motion-page) ease-out both}
@keyframes mtrFade{from{opacity:0}to{opacity:1}}
.biz-zone.motion-page-refresh.mtr-slide>:not(.page-count){animation:mtrSlide var(--business-motion-page) cubic-bezier(.2,.7,.2,1) both}
@keyframes mtrSlide{from{opacity:0;transform:translateX(6%)}to{opacity:1;transform:none}}
.biz-zone.motion-page-refresh.mtr-zoom>:not(.page-count){animation:mtrZoom var(--business-motion-page) cubic-bezier(.2,.7,.2,1) both}
@keyframes mtrZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.biz-zone.motion-page-refresh.mtr-curtain>:not(.page-count){animation:mtrCurtain var(--business-motion-page) ease-in-out both}
@keyframes mtrCurtain{from{opacity:.4;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.biz-zone.motion-page-refresh.mtr-blur>:not(.page-count){animation:mtrBlur var(--business-motion-page) ease-out both}
@keyframes mtrBlur{from{opacity:.2;filter:blur(14px)}to{opacity:1;filter:blur(0)}}
.zone-label { font-size:1.55vh;font-weight:800;letter-spacing:.06em;color:var(--biz-primary);text-transform:uppercase;margin-bottom:.55vh; }
.zone-title { font-size:3.4vh;font-weight:900;line-height:1.18;margin:0;padding-block:.03em; }
.zone-sub { font-size:1.9vh;color:var(--biz-muted);line-height:1.35; }
.empty-state { height:100%;display:grid;place-items:center;text-align:center;color:var(--biz-muted);font-size:2vh;padding:2vh; }

.brand-zone { height:100%;display:flex;align-items:center;gap:1.1vw; }
.brand-logo { width:7vh;height:7vh;object-fit:contain;border-radius:1.1vh;background:rgba(255,255,255,.92);padding:.45vh;flex:none;animation:businessBrandHalo var(--business-motion-accent) ease-in-out infinite alternate; }
.brand-monogram { width:7vh;height:7vh;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:2.7vh;letter-spacing:.05em;box-shadow:inset 0 0 0 .4vh color-mix(in srgb,#ffffff 22%,transparent);color:var(--biz-bg);background:linear-gradient(135deg,var(--biz-primary),var(--biz-secondary));flex:none;animation:businessBrandHalo var(--business-motion-accent) ease-in-out infinite alternate; }
.brand-copy{min-width:0}.brand-copy b { display:block;font-size:3.2vh;line-height:1.18;padding-block:.03em;overflow-wrap:anywhere; }.brand-copy span { display:block;font-size:1.55vh;line-height:1.35;color:var(--biz-muted);overflow-wrap:anywhere; }
@keyframes businessBrandHalo{from{box-shadow:0 0 0 color-mix(in srgb,var(--biz-primary) 0%,transparent)}to{box-shadow:0 0 2.2vh color-mix(in srgb,var(--biz-primary) 30%,transparent)}}

.playlist-stage,.playlist-stage>* { position:absolute;inset:0;width:100%;height:100%; }
.playlist-stage img,.playlist-stage video { object-fit:var(--media-fit,cover);background:#020305; }
.playlist-idle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1vh,16px);padding:2vh 2vw;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--biz-primary) 18%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--biz-surface) 88%,#07111c),#07111c)}
.playlist-idle span{color:var(--biz-primary);font-size:clamp(12px,1.55vh,20px);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.playlist-idle b{max-width:90%;font-size:clamp(24px,4.4vh,64px);font-weight:900;line-height:1.12;overflow-wrap:anywhere}.playlist-idle small{color:var(--biz-muted);font-size:clamp(13px,2vh,26px);font-weight:700}
.playlist-stage iframe { border:0;pointer-events:none;background:#000; }
.playlist-stage.media-enter[data-transition="fade"]{animation:mediaFade .65s ease both}.playlist-stage.media-enter[data-transition="slide"]{animation:mediaSlide .65s cubic-bezier(.2,.75,.2,1) both}
.playlist-stage[data-media-kind="image"][data-fit="cover"] img{animation:businessMediaDrift var(--business-motion-photo) ease-in-out infinite alternate;will-change:transform}
@keyframes mediaFade{from{opacity:.84}to{opacity:1}}@keyframes mediaSlide{from{opacity:.82;transform:translateX(-.8%)}to{opacity:1;transform:none}}
@keyframes businessMediaDrift{from{transform:scale(1.012) translate3d(-.25%,0,0)}to{transform:scale(1.055) translate3d(.55%,-.35%,0)}}
.media-shade { position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none; }
.media-caption { position:absolute;right:1.3vw;bottom:1.5vh;font-size:2.3vh;font-weight:800;text-shadow:0 2px 8px #000; }

.directory-head { position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:1vw;margin-bottom:1.2vh;padding-bottom:.45vh; }
.directory-head::after{content:"";position:absolute;right:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--biz-primary),var(--biz-secondary),transparent);transform-origin:right;animation:businessDirectoryLine var(--business-motion-accent) ease-in-out infinite alternate;pointer-events:none}
.floor-badge { font-size:4vh;font-weight:900;color:var(--biz-primary);white-space:nowrap;animation:businessAccentGlow var(--business-motion-accent) ease-in-out infinite alternate; }
.directory-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8vh .7vw;min-height:0; }
.directory-row { display:flex;align-items:center;gap:.75vw;min-width:0;padding:.75vh .65vw;border-radius:.8vw;background:rgba(255,255,255,.045); }
.tenant-logo { width:4.6vh;height:4.6vh;object-fit:contain;border-radius:.6vh;background:#fff;padding:.25vh;flex:none; }
.tenant-dot { width:1.1vh;height:1.1vh;border-radius:50%;background:var(--biz-primary);box-shadow:0 0 1.2vh color-mix(in srgb,var(--biz-primary) 70%,transparent);flex:none;animation:businessDotPulse var(--business-motion-accent) ease-in-out infinite alternate; }
.tenant-copy { min-width:0;flex:1; }.tenant-copy b { display:-webkit-box;font-size:2.05vh;line-height:1.18;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.tenant-copy span { display:-webkit-box;font-size:1.35vh;line-height:1.22;color:var(--biz-muted);overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.room-label { font-size:1.45vh;font-weight:800;color:var(--biz-primary);white-space:nowrap; }
.page-dots { display:flex;gap:.35vw;justify-content:center;margin-top:1vh; }.page-dots i { width:.55vh;height:.55vh;border-radius:50%;background:var(--biz-line); }.page-dots i.on { background:var(--biz-primary);animation:businessDotPulse var(--business-motion-accent) ease-in-out infinite alternate; }
@keyframes businessDirectoryLine{from{opacity:.28;transform:scaleX(.28)}to{opacity:.82;transform:scaleX(1)}}
@keyframes businessAccentGlow{from{text-shadow:0 0 0 transparent}to{text-shadow:0 0 1.6vh color-mix(in srgb,var(--biz-primary) 36%,transparent)}}
@keyframes businessDotPulse{from{opacity:.52;box-shadow:0 0 .45vh color-mix(in srgb,var(--biz-primary) 28%,transparent)}to{opacity:1;box-shadow:0 0 1.35vh color-mix(in srgb,var(--biz-primary) 72%,transparent)}}

.event-list,.announcement-list,.booking-list { display:flex;flex-direction:column;gap:.8vh; }
.event-row,.announcement-row,.booking-row { position:relative;display:grid;grid-template-columns:auto 1fr;gap:.7vw;align-items:start;padding:.8vh .7vw;border-radius:.8vw;background:rgba(255,255,255,.045);overflow:hidden; }
.event-row::after,.announcement-row::after,.booking-row::after{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:linear-gradient(transparent,var(--biz-primary),transparent);opacity:.25;animation:businessRowAccent var(--business-motion-accent) ease-in-out infinite alternate;pointer-events:none}
.event-time { color:var(--biz-primary);font-size:1.7vh;font-weight:900;font-variant-numeric:tabular-nums; }
.event-copy,.announcement-row>div,.booking-row>div{min-width:0}.event-copy b,.announcement-row b,.booking-row b { display:-webkit-box;font-size:1.75vh;line-height:1.25;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.event-copy span,.announcement-row span,.booking-row span { display:-webkit-box;font-size:1.32vh;line-height:1.22;color:var(--biz-muted);overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.announcement-icon { font-size:2.1vh;color:var(--biz-primary);animation:businessAccentGlow var(--business-motion-accent) ease-in-out infinite alternate; }
@keyframes businessRowAccent{to{opacity:.8;box-shadow:0 0 1.3vh color-mix(in srgb,var(--biz-primary) 42%,transparent)}}
.page-count{position:absolute;inset:auto 1vw 1.05vh auto;color:var(--biz-muted);font-size:1.15vh;font-variant-numeric:tabular-nums}
.biz-zone[data-module="wayfinding"],.biz-zone[data-module="menu_board"]{padding:clamp(10px,1.5vh,24px)}
.wayfinding-stage{height:100%;min-height:0;display:grid;gap:1.1vw;align-items:stretch}
.wayfinding-stage.wf-full{grid-template-columns:repeat(3,minmax(0,1fr));padding:1.5vh 1vw}
.wayfinding-stage.wf-compact{grid-template-columns:1fr;gap:.75vh}
.wayfinding-stage.wf-single{grid-template-columns:minmax(0,1fr)}
.wf-card{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;padding:2.55cqh 2cqw;border:1px solid color-mix(in srgb,var(--wf-accent) 38%,transparent);border-radius:clamp(18px,2vw,38px);background:linear-gradient(145deg,color-mix(in srgb,var(--wf-accent) 15%,transparent),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 2vh 5vh rgba(0,0,0,.2)}
.wf-card::before{content:"";position:absolute;inset:-35% -55%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,var(--wf-accent) 15%,transparent) 49%,color-mix(in srgb,var(--wf-accent) 27%,transparent) 50%,transparent 58%);transform:translateX(-28%);animation:businessWayfindingSweep var(--business-motion-ambient) ease-in-out infinite}
.wf-card::after{content:"";position:absolute;inset:auto 10% 0;height:2px;background:linear-gradient(90deg,transparent,var(--wf-accent),transparent);opacity:.85}
.wf-arrow{direction:ltr;align-self:center;justify-self:center;color:var(--wf-accent);font-family:Arial,sans-serif;font-size:clamp(70px,25cqh,250px);font-weight:300;line-height:.8;text-shadow:0 0 3cqh color-mix(in srgb,var(--wf-accent) 42%,transparent);animation:businessWayfindingGlow var(--business-motion-accent) ease-in-out infinite alternate}
.wf-copy{min-width:0;max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.55cqh;padding:0 .45cqw 1.35cqh}
.wf-eyebrow{color:var(--wf-accent);font-size:clamp(12px,2.3cqh,27px);font-weight:900;letter-spacing:.09em}
.wf-copy h2{max-width:100%;margin:0;font-size:clamp(25px,5cqh,68px);line-height:1.08;overflow-wrap:anywhere}
.wf-destination{font-size:clamp(18px,3.3cqh,42px);line-height:1.15}.wf-detail{max-width:100%;color:var(--biz-muted);font-size:clamp(13px,2.2cqh,28px);line-height:1.2;overflow-wrap:anywhere}
.wf-card.wf-no-arrow{display:flex;justify-content:center;padding:5cqh 5cqw;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--wf-accent) 22%,transparent),transparent 60%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.wf-card.wf-no-arrow .wf-copy{gap:1.4cqh}.wf-card.wf-no-arrow .wf-copy h2{font-size:clamp(40px,10cqh,130px)}.wf-card.wf-no-arrow .wf-destination{font-size:clamp(28px,6cqh,78px)}
.wf-compact .wf-card{grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:.8cqh 1cqw;border-radius:1vw}.wf-compact .wf-arrow{font-size:clamp(32px,12cqh,88px)}.wf-compact .wf-copy{text-align:right;align-items:flex-start;padding:0}.wf-compact .wf-copy h2{font-size:clamp(18px,4cqh,34px)}
.wf-page{z-index:4;bottom:.7vh;right:.9vw}
@keyframes businessWayfindingSweep{0%,24%{opacity:0;transform:translateX(-28%)}45%{opacity:.7}72%,100%{opacity:0;transform:translateX(32%)}}
@keyframes businessWayfindingGlow{from{text-shadow:0 0 1.8cqh color-mix(in srgb,var(--wf-accent) 25%,transparent)}to{text-shadow:0 0 4cqh color-mix(in srgb,var(--wf-accent) 52%,transparent)}}

.menu-board-head{height:9%;display:flex;justify-content:space-between;align-items:center;padding:0 .5vw;color:var(--biz-muted);font-size:2.2cqh}.menu-board-head b{color:var(--biz-fg);font-size:3.2cqh}
.menu-columns{height:88%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1vw}
.menu-column{position:relative;min-width:0;min-height:0;padding:1.4cqh 1.1cqw;border:1px solid color-mix(in srgb,var(--menu-accent) 35%,transparent);border-radius:var(--menu-card-radius,1.4vw);background:linear-gradient(155deg,color-mix(in srgb,var(--menu-accent) 12%,transparent),rgba(255,255,255,.025));overflow:hidden}
.menu-column::after{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,var(--menu-accent),transparent);opacity:.32;animation:businessMenuLine var(--business-motion-accent) ease-in-out infinite alternate;pointer-events:none}
.menu-column h2{margin:0 0 1.2cqh;padding-bottom:.8cqh;border-bottom:2px solid var(--menu-accent);color:var(--menu-accent);font-size:clamp(24px,5cqh,54px);line-height:1}
.menu-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.65cqw;padding:var(--menu-row-pad,1.05cqh) .15cqw;border-bottom:1px solid var(--biz-line);min-width:0}.menu-item:last-child{border-bottom:0}
.menu-item-copy{min-width:0;flex:1}.menu-item b{display:block;font-size:clamp(14px,calc(3.25cqh * var(--menu-title-scale,1)),52px);line-height:1.14;overflow-wrap:anywhere}.menu-item .menu-item-copy>span{display:-webkit-box;margin-top:.25cqh;color:var(--biz-muted);font-size:clamp(10px,calc(2cqh * var(--menu-body-scale,1)),30px);line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-item em,.menu-feature-copy em,.menu-trio-copy em,.menu-gallery-copy em{display:inline-block;margin-top:.45cqh;padding:.2cqh .5cqw;border-radius:999px;background:color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 18%,transparent);color:var(--menu-accent,var(--biz-primary));font-size:clamp(10px,1.65cqh,18px);font-style:normal;font-weight:900}.menu-item strong{direction:ltr;flex:none;color:var(--menu-accent);font-size:clamp(16px,calc(3.5cqh * var(--menu-price-scale,1)),58px);line-height:1.1;font-variant-numeric:tabular-nums}
.menu-item-visual{position:relative;flex:0 0 clamp(28px,calc(5.6cqh * var(--menu-visual-scale,1)),88px);width:clamp(28px,calc(5.6cqh * var(--menu-visual-scale,1)),88px);height:clamp(28px,calc(5.6cqh * var(--menu-visual-scale,1)),88px);display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--menu-accent) 30%,transparent);border-radius:min(var(--menu-card-radius,1.15cqh),1.15cqh);background:color-mix(in srgb,var(--menu-accent) 10%,rgba(255,255,255,.03));font-size:clamp(20px,calc(4.2cqh * var(--menu-visual-scale,1)),66px);line-height:1}.menu-item-visual img{width:100%;height:100%;display:block;object-fit:cover}.menu-item-visual.is-empty{color:var(--biz-muted)}
.menu-option-chips{display:flex;flex-wrap:wrap;gap:.28cqh .32cqw;margin-top:.45cqh;max-width:100%;overflow:hidden}.menu-option-group{display:inline-flex;align-items:center;gap:.22cqw;max-width:100%;padding:.2cqh .45cqw;border:1px solid color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 9%,transparent);color:var(--biz-muted);font-size:clamp(9px,1.28cqh,17px);font-weight:750;line-height:1.15;white-space:nowrap}.menu-option-group>b{color:var(--menu-accent,var(--biz-primary));font-weight:900}.menu-option-choice{display:inline-flex;align-items:center;gap:.12cqw}.menu-option-choice i,.menu-option-separator{font-style:normal;font-size:1.08em;line-height:1}.menu-option-separator{opacity:.55}.menu-gallery-copy .menu-option-chips,.menu-trio-copy .menu-option-chips{max-height:4.25cqh}.menu-markers{display:flex;flex-wrap:wrap;gap:.25cqw;margin-top:.3cqh}.menu-markers>span{padding:.12cqh .35cqw;border-radius:999px;background:rgba(255,255,255,.075);color:var(--biz-muted);font-size:clamp(8px,1.1cqh,15px);font-weight:800}.is-sold-out{filter:saturate(.35);opacity:.72}.sold-out-label{background:#8d2630!important;color:#fff!important}.menu-content-tight .menu-option-group{font-size:clamp(8px,1.05cqh,14px)}.menu-content-tight .menu-item{padding-block:.48cqh}.menu-content-tight .menu-markers{display:none}
.menu-feature{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,.82fr);gap:1.2vw}
.menu-photo{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;border-radius:1.6vw;background:#090806}.menu-photo img{width:100%;height:100%;object-fit:contain;display:block}.menu-photo::after,.menu-trio-visual::after,.menu-gallery-visual::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 24%,transparent),transparent 48%);opacity:.14;animation:businessFoodPhotoGlow var(--business-motion-accent) ease-in-out infinite alternate}.menu-photo-fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--menu-accent) 28%,transparent),transparent 55%),rgba(255,255,255,.035);color:var(--menu-accent);font-size:3cqh;font-weight:900}
.menu-feature-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2cqh .7cqw}.menu-category{color:var(--menu-accent);font-size:2.5cqh;font-weight:900}.menu-feature-copy h2{margin:.6cqh 0;font-size:clamp(28px,calc(7.6cqh * var(--menu-title-scale,1)),118px);line-height:1;overflow-wrap:anywhere}.menu-feature-copy p{margin:0;color:var(--biz-muted);font-size:clamp(13px,calc(3cqh * var(--menu-body-scale,1)),45px);line-height:1.28}.menu-feature-copy strong{direction:ltr;margin-top:1.3cqh;color:var(--menu-accent);font-size:clamp(28px,calc(8cqh * var(--menu-price-scale,1)),128px);font-variant-numeric:tabular-nums}.menu-side-list{min-width:0;min-height:0;overflow:hidden;padding:1.1cqh .8cqw;border-radius:var(--menu-card-radius,1.4vw);background:rgba(255,255,255,.035)}
.menu-trio{height:88%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--menu-card-gap,1vw)}.menu-trio-card{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--menu-accent) 38%,transparent);border-radius:var(--menu-card-radius,1.55vw);background:linear-gradient(155deg,color-mix(in srgb,var(--menu-accent) 13%,transparent),rgba(255,255,255,.025));box-shadow:0 1.6cqh 4.5cqh rgba(0,0,0,.2)}.menu-trio-card::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(106deg,transparent 40%,rgba(255,255,255,.13) 50%,transparent 60%);background-size:320% 100%;background-repeat:no-repeat;animation:menuSheen var(--business-motion-accent) ease-in-out infinite}.menu-trio-visual{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:16/10;max-height:40%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--menu-accent) 22%,transparent),rgba(0,0,0,.12));font-size:clamp(40px,calc(10cqh * var(--menu-visual-scale,1)),150px);line-height:1}.menu-trio-visual img{width:100%;height:100%;display:block;object-fit:contain}.menu-trio-copy{min-height:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:var(--menu-card-pad,1.35cqh) var(--menu-card-padx,1.1cqw)}.menu-trio-copy>span,.menu-gallery-copy>span{color:var(--menu-accent);font-size:clamp(11px,2cqh,21px);font-weight:900}.menu-trio-copy h2{margin:.35cqh 0;font-size:clamp(26px,calc(7cqh * var(--menu-title-scale,1)),96px);line-height:1.03;overflow-wrap:anywhere}.menu-trio-copy p{display:-webkit-box;margin:0;color:var(--biz-muted);font-size:clamp(11px,calc(2.25cqh * var(--menu-body-scale,1)),34px);line-height:1.24;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-trio-copy strong{direction:ltr;margin-top:auto;color:var(--menu-accent);font-size:clamp(26px,calc(6cqh * var(--menu-price-scale,1)),92px);font-variant-numeric:tabular-nums}
.menu-gallery{height:88%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--menu-card-gap,.8vw)}.menu-gallery-card{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--menu-accent) 34%,transparent);border-radius:var(--menu-card-radius,1.25vw);background:linear-gradient(145deg,color-mix(in srgb,var(--menu-accent) 12%,transparent),rgba(255,255,255,.025));box-shadow:0 1cqh 3cqh rgba(0,0,0,.17)}.menu-gallery-visual{position:relative;isolation:isolate;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--menu-accent) 10%,rgba(0,0,0,.2));font-size:clamp(42px,calc(11cqh * var(--menu-visual-scale,1)),150px)}.menu-gallery-visual img{width:100%;height:100%;display:block;object-fit:contain}.menu-gallery-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:1cqh .85cqw}.menu-gallery-copy h2{margin:.2cqh 0;font-size:clamp(18px,calc(4cqh * var(--menu-title-scale,1)),64px);line-height:1.05;overflow-wrap:anywhere}.menu-gallery-copy p{display:-webkit-box;margin:0;color:var(--biz-muted);font-size:clamp(10px,calc(1.8cqh * var(--menu-body-scale,1)),28px);line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5vw;margin-top:auto}.menu-gallery-copy strong{direction:ltr;color:var(--menu-accent);font-size:clamp(19px,calc(4.5cqh * var(--menu-price-scale,1)),70px);font-variant-numeric:tabular-nums}
.menu-gallery.count-1,.menu-gallery.count-2,.menu-gallery.count-3{grid-template-rows:minmax(0,1fr)}.menu-gallery.count-1{grid-template-columns:minmax(0,1fr)}.menu-gallery.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-gallery.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-gallery.count-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.menu-gallery.count-5{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.menu-gallery.count-5>*{grid-column:span 2}.menu-gallery.count-5>*:nth-child(n+4){grid-column:span 3}.menu-columns.count-1{grid-template-columns:minmax(0,1fr)}.menu-columns.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-gallery-card{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.menu-gallery-visual{width:100%;height:100%;align-self:stretch}

.menu-gallery-copy{position:relative;z-index:3;padding:1.25cqh 1.05cqw;background:linear-gradient(90deg,color-mix(in srgb,var(--biz-bg) 96%,transparent),color-mix(in srgb,var(--biz-bg) 76%,transparent))}
html[data-theme="white_architecture"] .menu-gallery-copy,html[data-theme="coastal_breeze"] .menu-gallery-copy{background:linear-gradient(90deg,color-mix(in srgb,var(--biz-bg) 97%,#fff 3%),color-mix(in srgb,var(--biz-bg) 82%,transparent))}
.menu-quick{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr);gap:var(--menu-card-gap,1vw)}.menu-quick>.menu-trio-card{height:100%}.menu-quick>.menu-trio-card .menu-trio-visual{height:40%}.menu-quick-list{min-width:0;min-height:0;overflow:hidden;padding:0 1.2cqw 1cqh;border:1px solid var(--biz-line);border-radius:1.4vw;background:rgba(255,255,255,.035)}.menu-quick-list .menu-board-head{height:12%;padding:0}.menu-quick-list .menu-item{padding:.8cqh .1cqw}.menu-quick-list .menu-item-copy>span{-webkit-line-clamp:1}.menu-quick-list .menu-item-visual{flex-basis:4.7cqh;width:4.7cqh;height:4.7cqh;font-size:3.2cqh}
@keyframes menuSheen{0%,52%{background-position:220% 0;opacity:0}60%{opacity:1}78%,100%{background-position:-120% 0;opacity:0}}@keyframes businessFoodPhotoGlow{from{opacity:.08}to{opacity:.28}}@keyframes businessMenuLine{from{opacity:.18;transform:scaleX(.35)}to{opacity:.66;transform:scaleX(1)}}
html[data-menu-density="compact"]{--menu-row-pad:.62cqh;--menu-card-pad:.72cqh;--menu-card-padx:.72cqw;--menu-card-gap:.5vw}html[data-menu-density="balanced"]{--menu-card-pad:1.35cqh;--menu-card-padx:1.1cqw;--menu-card-gap:1vw}html[data-menu-density="airy"]{--menu-row-pad:1.38cqh;--menu-card-pad:2.15cqh;--menu-card-padx:1.6cqw;--menu-card-gap:1.6vw}html[data-menu-distance="near"]{--menu-row-pad:1.2cqh}html[data-menu-distance="far"]{--menu-title-scale:1.28;--menu-body-scale:.9;--menu-price-scale:1.22}html[data-menu-distance="far"] .menu-item-copy>span{display:none}html[data-menu-descriptions="0"] .menu-item-copy>span,html[data-menu-descriptions="0"] .menu-feature-copy>p,html[data-menu-descriptions="0"] .menu-trio-copy>p,html[data-menu-descriptions="0"] .menu-gallery-copy>p{display:none!important}html[data-menu-badges="0"] .menu-item em:not(.sold-out-label),html[data-menu-badges="0"] .menu-feature-copy em:not(.sold-out-label),html[data-menu-badges="0"] .menu-trio-copy em:not(.sold-out-label),html[data-menu-badges="0"] .menu-gallery-copy em:not(.sold-out-label){display:none!important}html[data-menu-options="0"] .menu-option-chips{display:none!important}

.clock-wrap { height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center; }
.clock-time { font-size:7vh;font-weight:300;line-height:1.12;font-variant-numeric:tabular-nums;letter-spacing:.03em; }
.clock-date { font-size:1.9vh;color:var(--biz-muted);margin-top:.7vh; }.clock-city { font-size:1.45vh;color:var(--biz-primary);font-weight:800;margin-top:.25vh; }
/* השעון נמדד ב-vh — כלומר בגובה כל המסך — בזמן שהאריח עצמו הוא שבריר
   קטן ממנו. במסך אנכי 1080×1920 ערימת השעה יצאה ~263px בתוך אריח של
   154px, ו-.biz-zone{overflow:hidden} פשוט חתך את שורת היישוב. כאן
   מוסיפים תקרה יחסית לגובה האריח (cqh; ל-.biz-zone יש container-type:size).
   הגבול העליון של כל clamp הוא בדיוק הערך הקיים, ולכן שום שעון לא גדל —
   רק אריח נמוך מדי מקטין את עצמו במקום להיחתך. */
.clock-time { font-size:clamp(24px,34cqh,7vh); }
.clock-date { font-size:clamp(11px,12cqh,1.9vh);margin-top:min(.7vh,4cqh); }
.clock-city { font-size:clamp(9px,9cqh,1.45vh);margin-top:min(.25vh,1.5cqh); }

.room-wrap { height:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(12px,1.2vw,28px);padding:1vh 1vw; }
.room-wrap.has-booking{grid-template-columns:minmax(0,1fr) minmax(150px,22%)}
.room-main{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center}
.room-booking-qr{min-width:0;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqh;padding:1.5cqh 1cqw;border:1px solid color-mix(in srgb,var(--biz-primary) 36%,transparent);border-radius:clamp(14px,1.35vw,26px);background:linear-gradient(145deg,color-mix(in srgb,var(--biz-primary) 14%,transparent),rgba(255,255,255,.04));text-align:center;box-shadow:0 1.2cqh 3cqh rgba(0,0,0,.18)}
.room-booking-code{display:block;width:min(18cqh,100%);aspect-ratio:1;padding:clamp(5px,.5cqh,9px);border-radius:clamp(8px,.65cqh,13px);background:#fff;box-shadow:0 .8cqh 2cqh rgba(0,0,0,.2)}
.room-booking-code svg{display:block;width:100%;height:100%}.room-booking-qr b,.room-booking-qr small{display:block}.room-booking-qr b{font-size:clamp(14px,2.25cqh,30px);line-height:1.15}.room-booking-qr small{margin-top:.35cqh;color:var(--biz-primary);font-size:clamp(10px,1.5cqh,20px);font-weight:900}
.room-state { display:inline-flex;align-items:center;gap:.5vw;width:max-content;padding:.7vh 1vw;border-radius:999px;font-size:2.3vh;font-weight:900;background:rgba(49,208,170,.16);color:#78e7c8; }
.room-state.busy { background:rgba(255,115,105,.15);color:#ff958b; }.room-state.ending { background:rgba(255,190,86,.16);color:#ffd078; }
.room-state i { width:1.1vh;height:1.1vh;border-radius:50%;background:var(--room-color,currentColor);box-shadow:0 0 1vh var(--room-color,currentColor); }
.room-state.free i{animation:roomStatusAvailable 2.8s ease-in-out infinite}.room-state.busy i{animation:roomStatusBusy 4.2s ease-in-out infinite}.room-state.ending i{animation:roomStatusEnding 1.35s ease-in-out infinite}
@keyframes roomStatusAvailable{0%,100%{opacity:.66;box-shadow:0 0 .5vh var(--room-color,currentColor)}50%{opacity:1;box-shadow:0 0 1.8vh var(--room-color,currentColor)}}
@keyframes roomStatusBusy{0%,100%{opacity:.72;box-shadow:0 0 .45vh currentColor}50%{opacity:1;box-shadow:0 0 1.15vh currentColor}}
@keyframes roomStatusEnding{0%,100%{opacity:.55;box-shadow:0 0 .45vh currentColor}50%{opacity:1;box-shadow:0 0 1.65vh currentColor}}
.room-name { font-size:clamp(30px,6.6vh,84px);font-weight:900;line-height:1.02;margin-top:1vh; }.room-no { color:var(--biz-primary);font-size:clamp(15px,2.5vh,31px);font-weight:800; }
/* הדגשת מספר החדר — הבעלים בוחר לכל חדר בנפרד בפאנל, והמסך מקבל את
   הבחירה בתוך משאב החדר. הכול כאן יחסי לגודל הגופן (em) כדי שההדגשה
   תישאר נכונה בכל תבנית ובשני הכיוונים, וכל הצבעים נגזרים מערכת הנושא. */
.room-no{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.room-no-floor{color:var(--biz-muted);font-weight:700}
.room-no.num-pill .room-no-mark{background:var(--biz-primary);color:var(--biz-bg);border-radius:999px;padding:.12em .62em}
.room-no.num-outline .room-no-mark{border:.08em solid currentColor;border-radius:.35em;padding:.08em .5em}
.room-no.num-glow .room-no-mark{text-shadow:0 0 .12em currentColor,0 0 .5em color-mix(in srgb,var(--biz-primary) 70%,transparent)}
.room-no.num-bar .room-no-mark{border-inline-start:.28em solid currentColor;padding-inline-start:.4em}
.room-no.num-big .room-no-mark{font-size:1.9em;font-weight:900;line-height:1}
.room-agenda{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(7px,.7vw,15px);margin-top:1.05cqh}
.room-agenda-card{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(7px,1.05cqh,13px) clamp(8px,.72cqw,16px);overflow:hidden;border:1px solid var(--biz-line);border-radius:clamp(10px,.8vw,17px);background:rgba(255,255,255,.035)}
.room-agenda-card.is-current{border-color:color-mix(in srgb,var(--biz-primary) 34%,var(--biz-line));background:linear-gradient(145deg,color-mix(in srgb,var(--biz-primary) 10%,transparent),rgba(255,255,255,.025))}.room-agenda-card.is-available{border-color:color-mix(in srgb,var(--biz-secondary) 32%,var(--biz-line));background:linear-gradient(145deg,color-mix(in srgb,var(--biz-secondary) 8%,transparent),rgba(255,255,255,.025))}.room-agenda-card.is-empty{background:rgba(255,255,255,.022)}
.room-agenda-label{display:flex;align-items:flex-start;min-height:0;margin-bottom:.4cqh;color:var(--biz-primary);font-size:clamp(11px,1.8cqh,21px);font-weight:900;line-height:1.15;overflow-wrap:anywhere}.room-agenda-card b{display:-webkit-box;overflow:hidden;color:var(--biz-fg);font-size:clamp(15px,2.7cqh,32px);line-height:1.13;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.room-agenda-person{display:block;min-width:0;margin-top:.22cqh;color:color-mix(in srgb,var(--biz-primary) 78%,var(--biz-fg));font-size:clamp(11px,1.7cqh,20px);font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-agenda-card small{display:block;min-width:0;margin-top:.28cqh;color:var(--biz-muted);font-size:clamp(11px,1.7cqh,20px);font-weight:750;line-height:1.16;direction:rtl;unicode-bidi:isolate;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-countdown-block{display:flex;align-items:flex-end;gap:clamp(10px,.8vw,18px);margin-top:.7cqh}.countdown { flex:none;font-size:clamp(44px,9.2cqh,108px);font-weight:300;font-variant-numeric:tabular-nums;line-height:.95;letter-spacing:.04em;direction:ltr;text-align:right; }.countdown-label { padding-bottom:.4cqh;color:var(--biz-muted);font-size:clamp(12px,1.9cqh,22px);font-weight:750; }
.room-message{display:flex;align-items:center;gap:clamp(7px,.45vw,11px);min-width:0;margin-top:.8cqh;padding:.55cqh .65cqw;border-inline-start:3px solid var(--biz-primary);border-radius:.45vw;background:color-mix(in srgb,var(--biz-primary) 8%,transparent);color:var(--biz-muted)}.room-message span{flex:none;display:grid;place-items:center;width:clamp(17px,2.3cqh,26px);height:clamp(17px,2.3cqh,26px);border-radius:50%;color:var(--biz-bg);background:var(--biz-primary);font-size:clamp(10px,1.45cqh,16px);font-family:Arial,sans-serif;font-weight:900}.room-message b{min-width:0;overflow:hidden;font-size:clamp(11px,1.7cqh,20px);font-weight:750;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.meeting-title { font-size:2.5vh;margin-top:1.2vh;color:var(--biz-muted); }.meeting-title b { color:var(--biz-fg); }

@container (max-width:650px){.room-wrap.has-booking{grid-template-columns:minmax(0,1fr) minmax(110px,27%);gap:8px}.room-booking-qr{padding:.8cqh .8cqw}.room-booking-code{width:min(15cqh,100%)}.room-booking-qr b{font-size:clamp(11px,1.8cqh,20px)}.room-booking-qr small{font-size:clamp(9px,1.25cqh,15px)}.room-agenda{gap:6px}.room-agenda-card{padding:.72cqh .62cqw}.room-agenda-card b{font-size:clamp(11px,2.1cqh,20px)}}
@container (max-width:520px){
    .room-wrap.has-booking{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
    .room-booking-qr{flex-direction:row;justify-content:flex-start;text-align:right;padding:.65cqh 1.2cqw}
    .room-booking-code{width:min(10cqh,64px);flex:none}
    .room-agenda{grid-template-columns:1fr}
    .room-agenda-card{display:grid;grid-template-columns:minmax(105px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;column-gap:8px;align-items:center}
    .room-agenda-label{grid-column:1;grid-row:1/4;min-height:0;margin:0;align-items:center}
    .room-agenda-card b{grid-column:2;grid-row:1}.room-agenda-person{grid-column:2;grid-row:2}.room-agenda-card small{grid-column:2;grid-row:3;margin-top:2px}
}

.ticker-wrap { height:100%;display:flex;align-items:center;gap:.7vw;overflow:hidden;white-space:nowrap; }.ticker-tag { position:relative;z-index:2;color:var(--biz-bg);background:var(--biz-primary);font-size:1.35vh;font-weight:900;padding:.25vh .7vw;border-radius:999px;flex:none; }
.ticker-track{position:relative;display:block;min-width:0;flex:1;overflow:hidden;direction:rtl}.ticker-text { display:inline-block;min-width:max-content;font-size:1.55vh;font-weight:700;direction:rtl;animation:tickerMove 22s linear infinite;will-change:transform; }
@keyframes tickerMove { from{transform:translateX(0)}to{transform:translateX(100%)} }

/* בעמודות הצד של אטריום ומלון אין מקום לשתי עמודות פנימיות. שורה
   אחת רחבה שומרת את כל המילים ומאפשרת לקרוא ממרחק. */
html[data-template="executive_atrium"] .biz-zone[data-module="directory"] .directory-list,
html[data-template="hotel_welcome"] .biz-zone[data-module="directory"] .directory-list{grid-template-columns:1fr}
html[data-template="hotel_welcome"] .biz-zone[data-module="directory"]{padding:1.25vh 1vw}
html[data-template="hotel_welcome"] .directory-row{padding:.8vh .75vw}
html[data-template="room_status"] .biz-zone[data-key="next"],html[data-template="room_status"] .biz-zone[data-key="status"]{border-radius:1.2vw}

/* כרטיס המערכת בפינה הימנית העליונה נשאר קטן ביחס למסך, אבל אינו
   נראה כמו רכיב זר שמונח מעל התבנית. הצבע, הרדיוס והצל מותאמים למשפחת
   המסך, וכל תוכן קיים (לוגו, שם, טלפון ו-QR) נשאר קריא ללא חיתוך. */
.business-system-brand{
    --system-brand-accent:var(--biz-primary);
    --system-brand-radius:clamp(13px,.92vw,19px);
    --system-brand-surface-a:color-mix(in srgb,var(--biz-bg) 90%,transparent);
    --system-brand-surface-b:color-mix(in srgb,var(--biz-surface) 92%,#000 8%);
    --system-brand-border:color-mix(in srgb,var(--biz-primary) 26%,var(--biz-fg) 11%);
    position:fixed;z-index:12;top:1.15vh;right:.9vw;direction:rtl;isolation:isolate;
    display:grid;grid-template-columns:auto minmax(92px,1fr) auto;align-items:center;
    gap:clamp(5px,.46vw,9px);width:max-content;min-width:clamp(170px,14.5vw,212px);max-width:min(18vw,260px);
    padding:clamp(5px,.52vh,8px) clamp(7px,.52vw,10px);overflow:visible;
    border:1px solid var(--system-brand-border);border-radius:var(--system-brand-radius);
    color:var(--biz-fg);background:linear-gradient(138deg,var(--system-brand-surface-a),var(--system-brand-surface-b));
    box-shadow:0 1vh 2.8vw rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1);
    backdrop-filter:blur(14px) saturate(1.08);pointer-events:none
}
html.has-business-strip .business-system-brand{top:calc(var(--business-strip-height) + 1.15vh)}
.business-system-brand::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:3px;border-radius:var(--system-brand-radius) var(--system-brand-radius) 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--system-brand-accent) 18%,transparent),var(--system-brand-accent),color-mix(in srgb,var(--biz-secondary) 82%,var(--system-brand-accent)));opacity:.9}
.business-system-brand::after{content:"";position:absolute;z-index:0;top:-55%;right:-9%;width:38%;aspect-ratio:1;border-radius:50%;background:var(--system-brand-accent);filter:blur(24px);opacity:.12;pointer-events:none}
.business-system-brand>*{position:relative;z-index:1}
.business-system-logo{width:clamp(34px,4.25vh,46px);height:clamp(34px,4.25vh,46px);object-fit:contain;flex:none;border:1px solid color-mix(in srgb,var(--system-brand-accent) 24%,transparent);border-radius:clamp(8px,.5vw,11px);background:rgba(255,255,255,.96);padding:clamp(3px,.28vh,4px);box-shadow:0 .45vh 1.1vh rgba(0,0,0,.18)}
.business-system-copy{min-width:0;max-width:min(9.6vw,140px);display:flex;flex-direction:column;justify-content:center;line-height:1.1}
.business-system-copy strong{font-size:clamp(14px,1.55vh,19px);font-weight:900;line-height:1.08;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.business-system-copy>span:not(.business-system-phone){margin-top:.18vh;color:var(--biz-muted);font-size:clamp(10px,1.02vh,13px);line-height:1.16;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.business-system-phone{margin-top:.25vh;color:var(--system-brand-accent);font-size:clamp(10px,1.04vh,13px);font-weight:900;text-align:right;unicode-bidi:isolate;white-space:nowrap}
.business-system-qr{width:clamp(36px,4.5vh,48px);height:clamp(36px,4.5vh,48px);padding:clamp(3px,.28vh,4px);flex:none;border:1px solid color-mix(in srgb,var(--system-brand-accent) 28%,transparent);border-radius:clamp(8px,.48vw,10px);background:#fff;box-shadow:0 .45vh 1.1vh rgba(0,0,0,.2)}.business-system-qr img{display:block;width:100%;height:100%;object-fit:contain}
.business-system-brand.has-system-qr{max-width:min(22vw,312px)}.business-system-brand.has-system-phone:not(.has-system-qr){max-width:min(20vw,284px)}
.business-system-brand:not(.has-system-logo):not(.has-system-qr){grid-template-columns:minmax(0,1fr)}.business-system-brand:not(.has-system-logo).has-system-qr{grid-template-columns:minmax(0,1fr) auto}.business-system-brand.has-system-logo:not(.has-system-qr){grid-template-columns:auto minmax(0,1fr)}

html[data-business-family="office"] .business-system-brand{--system-brand-radius:clamp(11px,.72vw,15px);--system-brand-border:color-mix(in srgb,var(--biz-primary) 32%,var(--biz-fg) 10%)}
html[data-business-family="hotel"] .business-system-brand{--system-brand-accent:color-mix(in srgb,var(--biz-primary) 78%,#ffd890 22%);--system-brand-radius:clamp(17px,1.2vw,24px);--system-brand-surface-b:color-mix(in srgb,var(--biz-bg) 78%,#fff 7%);box-shadow:0 1.1vh 3vw color-mix(in srgb,var(--biz-primary) 12%,rgba(0,0,0,.3)),inset 0 1px rgba(255,255,255,.15)}
html[data-business-family="food"] .business-system-brand{--system-brand-accent:color-mix(in srgb,var(--biz-primary) 82%,#ffb05e 18%);--system-brand-surface-a:color-mix(in srgb,var(--biz-bg) 93%,#120904 7%);--system-brand-radius:clamp(12px,.8vw,17px)}
html[data-business-family="events"] .business-system-brand{--system-brand-accent:color-mix(in srgb,var(--biz-primary) 72%,#f2c66d 28%);--system-brand-surface-b:color-mix(in srgb,var(--biz-secondary) 15%,var(--biz-bg) 85%);--system-brand-radius:clamp(15px,1vw,21px)}
html[data-business-family="rooms"] .business-system-brand{--system-brand-accent:color-mix(in srgb,var(--biz-primary) 86%,#8ff7be 14%);--system-brand-radius:clamp(10px,.66vw,14px);--system-brand-surface-a:color-mix(in srgb,var(--biz-bg) 95%,transparent);box-shadow:0 .75vh 2.1vw rgba(0,0,0,.24),inset 3px 0 var(--system-brand-accent)}
html[data-business-family="media"] .business-system-brand{--system-brand-surface-a:rgba(3,6,10,.88);--system-brand-surface-b:rgba(12,16,22,.82);--system-brand-radius:clamp(10px,.72vw,15px);max-width:min(17vw,238px)}
html[data-business-family="media"] .business-system-brand.has-system-qr,html[data-business-family="events"] .business-system-brand.has-system-qr{max-width:min(21vw,294px)}

html.has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(17vw,272px)}
html.business-system-has-qr.has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(22.8vw,330px)}
html[data-business-family="media"].has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(17.5vw,252px)}

/* הפס הגלובלי מקבל גובה משלו; המסך שמעליו מתקצר באותו גובה ולכן
   חדשות ועדכונים לעולם אינם מכסים תפריט, וידאו או קאונטר חדר. */
.business-footer{position:fixed;z-index:11;right:0;bottom:0;left:0;height:var(--business-footer-height);direction:rtl;display:flex;align-items:center;gap:clamp(9px,.85vw,18px);padding:.7vh 1vw;color:var(--biz-fg);border-top:1px solid color-mix(in srgb,var(--biz-fg) 16%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--biz-bg) 98%,#000 2%),color-mix(in srgb,var(--biz-surface) 94%,#000 6%));box-shadow:0 -1vh 3vh rgba(0,0,0,.24);backdrop-filter:blur(18px);overflow:hidden;isolation:isolate}
.business-footer-label{position:relative;z-index:2;flex:none;padding:.45vh .85vw;border-radius:999px;color:var(--biz-bg);background:linear-gradient(135deg,var(--biz-primary),color-mix(in srgb,var(--biz-primary) 72%,var(--biz-secondary)));font-size:clamp(12px,1.45vh,20px);font-weight:900;white-space:nowrap;box-shadow:0 0 1.5vh color-mix(in srgb,var(--biz-primary) 24%,transparent)}
.business-footer-track{position:relative;display:block;min-width:0;flex:1;height:100%;overflow:hidden;direction:ltr}.business-footer-text{position:absolute;top:50%;right:100%;display:inline-block;min-width:max-content;max-width:none;direction:rtl;white-space:nowrap;color:var(--biz-fg);font-size:clamp(13px,1.7vh,23px);font-weight:700;line-height:1.2;transform:translate(0,-50%);will-change:transform;animation:businessFooterMarquee var(--business-footer-duration,30s) linear infinite}
@keyframes businessFooterMarquee{from{transform:translate(0,-50%)}to{transform:translate(calc(100% + 100vw),-50%)}}
.business-footer-property{position:relative;z-index:2;flex:none;max-width:min(19vw,300px);display:flex;align-items:center;gap:.5vw;padding-inline-start:.8vw;border-inline-start:1px solid var(--biz-line);color:var(--biz-muted);font-size:clamp(11px,1.25vh,17px);font-weight:800;white-space:nowrap;overflow:hidden}.business-footer-property img{width:clamp(28px,3.6vh,46px);height:clamp(28px,3.6vh,46px);object-fit:contain;border-radius:.55vh;background:#fff;padding:.2vh;flex:none}.business-footer-property span{overflow:hidden;text-overflow:ellipsis}

.business-state { position:fixed;inset:0;z-index:20;background:#07111c;color:#f5fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vh 8vw; }
.bs-mark { position:absolute;top:3vh;right:3vw;color:#61dbc5;font-weight:900;letter-spacing:.18em; }.bs-icon{font-size:9vh}.business-state h1{font-size:5.5vh;margin:2vh 0 .6vh}.business-state p{font-size:2.4vh;color:#a9bdc9;max-width:55vw}
.business-offline { position:fixed;left:1.2vw;bottom:1.5vh;z-index:30;width:1.3vh;height:1.3vh;border-radius:50%;background:#f15f59;box-shadow:0 0 1.5vh #f15f59; }
.business-preview-mark { position:fixed;left:1vw;top:1vh;z-index:40;background:rgba(0,0,0,.65);color:#fff;padding:.45vh .7vw;border-radius:.6vh;font-size:1.2vh;pointer-events:none; }

/* Public landing previews keep their exact live layout, but off-screen frames do
   not keep six independent GPU animation surfaces busy while the phone scrolls. */
/* גם התצוגה המקדימה בפאנל, לא רק דמו הנחיתה: היא ציירה בלי הפסקה גם
   כשהלשונית ברקע או כשגללו ממנה, וזה מה שהכביד על הדף. */
html[data-demo="1"][data-preview-visible="0"] *,
html[data-demo="1"][data-preview-visible="0"] *::before,
html[data-demo="1"][data-preview-visible="0"] *::after,
html[data-preview="1"][data-preview-visible="0"] *,
html[data-preview="1"][data-preview-visible="0"] *::before,
html[data-preview="1"][data-preview-visible="0"] *::after{animation-play-state:paused!important}

@media (prefers-reduced-motion:reduce) {
    *{animation:none!important;transition:none!important}
    .depth-plane,.depth-orb,.business-effect,.biz-scene::before,.biz-scene::after{display:none!important}
    /* חלקיקי האפקטים של המנות הם קישוט בלבד — בלי תנועה הם רק כתם */
    [class*="menu-fx-"]::before,[class*="menu-fx-"]::after{display:none!important}
    [class*="menu-fx-"]{filter:none!important;transform:none!important}
    .biz-zone.motion-page-refresh>:not(.page-count){opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
    .business-footer-track,.ticker-track{display:flex;align-items:center;direction:rtl}
    .business-footer-text{position:static!important;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform:none!important}
    .ticker-text{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform:none!important}
}
/* השם "הדגשת מנות זוהרת" הבטיח הדגשה של מנות אבל צייר כתם רקע בלבד.
   עכשיו הוא באמת עובר על כרטיסי המנות, אחד אחרי השני. */
html[data-effect="food-glow"] .menu-trio-card,html[data-effect="food-steam-glow"] .menu-trio-card,
html[data-effect="food-glow"] .menu-gallery-card,html[data-effect="food-steam-glow"] .menu-gallery-card{
    animation:menuCardSpotlight 6.4s ease-in-out infinite}
html[data-effect="food-glow"] .menu-trio-card:nth-child(2),html[data-effect="food-steam-glow"] .menu-trio-card:nth-child(2),
html[data-effect="food-glow"] .menu-gallery-card:nth-child(2),html[data-effect="food-steam-glow"] .menu-gallery-card:nth-child(2){animation-delay:2.1s}
html[data-effect="food-glow"] .menu-trio-card:nth-child(3n),html[data-effect="food-steam-glow"] .menu-trio-card:nth-child(3n),
html[data-effect="food-glow"] .menu-gallery-card:nth-child(3n),html[data-effect="food-steam-glow"] .menu-gallery-card:nth-child(3n){animation-delay:4.2s}
@keyframes menuCardSpotlight{
    0%,64%,100%{border-color:color-mix(in srgb,var(--menu-accent) 38%,transparent);box-shadow:0 1.6cqh 4.5cqh rgba(0,0,0,.2)}
    18%,46%{border-color:color-mix(in srgb,var(--menu-accent) 95%,transparent);
        box-shadow:0 1.6cqh 4.5cqh rgba(0,0,0,.2),0 0 3.5cqh color-mix(in srgb,var(--menu-accent) 62%,transparent),inset 0 0 2.5cqh color-mix(in srgb,var(--menu-accent) 26%,transparent)}}
html[data-orientation="portrait"] .business-grid{grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(24,1fr)}
html[data-orientation="portrait"] .business-system-brand{right:1.25vw;width:max-content;max-width:min(46vw,218px);min-width:0;gap:.65vw;padding:.42vh .75vw;border-radius:1.8vw}
html[data-orientation="portrait"] .business-system-logo,html[data-orientation="portrait"] .business-system-qr{width:3.7vh;height:3.7vh;min-width:28px;min-height:28px}.business-system-qr{flex:none}
html[data-orientation="portrait"] .business-system-copy strong{font-size:clamp(10px,1.32vh,17px)}html[data-orientation="portrait"] .business-system-copy>span:not(.business-system-phone),html[data-orientation="portrait"] .business-system-phone{font-size:clamp(8px,.98vh,12px);line-height:1.12}
html[data-orientation="portrait"].has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(42vw,232px)}
html[data-orientation="portrait"].has-business-system-brand .biz-zone.avoids-system-brand .brand-logo,html[data-orientation="portrait"].has-business-system-brand .biz-zone.avoids-system-brand .brand-monogram{width:4.8vh;height:4.8vh}
html[data-orientation="portrait"].has-business-system-brand .biz-zone.avoids-system-brand .brand-copy b{font-size:2.15vh}html[data-orientation="portrait"].has-business-system-brand .biz-zone.avoids-system-brand .brand-copy span{font-size:1.05vh;line-height:1.18}
html[data-orientation="portrait"] .business-footer{padding-inline:1.5vw;gap:1.2vw}html[data-orientation="portrait"] .business-footer-property{max-width:25vw;padding-inline-start:1.2vw}
html[data-orientation="portrait"] .business-logo-mark--background{inset:8vh 6vw}
html[data-orientation="portrait"] .business-logo-mark--background img{max-width:78vw;max-height:48vh}
html[data-orientation="portrait"] .business-logo-mark--top-left,
html[data-orientation="portrait"] .business-logo-mark--bottom-left,
html[data-orientation="portrait"] .business-logo-mark--bottom-right{width:clamp(58px,16vw,105px);height:clamp(44px,12vw,80px);padding:clamp(4px,1vw,7px);border-radius:clamp(9px,2vw,14px)}
html[data-orientation="portrait"] .business-logo-mark--top-left{top:1.2vh;left:2vw}
html[data-orientation="portrait"].has-business-strip .business-logo-mark--top-left{top:calc(var(--business-strip-height) + 1.2vh)}
html[data-orientation="portrait"] .business-logo-mark--bottom-left{bottom:1.2vh;left:2vw}
html[data-orientation="portrait"] .business-logo-mark--bottom-right{right:2vw;bottom:1.2vh}

/* Food text is never discarded. Long legal labels and all eight display-only
   options wrap; the renderer reduces the page capacity when the result is tall. */
.menu-option-chips{overflow:visible;align-content:flex-start}
.menu-option-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    border-radius:clamp(8px,.7cqh,14px);
}
.menu-option-choice{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.menu-gallery-copy .menu-option-chips,.menu-trio-copy .menu-option-chips{max-height:none}
.menu-item .menu-item-copy>span,.menu-trio-copy p,.menu-gallery-copy p{
    display:block;
    overflow:visible;
    -webkit-line-clamp:unset;
}
.menu-content-tight .menu-option-group{padding:.12cqh .3cqw;line-height:1.05}
.menu-content-tight .menu-item b{font-size:clamp(12px,2.45cqh,38px)}
.menu-content-tight .menu-item .menu-item-copy>span{font-size:clamp(9px,1.45cqh,22px)}
.menu-content-tight .menu-trio-visual{height:auto;max-height:34%}
.menu-content-tight .menu-trio-copy{padding:.75cqh .75cqw}
.menu-content-tight .menu-trio-copy h2{font-size:clamp(18px,3.5cqh,58px)}
.menu-content-tight .menu-trio-copy p{font-size:clamp(9px,1.55cqh,23px)}


.menu-content-tight .menu-gallery-copy h2{font-size:clamp(16px,2.8cqh,44px)}
.menu-content-tight .menu-gallery-copy p{font-size:clamp(9px,1.35cqh,20px)}
.menu-content-tight .menu-gallery-card{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
.menu-content-tight .menu-gallery-copy{padding:.72cqh .72cqw}
.menu-content-tight .menu-feature{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
.menu-content-tight .menu-feature-copy{padding:1cqh .45cqw}
.menu-content-tight .menu-side-list,.menu-content-tight .menu-quick-list{overflow:visible}
.menu-trio.count-1{grid-template-columns:minmax(0,1fr)}
.menu-trio.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-columns.count-1{grid-template-columns:minmax(0,1fr)}
.menu-columns.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-content-minimum .menu-item-visual{display:none}
.menu-content-minimum .menu-photo{display:none}
.menu-content-minimum .menu-feature{grid-template-columns:minmax(0,1fr)}
.menu-content-minimum .menu-trio-visual{height:auto;max-height:24%;min-height:clamp(44px,8cqh,90px)}
.menu-content-minimum .menu-option-group{font-size:clamp(7px,.9cqh,12px)}
.menu-content-minimum .menu-item b,.menu-content-minimum .menu-trio-copy h2,.menu-content-minimum .menu-gallery-copy h2{font-size:clamp(11px,2cqh,28px)}
.menu-content-minimum .menu-item .menu-item-copy>span,.menu-content-minimum .menu-trio-copy p,.menu-content-minimum .menu-gallery-copy p{font-size:clamp(8px,1.15cqh,16px);line-height:1.08}

/* The system card stays compact but can use enough width to show its content.
   Portrait copy wraps instead of inheriting the landscape 9.3vw truncation. */
html[data-orientation="portrait"] .business-system-brand{
    width:max-content;
    max-width:min(46vw,218px);
    overflow:visible;
}
html[data-orientation="portrait"] .business-system-copy{
    width:max-content;
    min-width:0;
    max-width:min(23vw,112px);
}
html[data-orientation="portrait"] .business-system-copy strong,
html[data-orientation="portrait"] .business-system-copy>span:not(.business-system-phone){
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
}
@media(max-width:480px){
    html[data-orientation="portrait"] .business-system-brand{
        right:8px;
        max-width:min(calc(100vw - 16px),218px);
        gap:5px;
        padding:6px 7px;
    }
    html[data-orientation="portrait"] .business-system-copy{max-width:min(25vw,112px)}
    html[data-orientation="portrait"] .business-system-logo,
    html[data-orientation="portrait"] .business-system-qr{width:30px;height:30px;min-width:30px;min-height:30px}
}
html[data-orientation="portrait"] .directory-list{grid-template-columns:1fr}html[data-orientation="portrait"] .countdown{font-size:6vh}
/* corporate_depth מחלק את השטח האנכי בין מדיה, לו"ז ואינדקס. במסך צר
   האינדקס מקבל חמש שורות מלאות, לכן מכווצים רק את הרווחים שבתוכו — לא
   את תוכן העסק ולא את גודל האריח. כך שתי רשומות וניווט הדפים נשארים
   קריאים בתוך האריח בכל ערכת צבע. */
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"]{padding:.8cqh 1.2cqw}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .directory-head{align-items:center;gap:1.2cqw;margin-bottom:.7cqh;padding-bottom:.35cqh}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .zone-label{font-size:clamp(12px,7cqh,18px);margin-bottom:.15cqh}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .zone-title{font-size:clamp(22px,12cqh,34px);line-height:1.08;padding:0}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .floor-badge{font-size:clamp(26px,15cqh,42px)}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .directory-list{gap:.6cqh}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .directory-row{gap:1cqw;padding:.5cqh .8cqw}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .tenant-dot{width:1.2cqh;height:1.2cqh}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .tenant-copy b{font-size:clamp(16px,8cqh,25px);line-height:1.15}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .tenant-copy span{font-size:clamp(12px,5cqh,17px);line-height:1.18}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .room-label{font-size:clamp(13px,5.4cqh,19px)}
html[data-template="corporate_depth"][data-orientation="portrait"] .biz-zone[data-module="directory"] .page-dots{gap:.6cqw;margin-top:.45cqh}
html[data-orientation="portrait"] .wayfinding-stage.wf-full{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:1.1vh;padding:1vh 1vw}
html[data-orientation="portrait"] .wayfinding-stage.wf-full.wf-single{grid-template-rows:minmax(0,1fr)}
html[data-orientation="portrait"] .wf-full .wf-card:not(.wf-no-arrow){grid-template-columns:34% 1fr;grid-template-rows:1fr;padding:1.4cqh 2cqw}
html[data-orientation="portrait"] .wf-full .wf-copy{text-align:right;align-items:flex-start;padding:0}
html[data-orientation="portrait"] .wf-full .wf-arrow{font-size:clamp(64px,16cqh,180px)}
html[data-orientation="portrait"] .menu-columns{grid-template-columns:1fr;height:91%;gap:.8vh}html[data-orientation="portrait"] .menu-column{padding:1cqh 2cqw}html[data-orientation="portrait"] .menu-item{padding:.75cqh .4cqw}
html[data-orientation="portrait"] .menu-feature{grid-template-columns:1fr;grid-template-rows:38% 28% 34%;gap:.8vh}html[data-orientation="portrait"] .menu-feature-copy{padding:1cqh 2cqw}html[data-orientation="portrait"] .menu-feature-copy h2{font-size:5.5cqh}html[data-orientation="portrait"] .menu-feature-copy strong{font-size:5.5cqh;margin-top:.5cqh}
html[data-orientation="portrait"] .menu-trio{height:91%;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:.8vh}html[data-orientation="portrait"] .menu-trio-card{display:grid;grid-template-columns:38% minmax(0,62%);border-radius:2.4vw}html[data-orientation="portrait"] .menu-trio-visual{width:100%;height:100%;font-size:8cqh}html[data-orientation="portrait"] .menu-trio-copy{padding:1cqh 2cqw}html[data-orientation="portrait"] .menu-trio-copy h2{font-size:3.3cqh}html[data-orientation="portrait"] .menu-trio-copy p{font-size:1.55cqh;-webkit-line-clamp:1}html[data-orientation="portrait"] .menu-trio-copy strong{font-size:3.3cqh}
html[data-orientation="portrait"] .menu-gallery{height:91%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1vw}html[data-orientation="portrait"] .menu-gallery-card{grid-template-columns:1fr;grid-template-rows:46% minmax(0,54%);border-radius:2vw}html[data-orientation="portrait"] .menu-gallery-copy{padding:.7cqh 1.4cqw}html[data-orientation="portrait"] .menu-gallery-copy h2{font-size:2.4cqh}html[data-orientation="portrait"] .menu-gallery-copy p{font-size:1.3cqh;-webkit-line-clamp:1}html[data-orientation="portrait"] .menu-gallery-copy strong{font-size:2.6cqh}
html[data-orientation="portrait"] .menu-quick{grid-template-columns:1fr;grid-template-rows:43% minmax(0,57%);gap:.8vh}html[data-orientation="portrait"] .menu-quick>.menu-trio-card{display:grid;grid-template-columns:42% minmax(0,58%)}html[data-orientation="portrait"] .menu-quick>.menu-trio-card .menu-trio-visual{width:100%;height:100%}html[data-orientation="portrait"] .menu-quick-list{padding:0 2cqw 1cqh;border-radius:2.2vw}
@container (max-width:430px){.directory-list{grid-template-columns:1fr}.zone-title{font-size:3vh}.floor-badge{font-size:3.4vh}.directory-row{padding:.65vh .6vw}}
@container (max-height:150px){.zone-label{margin-bottom:.2vh}.event-list,.announcement-list,.booking-list{gap:.35vh}.event-row,.announcement-row,.booking-row{padding:.35vh .55vw}.clock-time{font-size:clamp(20px,30cqh,5.5vh)}.clock-date{margin-top:.2vh}}
/* אריח רשימה נמוך. כל המידות כאן היו ב-vh, כלומר בגובה כל המסך, ולכן
   במסך אנכי 1080×1920 שורה בודדת יצאה ~160px בתוך אריח של 154px —
   ״מה קורה היום״ נחתך ב-165px וההודעות ב-49px. השאילתה עובדת מול גובה
   האריח עצמו, ולכן היא נדלקת רק כשבאמת צר שם; התקרה של כל clamp היא
   הערך הקיים, אז אריח גבוה לא משתנה בכלל. */
@container (max-height:260px){
    .event-list,.announcement-list,.booking-list{gap:1.4cqh}
    .event-row,.announcement-row,.booking-row{padding:1.5cqh .55vw;gap:.5vw}
    .event-time{font-size:clamp(11px,8cqh,1.7vh)}
    .event-copy b,.announcement-row b,.booking-row b{font-size:clamp(12px,9cqh,1.75vh);-webkit-line-clamp:1}
    .event-copy span,.announcement-row span,.booking-row span{font-size:clamp(10px,6.5cqh,1.32vh);-webkit-line-clamp:1}
}

/* ===== תיקוני חיתוך ויציבות (ביקורת 3 סוכנים) ===== */
/* עמוד טריו עם 1-2 מנות: כרטיס רוחבי במקום רצועת ענק */
.menu-trio.count-1 .menu-trio-card,.menu-trio.count-2 .menu-trio-card{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr)}
.menu-trio.count-1 .menu-trio-visual,.menu-trio.count-2 .menu-trio-visual{height:100%;max-height:none;aspect-ratio:auto}
/* מנה בודדת בתפריט המהיר — בלי חצי מסך ריק */
.menu-quick.single{grid-template-columns:minmax(0,1fr)}
/* שם עסק ארוך בכותרת המותג — שתי שורות לכל היותר, בלי חיתוך באמצע אות */
.brand-copy b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.brand-copy span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
/* חדר ישיבות: שם ארוך ותוויות מצב לא גולשים מהמסך */
.room-name{overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.room-state{max-width:100%;white-space:normal}
/* כותרת אינדקס: שם קומה ארוך לא דוחף את תג הקומה החוצה */
.directory-head>div{min-width:0}
.zone-title{overflow-wrap:anywhere}

/* ===== חדר ישיבות: הפאנל מתמלא =====
   האזור הוא container-type:size, ולכן ה-cqh נמדד ממנו — הערכים
   הישנים כוילו למסך שלם והשאירו אותיות זעירות בפאנל של 550px.
   שלט חדר נקרא מהדלת: השם ענק, המצב בולט, הקאונטר גדול. */
.biz-zone[data-module="room_status"] .room-main{gap:2cqh;justify-content:center}
.biz-zone[data-module="room_status"] .room-state{font-size:clamp(15px,3.4cqh,32px);padding:1cqh 1.4cqw;gap:.8cqw}
.biz-zone[data-module="room_status"] .room-state i{width:1.8cqh;height:1.8cqh}
.biz-zone[data-module="room_status"] .room-name{font-size:clamp(30px,10cqh,96px);line-height:1.05;font-weight:900;margin-top:.6cqh}
.biz-zone[data-module="room_status"] .room-no{font-size:clamp(14px,3cqh,28px);color:var(--biz-muted);font-weight:800}
.biz-zone[data-module="room_status"] .room-agenda{gap:clamp(8px,1cqw,18px);margin-top:2.2cqh}
.biz-zone[data-module="room_status"] .room-agenda-card{padding:2cqh 1cqw;min-height:15cqh}
.biz-zone[data-module="room_status"] .room-agenda-label{font-size:clamp(12px,2.3cqh,21px);min-height:0;margin-bottom:.8cqh}
.biz-zone[data-module="room_status"] .room-agenda-card b{font-size:clamp(17px,3.6cqh,36px)}
.biz-zone[data-module="room_status"] .room-agenda-card small{font-size:clamp(12px,2.4cqh,23px)}
.biz-zone[data-module="room_status"] .room-agenda-person{font-size:clamp(12px,2.4cqh,22px)}
.biz-zone[data-module="room_status"] .room-message{font-size:clamp(13px,2.5cqh,24px);padding:1.2cqh 1cqw;margin-top:2cqh}
.biz-zone[data-module="room_status"] .room-countdown-block{margin-top:2cqh}
.biz-zone[data-module="room_status"] .countdown{font-size:clamp(30px,9cqh,84px);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.biz-zone[data-module="room_status"] .countdown-label{font-size:clamp(12px,2.4cqh,22px)}

/* לוגו החברה המזמינה על מסך החדר */
.booking-logo,.room-agenda-logo{width:clamp(22px,4.5cqh,46px);height:clamp(22px,4.5cqh,46px);object-fit:contain;border-radius:22%;background:#fff;padding:2px;flex:0 0 auto}
.booking-row{display:flex;align-items:center;gap:.7cqw}
.booking-row.is-manual .event-time{font-size:1.4em}
.room-agenda-logo{display:block;margin:.5cqh 0}


/* סמל "דוגמה" חוזר על מסכי הדמו — כמו אצל ועדי הבתים: אי אפשר
   לצלם/להעתיק את הדוגמה כמסך אמיתי. עדין, מעל התוכן, מתחת לכלום. */
.business-demo-mark{position:fixed;inset:-12%;z-index:58;display:flex;flex-wrap:wrap;gap:7vh 4vw;align-items:center;justify-content:center;transform:rotate(-18deg);pointer-events:none;opacity:.085}
.business-demo-mark span{font-size:4.6vh;font-weight:900;color:#fff;letter-spacing:.22em;white-space:nowrap}

/* "העיגול" החכם של המותג: צורה, רקע, לוגו ממורכז עם זום ומיקום */
.brand-mark{position:relative;width:7vh;height:7vh;flex:none;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--biz-primary),var(--biz-secondary));animation:businessBrandHalo var(--business-motion-accent) ease-in-out infinite alternate}
.brand-mark--circle{border-radius:50%}
.brand-mark--squircle{border-radius:28%}
.brand-mark--square{border-radius:1vh}
.brand-mark--nobg{background:transparent;animation:none}
.brand-mark--initials{color:var(--biz-bg);font-weight:800;font-size:2.7vh;letter-spacing:.05em;box-shadow:inset 0 0 0 .4vh color-mix(in srgb,#ffffff 22%,transparent)}
.brand-mark img{width:100%;height:100%;display:block;pointer-events:none}
.brand-zone--nomark .brand-copy{margin-inline-start:0}

/* סרטון מתחלף — שכבה מעל הכול, כניסה ויציאה רכות */
.business-video-break{position:fixed;inset:0;z-index:9500;background:#000;opacity:0;transition:opacity .45s ease}
.business-video-break.on{opacity:1}
.business-video-break video,.business-video-break img{width:100%;height:100%;object-fit:contain;background:#000;display:block}

/* הלוגואים נשארים מעל הסרטון — אבל רק בזמן שהוא רץ.
   באג שתוקן: העלאה גורפת של שכבת הלוגו העיפה את סמל המים של העסק
   מעל התפריט ("חלה באמצע והתפריט מאחוריה"). מחוץ להחלפת הסרטון כל
   שכבה חוזרת למקומה הטבעי — סמל המים מתחת לתוכן. */
.business-video-break{z-index:8800}
html.vb-on .business-system-brand{z-index:9300}
html.vb-on .business-logo-overlay{z-index:9200}
html.vb-on .business-demo-mark{z-index:9250}

/* מעברי הסרטון: אותן מחלקות משמשות גם את הדמו בפאנל — דוגמה נאמנה */
.business-video-break{transition:opacity .5s ease,transform .55s ease,clip-path .55s ease,filter .5s ease}
.business-video-break.vb-t-fade{opacity:0}
.business-video-break.vb-t-fade.on{opacity:1}
.business-video-break.vb-t-slide{opacity:1;transform:translateX(102%)}
.business-video-break.vb-t-slide.on{transform:translateX(0)}
.business-video-break.vb-t-zoom{opacity:0;transform:scale(1.18)}
.business-video-break.vb-t-zoom.on{opacity:1;transform:scale(1)}
.business-video-break.vb-t-curtain{opacity:1;clip-path:inset(0 0 0 100%)}
.business-video-break.vb-t-curtain.on{clip-path:inset(0)}
.business-video-break.vb-t-blur{opacity:0;filter:blur(28px)}
.business-video-break.vb-t-blur.on{opacity:1;filter:blur(0)}

/* אפקט לתמונה או לאימוג׳י של מנה. הגרסה הקודמת הייתה כל כך עדינה
   שבפועל לא ראו אותה על המסך — הבעלים דיווח "לא רואים אותם כמעט".
   כאן התנועה גדולה ומובחנת מספיק כדי לתפוס עין מרחוק, וכל אפקט נראה
   אחרת לגמרי כדי שאפשר יהיה לזהות אותו בשם שלו.
   ‎prefers-reduced-motion מכבה הכול גורף למעלה. */
.menu-fx-box{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;font-size:inherit;line-height:inherit;font-style:normal}.menu-fx-box>img{width:100%;height:100%;display:block}[class*="menu-fx-"]{position:relative;isolation:isolate;overflow:hidden}
[class*="menu-fx-"]::before,[class*="menu-fx-"]::after{pointer-events:none;z-index:4}
.menu-fx-box>img{position:relative;z-index:1}
/* שכבות האפקט של המנה מצוירות ב-::before/::after, ולתמונה יש z-index:1.
   בלי z-index משלהן הן נופלות אל מתחת לתמונה — כלומר על מנה מצולמת אף
   אחד משבעת אפקטי-העל לא נראה בכלל. הכי בלט באדים: הם אמורים לעלות
   מעל המנה כדי שתיראה חמה, וצוירו מאחוריה. אפקט הוא תמיד מעל התמונה. */
.menu-fx-steam::before,.menu-fx-steam::after,
.menu-fx-sizzle::before,.menu-fx-fizz::before,.menu-fx-sparkle::before,
.menu-fx-fresh::before,.menu-fx-glow::before,.menu-fx-shine::before{z-index:2}

/* ריחוף — עלייה וירידה ברורה */
.menu-fx-float{animation:menuFxFloat calc(3.4s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxFloat{0%,100%{transform:translateY(4%)}50%{transform:translateY(-9%)}}
/* פעימה */
.menu-fx-pulse{animation:menuFxPulse calc(2.6s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxPulse{0%,100%{transform:scale(.97)}50%{transform:scale(1.11)}}
/* נדנוד */
.menu-fx-sway{animation:menuFxSway calc(3.8s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
/* קפיצה */
.menu-fx-pop{animation:menuFxPop calc(4.4s / var(--menu-fx-speed,1)) cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes menuFxPop{0%,72%,100%{transform:scale(1) translateY(0)}80%{transform:scale(1.2) translateY(-7%)}88%{transform:scale(.96)}}
/* ברק חולף — רחב ובהיר, עובר כל 3.6 שניות */
.menu-fx-shine{overflow:hidden}
.menu-fx-shine::before{content:"";position:absolute;inset:0;
    background:linear-gradient(112deg,transparent 30%,color-mix(in srgb,var(--menu-fx-color,#fff) 78%,transparent) 48%,color-mix(in srgb,var(--menu-fx-color,#fff) 34%,transparent) 56%,transparent 72%);
    transform:translateX(-135%);animation:menuFxShine calc(3.6s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxShine{0%,52%{transform:translateX(-135%)}84%,100%{transform:translateX(135%)}}
/* אדים — תמרות שעולות מפני המנה עצמה, לא ערפל על כל התמונה. הן נולדות
   בערך באמצע הכרטיס (שם נמצא האוכל), צרות בבסיס, מתרחבות ומתפוגגות
   כלפי מעלה, ומתפתלות ימינה־שמאלה תוך כדי. שתי שכבות בקצב שונה כדי
   שהתנועה לא תיראה מחזורית. הכול CSS — בלי GIF ובלי קובץ חיצוני,
   כי מסך שרץ שעות לא צריך עוד בקשת רשת (וזה גם חוזה של בדיקת התנועה). */
.menu-fx-steam{overflow:hidden}
.menu-fx-steam::before,.menu-fx-steam::after{
    content:"";position:absolute;left:4%;right:4%;bottom:46%;height:86%;
    transform-origin:50% 100%;
    -webkit-mask-image:linear-gradient(to top,transparent 0,#000 12%,#000 66%,transparent 99%);
    mask-image:linear-gradient(to top,transparent 0,#000 12%,#000 66%,transparent 99%);
    will-change:transform,opacity}
.menu-fx-steam::before{
    background:
      radial-gradient(ellipse 7% 26% at 25% 100%,var(--menu-fx-color,#fff),transparent 76%),
      radial-gradient(ellipse 6% 22% at 51% 100%,color-mix(in srgb,var(--menu-fx-color,#fff) 92%,transparent),transparent 76%),
      radial-gradient(ellipse 7% 24% at 77% 100%,var(--menu-fx-color,#fff),transparent 76%);
    filter:blur(5px);
    animation:menuFxSteamA calc(3.8s / var(--menu-fx-speed,1)) linear infinite}
.menu-fx-steam::after{
    background:
      radial-gradient(ellipse 6% 21% at 37% 100%,color-mix(in srgb,var(--menu-fx-color,#fff) 88%,transparent),transparent 76%),
      radial-gradient(ellipse 7% 23% at 65% 100%,color-mix(in srgb,var(--menu-fx-color,#fff) 94%,transparent),transparent 76%);
    filter:blur(7px);
    animation:menuFxSteamB calc(5.1s / var(--menu-fx-speed,1)) linear infinite}
/* הפלומה נולדת צרה ונמוכה, מתפתלת, נמתחת כלפי מעלה ומתפוגגת */
@keyframes menuFxSteamA{
    0%  {opacity:0;  transform:translate(0,26%)     scale(.5,.55)}
    12% {opacity:1}
    32% {            transform:translate(5%,4%)     scale(.78,.86)}
    54% {opacity:.88;transform:translate(-6%,-24%)  scale(1,1.12)}
    76% {opacity:.55;transform:translate(4%,-52%)   scale(1.2,1.34)}
    100%{opacity:0;  transform:translate(-3%,-82%)  scale(1.45,1.6)}}
@keyframes menuFxSteamB{
    0%  {opacity:0;  transform:translate(0,30%)     scale(.45,.5)}
    16% {opacity:.9}
    38% {            transform:translate(-6%,0)     scale(.72,.82)}
    62% {opacity:.72;transform:translate(6%,-30%)   scale(.96,1.1)}
    84% {opacity:.42;transform:translate(-4%,-58%)  scale(1.18,1.32)}
    100%{opacity:0;  transform:translate(3%,-88%)   scale(1.4,1.55)}}
/* רתיחה על האש — רעד קצר עם הבהוב חם */
.menu-fx-sizzle{animation:menuFxSizzle calc(2.4s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxSizzle{0%,100%{transform:translate(0,0) rotate(0);filter:brightness(1)}
    22%{transform:translate(-1.4%,.9%) rotate(-.7deg);filter:brightness(1.22) saturate(1.2)}
    46%{transform:translate(1.3%,-.7%) rotate(.6deg);filter:brightness(1.1)}
    68%{transform:translate(-.8%,.5%) rotate(-.4deg);filter:brightness(1.3) saturate(1.25)}}
.menu-fx-sizzle::before{content:"";position:absolute;inset:0;mix-blend-mode:screen;
    background:radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--menu-fx-color,#ff962c) 60%,transparent),transparent 62%);
    animation:menuFxEmber calc(1.7s / var(--menu-fx-speed,1)) ease-in-out infinite alternate}
@keyframes menuFxEmber{0%{opacity:.28}100%{opacity:.85}}
/* בועות — עולות ומתפוגגות */
.menu-fx-fizz{overflow:hidden}
.menu-fx-fizz::before{content:"";position:absolute;inset:0;
    background:
      radial-gradient(circle 4px at 26% 84%,color-mix(in srgb,var(--menu-fx-color,#fff) 95%,transparent),transparent 60%),
      radial-gradient(circle 3px at 44% 92%,color-mix(in srgb,var(--menu-fx-color,#fff) 85%,transparent),transparent 60%),
      radial-gradient(circle 5px at 62% 86%,color-mix(in srgb,var(--menu-fx-color,#fff) 90%,transparent),transparent 60%),
      radial-gradient(circle 3px at 78% 94%,color-mix(in srgb,var(--menu-fx-color,#fff) 80%,transparent),transparent 60%),
      radial-gradient(circle 4px at 35% 96%,color-mix(in srgb,var(--menu-fx-color,#fff) 88%,transparent),transparent 60%);
    animation:menuFxFizz calc(2.6s / var(--menu-fx-speed,1)) linear infinite}
@keyframes menuFxFizz{0%{opacity:0;transform:translateY(10%)}18%{opacity:1}82%{opacity:.75}100%{opacity:0;transform:translateY(-72%)}}
/* נצנוץ — הבזקי אור מתחלפים */
.menu-fx-sparkle::before{content:"";position:absolute;inset:0;mix-blend-mode:screen;
    background:
      radial-gradient(circle 5px at 22% 26%,color-mix(in srgb,var(--menu-fx-color,#fff) 98%,transparent),transparent 62%),
      radial-gradient(circle 4px at 74% 20%,color-mix(in srgb,var(--menu-fx-color,#fff6c8) 95%,transparent),transparent 62%),
      radial-gradient(circle 6px at 58% 72%,color-mix(in srgb,var(--menu-fx-color,#fff) 92%,transparent),transparent 62%),
      radial-gradient(circle 4px at 30% 78%,color-mix(in srgb,var(--menu-fx-color,#fff6c8) 90%,transparent),transparent 62%);
    animation:menuFxSparkle calc(2.1s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxSparkle{0%,100%{opacity:.15;transform:scale(.82) rotate(0)}
    30%{opacity:1;transform:scale(1.12) rotate(6deg)}
    62%{opacity:.42;transform:scale(.95) rotate(-5deg)}}
/* רעננות — נדנוד קל עם סינון ירקרק שעובר */
.menu-fx-fresh{animation:menuFxFresh calc(4.6s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxFresh{0%,100%{transform:rotate(-3deg) translateY(2%)}50%{transform:rotate(3deg) translateY(-4%)}}
.menu-fx-fresh::before{content:"";position:absolute;inset:0;mix-blend-mode:screen;
    background:linear-gradient(120deg,transparent 34%,color-mix(in srgb,var(--menu-fx-color,#7ef0a0) 42%,transparent) 50%,transparent 66%);
    transform:translateX(-120%);animation:menuFxFreshSweep calc(4.6s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxFreshSweep{0%,58%{transform:translateX(-120%)}92%,100%{transform:translateX(120%)}}
/* הילה זוהרת — הדגשה חזקה למנה מובילה */
.menu-fx-glow{animation:menuFxGlowPulse calc(2.8s / var(--menu-fx-speed,1)) ease-in-out infinite}
@keyframes menuFxGlowPulse{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.28) saturate(1.24)}}
.menu-fx-glow::before{content:"";position:absolute;inset:0;mix-blend-mode:screen;
    background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--menu-fx-color,var(--menu-accent,#e5b85c)) 80%,#fff 20%),transparent 78%);
    opacity:.32;animation:menuFxGlow calc(2.8s / var(--menu-fx-speed,1)) ease-in-out infinite alternate}
@keyframes menuFxGlow{0%{opacity:.18;transform:scale(.86)}100%{opacity:.72;transform:scale(1.12)}}
/* תמונה שנמחקה מהספרייה — מוצג לוגו המערכת כמציין מקום */
.has-photo.is-missing{background:rgba(255,255,255,.05)}
.has-photo.is-missing img{padding:14%;opacity:.5;filter:grayscale(1)}
.tenant-logo.is-missing{opacity:.45;filter:grayscale(1)}
/* מסך מצב: הלוגו הראשי ופרטי יצירת קשר, לקריאה מרחוק בלובי */
.business-state .bs-logo{max-width:min(26vw,340px);max-height:18vh;object-fit:contain;margin-bottom:2vh}
.business-state .bs-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.4vw;margin-top:3vh}
.business-state .bs-brand-name{font-size:clamp(16px,2.2vw,34px);font-weight:900;letter-spacing:.02em}
.business-state .bs-phone{font-size:clamp(18px,2.6vw,40px);font-weight:900;font-variant-numeric:tabular-nums;padding:.5vh 1.2vw;border-radius:999px;background:rgba(255,255,255,.1)}
.business-state .bs-qr{width:clamp(70px,7vw,132px);height:auto;border-radius:10px;background:#fff;padding:6px}
.business-state .bs-code{margin-top:1.5vh;font-size:clamp(18px,2.4vw,38px);font-weight:900;letter-spacing:.18em;direction:ltr;color:var(--biz-primary,#5ee1c4)}
/* שם המסך עצמו, מתחת לשם העסק — קטן ומאופק */
.brand-copy .brand-screen{display:block;margin-top:.25cqh;color:var(--biz-muted);font-style:normal;font-size:clamp(11px,1.5cqh,22px);font-weight:800;letter-spacing:.01em}

/* ── עובי טיפוגרפי למסך שילוט (בקשת הבעלים: "קצת יותר עבה") ──
   משקל הבסיס היה 400, ולכן כל טקסט שאינו כותרת — תיאור מנה, טאגליין,
   שורת משנה — נראה דק מרחוק של כמה מטרים. הבלוק הזה מעלה את המשקלים
   בלבד: אין שינוי גודל, פריסה או מרווח, ולכן מנגנון ההתאמה שמודד את
   גובה העמוד (menuAdaptivePaint) ממשיך לעבוד בדיוק כמו קודם. Heebo
   נטען עם 300–900, כך שכל המשקלים כאן אמיתיים ולא מסונתזים. */
body{font-weight:500}
.brand-copy b{font-weight:900}
.brand-copy span{font-weight:600}
.zone-sub{font-weight:600}
.zone-label{font-weight:900}
/* תפריטים: שם המנה, המחיר והתיאור — שלושתם נקראים מהתור, לא מהשולחן */
.menu-item b{font-weight:800}
.menu-item strong{font-weight:900}
.menu-item .menu-item-copy>span{font-weight:600}
.menu-feature-copy h2{font-weight:900}
.menu-feature-copy p{font-weight:600}
.menu-feature-copy strong{font-weight:900}
.menu-trio-copy h2,.menu-gallery-copy h2{font-weight:900}
.menu-trio-copy p,.menu-gallery-copy p{font-weight:600}
.menu-trio-copy strong,.menu-gallery-copy strong{font-weight:900}
.menu-markers>span{font-weight:800}

/* ── פס הודעות מנהל המערכת (הודעות עליונות) ──
   מעל הכול, גם מעל מסכי מצב: הודעה מהמערכת נחוצה בדיוק כשמשהו לא תקין.
   הגובה נלקח מהתוכן ולא נדחף לתוך הפריסה — הוא צף, ולכן אינו משנה את
   חישובי ההתאמה של התפריט. */
.business-strip{position:fixed;inset-inline:0;top:0;z-index:30;
    padding:.9vh 2vw;text-align:center;font-weight:800;
    font-size:clamp(13px,2.1vh,30px);line-height:1.35;
    background:linear-gradient(180deg,rgba(10,20,32,.96),rgba(10,20,32,.86));
    color:#fff;border-bottom:2px solid var(--biz-primary,#5ee1c4);
    text-shadow:0 1px 2px rgba(0,0,0,.5)}
.business-strip[data-level="company"]{border-bottom-color:var(--biz-secondary,#8099ff)}
/* ברכת חג — פס זהב, נבדל מהודעת מנהל ומהודעת חברת ניהול */
.business-strip[data-level="festive"]{background:linear-gradient(100deg,#f8e3ae,#e5b95c 55%,#f8e3ae);color:#3d2a0e;border-bottom-color:#c9a227}
/* הפס נשאר מעל הכול, אבל גובהו האמיתי מוקצה גם לגריד וגם למסך מצב.
   כך הודעה של שתי שורות אינה מכסה תוכן או יוצרת "קובייה" חתוכה. */
html.has-business-strip .business-state{inset:var(--business-strip-height) 0 0}

/* תבנית חדר הישיבות המוכנה משתמשת בכל השטח לקריאה ממרחק במסך קטן.
   הסקופ מגן על המסכים הוותיקים שעוצבו ידנית. */
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-main{gap:2.6cqh}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-state{font-size:clamp(20px,4.4cqh,44px);padding:1.25cqh 1.65cqw;gap:1cqw}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-state i{width:2.1cqh;height:2.1cqh}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-name{font-size:clamp(40px,12.5cqh,120px);line-height:1.04}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-no{font-size:clamp(17px,3.4cqh,32px)}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda{gap:clamp(10px,1.1cqw,20px);margin-top:2.6cqh}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-card{min-height:18cqh;padding:2.25cqh 1.2cqw}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-label{font-size:clamp(15px,2.8cqh,26px);margin-bottom:1cqh}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-card b{font-size:clamp(21px,4.4cqh,46px)}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-card small,
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-person{font-size:clamp(15px,2.7cqh,26px)}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-countdown-block{margin-top:2.4cqh}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .countdown{font-size:clamp(42px,10.4cqh,104px)}
html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .countdown-label{font-size:clamp(15px,2.8cqh,26px)}

/* ===== מסך חדר על פאנל קטן (11–15 אינץ׳ ליד הדלת) — 12/08/2026 ===== */
/* כל הגדלים במסך החדר נגזרים מגובה האריח (cqh) עם רצפת px. על טלוויזיה
   גדולה cqh שולט והכול גדול; על פאנל 1366×768 האריח קטן, הערכים צונחים
   לרצפה, ואז נמדדו מספר חדר 17px ומצב חדר 19px — על 13.3 אינץ׳ (כ-118
   פיקסלים לאינץ׳) זה גובה אות של פחות מ-3 מ״מ, לא קריא ממטר.
   כאן מרימים אך ורק את הרצפה. במסך גדול cqh עדיין גדול מהרצפה החדשה,
   ולכן שום מסך קיים לא משתנה — רק הקטנים מפסיקים להצטמק.
   נמדד על שש תבניות החדרים ב-1366×768 לפני ואחרי. */
@media (max-width:1600px){
    .biz-zone[data-module="room_status"] .room-name{font-size:clamp(46px,10cqh,96px)}
    .biz-zone[data-module="room_status"] .room-no{font-size:clamp(23px,3cqh,28px)}
    .biz-zone[data-module="room_status"] .room-state{font-size:clamp(24px,3.4cqh,32px)}
    .biz-zone[data-module="room_status"] .room-agenda-label{font-size:clamp(17px,2.3cqh,21px)}
    .biz-zone[data-module="room_status"] .room-agenda-card b{font-size:clamp(26px,3.6cqh,36px)}
    .biz-zone[data-module="room_status"] .room-agenda-card small{font-size:clamp(18px,2.4cqh,23px)}
    .biz-zone[data-module="room_status"] .room-agenda-person{font-size:clamp(18px,2.4cqh,22px)}
    .biz-zone[data-module="room_status"] .room-message{font-size:clamp(19px,2.5cqh,24px)}
    .biz-zone[data-module="room_status"] .countdown{font-size:clamp(44px,9cqh,84px)}
    .biz-zone[data-module="room_status"] .countdown-label{font-size:clamp(17px,2.4cqh,22px)}
    /* ההזמנה הבאה והשעון שלצד החדר — אותה בעיה, אותה תרופה */
    .biz-zone[data-module="next_bookings"] .booking-row b,
    .biz-zone[data-module="next_bookings"] .event-copy b{font-size:clamp(21px,3cqh,30px)}
    .biz-zone[data-module="next_bookings"] .booking-row span,
    .biz-zone[data-module="next_bookings"] .event-copy span{font-size:clamp(16px,2.2cqh,22px)}
    .biz-zone[data-module="next_bookings"] .event-time{font-size:clamp(20px,2.8cqh,28px)}
}
/* ל"חדר ישיבות — מוכן" יש עקיפות ספציפיות יותר (html[data-template=…]),
   ולכן הרצפות שלמעלה לא חלו עליו ומספר החדר נשאר 19px. אותה רצפה, באותה
   סגוליות. */
@media (max-width:1600px){
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-no{font-size:clamp(23px,3.4cqh,32px)}
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-state{font-size:clamp(25px,4.4cqh,44px)}
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-label{font-size:clamp(18px,2.8cqh,26px)}
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-card b{font-size:clamp(27px,4.4cqh,46px)}
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-card small,
    html[data-template="meeting_room_default"] .biz-zone[data-module="room_status"] .room-agenda-person{font-size:clamp(18px,2.7cqh,26px)}
}

/* ===== מיתוג המערכת בפינה — יישור וגודל (12/08/2026) ===== */
/* הבעלים: "יושב על העיגול שלהם לא מעוצב יפה כזה האזור שם לא סימטרי".
   נמדד ב-1280x720: פס המותג של הנכס נמצא ב-y 12..100 (מרכז 56) ונגמר
   ב-x 1264. הכרטיס שלנו ישב ב-y 8..54 (מרכז 31) ובלט עד x 1269 — כלומר
   25px מעל מרכז הפס וחמישה פיקסלים מעבר לקצה הימני שלו. הסיבה פשוטה:
   הלוח מרופד ב-1.65vh/1.25vw והכרטיס קודד 1.15vh/.9vw.
   כאן מיישרים את הקצה הימני לקצה הלוח וממרכזים את הכרטיס בדיוק על מרכז
   פס המותג (שתי שורות מתוך 14, בניכוי מרווחי הרשת), כך שהשניים נראים
   קונצנטריים בכל תבנית ובכל ערכת נושא. */
:root{--business-app-top:0px;--business-app-h:100vh}
html.has-business-strip{--business-app-top:var(--business-strip-height);--business-app-h:calc(100vh - var(--business-strip-height))}
html.has-business-footer{--business-app-h:calc(100vh - var(--business-footer-height))}
html.has-business-strip.has-business-footer{--business-app-h:calc(100vh - var(--business-strip-height) - var(--business-footer-height))}
.business-system-brand{
    right:1.25vw;
    /* --system-brand-center נכתב ב-JS מהמדידה בפועל של פס המותג; החישוב
       שאחריו הוא נפילה־לאחור לתבנית שאין בה פס מותג בכלל. */
    top:var(--system-brand-center,calc(var(--business-app-top) + 1.65vh + ((var(--business-app-h) - 3.3vh - 9.1vh) * 2 / 14) / 2));
    transform:translateY(-50%);
    min-width:clamp(186px,15.5vw,232px);
    max-width:min(19.5vw,286px);
    padding:clamp(7px,.72vh,11px) clamp(9px,.66vw,13px);
    gap:clamp(7px,.6vw,12px);
}
html.has-business-strip .business-system-brand{top:var(--system-brand-center,calc(var(--business-app-top) + 1.65vh + ((var(--business-app-h) - 3.3vh - 9.1vh) * 2 / 14) / 2))}
/* הלוגו עצמו גדול יותר בשני הממדים — היה 34–46px מול סמל של 50px אצל
   הלקוח, ולכן נראה משני ודחוס. */
.business-system-logo{width:clamp(44px,5.8vh,64px);height:clamp(44px,5.8vh,64px);border-radius:clamp(10px,.62vw,14px)}
.business-system-qr{width:clamp(44px,5.6vh,60px);height:clamp(44px,5.6vh,60px)}
.business-system-brand.has-system-qr{max-width:min(24vw,344px)}
.business-system-brand.has-system-phone:not(.has-system-qr){max-width:min(21.5vw,308px)}
/* השטח השמור בפס המותג גדל יחד עם הכרטיס, אחרת הטקסט של הלקוח היה נכנס תחתיו */
html.has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(19.5vw,300px)}
html.business-system-has-qr.has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(25vw,360px)}
html[data-business-family="media"].has-business-system-brand .biz-zone.avoids-system-brand{padding-inline-start:min(20vw,282px)}
/* עיגול הזוהר הדקורטיבי של הכרטיס ממוקם מחוץ לגבולותיו (top:-55%,
   right:-9%) ועם overflow:visible הוא פשוט ברח החוצה: נמדד ב-1280x720
   שהקצה הימני שלו יוצא ל-1281.7 (מעבר לרוחב המסך) והחלק העליון ל--5.9,
   ועם blur(24px) עוד יותר. זה מה שנראה "עיגול שיוצא מהאזור" מימין.
   חיתוך לגבולות הכרטיס משאיר בדיוק את אותו זוהר פינתי רך, רק בתוך
   המסגרת. ל-::before (קו עליון בגובה 3px) אין שינוי, כי הוא ממילא בפנים. */
.business-system-brand{overflow:hidden}

/* ===== «תפריט מתחלף» (food_showcase) — 14/9/2026 =====
   סצנות: עמודות מחירים (אותו עיצוב של «תפריט עמודות»), קוביות מנות
   מצולמות ומנות הדגל בגדול. אסף: התמונה בגלריה הקיימת "קטנה" — כאן התמונה
   ממלאת כ-3/4 מהקובייה, והטקסט יושב ברצועה כהה מתחתיה ולא על המנה.
   הכול ב-cqh/cqw של האזור, כמו שאר לוחות התפריט. */
.show-scene{height:100%;min-height:0;display:flex;flex-direction:column;gap:1.3cqh}
.show-head{flex:none;height:8.6cqh;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1.6cqw}
.show-title{min-width:0;display:flex;align-items:center;gap:1cqw}
.show-title span{flex:none;padding:.5cqh 1.05cqw;border:1px solid color-mix(in srgb,var(--biz-primary) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--biz-primary) 16%,transparent);color:var(--biz-primary);font-size:clamp(12px,2.2cqh,26px);font-weight:900;line-height:1.1;white-space:nowrap}
.show-title b{min-width:0;overflow:hidden;color:var(--biz-fg);font-size:clamp(18px,4cqh,50px);font-weight:900;line-height:1.08;white-space:nowrap}
.show-rail{flex:none;display:flex;align-items:center;gap:.55cqw;margin:0;padding:0;list-style:none}
.show-rail li{position:relative;display:flex;align-items:center;gap:.45cqw;overflow:hidden;padding:.55cqh .95cqw;border:1px solid var(--biz-line);border-radius:999px;color:var(--biz-muted);font-size:clamp(10px,1.75cqh,21px);font-weight:800;line-height:1.1;white-space:nowrap;opacity:.7}
.show-rail li b{font-weight:400}
.show-rail li.on{opacity:1;color:var(--biz-fg);border-color:color-mix(in srgb,var(--biz-primary) 62%,transparent);background:color-mix(in srgb,var(--biz-primary) 14%,transparent)}
.show-rail li em{color:var(--biz-primary);font-style:normal;font-variant-numeric:tabular-nums}
.show-rail li i{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--biz-primary);transform-origin:100% 50%;animation:showProgress 8s linear both}
@keyframes showProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.biz-zone .show-scene>.menu-columns,.biz-zone .show-scene>.show-tiles,.biz-zone .show-scene>.show-spot{flex:1 1 0;height:auto;min-height:0;margin:0}

/* --- קוביות מנות מצולמות --- */
.show-tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--menu-card-gap,1cqw)}
.show-tile{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--menu-accent) 34%,transparent);border-radius:var(--menu-card-radius,22px);background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--menu-accent) 34%,transparent),color-mix(in srgb,var(--biz-bg) 88%,#000) 74%);box-shadow:0 1.2cqh 3.2cqh rgba(0,0,0,.26)}
.show-photo-back{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.show-photo-back img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2);-webkit-filter:blur(18px) saturate(1.15) brightness(.56);filter:blur(18px) saturate(1.15) brightness(.56)}
/* display:block ולא grid: בתוך grid השורה נמדדת לפי התוכן, ה-height:100% של
   עטיפת האפקט לא נסגר, והתמונה נמתחה מעבר למשבצת ונחתכה — גם כשהמנה מוגדרת
   «כל התמונה». האימוג׳י ממורכז בעטיפה עצמה (menu-fx-box היא grid). */
.show-tile-visual,.show-spot-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;overflow:hidden;line-height:1}
/* תא אחד בגודל המסגרת: בלעדיו שורת ה-grid של עטיפת האפקט גדלה לגובה הטבעי של
   התמונה (907x511 במסגרת 907x347) והמנה נחתכה */
/* אותה מלכודת שתוקנה לקוביות: .menu-fx-box היא grid, ובלי מסלול מפורש השורה נמתחת לגובה
   הטבעי של התמונה — ואז object-fit:contain לא עוזר והתמונה נחתכת בתוך המסגרת. */
.show-tile-visual>.menu-fx-box,.show-spot-visual>.menu-fx-box,.menu-gallery-visual>.menu-fx-box,.menu-trio-visual>.menu-fx-box,.menu-item-visual>.menu-fx-box{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.show-tile-visual{font-size:clamp(46px,calc(15cqh * var(--menu-visual-scale,1)),210px)}
.show-tile.no-photo .show-tile-visual{bottom:28%}
/* התמונה ממלאת את כל הקובייה; שם ומחיר יושבים ברצועה שנמוגה מעל התחתית שלה */
.show-tile-copy{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1cqw;padding:3.2cqh 1.15cqw 1.3cqh;background:linear-gradient(to top,rgba(6,6,8,.9),rgba(6,6,8,.76) 55%,rgba(6,6,8,0));color:#fff}
.show-tile-copy>div{min-width:0}
.show-tile-copy span{display:block;color:color-mix(in srgb,var(--menu-accent) 62%,#fff);font-size:clamp(10px,1.75cqh,21px);font-weight:900;line-height:1.15}
.show-tile-copy h2{margin:.15cqh 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:#fff;font-size:clamp(16px,calc(3.5cqh * var(--menu-title-scale,1)),56px);line-height:1.18}
.show-tile-copy strong{flex:none;direction:ltr;padding:.3cqh .85cqw;border:1px solid color-mix(in srgb,var(--menu-accent) 62%,transparent);border-radius:999px;background:rgba(0,0,0,.52);color:color-mix(in srgb,var(--menu-accent) 42%,#fff);font-size:clamp(16px,calc(3.5cqh * var(--menu-price-scale,1)),58px);font-weight:900;line-height:1.12;font-variant-numeric:tabular-nums}
.show-badge{position:absolute;top:1.1cqh;right:1cqw;z-index:3;max-width:calc(100% - 2cqw)}
.show-badge em,.show-spot-copy em{display:inline-block;max-width:100%;overflow:hidden;padding:.35cqh .8cqw;border:1px solid color-mix(in srgb,var(--menu-accent) 70%,transparent);border-radius:999px;background:rgba(8,8,10,.72);color:#fff;font-size:clamp(10px,1.7cqh,21px);font-style:normal;font-weight:900;line-height:1.15;white-space:nowrap}
html[data-menu-badges="0"] .show-badge em:not(.sold-out-label),html[data-menu-badges="0"] .show-spot-copy em:not(.sold-out-label){display:none}
html[data-menu-descriptions="0"] .show-spot-copy p{display:none}
/* מחירון העמודות בסבב: שורות בלי תמונה ממוזערת — לתמונות יש סצנה משלהן */
.scene-columns .menu-item-visual{display:none}
/* תוספות בעמודה צרה (לאורך — חצי מסך) שוברות שורה במקום לגלוש לרוחב */
.scene-columns .menu-option-group{flex-wrap:wrap;white-space:normal}
/* שורת תוספות בגובה שמכיל אימוג׳י: 45px מול תוכן של 49px נספרו כגלישה (כרום, לאורך) */
.scene-columns .menu-option-group,.show-spot-copy .menu-option-group{line-height:1.5;padding-block:.05cqh}
/* האימוג׳י עצמו (line-height:1 גלובלי) חורג מהשורה — זה מה שנספר כגלישה */
.scene-columns .menu-option-choice i,.scene-columns .menu-option-separator,.show-spot-copy .menu-option-choice i,.show-spot-copy .menu-option-separator{line-height:1.5}

/* --- מנות הדגל בגדול --- */
.show-spot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--menu-card-gap,1.2cqw)}
.show-spot.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.show-spot.count-1{grid-template-columns:minmax(0,1fr)}
.show-spot-card{position:relative;isolation:isolate;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--menu-accent) 42%,transparent);border-radius:var(--menu-card-radius,22px);background:linear-gradient(165deg,color-mix(in srgb,var(--menu-accent) 15%,var(--biz-bg)),color-mix(in srgb,var(--biz-bg) 94%,#000));box-shadow:0 2cqh 5cqh rgba(0,0,0,.3)}
.show-spot-card::after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(106deg,transparent 40%,rgba(255,255,255,.11) 50%,transparent 60%);background-size:320% 100%;background-repeat:no-repeat;animation:menuSheen var(--business-motion-accent) ease-in-out infinite}
.show-spot-card:nth-child(2)::after{animation-delay:1.4s}.show-spot-card:nth-child(3)::after{animation-delay:2.8s}
.show-spot-media{position:relative;isolation:isolate;flex:1 1 58%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--menu-accent) 30%,transparent),rgba(0,0,0,.18))}
.show-spot-visual{bottom:0;font-size:clamp(60px,calc(20cqh * var(--menu-visual-scale,1)),300px)}
.show-star{position:absolute;top:1.3cqh;right:1.1cqw;z-index:3;padding:.45cqh .95cqw;border:1px solid rgba(255,214,107,.55);border-radius:999px;background:rgba(8,8,10,.7);color:#ffd66b;font-size:clamp(11px,1.9cqh,24px);font-weight:900;line-height:1.15;white-space:nowrap}
.show-spot-copy{flex:0 1 auto;max-height:46%;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:.45cqh;padding:1.6cqh 1.4cqw 1.8cqh;overflow:hidden}
.show-spot-copy>span{color:var(--menu-accent);font-size:clamp(12px,2.1cqh,26px);font-weight:900;line-height:1.1}
.show-spot-copy h2{margin:0;color:var(--biz-fg);font-size:clamp(24px,calc(5.6cqh * var(--menu-title-scale,1)),96px);line-height:1.03;overflow-wrap:anywhere}
.show-spot-copy p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--biz-muted);font-size:clamp(12px,calc(2.2cqh * var(--menu-body-scale,1)),32px);line-height:1.24}
.show-spot-copy strong{direction:ltr;margin-top:auto;padding-top:.4cqh;color:var(--menu-accent);font-size:clamp(26px,calc(6.2cqh * var(--menu-price-scale,1)),104px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.show-spot.count-2 .show-spot-copy h2{font-size:clamp(28px,calc(7cqh * var(--menu-title-scale,1)),116px)}
.show-spot.count-2 .show-spot-copy strong{font-size:clamp(30px,calc(7.4cqh * var(--menu-price-scale,1)),120px)}
/* מנה אחת: תמונה גדולה מימין והטקסט לצידה */
.show-spot.count-1 .show-spot-card{flex-direction:row}
.show-spot.count-1 .show-spot-media{flex:1 1 58%}
.show-spot.count-1 .show-spot-copy{flex:1 1 42%;max-height:none;justify-content:center;gap:1.2cqh;padding:4cqh 2.6cqw}
.show-spot.count-1 .show-spot-copy h2{font-size:clamp(34px,calc(9.5cqh * var(--menu-title-scale,1)),150px)}
.show-spot.count-1 .show-spot-copy p{-webkit-line-clamp:3;font-size:clamp(14px,calc(3.1cqh * var(--menu-body-scale,1)),44px)}
.show-spot.count-1 .show-spot-copy strong{margin-top:1.4cqh;font-size:clamp(34px,calc(10cqh * var(--menu-price-scale,1)),160px)}
.menu-content-tight .show-spot-copy p{-webkit-line-clamp:1}
.menu-content-tight .show-spot-copy h2{font-size:clamp(20px,4.2cqh,70px)}
.menu-content-minimum .show-spot-copy p,.menu-content-minimum .show-spot-copy .menu-markers,.menu-content-minimum .show-spot-copy .menu-option-chips{display:none}

/* --- מסך לאורך --- */
html[data-orientation="portrait"] .show-head{height:6.4cqh}
html[data-orientation="portrait"] .show-title span{display:none}
html[data-orientation="portrait"] .show-title b{font-size:clamp(16px,3cqh,40px)}
html[data-orientation="portrait"] .show-rail li:not(.on) span{display:none}
/* עמודות לאורך: שתי קטגוריות זו לצד זו. בעמודה אחת הקטגוריות נערמו, מנוע
   ההתאמה ירד ל-2 מנות בעמוד ונשאר מסך חצי ריק (נמדד בכרום 1080x1920). */
html[data-orientation="portrait"] .scene-columns>.menu-columns:not(.count-1){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
html[data-orientation="portrait"] .scene-columns>.menu-columns>.menu-column:nth-child(odd):last-child{grid-column:1/-1}
html[data-orientation="portrait"] .show-tile-copy h2{font-size:clamp(15px,calc(2.3cqh * var(--menu-title-scale,1)),44px)}
html[data-orientation="portrait"] .show-tile-copy strong{font-size:clamp(15px,calc(2.3cqh * var(--menu-price-scale,1)),44px)}
/* לאורך הקובייה כמעט ריבועית והתמונה (לרוחב) מוגבלת ברוחב שלה — יש גובה פנוי,
   אז התמונה יושבת מעל רצועת הטקסט ולא מתחתיה */
html[data-orientation="portrait"] .show-tile.has-photo .show-tile-visual{bottom:24%}
html[data-orientation="portrait"] .show-tile-copy{padding-top:2cqh}
html[data-orientation="portrait"] .show-spot.count-3{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr))}
html[data-orientation="portrait"] .show-spot.count-2{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
html[data-orientation="portrait"] .show-spot.count-3 .show-spot-card{flex-direction:row}
html[data-orientation="portrait"] .show-spot.count-3 .show-spot-media{flex:1 1 44%}
html[data-orientation="portrait"] .show-spot.count-3 .show-spot-copy{flex:1 1 56%;max-height:none;justify-content:center;padding:1.2cqh 2.4cqw}
html[data-orientation="portrait"] .show-spot.count-3 .show-spot-copy h2{font-size:clamp(20px,calc(3.2cqh * var(--menu-title-scale,1)),64px)}
html[data-orientation="portrait"] .show-spot.count-3 .show-spot-copy strong{font-size:clamp(22px,calc(3.4cqh * var(--menu-price-scale,1)),68px)}
html[data-orientation="portrait"] .show-spot.count-1 .show-spot-card{flex-direction:column}
html[data-orientation="portrait"] .show-spot.count-1 .show-spot-copy{flex:0 1 auto;max-height:46%;padding:2cqh 3cqw}
html[data-orientation="portrait"] .show-spot.count-1 .show-spot-copy h2{font-size:clamp(28px,calc(5cqh * var(--menu-title-scale,1)),110px)}
html[data-orientation="portrait"] .show-spot.count-1 .show-spot-copy strong{font-size:clamp(30px,calc(5.4cqh * var(--menu-price-scale,1)),120px)}
/* שתי מנות דגל לאורך: כרטיס רחב ונמוך, כמו שלוש — תמונה מימין וטקסט לצידה.
   בכרטיס עומד הטקסט (בגודל של רוחב) לא נכנס ומנוע ההתאמה ירד למינימום (WebKit 1080x1920) */
html[data-orientation="portrait"] .show-spot.count-2 .show-spot-card{flex-direction:row}
html[data-orientation="portrait"] .show-spot.count-2 .show-spot-media{flex:1 1 48%}
html[data-orientation="portrait"] .show-spot.count-2 .show-spot-copy{flex:1 1 52%;max-height:none;justify-content:center;gap:.9cqh;padding:2cqh 2.6cqw}
html[data-orientation="portrait"] .show-spot.count-2 .show-spot-copy h2{font-size:clamp(24px,calc(4.2cqh * var(--menu-title-scale,1)),84px)}
html[data-orientation="portrait"] .show-spot.count-2 .show-spot-copy strong{font-size:clamp(26px,calc(4.6cqh * var(--menu-price-scale,1)),92px)}
/* אזור צר ברוחב (למשל תבנית שהוקטנה בעורך): רק הסצנה הפעילה עם שם */
@container (max-width:1000px){.show-rail li:not(.on) span{display:none}.show-title span{display:none}}

/* מעבר בין סצנות: חזק יותר ממעבר עמוד, כדי שיהיה ברור שהתחלף סוג התצוגה */
@keyframes showSceneIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.biz-zone.show-scene-change.motion-page-refresh>.show-scene{animation:showSceneIn 900ms cubic-bezier(.2,.7,.2,1) both}

/* תווית «תוספות:» בשבב יורשת את גודל השבב. `.menu-item b` (שם המנה, עד 52px, block)
   תפס גם אותה: 28px בתוך שבב של 12px, והדיו נספר כגלישה במנוע ההתאמה. גם ב«תפריט עמודות». */
html .menu-item .menu-option-group>b{display:inline;font-size:inherit;line-height:inherit;overflow-wrap:normal}

/* ===== «תפריט לצד תמונה» (food_split) — 15/9/2026 =====
   מסך מפוצל קבוע: רשימת התפריט בצד אחד (RTL: מימין, האלמנט הראשון), ומנת דגל מצולמת בצד השני.
   כשהתמונה של מנה מוצגת, השורה שלה ברשימה מוארת (is-lit) עם הבהוב כניסה חד-פעמי (lit-pulse). */
.menu-split{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:1.1vw}
.split-list{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.6cqh}
.split-list .menu-board-head{flex:none}
.split-list-body{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5cqh;padding-inline-end:.3cqw}
.split-cat{min-width:0}
.split-cat>h3{margin:0 0 .3cqh;padding-bottom:.35cqh;border-bottom:2px solid var(--menu-accent);color:var(--menu-accent);font-size:clamp(15px,2.7cqh,32px);line-height:1.05;font-weight:900}
.split-list .menu-item{padding-block:.72cqh;border-radius:.7vw;padding-inline:.5cqw;transition:background .35s ease,box-shadow .35s ease}
.split-list .menu-item.is-lit{background:color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 20%,transparent);box-shadow:inset -.32cqw 0 0 var(--menu-accent,var(--biz-primary)),0 .8cqh 2.4cqh rgba(0,0,0,.16)}
.split-list .menu-item.is-lit b{color:var(--menu-accent,var(--biz-fg))}
@keyframes splitLit{0%{background:color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 46%,transparent)}100%{background:color-mix(in srgb,var(--menu-accent,var(--biz-primary)) 20%,transparent)}}
.split-list .menu-item.lit-pulse{animation:splitLit 900ms ease-out}
/* צד מנת הדגל: אותו כרטיס גדול של סצנת «מנות הדגל» עם מנה אחת (תמונה בצד, פרטים בצד) */
.split-feature{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.6cqh}
.split-feature .menu-board-head{flex:none}
.split-feature-card{flex:1;min-height:0}
.split-feature-card.show-spot{height:auto}
/* בפיצול הכרטיס תמיד עומד: תמונה למעלה, שם ומחיר ברוחב מלא מתחת — אחרת שם ארוך נשבר באמצע מילה */
/* חייב לגבור על .show-spot.count-1 (3 מחלקות) — עם 2 מחלקות בלבד הכרטיס התהפך לעמודה
   אבל שמר טיפוגרפיה של שורה (h2 9.5cqh, מחיר 10cqh, max-height:none), והמחיר יצא מהמסגרת.
   ארבע מחלקות מנצחות, וכל מאפיין שמוגדר שם מוגדר כאן מחדש במפורש. */
.split-feature-card.show-spot.count-1 .show-spot-card{flex-direction:column}
.split-feature-card.show-spot.count-1 .show-spot-media{flex:1 1 58%}
.split-feature-card.show-spot.count-1 .show-spot-copy{flex:0 1 auto;max-height:44%;justify-content:center;gap:.5cqh;padding:1.6cqh 1.6cqw}
.split-feature-card.show-spot.count-1 .show-spot-copy h2{font-size:clamp(24px,calc(5.2cqh * var(--menu-title-scale,1)),90px)}
.split-feature-card.show-spot.count-1 .show-spot-copy p{-webkit-line-clamp:2;font-size:clamp(13px,calc(2.6cqh * var(--menu-body-scale,1)),34px)}
.split-feature-card.show-spot.count-1 .show-spot-copy strong{margin-top:.4cqh;font-size:clamp(24px,calc(5.6cqh * var(--menu-price-scale,1)),96px)}
/* גם לאורך: שם ומחיר נשארים בתוך הכרטיס */
/* לאורך הכלל הקיים הוא html[data-orientation] + 3 מחלקות = (0,4,1), וגובר על 4 מחלקות בלבד.
   לכן כל מידה לאורך נכתבת כאן שוב באותה סלקטיביות, אחרת הכרטיס קיבל טיפוגרפיה של 110px
   בתוך תיבה של 44% — והשם והמחיר נחתכו גם בשם בן 7 תווים. */
html[data-orientation="portrait"] .split-feature-card.show-spot.count-1 .show-spot-media{flex:1 1 56%}
html[data-orientation="portrait"] .split-feature-card.show-spot.count-1 .show-spot-copy{max-height:42%;padding:1.2cqh 2cqw;gap:.4cqh}
html[data-orientation="portrait"] .split-feature-card.show-spot.count-1 .show-spot-copy h2{font-size:clamp(20px,calc(3.6cqh * var(--menu-title-scale,1)),64px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-orientation="portrait"] .split-feature-card.show-spot.count-1 .show-spot-copy p{-webkit-line-clamp:1;font-size:clamp(12px,calc(2.2cqh * var(--menu-body-scale,1)),26px)}
html[data-orientation="portrait"] .split-feature-card.show-spot.count-1 .show-spot-copy strong{margin-top:.3cqh;font-size:clamp(20px,calc(3.8cqh * var(--menu-price-scale,1)),70px)}
.split-feature .empty-state{flex:1;display:grid;place-items:center;text-align:center;padding:2cqh 2cqw}
.split-dots{flex:none;display:flex;justify-content:center;gap:.6cqw;padding-top:.2cqh}
.split-dots>i{width:1.1cqh;height:1.1cqh;max-width:14px;max-height:14px;border-radius:50%;background:color-mix(in srgb,var(--biz-muted) 55%,transparent)}
.split-dots>i.on{background:var(--biz-primary);box-shadow:0 0 0 .35cqh color-mix(in srgb,var(--biz-primary) 30%,transparent)}
/* מסך לאורך: תמונת הדגל למעלה, הרשימה מתחתיה */
html[data-orientation="portrait"] .menu-split{grid-template-columns:1fr;grid-template-rows:minmax(0,.92fr) minmax(0,1.08fr);gap:.9vh}
html[data-orientation="portrait"] .split-feature{order:0}
html[data-orientation="portrait"] .split-list{order:1}
html[data-orientation="portrait"] .split-cat>h3{font-size:clamp(15px,3.4cqh,30px)}
/* אזור צר: הרשימה שומרת על שם ומחיר, מוותרת על התיאור */
.menu-content-tight .split-list .menu-item .menu-item-copy>span{display:none}
.menu-content-minimum .split-cat>h3{font-size:clamp(13px,2.2cqh,22px)}

/* ===== תו כשרות + שורת שמן למסכי מזון (food_ops) — 15/9/2026 ===== */
/* הצד הפנימי-סופי = שמאל ב-RTL. inset-inline-start הניח את התג בדיוק על .page-count
   ("עמוד 1 מתוך 3", .page-count ב-inset:auto 1vw), והתג עם z-index:16 כיסה אותו לגמרי. */
.food-ops{position:absolute;z-index:16;inset-block-end:1.4vh;inset-inline-end:1.3vw;display:flex;align-items:center;gap:.8vw;pointer-events:none;max-width:56%}
.fo-kosher{display:inline-flex;align-items:center;gap:.4vw;padding:.55vh 1vw;border-radius:.6vw;background:#0f7a4d;color:#fff;font-weight:900;font-size:clamp(14px,2vh,28px);line-height:1.1;box-shadow:0 1vh 3vh rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.25);white-space:nowrap}
.fo-kosher b{font-weight:400;opacity:.9}
.fo-oil{color:var(--biz-muted);font-size:clamp(11px,1.5vh,20px);line-height:1.2;white-space:nowrap;background:color-mix(in srgb,var(--biz-bg) 72%,transparent);padding:.3vh .7vw;border-radius:.5vw}
html[data-orientation="portrait"] .food-ops{inset-block-end:1vh;flex-wrap:wrap;max-width:72%}

/* ===== «תפריט מחולק» (food_panels) — 15/9/2026 =====
   עד שלוש חלוניות זו לצד זו; לגובה הן נערמות. כל חלונית מודדת ומדפדפת בעצמה. */
.menu-panels{height:100%;min-height:0;display:grid;gap:1vw;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.menu-panels.count-1{grid-template-columns:minmax(0,1fr)}
.mp-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.mp-body{flex:1;min-width:0;min-height:0;overflow:hidden}
/* התוכן חייב למלא את החלונית. .show-tiles ו-.show-spot הם grid עם שורות 1fr, ובלי גובה
   מוגדר הם מתכווצים לגובה התוכן: נמדד מילוי 18%-28% בלבד, ובמנות הדגל הכרטיס הצפוף גלש
   ולכן מנוע ההתאמה הוריד את הקיבולת ל-1 — שלוש מנות הדגל הפכו לאחת. */
.mp-body>.show-tiles,.mp-body>.show-spot,.mp-body>.menu-columns{height:100%;min-height:0}
/* חלונית הלוגו: ממורכזת, בלי דפדוף */
.mp-logo .mp-body,.mp-logo-body{display:grid;place-items:center;text-align:center;padding:2cqh 1.5cqw}
.mp-logo .brand-zone{flex-direction:column;gap:1cqh}
/* בתוך חלונית צרה הכרטיסים מתכווצים יפה במקום לגלוש */
/* חלונית צרה: .menu-columns הוא repeat(3,1fr) קבוע, וב-600px שתי קטגוריות קיבלו טורים של
   294px — שם המנה והתיאור נשברו לשורות ושורה תפחה מ-100px ל-201px, ולכן 4 מנות מילאו
   את החלונית. לא גלישה ולא קיבולת. טור אחד בחלונית, קטגוריות זו מתחת לזו, שורה חד-שורתית.
   אותה צורה שכבר קיימת לאורך. */
.mp-panel .menu-columns{gap:.6cqw}
/* רק כשבאמת יש כמה חלוניות. הכללים האלה הוחלו קודם גם על חלונית יחידה ברוחב מלא
   והפילו אותה מ-82% מילוי לגלישה — הרגרסיה הייתה שלי. */
.menu-panels:not(.count-1) .mp-panel .menu-columns{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;align-content:start}
.menu-panels:not(.count-1) .mp-panel .menu-column{padding:.7cqh 1cqw}
.menu-panels:not(.count-1) .mp-panel .menu-column>h2{font-size:clamp(13px,2.1cqh,26px);margin-bottom:.25cqh}
.menu-panels:not(.count-1) .mp-panel .menu-item{padding:.42cqh .3cqw}
.menu-panels:not(.count-1) .mp-panel .menu-item b{font-size:clamp(12px,calc(2.1cqh * var(--menu-title-scale,1)),30px)}
.menu-panels:not(.count-1) .mp-panel .menu-item .menu-item-copy>span{display:none}
.menu-panels:not(.count-1) .mp-panel .menu-item-visual{flex:0 0 clamp(20px,3.4cqh,44px);width:clamp(20px,3.4cqh,44px);height:clamp(20px,3.4cqh,44px)}
/* פירוק שורה של 137px בחלונית לאורך: מחיר 64px, צ׳יפים 42px+7 שוליים, מדבקה 33px, שם 34px.
   כיווץ השם והסתרת התיאור לא נגעו בשלושת הגדולים — ולכן הקיבולת נתקעה על 2 מנות.
   בחלונית: מחיר בגודל השם, בלי צ׳יפים ובלי מדבקה. אותה בחירה עורכית שכבר נעשתה בכרטיס
   מנת הדגל של «תפריט לצד תמונה» — עדיף שם ומחיר קריאים מאשר כל הפרטים דחוסים. */
.menu-panels:not(.count-1) .mp-panel .menu-item strong{font-size:clamp(12px,calc(2.2cqh * var(--menu-price-scale,1)),30px);line-height:1.15}
.menu-panels:not(.count-1) .mp-panel .menu-item .menu-option-chips,
.menu-panels:not(.count-1) .mp-panel .menu-item .menu-markers,
.menu-panels:not(.count-1) .mp-panel .menu-item-copy em{display:none}
.mp-panel .show-tiles{gap:.6cqw}
.mp-panel .show-spot{gap:.6cqw}
.mp-panel .show-spot.count-1 .show-spot-card{flex-direction:column}
.mp-panel .show-spot.count-1 .show-spot-copy{flex:0 1 auto;max-height:44%;padding:1.4cqh 1.4cqw}
.mp-panel .show-spot.count-1 .show-spot-copy h2{font-size:clamp(20px,calc(4.4cqh * var(--menu-title-scale,1)),72px)}
.mp-panel .show-spot.count-1 .show-spot-copy strong{margin-top:.4cqh;font-size:clamp(20px,calc(4.6cqh * var(--menu-price-scale,1)),78px)}
/* נמדד לאורך עם 3 כרטיסים בחלונית: התיאור דחף 4 שורות מחוץ לתיבה והמחיר ירד 34px מתחתיה.
   בחלונית הכרטיס קומפקטי — בלי תיאור, שם ומחיר קטנים יותר. הכללים לאורך נכתבים בסלקטיביות
   שמנצחת את html[data-orientation] .show-spot.count-1 הקיים. */
.mp-panel .show-spot-copy p{display:none}
/* שם מנה בקובייה שבתוך חלונית: שלוש שורות במקום שתיים. צילום של הכותרת עצמה הראה
   «קומבינ ציית…» עם שלוש נקודות, אבל מדידה עם עמוד נעוץ הראתה 2/2 — כלומר החיתוך
   תלוי במצב הרוטציה ולא ברוחב קבוע. שורה שלישית פותרת בלי קשר לטריגר, ויש מקום:
   הכותרת תופסת 77px מתוך תיבת טקסט של ~124px. */
.mp-panel .show-tile-copy h2{-webkit-line-clamp:3}
.mp-panel .show-spot-copy h2{font-size:clamp(16px,calc(3.4cqh * var(--menu-title-scale,1)),54px)}
.mp-panel .show-spot-copy strong{margin-top:.3cqh;font-size:clamp(16px,calc(3.6cqh * var(--menu-price-scale,1)),58px)}
html[data-orientation="portrait"] .mp-panel .show-spot-copy{padding:.8cqh 1cqw;gap:.3cqh}
html[data-orientation="portrait"] .mp-panel .show-spot-copy h2{font-size:clamp(15px,calc(2.6cqh * var(--menu-title-scale,1)),40px)}
html[data-orientation="portrait"] .mp-panel .show-spot-copy strong{font-size:clamp(15px,calc(2.8cqh * var(--menu-price-scale,1)),44px)}
html[data-orientation="portrait"] .mp-panel .show-spot.count-1 .show-spot-copy h2{font-size:clamp(15px,calc(2.8cqh * var(--menu-title-scale,1)),44px)}
html[data-orientation="portrait"] .mp-panel .show-spot.count-1 .show-spot-copy strong{font-size:clamp(15px,calc(3cqh * var(--menu-price-scale,1)),48px)}
/* מסך לאורך: החלוניות זו מתחת לזו */
html[data-orientation="portrait"] .menu-panels{grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:minmax(0,1fr);gap:.9vh}