/* The apartment's basket (design system v86, BasketOne). A drawer from the page's end side on a wide screen, a sheet from the
   bottom on a phone. Deep sea for the structure, the WhatsApp green for sending, terracotta only for the total. 44 px targets,
   48 px on phones. The theme's !important heading colours are met with the same weight (NadLan CSS cascade hazard). */
.nlbk { --bk-ink: #14212B; --bk-ink2: #3B4753; --bk-mute: #6B7680; --bk-line: #E3E1DA; --bk-sand: #EEE9DD; --bk-paper: #FAF7F1;
  --bk-deep: #1F4B5C; --bk-terra: #C2563A; --bk-wa: #0F7A63; --bk-ok: #2F7D5B;
  position: fixed; inset: 0; z-index: 100000; font-family: Assistant, Heebo, Arial, sans-serif; color: var(--bk-ink); }
.nlbk[hidden] { display: none !important; }
html.nlbk-open { overflow: hidden; }
.nlbk__scrim { position: absolute; inset: 0; background: rgba(20, 33, 43, .42); opacity: 0; transition: opacity .2s; }
.nlbk.is-on .nlbk__scrim { opacity: 1; }
.nlbk__sheet { position: absolute; inset-block: 0; inset-inline-end: 0; width: min(460px, 100vw); display: flex; flex-direction: column;
  background: var(--bk-paper); box-shadow: 0 0 40px rgba(20, 33, 43, .22); transform: translateX(-104%); transition: transform .24s ease; }
.nlbk[dir="ltr"] .nlbk__sheet { transform: translateX(104%); }
.nlbk.is-on .nlbk__sheet { transform: none; }
@media (prefers-reduced-motion: reduce) { .nlbk__sheet, .nlbk__scrim { transition: none; } }
.nlbk__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 12px; border-bottom: 1px solid var(--bk-line); background: #fff; }
.nlbk__kick { margin: 0 0 2px !important; font: 700 12.5px/1.3 Assistant, Heebo, Arial, sans-serif !important; letter-spacing: .04em; color: var(--bk-deep) !important; }
:root body .nlbk h2.nlbk__title { margin: 0 !important; font: 600 24px/1.2 "Noto Serif Hebrew", "Frank Ruhl Libre", Georgia, serif !important; color: var(--bk-ink) !important; }
.nlbk__x { flex: none; width: 44px; height: 44px; border: 1px solid var(--bk-line); border-radius: 12px; background: #fff; color: var(--bk-ink); font: 400 24px/1 Arial, sans-serif; cursor: pointer; }
.nlbk__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px 20px 28px; display: flex; flex-direction: column; gap: 14px; }
.nlbk__steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.nlbk__step { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px 0 12px; border-radius: 999px; background: #fff;
  border: 1px solid var(--bk-line); font: 600 13px/1 Assistant, Heebo, Arial, sans-serif; color: var(--bk-ink2); }
