@font-face{
font-family:Assistant;font-style:normal;font-weight:200 800;font-display:swap;
src:url(/assets/fonts/assistant-hebrew.woff2) format("woff2");
unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
font-family:Assistant;font-style:normal;font-weight:200 800;font-display:swap;
src:url(/assets/fonts/assistant-latin.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
--nbrz-canvas: #FAFAF8;
--nbrz-surface: #FFFFFF;
--nbrz-ink: #1D2128;
--nbrz-warm: #5F5A55;
--nbrz-muted: #8B9098;
--nbrz-border: #E5E7EB;
--nbrz-divider: #EEF0F2;
--nbrz-success-600: #3B7948;
--nbrz-success-50: #E2F3E4;
--nbrz-turquoise-600: #016E7B;
--nbrz-turquoise-700: #015A65;
--nbrz-turquoise-50: #E3F2F3;
--nbrz-turquoise-100: #BEDFE3;
--nbrz-danger-600: #BD4047;
--nbrz-warning-600: #906909;
--nbrz-warning-50: #FEF2DD;
--nbrz-danger-50: #FEEAE9;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-10: 40px;
--space-12: 48px;
--radius-sm: 10px;
--radius-control: 14px;
--radius-card-sm: 16px;
--radius-card: 20px;
--radius-hero: 24px;
--radius-pill: 999px;
--shadow-1: 0 4px 18px rgba(17,24,39,.05);
--shadow-2: 0 12px 32px rgba(17,24,39,.10);
}
:root{
--nbrz-btn-2-border: #D8DDE3;
--nbrz-disabled-surface: #F3F4F6;
--nbrz-disabled-text: #A5AAB1;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0;
background:var(--nbrz-canvas);
color:var(--nbrz-ink);
font-family:Assistant,system-ui,-apple-system,"Segoe UI","Noto Sans Hebrew",Arial,sans-serif;
font-size:16px;line-height:24px;font-weight:400;
font-variant-numeric:tabular-nums;
-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--nbrz-turquoise-600);outline-offset:2px;border-radius:var(--radius-sm)}
.t-display{font-size:36px;line-height:42px;font-weight:800;letter-spacing:-.02em}
.t-h1{font-size:30px;line-height:36px;font-weight:800;letter-spacing:-.015em}
.t-h2{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.01em}
.t-h3{font-size:20px;line-height:26px;font-weight:700}
.t-title{font-size:18px;line-height:24px;font-weight:700}
.t-body{font-size:16px;line-height:24px;font-weight:400}
.t-compact{font-size:14px;line-height:20px;font-weight:400}
.t-label{font-size:13px;line-height:18px;font-weight:600}
.t-meta{font-size:12px;line-height:16px;font-weight:400;color:var(--nbrz-warm)}
.warm{color:var(--nbrz-warm)}
.muted{color:var(--nbrz-muted)}
.wrap{max-width:430px;margin:0 auto;padding:0 var(--space-4) var(--space-12)}
.section{margin-top:var(--space-8)}
.section-xl{margin-top:var(--space-10)}
.section-head{
display:flex;align-items:baseline;justify-content:space-between;
gap:var(--space-3);margin-bottom:var(--space-4);
}
.screen-head{
background:var(--nbrz-canvas);
padding:var(--space-6) 0 var(--space-5);
}
.screen-head-in{max-width:430px;margin:0 auto;padding:0 var(--space-4)}
.screen-head .sub{margin:var(--space-2) 0 0}
.backlink{
display:inline-flex;align-items:center;gap:var(--space-1);
min-height:40px;color:var(--nbrz-turquoise-700);
font-size:15px;line-height:20px;font-weight:700;
}
.card{
background:var(--nbrz-surface);
border:1px solid var(--nbrz-border);
border-radius:var(--radius-card);
padding:var(--space-5);
box-shadow:var(--shadow-1);
}
.card-compact{
background:var(--nbrz-surface);
border:1px solid var(--nbrz-border);
border-radius:var(--radius-card-sm);
padding:var(--space-4);
box-shadow:none;
}
.card-media{
background:var(--nbrz-surface);
border:1px solid var(--nbrz-border);
border-radius:18px;
overflow:hidden;
box-shadow:var(--shadow-1);
}
.stack{display:flex;flex-direction:column;gap:var(--space-4)}
.stack-sm{display:flex;flex-direction:column;gap:var(--space-3)}
.media{
position:relative;width:100%;overflow:hidden;
background:var(--nbrz-divider);
border-radius:inherit;
}
.media-4x5{aspect-ratio:4/5}
.media-16x9{aspect-ratio:16/9}
.media-4x3{aspect-ratio:4/3}
.media-1x1{aspect-ratio:1/1}
.media img{width:100%;height:100%;object-fit:cover;display:block}
.media-fallback{
position:absolute;inset:0;display:grid;place-items:center;
background:var(--nbrz-divider);
color:var(--nbrz-warm);
font-weight:700;letter-spacing:-.01em;
}
.media-4x5 .media-fallback,.media-16x9 .media-fallback{font-size:36px}
.media-1x1 .media-fallback{font-size:18px}
.media-overlay{
position:absolute;inset-inline:0;bottom:0;
padding:var(--space-4);
background:linear-gradient(to top,rgba(17,24,39,.72),rgba(17,24,39,0));
color:#fff;
}
.avatar{
flex:0 0 auto;border-radius:50%;overflow:hidden;
background:var(--nbrz-divider);color:var(--nbrz-warm);
display:grid;place-items:center;font-weight:700;
}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-32{width:32px;height:32px;font-size:13px}
.avatar-40{width:40px;height:40px;font-size:15px}
.avatar-48{width:48px;height:48px;font-size:18px}
.biz-featured{display:block}
.biz-featured .media{border-radius:0}
.biz-featured-body{padding:var(--space-4)}
.row{display:flex;align-items:center;gap:var(--space-3)}
.row-body{flex:1;min-width:0}
.row-cta{flex:0 0 auto}
.biz-name{font-size:18px;line-height:24px;font-weight:700;margin:0}
.biz-line{
display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;
margin:var(--space-1) 0 0;
font-size:13px;line-height:18px;font-weight:600;color:var(--nbrz-warm);
}
.biz-meta{
margin:var(--space-1) 0 0;
font-size:12px;line-height:16px;color:var(--nbrz-muted);
}
.biz-meta .sep{opacity:.55;margin:0 var(--space-1)}
.chip-tag{
display:inline-flex;align-items:center;gap:var(--space-1);
padding:3px var(--space-2);border-radius:var(--radius-sm);
font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;
}
.chip-open{background:var(--nbrz-success-50);color:var(--nbrz-success-600)}
.chip-closed{background:var(--nbrz-divider);color:var(--nbrz-muted)}
.chip-neutral{background:transparent;border:1px solid var(--nbrz-border);color:var(--nbrz-warm)}
.chip-trust{background:var(--nbrz-success-50);color:var(--nbrz-success-600)}
.chip-verified{background:var(--nbrz-success-50);color:var(--nbrz-success-600)}
.chip-accent{background:var(--nbrz-turquoise-50);color:var(--nbrz-turquoise-700)}
.dot{width:var(--space-1);height:var(--space-1);border-radius:50%;background:currentColor}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
min-height:46px;padding:0 var(--space-5);
border:0;border-radius:var(--radius-control);
background:var(--nbrz-turquoise-600);color:#fff;
font-family:inherit;font-size:15px;line-height:20px;font-weight:700;
cursor:pointer;text-align:center;
}
.btn-block{width:100%}
.btn-2{
background:var(--nbrz-surface);color:var(--nbrz-ink);
border:1px solid var(--nbrz-btn-2-border);
min-height:42px;
}
.btn-3{
background:transparent;border:0;color:var(--nbrz-turquoise-700);
min-height:40px;padding:0 var(--space-2);
font-size:15px;line-height:20px;font-weight:700;
}
.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:14px}
.btn[disabled],.btn.is-disabled{
background:var(--nbrz-disabled-surface);color:var(--nbrz-disabled-text);box-shadow:none;
}
@media (hover:hover){.btn:hover{filter:brightness(.96)}}
.actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}
.actions .btn-2{flex:1;padding:0 var(--space-3);font-size:14px}
.actions svg{width:16px;height:16px;flex:0 0 16px}
.search{display:flex;gap:var(--space-2)}
.field{
width:100%;min-height:46px;padding:0 var(--space-4);
border:1px solid var(--nbrz-border);border-radius:var(--radius-control);
background:var(--nbrz-surface);color:var(--nbrz-ink);
font-family:inherit;
font-size:16px;line-height:24px;font-weight:400;
}
.field::placeholder{color:var(--nbrz-muted)}
.field[type="search"]{-webkit-appearance:none;appearance:none}
.field::-webkit-search-cancel-button{-webkit-appearance:none}
.search .btn{flex:0 0 auto}
textarea.field,input.field{min-height:46px}
.form-label{
display:block;margin:var(--space-4) 0 var(--space-2);
font-size:13px;line-height:18px;font-weight:600;color:var(--nbrz-warm);
}
.filter-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rail{
display:flex;gap:var(--space-2);overflow-x:auto;
padding:0 var(--space-4) var(--space-1);margin:0 calc(var(--space-4) * -1);
scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.rail::-webkit-scrollbar{display:none}
.chip{
flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);
min-height:40px;padding:0 var(--space-4);
border-radius:var(--radius-pill);
background:var(--nbrz-surface);border:1px solid var(--nbrz-border);
color:var(--nbrz-warm);
font-size:13px;line-height:18px;font-weight:600;
cursor:pointer;user-select:none;white-space:nowrap;
}
.chip .n{font-size:12px;line-height:16px;font-weight:400;color:var(--nbrz-muted)}
.hours{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
.hours th{
text-align:start;font-weight:400;color:var(--nbrz-warm);
padding:var(--space-2) 0;border-bottom:1px solid var(--nbrz-divider);
}
.hours td{
text-align:end;padding:var(--space-2) 0;
border-bottom:1px solid var(--nbrz-divider);
color:var(--nbrz-ink);font-variant-numeric:tabular-nums;
}
.hours tr:last-child th,.hours tr:last-child td{border-bottom:0}
.hours tr.today th,.hours tr.today td{color:var(--nbrz-ink);font-weight:700}
.hours .off{color:var(--nbrz-muted);font-weight:400}
.quote{
margin:0;padding:0;
font-size:14px;line-height:20px;color:var(--nbrz-ink);
}
.quote-who{
display:flex;align-items:center;gap:var(--space-2);
margin-top:var(--space-3);
font-size:12px;line-height:16px;color:var(--nbrz-muted);
}
.reply{
margin-top:var(--space-3);padding-top:var(--space-3);
border-top:1px solid var(--nbrz-divider);
font-size:14px;line-height:20px;color:var(--nbrz-warm);
}
.steps{margin:0;padding:0;list-style:none;counter-reset:s;
display:flex;flex-direction:column;gap:var(--space-3)}
.steps li{
counter-increment:s;position:relative;padding-inline-start:var(--space-8);
font-size:14px;line-height:20px;color:var(--nbrz-warm);
}
.steps li::before{
content:counter(s);position:absolute;inset-inline-start:0;top:0;
width:24px;height:24px;border-radius:50%;
background:var(--nbrz-turquoise-50);color:var(--nbrz-turquoise-700);
font-size:13px;line-height:24px;font-weight:700;text-align:center;
}
.notice{
display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);
background:var(--nbrz-surface);border:1px solid var(--nbrz-border);
border-radius:var(--radius-card-sm);padding:var(--space-3) var(--space-4);
font-size:14px;line-height:20px;color:var(--nbrz-warm);
}
.empty{
background:var(--nbrz-surface);border:1px solid var(--nbrz-border);
border-radius:var(--radius-card);padding:var(--space-8) var(--space-5);
text-align:center;color:var(--nbrz-warm);font-size:16px;line-height:24px;
}
.foot{
color:var(--nbrz-warm);font-size:12px;line-height:16px;text-align:center;
margin:var(--space-10) 0 0;
}
.foot a{color:var(--nbrz-turquoise-700);text-decoration:underline;text-underline-offset:2px}
.divider{height:1px;background:var(--nbrz-divider);border:0;margin:var(--space-4) 0}
[dir="ltr"]{unicode-bidi:isolate}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.joinback{margin-top:var(--space-8);text-align:center}
.joinback .btn{display:inline-flex;min-height:44px;align-items:center;padding:0 var(--space-6)}