/* מיליון כסאות – עדכנו אותי כשחוזר למלאי. פלטת המותג: #232b36 #d3071a #fefefe #d8d8d8 #848484 #fdf5dc */
.mk-bis, .mk-bis-modal { --mk-ink:#232b36; --mk-red:#d3071a; --mk-white:#fefefe; --mk-line:#d8d8d8; --mk-grey:#6b6b6b; --mk-cream:#fdf5dc; --mk-sand:#f5f2ee;
  --mk-head:'FbElitism','Heebo',sans-serif; --mk-body:'FbEleganti','Heebo',sans-serif; }
.mk-bis[hidden], .mk-bis-modal [hidden], .mk-bis-modal[hidden], .mk-bis-overlay[hidden] { display:none !important; }

.mk-bis { display:flex; flex-direction:column; gap:10px; margin:6px 0 18px; font-family:var(--mk-body); direction:rtl; }
.mk-bis__fake-cart { height:56px; border-radius:6px; border:none; background:#d8d8d8; color:#848484; font:700 18px var(--mk-body); cursor:not-allowed; width:100%; }
.mk-bis__btn { height:56px; width:100%; border-radius:6px; border:2px solid var(--mk-red); background:var(--mk-white); color:var(--mk-red);
  font:700 18px var(--mk-body); display:flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; padding:0 16px; margin:0; text-transform:none; letter-spacing:0; line-height:1.2; }
.mk-bis__btn:hover, .mk-bis__btn:focus-visible { background:var(--mk-red); color:var(--mk-white); }
.mk-bis__btn:focus-visible { outline:3px solid var(--mk-ink); outline-offset:2px; }
.mk-bis__note { font-size:14px; color:var(--mk-grey); }

.mk-bis-overlay { position:fixed; inset:0; background:rgba(35,43,54,.55); z-index:100000000; }
.mk-bis-modal { position:fixed; z-index:100000001; top:50%; left:50%; transform:translate(-50%,-50%); width:min(400px, calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto;
  background:var(--mk-white); border-radius:10px; padding:24px; box-sizing:border-box; color:var(--mk-ink); font-family:var(--mk-body); direction:rtl; text-align:right; box-shadow:0 10px 40px rgba(0,0,0,.25); }
.mk-bis-modal *, .mk-bis-modal *::before, .mk-bis-modal *::after { box-sizing:border-box; }
.mk-bis-modal__grip { display:none; }
.mk-bis-form, .mk-bis-done { display:flex; flex-direction:column; gap:14px; margin:0; }
.mk-bis-modal__head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mk-bis-modal__title { margin:0; font:900 26px/1.2 var(--mk-head); color:var(--mk-ink); }
.mk-bis-close { width:44px; height:44px; min-height:44px; border:none; background:transparent; color:var(--mk-ink); display:flex; align-items:center; justify-content:center; padding:0; margin:0 0 0 -10px; cursor:pointer; flex-shrink:0; }
.mk-bis-card { display:flex; gap:12px; align-items:center; background:var(--mk-sand); border-radius:6px; padding:10px; }
.mk-bis-card__img { width:56px; height:56px; object-fit:contain; border-radius:4px; background:var(--mk-white); flex-shrink:0; margin:0; }
.mk-bis-card__txt { display:flex; flex-direction:column; gap:4px; }
.mk-bis-card__name { font-size:15px; font-weight:700; line-height:1.3; }
.mk-bis-card__var { font-size:14px; display:flex; align-items:center; gap:6px; }
.mk-bis-dot { width:14px; height:14px; border-radius:50%; display:inline-block; border:1px solid rgba(0,0,0,.15); }
.mk-bis-text { margin:0; font-size:16px; line-height:1.5; }
.mk-bis-field { display:flex; flex-direction:column; gap:6px; }
.mk-bis-field label { font-size:14px; font-weight:700; margin:0; }
.mk-bis-field input[type=email], .mk-bis-field select { height:50px; width:100%; border:1px solid #848484; border-radius:6px; padding:0 14px; font-size:16px; color:var(--mk-ink); background:var(--mk-white); margin:0; box-shadow:none; }
.mk-bis-field input[type=email] { font-family:'Heebo',sans-serif; text-align:left; direction:ltr; }
.mk-bis-field select { font-family:var(--mk-body); }
.mk-bis-field input.is-prefilled { background:var(--mk-cream); border-color:var(--mk-ink); }
.mk-bis-field input[aria-invalid=true], .mk-bis-field select[aria-invalid=true] { border:2px solid var(--mk-red); }
.mk-bis-hint { font-size:13px; color:var(--mk-grey); }
.mk-bis-err { font-size:14px; color:var(--mk-red); font-weight:700; }
.mk-bis-consent { display:flex; gap:10px; align-items:flex-start; font-size:14px; line-height:1.45; font-weight:400; margin:0; cursor:pointer; }
.mk-bis-consent input { width:22px; height:22px; margin:0; accent-color:var(--mk-red); flex-shrink:0; }
.mk-bis-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.mk-bis-submit { height:52px; border:none; border-radius:6px; background:var(--mk-red); color:var(--mk-white); font:700 18px var(--mk-body); cursor:pointer; margin:0; width:100%; text-transform:none; letter-spacing:0; }
.mk-bis-submit[disabled] { opacity:.6; cursor:wait; }
.mk-bis-done { align-items:center; text-align:center; gap:16px; }
.mk-bis-done__close { align-self:flex-end; margin:-6px -10px -10px 0; }
.mk-bis-done__icon { width:64px; height:64px; border-radius:50%; background:var(--mk-ink); display:flex; align-items:center; justify-content:center; }
.mk-bis-done .mk-bis-modal__title { font-size:28px; }
.mk-bis-continue { width:100%; height:52px; border:2px solid var(--mk-ink); border-radius:6px; background:var(--mk-white); color:var(--mk-ink); font:700 17px var(--mk-body); margin:0; }
body.mk-bis-lock { overflow:hidden; }

/* נייד: מגירה מלמטה */
@media (max-width: 768px) {
  .mk-bis-modal { top:auto; bottom:0; left:0; right:0; transform:none; width:100%; max-height:92vh; border-radius:16px 16px 0 0; padding:12px 20px 28px; padding-bottom:calc(28px + env(safe-area-inset-bottom)); }
  .mk-bis-modal__grip { display:block; width:40px; height:4px; border-radius:2px; background:var(--mk-line); margin:0 auto 10px; }
  .mk-bis-modal__title { font-size:24px; }
  .mk-bis-submit { height:54px; }
  .mk-bis-field input[type=email] { height:52px; }
}

.mk-bis-hide { display:none !important; }
.mk-bis-modal { overflow-x:hidden; }
