:root{
    --esp:#221C18; --esp-2:#2E2620; --esp-3:#3D332B;
    --cream:#F8F4ED; --card:#FFFDF9; --sand:#E9E1D5; --sand-2:#F1EAE0;
    --teal:#5FB3A6; --teal-2:#4A9B8E; --teal-deep:#2C6B61;
    --amber:#C98A34; --amber-wash:#FBF2E2;
    --clay:#B05437; --clay-wash:#FBEDE8;
    --ink:#221C18; --ink-2:#6B5F54; --ink-3:#A2958A;
    --sh-1:0 1px 2px rgba(34,28,24,.05), 0 4px 14px rgba(34,28,24,.05);
    --sh-2:0 10px 40px rgba(34,28,24,.16);
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent}
  body{
    margin:0; background:var(--cream); color:var(--ink);
    font-family:"SP",-apple-system,"Segoe UI",Arial,sans-serif;
    font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;
  }
  button,input,textarea{font-family:inherit}
  .wrap{max-width:600px; margin:0 auto; padding:0 16px 150px}

  /* ================== TOP BAR ==================
     נמוך בכוונה: המסך נפתח על הכריכים, לא על כותרת. */
  .bar{
    background:var(--esp); position:sticky; top:0; z-index:30; overflow:hidden;
  }
  .bar::after{content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.13; mix-blend-mode:overlay; pointer-events:none}
  .bar .in{
    max-width:600px; margin:0 auto; padding:11px 18px; display:flex; align-items:center; gap:12px;
    position:relative; z-index:2;
  }
  .bar img.lg{height:25px; width:auto; filter:brightness(0) invert(1); opacity:.92; flex:none}
  .bar .t{flex:1; min-width:0}
  .bar h1{font-size:15.5px; font-weight:900; color:var(--cream); margin:0; letter-spacing:-.45px; white-space:nowrap}
  .bar .sub{font-size:10.5px; font-weight:700; color:var(--teal); letter-spacing:.7px; margin-top:1px; white-space:nowrap}
  .bar .pill{display:flex; background:rgba(248,244,237,.09); border-radius:999px; padding:3px; flex:none}
  .tab{
    padding:6px 13px; border:none; background:transparent; color:rgba(248,244,237,.5); border-radius:999px;
    font-size:12px; font-weight:700; cursor:pointer; transition:.2s; letter-spacing:-.1px; white-space:nowrap;
  }
  .tab.on{background:var(--cream); color:var(--esp)}

  /* ================== ORDER META (obviously editable) ================== */
  .meta{background:var(--card); border:1px solid var(--sand-2); border-radius:20px; box-shadow:var(--sh-1); overflow:hidden}
  .mrow{padding:12px 15px}
  .mrow + .mrow{border-top:1px solid var(--sand-2)}
  .mrow .k{display:flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; color:var(--ink-3); letter-spacing:.9px; margin-bottom:7px}
  .mrow .k svg{opacity:.75}
  .mrow input[type=text]{
    width:100%; padding:9px 13px; border:1px solid var(--sand); border-radius:12px;
    background:var(--cream); font-size:15.5px; font-weight:700; color:var(--ink); letter-spacing:-.3px;
  }
  .mrow input[type=text]:focus{outline:none; border-color:var(--teal); background:var(--card); box-shadow:0 0 0 3.5px rgba(95,179,166,.15)}
  .times{display:flex; flex-wrap:wrap; gap:7px; align-items:center}
  .tchip{
    padding:9px 15px; border-radius:999px; border:1px solid var(--sand); background:var(--cream);
    font-size:14.5px; font-weight:700; color:var(--ink); cursor:pointer; transition:.16s; letter-spacing:-.2px;
  }
  .tchip:active{transform:scale(.95)}
  .tchip.on{background:linear-gradient(180deg,var(--teal),var(--teal-2)); border-color:var(--teal-2); color:#fff; box-shadow:0 3px 12px rgba(95,179,166,.35)}
  .times input[type=time]{
    padding:8px 12px; border:1px solid var(--sand); border-radius:999px; background:var(--cream);
    font-size:14.5px; font-weight:700; color:var(--ink);
  }
  .times input[type=time]:focus{outline:none; border-color:var(--teal); background:var(--card)}

  /* ================== SECTIONS ================== */
  .sec{
    font-size:10.5px; font-weight:700; color:var(--ink-3); letter-spacing:1.6px;
    margin:30px 0 12px; display:flex; align-items:center; gap:11px;
  }
  .sec::after{content:""; flex:1; height:1px; background:var(--sand)}

  /* ================== LINES ================== */
  #lines{display:flex; flex-direction:column; gap:10px}
  .line{
    background:var(--card); border:1px solid var(--sand-2); border-radius:20px; box-shadow:var(--sh-1);
    padding:14px 15px; display:flex; gap:13px; align-items:flex-start; cursor:pointer;
    transition:.2s cubic-bezier(.4,0,.2,1); animation:up .42s cubic-bezier(.2,.9,.3,1) backwards;
  }
  @keyframes up{from{opacity:0; transform:translateY(9px)} to{opacity:1; transform:none}}
  .line:active{transform:scale(.988)}
  .av{
    width:42px; height:42px; border-radius:14px; flex:none; color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:17px; font-weight:900; letter-spacing:-.5px;
    box-shadow:0 3px 10px rgba(34,28,24,.16);
  }
  .line .body{flex:1; min-width:0; padding-top:2px}
  .line .who{font-weight:900; font-size:16.5px; letter-spacing:-.45px; display:flex; align-items:center; gap:7px; flex-wrap:wrap}
  .dup{
    font-size:9.5px; font-weight:700; color:var(--amber); background:var(--amber-wash);
    border-radius:5px; padding:2px 7px; letter-spacing:.3px;
  }
  .line .what{font-size:14px; color:var(--ink-2); margin-top:3px; line-height:1.5}
  .line .note{
    font-size:12.5px; font-weight:700; color:var(--clay); background:var(--clay-wash);
    border-radius:8px; padding:4px 10px; margin-top:8px; display:inline-block;
  }
  .x{
    border:none; background:none; color:var(--sand); font-size:15px; cursor:pointer;
    padding:4px 5px; line-height:1; flex:none; border-radius:8px; transition:.16s;
  }
  .x:hover{background:var(--clay-wash); color:var(--clay)}

  .empty{text-align:center; padding:38px 22px; border:1.5px dashed var(--sand); border-radius:20px; background:var(--card)}
  .empty b{display:block; font-size:16.5px; font-weight:900; margin:12px 0 5px; letter-spacing:-.4px}
  .empty span{font-size:13.5px; color:var(--ink-3); line-height:1.55}

  .addbtn{
    width:100%; margin-top:11px; padding:17px; border:1.5px dashed rgba(95,179,166,.55);
    background:rgba(95,179,166,.08); color:var(--teal-deep); border-radius:20px;
    font-size:15.5px; font-weight:700; cursor:pointer; transition:.2s; letter-spacing:-.2px;
  }
  .addbtn:active{transform:scale(.99); background:rgba(95,179,166,.14)}

  /* ================== FLOATING BAR ================== */
  .foot{position:fixed; right:0; left:0; bottom:0; z-index:20; padding:0 16px calc(16px + env(safe-area-inset-bottom)); pointer-events:none}
  .foot .in{
    max-width:600px; margin:0 auto; background:var(--esp); border-radius:22px; padding:9px 9px 9px 20px;
    display:flex; align-items:center; gap:14px; box-shadow:var(--sh-2); pointer-events:auto;
  }
  .cnt{color:var(--cream); line-height:1.1; white-space:nowrap}
  .cnt b{display:block; font-size:22px; font-weight:900; letter-spacing:-.7px}
  .cnt span{font-size:10px; color:rgba(248,244,237,.45); font-weight:700; letter-spacing:.9px}
  .go{
    flex:1; padding:15px 18px; border:none; border-radius:16px; color:#fff; cursor:pointer;
    background:linear-gradient(180deg,var(--teal),var(--teal-2));
    font-size:15.5px; font-weight:900; letter-spacing:-.3px; transition:.18s;
    box-shadow:0 4px 16px rgba(95,179,166,.38);
  }
  .go:active{transform:scale(.98)}
  .go:disabled{background:var(--esp-3); color:rgba(248,244,237,.3); box-shadow:none; cursor:default}
  /* בגיליון הבנייה הרקע בהיר, אז כפתור חסום צריך ניגוד אחר */
  .sh-foot .go:disabled{background:var(--sand-2); color:var(--ink-3); box-shadow:none}

  /* ================== SHEET ================== */
  .veil{position:fixed; inset:0; background:rgba(34,28,24,.55); backdrop-filter:blur(3px); z-index:40; opacity:0; pointer-events:none; transition:.24s}
  .veil.on{opacity:1; pointer-events:auto}
  .sheet{
    position:fixed; z-index:41; right:0; left:0; bottom:0; background:var(--cream);
    border-radius:28px 28px 0 0; max-height:94vh; display:flex; flex-direction:column;
    transform:translateY(100%); transition:transform .34s cubic-bezier(.32,.72,0,1); box-shadow:var(--sh-2);
    overflow:hidden;
  }
  .sheet.on{transform:translateY(0)}
  .sh-head{background:var(--esp); flex:none; position:relative; overflow:hidden; padding-bottom:16px}
  .sh-head::after{content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.13; mix-blend-mode:overlay; pointer-events:none}
  .sh-head .in{max-width:600px; margin:0 auto; padding:0 20px; position:relative; z-index:2}
  .grab{width:38px; height:4px; background:rgba(248,244,237,.22); border-radius:3px; margin:10px auto 12px}
  .sh-head h3{font-size:11px; font-weight:700; color:rgba(248,244,237,.42); letter-spacing:1.6px; margin:0 0 9px}
  .live{min-height:60px; display:flex; align-items:center}
  .live .txt{font-size:22px; font-weight:900; color:var(--cream); line-height:1.28; letter-spacing:-.6px; animation:fade .3s}
  .live .ph{font-size:15px; color:rgba(248,244,237,.32); font-weight:700; letter-spacing:-.2px}
  @keyframes fade{from{opacity:.35} to{opacity:1}}

  .scroll{overflow-y:auto; padding:0 20px 22px; -webkit-overflow-scrolling:touch}
  .scroll .in{max-width:600px; margin:0 auto}
  .step{margin-top:24px}
  .step .lbl{display:flex; align-items:center; gap:10px; margin-bottom:11px}
  .num{
    width:23px; height:23px; border-radius:8px; background:var(--sand-2); color:var(--ink-3);
    font-size:12px; font-weight:900; display:flex; align-items:center; justify-content:center; flex:none; transition:.2s;
  }
  .num.ok{background:var(--teal); color:#fff; box-shadow:0 2px 8px rgba(95,179,166,.4)}
  .step .nm{font-size:15px; font-weight:900; letter-spacing:-.35px}
  .step .rule{font-size:11px; font-weight:700; color:var(--ink-3); letter-spacing:.3px}
  .step .rule.req{color:var(--clay); background:var(--clay-wash); border-radius:6px; padding:2px 8px}
  .fieldIn.needed{border-color:rgba(176,84,55,.45); background:#FFFCFB}

  .chips{display:flex; flex-wrap:wrap; gap:8px}
  .chip{
    padding:10px 17px; border-radius:999px; border:1px solid var(--sand); background:var(--card);
    color:var(--ink); font-size:14.5px; font-weight:700; cursor:pointer; letter-spacing:-.2px;
    transition:.16s cubic-bezier(.4,0,.2,1);
  }
  .chip:active{transform:scale(.95)}
  .chip.on{
    background:linear-gradient(180deg,var(--teal),var(--teal-2)); border-color:var(--teal-2); color:#fff;
    box-shadow:0 3px 12px rgba(95,179,166,.38); transform:scale(1.03);
  }

  .fieldIn{
    width:100%; padding:14px 16px; border:1px solid var(--sand); border-radius:16px;
    font-size:16px; font-weight:700; background:var(--card); color:var(--ink); letter-spacing:-.2px;
  }
  .fieldIn::placeholder{font-weight:700; color:var(--ink-3)}
  .fieldIn:focus{outline:none; border-color:var(--teal); box-shadow:0 0 0 3.5px rgba(95,179,166,.15)}
  .warn{
    display:none; margin-top:9px; padding:11px 13px; border-radius:14px;
    background:var(--amber-wash); border:1px solid rgba(201,138,52,.28);
    font-size:13px; font-weight:700; color:#8A5C18; line-height:1.5;
  }
  .warn.on{display:block; animation:up .3s cubic-bezier(.2,.9,.3,1)}
  .warn b{font-weight:900}

  .sh-foot{flex:none; padding:12px 20px calc(15px + env(safe-area-inset-bottom)); background:var(--card); border-top:1px solid var(--sand-2)}
  .sh-foot .in{max-width:600px; margin:0 auto; display:flex; gap:10px}
  .sh-foot .go{flex:2}
  .cancel{
    flex:1; padding:15px; border:1px solid var(--sand); background:transparent; color:var(--ink-2);
    border-radius:16px; font-size:15px; font-weight:700; cursor:pointer;
  }

  /* ================== SUCCESS ================== */
  .done{position:fixed; inset:0; z-index:60; background:var(--esp); display:none; align-items:center; justify-content:center; padding:34px; text-align:center; overflow:hidden}
  .done.on{display:flex}
  .done::after{content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.13; mix-blend-mode:overlay}
  .done .c{position:relative; z-index:2}
  .ring{
    width:94px; height:94px; border-radius:50%; margin:0 auto 26px;
    background:linear-gradient(180deg,var(--teal),var(--teal-2));
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 12px 44px rgba(95,179,166,.5); animation:pop .5s cubic-bezier(.34,1.56,.64,1);
  }
  @keyframes pop{from{transform:scale(.35); opacity:0} to{transform:scale(1); opacity:1}}
  .done h2{font-size:29px; font-weight:900; color:var(--cream); margin:0 0 10px; letter-spacing:-.9px}
  .done p{font-size:15px; color:rgba(248,244,237,.55); margin:0 0 4px; line-height:1.6; max-width:330px}
  .done .nb{
    display:inline-block; margin-top:24px; background:rgba(248,244,237,.06); border:1px solid rgba(248,244,237,.13);
    border-radius:18px; padding:14px 26px;
  }
  .done .nb span{font-size:10px; font-weight:700; color:rgba(248,244,237,.4); letter-spacing:1.4px}
  .done .nb b{display:block; font-size:28px; font-weight:900; color:var(--cream); letter-spacing:-1px; margin-top:3px}
  .again{margin-top:30px; background:none; border:none; color:var(--teal); font-size:14.5px; font-weight:900; cursor:pointer; padding:9px}

  /* ================== ADMIN ================== */
  .hint{
    font-size:13px; color:var(--ink-2); background:var(--card); border:1px solid var(--sand-2);
    border-radius:18px; padding:14px 16px; margin:26px 0 14px; line-height:1.6; box-shadow:var(--sh-1);
  }
  .hint b{font-weight:900; color:var(--ink)}
  .hint .ex{
    display:block; margin-top:7px; padding:7px 11px; background:var(--sand-2); border-radius:10px;
    font-size:12.5px; font-weight:700; color:var(--ink-2);
  }
  .hint .ex em{font-style:normal; color:var(--teal-deep); font-weight:900; margin:0 6px}
  .grp{background:var(--card); border:1px solid var(--sand-2); border-radius:20px; margin-bottom:11px; overflow:hidden; box-shadow:var(--sh-1)}
  .grp .top{display:flex; align-items:center; gap:9px; padding:14px 16px; border-bottom:1px solid var(--sand-2)}
  .grp .top .nm{font-weight:900; font-size:16px; flex:1; letter-spacing:-.4px}
  .pill2{
    font-size:11px; font-weight:700; color:var(--teal-deep); background:rgba(95,179,166,.11);
    border:1px solid rgba(95,179,166,.3); border-radius:8px; padding:4px 10px; cursor:pointer; letter-spacing:-.1px;
  }
  .glue{display:flex; align-items:center; gap:9px; padding:10px 16px; background:var(--sand-2); border-bottom:1px solid var(--sand-2)}
  .glue span{font-size:10.5px; font-weight:700; color:var(--ink-3); letter-spacing:.5px; white-space:nowrap}
  .glue input{width:70px; padding:6px 10px; border:1px solid var(--sand); border-radius:9px; font-size:13px; font-weight:700; text-align:center; background:var(--card); color:var(--ink)}
  .glue input:focus{outline:none; border-color:var(--teal)}
  .glue em{font-size:11.5px; color:var(--ink-2); font-style:normal; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  .grp .in{padding:6px 16px 14px}
  .itm{display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--sand-2)}
  .itm:last-of-type{border-bottom:none}
  .itm .nm{flex:1; font-size:14.5px; font-weight:700}
  .itm.dead .nm{color:var(--ink-3); text-decoration:line-through; font-weight:400}
  .sw{width:42px; height:24px; border-radius:999px; background:var(--sand); position:relative; cursor:pointer; flex:none; border:none; padding:0; transition:.2s}
  .sw::after{content:""; position:absolute; top:3px; right:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s cubic-bezier(.4,0,.2,1); box-shadow:0 1px 3px rgba(0,0,0,.2)}
  .sw.on{background:var(--teal)}
  .sw.on::after{right:21px}
  .addrow{display:flex; gap:8px; margin-top:13px}
  .addrow input{flex:1; padding:10px 13px; border:1px solid var(--sand); border-radius:12px; font-size:14px; font-weight:700; background:var(--cream); color:var(--ink)}
  .addrow input:focus{outline:none; border-color:var(--teal); background:var(--card)}
  .mini{padding:10px 17px; border:none; border-radius:12px; background:var(--esp); color:var(--cream); font-size:13.5px; font-weight:900; cursor:pointer}
  .mini.soft{background:var(--sand-2); color:var(--ink-2)}

  /* ================== SETTINGS (admin) ================== */
  .set{padding:13px 16px}
  .set + .set{border-top:1px solid var(--sand-2)}
  .set .k{display:flex; align-items:center; gap:8px; font-size:10.5px; font-weight:700; color:var(--ink-3); letter-spacing:.9px; margin-bottom:8px}
  .set .k .sw{margin-right:auto}
  .set input[type=time]{padding:10px 14px; border:1px solid var(--sand); border-radius:12px; background:var(--cream); font-size:16px; font-weight:900; color:var(--ink)}
  .set input[type=time]:focus{outline:none; border-color:var(--teal); background:var(--card)}
  .set input[type=text], .set textarea{
    width:100%; padding:10px 13px; border:1px solid var(--sand); border-radius:12px;
    background:var(--cream); font-size:14.5px; font-weight:700; color:var(--ink); resize:vertical;
  }
  .set textarea{font-weight:400; line-height:1.55; min-height:74px}
  .set input[type=text]:focus, .set textarea:focus{outline:none; border-color:var(--teal); background:var(--card)}
  .set .why{font-size:11.5px; color:var(--ink-3); font-weight:700; margin-top:7px; line-height:1.5}
  .icons{display:flex; flex-wrap:wrap; gap:7px; margin-top:8px}
  .ichip{
    width:44px; height:44px; border-radius:14px; border:1px solid var(--sand); background:var(--cream);
    font-size:21px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.16s; padding:0;
  }
  .ichip.none{width:auto; padding:0 14px; font-size:13px; font-weight:700; color:var(--ink-2)}
  .ichip:active{transform:scale(.93)}
  .ichip.on{border-color:var(--teal); background:rgba(95,179,166,.13); box-shadow:0 0 0 3px rgba(95,179,166,.16)}
  .set .off{opacity:.42; pointer-events:none}

  /* ================== NOTICE POPUP ================== */
  .modal{
    position:fixed; z-index:52; right:20px; left:20px; top:50%; transform:translateY(-50%) scale(.94);
    max-width:400px; margin:0 auto; background:var(--card); border-radius:24px; padding:26px 24px 20px;
    box-shadow:var(--sh-2); opacity:0; pointer-events:none; transition:.26s cubic-bezier(.32,.72,0,1); text-align:center;
  }
  .modal.on{opacity:1; pointer-events:auto; transform:translateY(-50%) scale(1)}
  .modal .ic{
    width:52px; height:52px; border-radius:17px; background:var(--amber-wash); color:var(--amber);
    display:flex; align-items:center; justify-content:center; margin:0 auto 15px; font-size:25px; font-weight:900;
  }
  .modal h3{font-size:19px; font-weight:900; margin:0 0 8px; letter-spacing:-.5px}
  .modal p{font-size:14.5px; color:var(--ink-2); margin:0 0 20px; line-height:1.6; white-space:pre-wrap}
  .modal .ok{width:100%; padding:14px; border:none; border-radius:15px; background:var(--esp); color:var(--cream); font-size:15px; font-weight:900; cursor:pointer}

  /* ================== CLOSED BANNER ================== */
  .closed{
    background:var(--clay-wash); border:1px solid rgba(176,84,55,.28); border-radius:18px;
    padding:14px 16px; margin-top:14px; display:none;
  }
  .closed.on{display:block}
  .closed b{display:block; font-size:15px; font-weight:900; color:var(--clay); letter-spacing:-.3px; margin-bottom:3px}
  .closed span{font-size:13px; color:var(--ink-2); font-weight:700; line-height:1.5}

/* ===== סבב 13.8: איש קשר, חלון הזמנות, שעה חופשית, SMS ===== */
.mrow input[type=tel]{
  width:100%; padding:9px 13px; border:1px solid var(--sand); border-radius:12px;
  background:var(--cream); font-size:15.5px; font-weight:700; color:var(--ink); letter-spacing:-.3px; direction:ltr; text-align:right;
}
.mrow input[type=tel]:focus{outline:none; border-color:var(--teal); background:var(--card); box-shadow:0 0 0 3.5px rgba(95,179,166,.15)}
.mrow input.needed{border-color:rgba(176,84,55,.45); background:#FFFCFB}
.times input[type=time].picked{
  background:linear-gradient(180deg,var(--teal),var(--teal-2)); border-color:var(--teal-2); color:#fff;
  box-shadow:0 3px 12px rgba(95,179,166,.35);
}
.tchip.back{background:transparent; border-color:transparent; color:var(--ink-3); font-size:13px}
.smsbox{
  display:flex; align-items:center; gap:11px; margin-top:14px; padding:13px 15px;
  background:var(--card); border:1px solid var(--sand-2); border-radius:16px; cursor:pointer; box-shadow:var(--sh-1);
}
.smsbox input{width:20px; height:20px; accent-color:var(--teal); flex:none; margin:0}
.smsbox span{font-size:14.5px; font-weight:700; color:var(--ink-2)}
.seeorder{
  display:block; margin:18px auto 0; padding:13px 22px; border-radius:15px;
  background:rgba(248,244,237,.1); border:1px solid rgba(248,244,237,.2); color:var(--cream);
  font-size:14.5px; font-weight:900; text-decoration:none; max-width:230px;
}
.win{display:flex; gap:10px}
.win label{flex:1; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--ink-3)}
.win input[type=time]{flex:1; min-width:0}
.winerr{display:none; margin-top:8px; padding:9px 12px; border-radius:11px; background:var(--clay-wash);
  border:1px solid rgba(176,84,55,.3); font-size:12.5px; font-weight:700; color:var(--clay)}
.winerr.on{display:block}
.pill2.off2{color:var(--ink-3); background:var(--sand-2); border-color:var(--sand)}

/* ===== סבב 13.8ב: הידוק ותיקוני מובייל (נמדד בסימולטור iPhone 17 Pro) ===== */

/* `hidden` הוא display:none מסגנון הדפדפן, ו-.times{display:flex} גובר עליו.
   התוצאה: שורת "שעה אחרת" ושורת השבבים הוצגו יחד. */
[hidden]{display:none !important}

/* הכרטיס העליון היה גבוה מדי: שלוש שורות מלאות לפני הכריך הראשון. */
.mrow{padding:10px 13px}
.mrow .k{margin-bottom:5px; font-size:10px; letter-spacing:.8px}
.mrow input[type=text], .mrow input[type=tel]{padding:9px 12px; font-size:15px; border-radius:11px}
.contact2{display:grid; grid-template-columns:1fr 1.15fr; gap:7px}
.contact2 input{margin:0 !important}
.sec{margin:20px 0 9px}
.times{gap:6px}
.tchip{padding:9px 14px; font-size:14px}
.tchip.back{padding:9px 6px}

/* הסרגל הצף כיסה את המצב הריק כשהתוכן קצר */
.wrap{padding-bottom:172px}
.empty{padding:30px 20px}

/* המקלדת של iOS לא מקטינה את vh, ולכן סרגל השמירה של המגירה נדחק מתחתיה.
   dvh כן מתכווץ עם המקלדת. ה-vh נשאר כנפילה-אחורה לדפדפן ישן. */
.sheet{max-height:92vh; max-height:92dvh}
.sh-head .live{min-height:auto}
.sh-head h3{margin:5px 0 8px}
.live .txt{font-size:20px}
/* תיבת ה-SMS חסרת משמעות לפני שיש כריך אחד */
.smsbox[hidden]{display:none !important}

/* ===== סבב 13.8ג ===== */

/* ספארי מזמינה זום אוטומטי על כל שדה שגופנו קטן מ-16px, והדף נשאר מוזז
   ומגולל לרוחב אחרי הפוקוס. 16px הוא הרצפה, לא העדפה עיצובית. */
.mrow input[type=text], .mrow input[type=tel], .fieldIn,
.set input[type=text], .set input[type=time], .set textarea,
.addrow input, .glue input, .gate input, .times input[type=time]{font-size:16px}

/* גלילה לרוחב לא אמורה להתקיים בדף הזה בכלל */
html, body{overflow-x:hidden; max-width:100%}

.sharebtn{
  width:100%; margin-top:10px; padding:14px; border:1px solid var(--sand); border-radius:18px;
  background:var(--card); color:var(--ink); font-size:14.5px; font-weight:900; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:9px; box-shadow:var(--sh-1);
}
.sharebtn svg{color:var(--teal-deep)}
.sharebtn[hidden]{display:none !important}