/* אש וקמח - demo design: night kitchen, charcoal + ember orange, bold Secular One headlines */
:root{--bg:#141110;--bg2:#1E1917;--card:#241E1B;--ink:#F6EFE6;--muted:#B5A89B;--fire:#FF6A1F;--fire2:#E2520B;--ember:#FFB547;--cream:#F6EFE6;--line:rgba(246,239,230,.12);--disp:"Secular One","Heebo",sans-serif;--sans:"Heebo",system-ui,sans-serif;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}p{margin:0 0 1em}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1.08;margin:0;letter-spacing:.01em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;top:-60px;inset-inline-start:10px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:2000}.skip:focus{top:50px}
:focus-visible{outline:3px solid var(--ember);outline-offset:2px}
[data-r]{opacity:0;transform:translateY(18px);transition:opacity .6s ease calc(var(--d,0)*90ms),transform .6s ease calc(var(--d,0)*90ms)}
html:not(.js) [data-r],[data-r].in{opacity:1;transform:none}
.row{display:flex;flex-wrap:wrap;gap:12px}.center{text-align:center;margin-top:28px}.wide{width:100%}
.eyebrow{font:700 14px/1 var(--sans);letter-spacing:.12em;color:var(--ember);margin:0 0 14px}
.tiny,.fine{font-size:13px;color:var(--muted)}.fine{text-align:center;margin:24px}
.fb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:14px;border:2px solid transparent;font:700 17px/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,background .2s,box-shadow .25s}
.fb:active{transform:scale(.97)}
.fb-fire{background:var(--fire);color:#fff;box-shadow:0 10px 30px rgba(255,106,31,.35)}.fb-fire:hover{background:var(--fire2);box-shadow:0 12px 36px rgba(255,106,31,.5)}
.fb-line{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(0,0,0,.2);backdrop-filter:blur(6px)}.fb-line:hover{background:rgba(255,255,255,.12)}
.fb-line-dark{border-color:var(--line);color:var(--ink);background:transparent}.fb-line-dark:hover{border-color:var(--fire);color:var(--fire)}

/* Header */
.hd{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:20px;padding:12px clamp(16px,3vw,40px);background:rgba(20,17,16,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-f{width:30px;height:38px;background:radial-gradient(circle at 50% 75%,var(--ember),var(--fire) 45%,transparent 70%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;animation:flame 1.6s ease-in-out infinite alternate}
@keyframes flame{from{transform:scale(1,1) rotate(-2deg)}to{transform:scale(1.06,1.12) rotate(2deg)}}
.logo-t{font:400 28px/1 var(--disp)}
.status{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--muted)}
.status span{width:9px;height:9px;border-radius:50%;background:#666}
.status.is-open span{background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.18)}.status.is-closed span{background:#E5484D}
.cnav{margin-inline-start:auto}.cnav-list{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.cnav-list a{display:block;padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:500}
.cnav-list a:hover{background:rgba(255,255,255,.06)}.cnav-list a.is-cur{color:var(--ember)}
.bag{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:var(--fire);color:#fff;text-decoration:none;font-weight:700}
.bag b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#fff;color:var(--fire2);font-size:13px;padding:0 6px}
.ham{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:transparent;position:relative;cursor:pointer}
.ham i,.ham i::before,.ham i::after{position:absolute;inset-inline-start:12px;width:20px;height:2px;background:var(--ink);content:""}
.ham i{top:22px}.ham i::before{top:-7px;inset-inline-start:0}.ham i::after{top:7px;inset-inline-start:0}
@media(max-width:860px){.ham{display:block;z-index:95}.status{display:none}.bag{margin-inline-start:auto}
	.cnav{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;z-index:90}
	.cnav.is-open{opacity:1;pointer-events:auto}.cnav-list{flex-direction:column;text-align:center}.cnav-list a{font:400 34px/1.3 var(--disp)}}
@media(max-width:420px){.bag span{display:none}.logo-t{font-size:24px}}

/* Hero */
.hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:slowzoom 18s ease-out forwards}
@keyframes slowzoom{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 4%,rgba(20,17,16,.75) 40%,rgba(20,17,16,.2))}
.hero-in{position:relative;z-index:1;padding:clamp(30px,6vw,80px) clamp(16px,5vw,72px);max-width:880px}
.hero h1{font-size:clamp(46px,7.4vw,104px);margin-bottom:18px}.hero h1 span{color:var(--fire)}
.hero-p{font-size:clamp(17px,1.7vw,21px);color:#E6DCD0;max-width:36em}
.eta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.eta li{border:1px solid var(--line);background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border-radius:14px;padding:10px 16px}
.eta b{display:block;font:400 22px/1 var(--disp);color:var(--ember)}.eta span{font-size:14px;color:var(--muted)}

/* Sections & dishes */
.sec{padding:clamp(40px,6vw,84px) clamp(16px,5vw,72px)}
.sec-hd{margin-bottom:28px}.sec-hd h2,.msec h2{font-size:clamp(32px,4.2vw,54px)}
.dishes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dishes-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.dishes-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dishes,.dishes-3{grid-template-columns:1fr}}
.dish-btn{display:flex;gap:16px;width:100%;height:100%;text-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.dish-btn:hover{border-color:rgba(255,106,31,.6);transform:translateY(-3px);background:#2A231F}
.dish-t{display:flex;flex-direction:column;flex:1;min-width:0}
.dish-badges{display:flex;gap:6px;flex-wrap:wrap;min-height:4px}.dish-badges i{font-style:normal;font-size:12px;font-weight:700;background:rgba(255,181,71,.14);color:var(--ember);border-radius:999px;padding:2px 9px;margin-bottom:6px}
.dish-t b{font:400 23px/1.15 var(--disp);margin-bottom:6px}
.dish-d{font-size:14px;color:var(--muted);line-height:1.5}
.dish-p{margin-top:auto;padding-top:10px;font-weight:800;font-size:18px;color:var(--ember)}.dish-p small{font-weight:400;font-size:12px;color:var(--muted)}
.dish-img{position:relative;flex:0 0 118px;height:118px;border-radius:16px;overflow:hidden}
.dish-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dish-btn:hover .dish-img img{transform:scale(1.08)}
.plus{position:absolute;bottom:8px;inset-inline-start:8px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fire);color:#fff;font:700 22px/1 var(--sans);box-shadow:0 6px 14px rgba(0,0,0,.4)}

/* Deal + steps + gallery + quote */
.deal{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 clamp(16px,5vw,72px);padding:clamp(26px,4vw,52px);border-radius:28px;background:linear-gradient(120deg,var(--fire2),var(--fire) 50%,var(--ember));color:#1B0F08}
.deal .eyebrow{color:#3A1808}.deal h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:12px}.deal p{max-width:34em}
.deal .fb-fire{background:#1B0F08;box-shadow:none}.deal .fb-fire:hover{background:#000}
.deal-price{text-align:center;margin:0}.deal-price small{display:block;text-decoration:line-through;font-weight:700;opacity:.7}.deal-price b{font:400 clamp(60px,7vw,100px)/.95 var(--disp)}
@media(max-width:760px){.deal{flex-direction:column;align-items:flex-start}}
.steps-sec{padding:clamp(40px,6vw,80px) clamp(16px,5vw,72px)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.steps li{border-top:2px solid var(--fire);padding-top:18px}
.steps b{font:400 46px/1 var(--disp);color:var(--fire)}.steps h3{font-size:25px;margin:6px 0}.steps p{color:var(--muted)}
@media(max-width:720px){.steps{grid-template-columns:1fr}}
.gal{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:0 clamp(16px,5vw,72px)}
.gal figure{margin:0}.gal img{width:100%;height:340px;object-fit:cover;border-radius:var(--r)}
@media(max-width:720px){.gal{grid-template-columns:1fr 1fr}.gal figure:first-child{grid-column:1/-1}.gal img{height:220px}}
.quote{padding:clamp(50px,7vw,100px) clamp(16px,5vw,72px);text-align:center}
.quote blockquote{margin:0 auto;max-width:900px}.quote p{font:400 clamp(26px,3.2vw,42px)/1.25 var(--disp)}.quote footer{color:var(--muted)}

/* Menu page */
.pg{padding:clamp(30px,5vw,60px) clamp(16px,5vw,72px) 10px}
.pg h1{font-size:clamp(46px,6.6vw,90px);margin-bottom:6px}.pg p{color:var(--muted)}
.tabs{position:sticky;top:70px;z-index:50;display:flex;gap:6px;overflow-x:auto;padding:12px clamp(16px,5vw,72px);background:rgba(20,17,16,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);scrollbar-width:none}
.tabs a{flex:none;padding:8px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.tabs a.on,.tabs a:hover{background:var(--fire);border-color:var(--fire);color:#fff}
.menu-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:10px clamp(16px,5vw,72px) 60px;align-items:start}
.msec{padding-top:34px;scroll-margin-top:140px}.msec h2{margin-bottom:18px}
.side-bag{position:sticky;top:140px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.side-bag h2{font-size:28px;margin-bottom:10px}
@media(max-width:980px){.menu-wrap{grid-template-columns:minmax(0,1fr)}.side-bag{display:none}}
.bag-lines{list-style:none;margin:0;padding:0}
.bag-lines li{display:grid;grid-template-columns:48px minmax(0,1fr) auto 62px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.bag-lines img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.bag-lines b{font-weight:700;font-size:15px}.bag-lines small{display:block;font-size:12px;color:var(--muted);line-height:1.4}
.lt{text-align:end;color:var(--ember)}
.bag-empty{color:var(--muted);margin:6px 0}
.bag-tot{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0}.bag-tot b{font:400 30px/1 var(--disp);color:var(--ember)}
.qty{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border-radius:999px;padding:4px}
.qty button{width:32px;height:32px;border-radius:50%;border:0;background:var(--fire);color:#fff;font:700 18px/1 var(--sans);cursor:pointer}
.qty output{min-width:18px;text-align:center;font-weight:700}
.qty.sm button{width:26px;height:26px;font-size:15px}
@media(max-width:560px){.bag-lines li{grid-template-columns:44px minmax(0,1fr) auto}.bag-lines .lt{grid-column:2/-1;text-align:start}}
.float-bag{position:fixed;bottom:16px;left:16px;right:16px;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-radius:16px;background:var(--fire);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 14px 40px rgba(0,0,0,.5)}
@media(min-width:981px){.p-menu .float-bag{display:none}}

/* Options dialog */
.opt{border:0;padding:0;background:transparent;color:var(--ink);width:min(560px,94vw);max-height:92vh}
.opt::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.opt-in{position:relative;display:flex;flex-direction:column;max-height:92vh;background:var(--bg2);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.opt-in>img{width:100%;height:220px;object-fit:cover}
.x{position:absolute;top:12px;inset-inline-end:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;cursor:pointer}
.opt-b{padding:20px 22px;overflow:auto}
.opt-b h2{font-size:34px;margin-bottom:6px}.opt-b>p{color:var(--muted)}
.opt fieldset{border:0;margin:0 0 16px;padding:0}
.opt legend{font-weight:800;margin-bottom:8px}.opt legend small{font-weight:400;color:var(--muted)}
.opt fieldset label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:6px;cursor:pointer}
.opt fieldset label:has(input:checked){border-color:var(--fire);background:rgba(255,106,31,.08)}
.opt fieldset input{accent-color:var(--fire);width:18px;height:18px}.opt fieldset span{flex:1}.opt fieldset em{font-style:normal;color:var(--ember);font-weight:700}
.note{display:flex;flex-direction:column;gap:6px;font-weight:700}
.note input{min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 12px;font:inherit}
.opt-f{display:flex;gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:var(--bg2)}
.opt-f .fb{flex:1}

/* Checkout */
.ord{padding:10px clamp(16px,5vw,72px) 60px}
.ord-form{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.ord-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2.6vw,26px)}
.card h2{font-size:28px;margin-bottom:14px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.seg-3{grid-template-columns:repeat(3,1fr)}
.seg label{position:relative;cursor:pointer;margin:0!important}.seg input{position:absolute;opacity:0}
.seg span{display:block;height:100%;border:1px solid var(--line);border-radius:14px;padding:14px;font-weight:700;transition:border-color .2s,background .2s}
.seg small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
.seg input:checked+span{border-color:var(--fire);background:rgba(255,106,31,.1)}.seg input:focus-visible+span{outline:3px solid var(--ember)}
@media(max-width:560px){.seg,.seg-3{grid-template-columns:1fr}}
.ord label,.info label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px;margin-bottom:12px}
.ord label small{font-weight:400;color:var(--muted)}
.ord input:not([type=radio]),.ord select,.info input,.info select{min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);padding:0 12px;font:inherit;color-scheme:dark}
.ord input:focus,.ord select:focus,.info input:focus,.info select:focus{border-color:var(--fire);outline:0}
.is-bad{border-color:#E5484D!important}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.two{grid-template-columns:1fr}}
.lbl{font-weight:700;margin:4px 0 8px}
.coupon{display:flex;gap:8px}.coupon input{flex:1;min-width:0}.coupon .fb{min-height:48px;padding:0 18px}
.ord-sum{position:sticky;top:96px}
.ord-sum dl{margin:0 0 12px}.ord-sum dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line)}
.ord-sum dt{color:var(--muted)}.ord-sum dd{margin:0;font-weight:700}
.ord-sum .tot{border:0}.ord-sum .tot dt{color:var(--ink);font-weight:800}.ord-sum .tot dd{font:400 34px/1 var(--disp);color:var(--ember)}
.min-note{color:var(--ember);font-size:14px}
@media(max-width:900px){.ord-form{grid-template-columns:minmax(0,1fr)}.ord-sum{position:static}}
.done{grid-column:1/-1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(30px,5vw,64px)}
.done-i{font-size:64px;margin:0}.done h2{font-size:clamp(38px,4.8vw,60px);margin-bottom:10px}
.track{display:flex;gap:6px;list-style:none;padding:0;margin:28px auto;max-width:600px}
.track li{flex:1;position:relative;padding-top:34px;font-weight:700;font-size:14px;color:var(--muted);transition:color .4s}
.track li::before{content:"";position:absolute;top:0;inset-inline-start:50%;transform:translateX(50%);width:22px;height:22px;border-radius:50%;background:#3A322D;transition:background .4s,box-shadow .4s}
.track li.on{color:var(--ember)}.track li.on::before{background:var(--fire);box-shadow:0 0 0 6px rgba(255,106,31,.2)}

/* About */
.ab-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(30px,5vw,70px) clamp(16px,5vw,72px)}
.ab-hero h1{font-size:clamp(42px,6vw,82px);margin-bottom:18px}.ab-hero p{color:#E1D6CA;font-size:18px;max-width:34em}
.ab-hero img{width:100%;aspect-ratio:9/10;object-fit:cover;border-radius:28px}
@media(max-width:820px){.ab-hero{grid-template-columns:1fr}}
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 clamp(16px,5vw,72px) 30px}
.info table{width:100%;border-collapse:collapse}.info th,.info td{padding:10px 0;border-bottom:1px dashed var(--line);text-align:start;font-weight:400}.info td{text-align:end;font-weight:700}
.status-big{margin:14px 0 0;font-weight:800}.status-big.is-open{color:#3DDC84}.status-big.is-closed{color:#E5484D}
.areas{list-style:none;margin:0;padding:0}.areas li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px dashed var(--line)}.areas span{color:var(--muted)}
.info .kit-sent h3{font-size:28px}
@media(max-width:900px){.info{grid-template-columns:1fr}}

/* Toast + footer */
.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,40px);opacity:0;visibility:hidden;background:var(--cream);color:#1B0F08;padding:12px 20px;border-radius:999px;font-weight:700;z-index:600;transition:transform .3s,opacity .3s;max-width:90vw;text-align:center}
.toast.on{transform:translate(-50%,0);opacity:1;visibility:visible}
.ft{border-top:1px solid var(--line);margin-top:30px;padding:clamp(34px,5vw,60px) clamp(16px,5vw,72px) 90px}
.ft-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.ft-logo{font:400 40px/1 var(--disp);color:var(--fire);margin-bottom:10px}
.ft h3{font:400 22px/1 var(--disp);margin-bottom:10px}.ft p{color:var(--muted)}
.ft-list{list-style:none;margin:0;padding:0}.ft-list a{text-decoration:none;color:var(--muted);line-height:2}.ft-list a:hover{color:var(--ember)}
.ft-note{text-align:center;font-size:13px;margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:800px){.ft-row{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.dish-img{flex-basis:96px;height:96px}.dish-t b{font-size:21px}}

/* 29.10.2026: content width cap for large screens */
:root{--max:1320px;--gut:clamp(16px,5vw,72px);--side:max(var(--gut),calc((100% - var(--max))/2))}
.hd,.sec,.steps-sec,.gal,.quote,.pg,.tabs,.menu-wrap,.ord,.ab-hero,.info,.ft{padding-inline:var(--side)}
.hero-in{padding-inline:var(--side);max-width:none}.hero-in>*{max-width:820px}
.deal{margin-inline:var(--side)}
.gal img{height:clamp(220px,22vw,340px)}
.ab-hero img{max-height:620px}