.nlbk__step i { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--bk-mute); font: 700 11px/1 Assistant, sans-serif; font-style: normal; }
.nlbk__step.is-done { color: var(--bk-ink); }
.nlbk__step.is-done i { background: var(--bk-ok); border-color: var(--bk-ok); color: #fff; }
.nlbk__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nlbk__sec { background: #fff; border: 1px solid var(--bk-line); border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
:root body .nlbk h3.nlbk__h { margin: 0 !important; font: 700 17px/1.3 Assistant, Heebo, Arial, sans-serif !important; color: var(--bk-ink) !important; }
.nlbk__sub { margin: -4px 0 0 !important; font: 400 13px/1.5 Assistant, Heebo, Arial, sans-serif !important; color: var(--bk-mute) !important; }
.nlbk__empty { margin: 0 !important; font: 400 14.5px/1.5 Assistant, Heebo, Arial, sans-serif !important; color: var(--bk-ink2) !important; }
.nlbk__note { margin: 0 !important; font: 400 12.5px/1.55 Assistant, Heebo, Arial, sans-serif !important; color: var(--bk-mute) !important; }
.nlbk__note a, .nlbk__itx a { color: var(--bk-deep) !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.nlbk__item, .nlbk__slot-top, .nlbk__pro { display: flex; align-items: center; gap: 12px; }
.nlbk__itx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.nlbk__itx b { font: 700 15px/1.35 Assistant, Heebo, Arial, sans-serif; color: var(--bk-ink); }
.nlbk__itx span { font: 400 13px/1.45 Assistant, Heebo, Arial, sans-serif; color: var(--bk-mute); }
.nlbk__badge { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--bk-sand);
  font: 600 20px/1 "Noto Serif Hebrew", Georgia, serif; color: var(--bk-deep); font-variant-numeric: tabular-nums; }
.nlbk__sw { flex: none; width: 48px; height: 48px; border-radius: 12px; border: 1px solid var(--bk-line); }
.nlbk__sw--bare { background: linear-gradient(135deg, #ECEAE4 50%, #D9D5CC 50%); }
.nlbk__sw--warm { background: linear-gradient(135deg, #B98A5E 33%, #5E4331 33% 66%, #E9E2D6 66%); }
.nlbk__sw--light { background: linear-gradient(135deg, #E4DAC8 33%, #FFFFFF 33% 66%, #9BAE92 66%); }
.nlbk__sw--stone { background: linear-gradient(135deg, #8E8A83 33%, #E6E2DA 33% 66%, #9C5B34 66%); }
.nlbk__mono { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--bk-sand); color: var(--bk-deep); font: 700 16px/1 Assistant, sans-serif; }
.nlbk__team { display: flex; flex-direction: column; gap: 8px; }
.nlbk__slot { border: 1px solid var(--bk-line); border-radius: 12px; padding: 8px 10px; display: flex; flex-direction: column; gap: 8px; }
.nlbk__pros { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; border-top: 1px dashed var(--bk-line); }
.nlbk__link { flex: none; min-height: 44px; padding: 0 10px; border: 0; background: transparent; color: var(--bk-deep); font: 700 14px/1 Assistant, Heebo, Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.nlbk__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 12px;
  border: 1px solid var(--bk-deep); background: var(--bk-deep); color: #fff !important; font: 700 15px/1.2 Assistant, Heebo, Arial, sans-serif; text-decoration: none !important; cursor: pointer; text-align: center; }
.nlbk__btn--2 { background: #fff; color: var(--bk-deep) !important; }
.nlbk__btn--sm { min-height: 40px; padding: 0 12px; font-size: 14px; flex: none; }
.nlbk__btn--wa { background: var(--bk-wa); border-color: var(--bk-wa); }
.nlbk__form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nlbk__field { display: flex; flex-direction: column; gap: 4px; font: 600 13px/1.3 Assistant, Heebo, Arial, sans-serif; color: var(--bk-ink2); }
.nlbk__field input { min-height: 44px; padding: 0 12px; border: 1px solid var(--bk-line); border-radius: 10px; background: var(--bk-paper); font: 600 16px/1 Assistant, Heebo, Arial, sans-serif; color: var(--bk-ink); font-variant-numeric: tabular-nums; }
.nlbk__field input:focus { outline: 2px solid var(--bk-deep); outline-offset: 1px; }
.nlbk__field--sm { max-width: 220px; }
.nlbk__seg { display: flex; flex-wrap: wrap; gap: 6px; }
.nlbk__chip { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--bk-line); background: #fff; color: var(--bk-ink2); font: 600 14px/1 Assistant, Heebo, Arial, sans-serif; cursor: pointer; }
.nlbk__chip.is-on { background: var(--bk-deep); border-color: var(--bk-deep); color: #fff; }
.nlbk__lines { margin: 0; display: flex; flex-direction: column; }
.nlbk__line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--bk-line); }
.nlbk__line dt { display: flex; flex-direction: column; gap: 1px; }
.nlbk__line dt b { font: 700 14.5px/1.3 Assistant, Heebo, Arial, sans-serif; }
.nlbk__line dt span { font: 400 12px/1.4 Assistant, Heebo, Arial, sans-serif; color: var(--bk-mute); }
.nlbk__line dd { margin: 0; font: 700 15.5px/1.2 Assistant, Heebo, Arial, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nlbk__line--tot { border-bottom: 0; border-top: 2px solid var(--bk-ink); }
.nlbk__line--tot dt { font: 700 15px/1.3 Assistant, Heebo, Arial, sans-serif; }
.nlbk__line--tot dd { color: var(--bk-terra); font-size: 19px; }
.nlbk__acts { background: transparent; border: 0; padding: 0; }
.nlbk__acts .nlbk__btn { width: 100%; min-height: 48px; }
.nlbk__legal { margin: 2px 0 0 !important; padding: 10px 12px; border-radius: 12px; background: var(--bk-sand); font: 400 12.5px/1.6 Assistant, Heebo, Arial, sans-serif !important; color: var(--bk-ink2) !important; }
.nlbk__clear { align-self: flex-start; font-weight: 600; color: var(--bk-mute); }
.nlbk button:focus-visible, .nlbk a:focus-visible { outline: 3px solid var(--bk-terra); outline-offset: 2px; }
/* the ways in: the last step under the stage, and next to the view's buttons */
.nlbk-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-inline-start: 8px; border-radius: 999px; background: var(--bk-terra, #C2563A); color: #fff; font: 700 12px/1 Assistant, sans-serif; }
.nlbk-count[hidden] { display: none !important; }
button.nlps-step.nlbk-step { border-color: #1F4B5C !important; color: #1F4B5C !important; font-weight: 700 !important; }
@media (max-width: 760px) {
  .nlbk__sheet { inset-block: auto 0; inset-inline: 0; width: 100%; max-height: 92vh; max-height: 92dvh; border-radius: 20px 20px 0 0; transform: translateY(104%) !important; }
  .nlbk.is-on .nlbk__sheet { transform: none !important; }
  .nlbk__head { border-radius: 20px 20px 0 0; }
  .nlbk__body { padding: 12px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
  .nlbk__form { grid-template-columns: 1fr; }
  .nlbk__btn, .nlbk__link, .nlbk__x, .nlbk__field input { min-height: 48px; }
  .nlbk__chip { min-height: 44px; }
}
/* the basket joins the steps under the stage as their last one: one row of five on a wide screen; on a phone (two columns
   below 600 px) a fifth step takes the whole row instead of standing alone in half of it */
.nlps-steps:has(> li > .nlbk-step):has(> li:nth-child(5)) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
@media (max-width: 600px) {
  .nlps-steps:has(> li > .nlbk-step):has(> li:nth-child(5)) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  .nlps-steps > li:nth-child(odd):last-child:has(> .nlbk-step) { grid-column: 1 / -1; }
}
button.nlps-step.nlbk-step { justify-content: center; }