/* מלח - שף פרטי · demo design: editorial food magazine, tomato red, Suez One display */
:root{--ink:#161312;--ink-2:#26211E;--paper:#F4EFE8;--card:#FBF8F3;--red:#D6452A;--red-2:#B93820;--olive:#6E6A34;--muted:#6F6760;--line:rgba(22,19,18,.12);--disp:"Suez One",Georgia,serif;--sans:"Heebo",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 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.02;margin:0}
.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:#000;color:#fff;padding:8px 14px;border-radius:8px;z-index:2000}.skip:focus{top:50px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.kick{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--sans);color:var(--red);margin:0 0 18px}
.kick span{font-size:10px}
.cbtn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:0;border:2px solid var(--ink);font:700 16px/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.cbtn-red{background:var(--red);border-color:var(--red);color:#fff;box-shadow:5px 5px 0 var(--ink)}
.cbtn-red:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.cbtn-ghost{background:transparent;color:var(--ink)}.cbtn-ghost:hover{background:var(--ink);color:var(--paper)}
.wide{width:100%}
.row{display:flex;flex-wrap:wrap;gap:16px}

/* Header */
.hd{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,4vw,44px);background:var(--paper);border-bottom:2px solid var(--ink)}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none}
.logo-m{font:400 34px/1 var(--disp);color:var(--red)}.logo-s{font-size:13px;color:var(--muted)}
.cnav{margin-inline-start:auto}.cnav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.cnav-list a{display:block;padding:8px 14px;text-decoration:none;font-weight:600;border-bottom:2px solid transparent}
.cnav-list a:hover,.cnav-list a.is-cur{border-color:var(--red)}
.hd-cta{min-height:44px;padding:0 20px;box-shadow:3px 3px 0 var(--ink)}
.ham{display:none;width:46px;height:46px;border:2px solid var(--ink);background:transparent;position:relative;cursor:pointer}
.ham i,.ham i::before,.ham i::after{position:absolute;inset-inline-start:11px;width:20px;height:2px;background:var(--ink);content:""}
.ham i{top:21px}.ham i::before{top:-7px;inset-inline-start:0}.ham i::after{top:7px;inset-inline-start:0}
@media(max-width:940px){.ham{display:block}.hd-cta{display:none}
	.cnav{position:fixed;inset:0;background:var(--red);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;z-index:-1}
	.cnav.is-open{opacity:1;pointer-events:auto}.cnav-list{flex-direction:column;text-align:center}.cnav-list a{font:400 40px/1.3 var(--disp);color:#fff;border:0}}

/* Hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(40px,6vw,80px) clamp(18px,4vw,44px) clamp(56px,7vw,100px);max-width:1360px;margin-inline:auto}
.hero h1{font-size:clamp(4rem,2rem + 8vw,10rem);line-height:.9;letter-spacing:-.01em}
.hero h1 em{font-style:normal;color:var(--red)}
.hero-p{max-width:44ch;font-size:clamp(1.05rem,1rem + .35vw,1.25rem);color:var(--ink-2);margin:26px 0 30px}
.hero-pic{position:relative}
.hero-pic img{width:100%;aspect-ratio:11/13;object-fit:cover;border-radius:999px 999px 0 0;border:2px solid var(--ink)}
.badge{position:absolute;bottom:28px;inset-inline-start:-22px;background:var(--paper);border:2px solid var(--ink);padding:14px 18px;display:flex;align-items:center;gap:10px;box-shadow:5px 5px 0 var(--ink)}
.badge b{font:400 34px/1 var(--disp);color:var(--red)}.badge span{font-size:13px;line-height:1.25}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-pic{max-width:440px;margin-inline:auto}.badge{inset-inline-start:0}}

/* Strip */
.strip{background:var(--red);color:#fff;border-block:2px solid var(--ink);overflow:hidden;padding:16px 0;direction:ltr}
.strip-t{display:flex;gap:26px;width:max-content;animation:mq 36s linear infinite;font:400 clamp(1.4rem,1rem + 1.4vw,2.2rem)/1 var(--disp);white-space:nowrap}
.strip-t span{direction:rtl}
@keyframes mq{to{transform:translateX(-50%)}}

/* Sections */
.sec{max-width:1360px;margin-inline:auto;padding:clamp(70px,9vw,130px) clamp(18px,4vw,44px)}
.sec-hd{margin-bottom:40px}.sec-hd h2,.how h2{font-size:clamp(2.4rem,1.5rem + 3.2vw,4.6rem)}
.ev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ev{position:relative;display:block;text-decoration:none;color:#fff;aspect-ratio:3/4;overflow:hidden;border:2px solid var(--ink);isolation:isolate}
.ev-0,.ev-3{grid-row:span 1}
.ev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s}
.ev::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(10,8,7,.85))}
.ev:hover img{transform:scale(1.06)}
.ev-b{position:absolute;inset-inline:18px;bottom:18px}
.ev-b span{display:inline-block;font-size:12px;font-weight:700;background:var(--paper);color:var(--ink);padding:4px 10px;margin-bottom:10px}
.ev-b h3{font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);margin-bottom:6px}.ev-b p{font-size:14px;opacity:.88;margin:0}
@media(max-width:1000px){.ev-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ev-grid{grid-template-columns:1fr}.ev{aspect-ratio:4/3}}

.how{background:var(--ink);color:var(--paper);padding:clamp(70px,9vw,130px) clamp(18px,4vw,44px)}
.how-in{max-width:1360px;margin-inline:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(30px,5vw,80px);align-items:start}
.how .kick{color:#F0907A}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;column-gap:20px;padding:26px 0;border-top:1px solid rgba(255,255,255,.15)}
.steps b{grid-row:span 2;font:400 56px/1 var(--disp);color:var(--red)}
.steps h3{font-size:28px;margin-bottom:6px}.steps p{opacity:.75;margin:0}
@media(max-width:860px){.how-in{grid-template-columns:1fr}}

.pl-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:14px}
.pl{margin:0;position:relative;overflow:hidden;border:2px solid var(--ink)}
.pl img{width:100%;height:100%;object-fit:cover}
.pl figcaption{position:absolute;bottom:0;inset-inline:0;padding:10px 14px;background:var(--paper);border-top:2px solid var(--ink);font-size:14px;font-weight:600;transform:translateY(100%);transition:transform .35s}
.pl:hover figcaption,.pl:focus-within figcaption{transform:none}
.pl-0{grid-column:span 3;grid-row:span 2}.pl-1,.pl-2{grid-column:span 3}.pl-3{grid-column:span 2}.pl-4{grid-column:span 4}
@media(max-width:760px){.pl-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.pl-0{grid-column:span 2}.pl-1{grid-column:span 2}.pl-2,.pl-3,.pl-4{grid-column:span 1}.pl-4{grid-column:span 2}.pl figcaption{transform:none}}

.quote{max-width:1100px;margin:0 auto;padding:0 clamp(18px,4vw,44px) clamp(70px,9vw,120px)}
.quote blockquote{margin:0;border-top:2px solid var(--ink);padding-top:40px}
.quote p{font:400 clamp(2rem,1.3rem + 2.6vw,3.8rem)/1.12 var(--disp)}
.quote footer{color:var(--muted);font-size:15px}
.cta-band{background:var(--red);color:#fff;border-block:2px solid var(--ink);padding:clamp(60px,8vw,110px) clamp(18px,4vw,44px);text-align:center}
.cta-band h2{font-size:clamp(2.4rem,1.5rem + 3.4vw,4.8rem);margin-bottom:14px}.cta-band p{opacity:.9;margin-bottom:26px}
.cta-band .cbtn-red{background:var(--ink);border-color:var(--ink);box-shadow:5px 5px 0 #fff}
.fine{max-width:1360px;margin:14px auto;padding:0 clamp(18px,4vw,44px);font-size:12px;color:var(--muted)}

/* Footer */
.ft{background:var(--ink);color:#E9E2D8;padding:clamp(50px,7vw,90px) clamp(18px,4vw,44px) 24px;overflow:hidden}
.ft-big{font:400 clamp(7rem,3rem + 18vw,22rem)/.8 var(--disp);color:transparent;-webkit-text-stroke:1.5px rgba(214,69,42,.6);margin-bottom:40px;user-select:none}
.ft-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;font-size:15px}
.ft-claim{font:400 24px/1.25 var(--disp);color:#fff}
.ft h3{font:400 20px var(--disp);color:#fff;margin-bottom:12px}.ft p{opacity:.78}
.ft-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ft-list a{text-decoration:none;opacity:.78}.ft-list a:hover{opacity:1;color:var(--red)}
.ft-note{margin:40px 0 0;font-size:13px;opacity:.5}
@media(max-width:860px){.ft-row{grid-template-columns:1fr 1fr}}

/* Inner pages */
.pg{max-width:1360px;margin-inline:auto;padding:clamp(50px,7vw,100px) clamp(18px,4vw,44px) 0}
.pg h1{font-size:clamp(3rem,1.6rem + 5vw,6.4rem)}
.pg-lead{max-width:60ch;color:var(--ink-2);font-size:18px;margin-top:20px}
.menus{padding-top:clamp(40px,5vw,60px)}
.tabs{display:flex;flex-wrap:wrap;gap:0;border:2px solid var(--ink);width:max-content;max-width:100%;margin-bottom:30px}
.tabs button{border:0;border-inline-start:2px solid var(--ink);background:transparent;padding:14px 20px;font:700 15px var(--sans);cursor:pointer;color:var(--ink)}
.tabs button:first-child{border-inline-start:0}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.menu-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,56px);align-items:start}
.mp-pic{position:relative;border:2px solid var(--ink)}.mp-pic img{width:100%;aspect-ratio:9/11;object-fit:cover}
.mp-price{position:absolute;bottom:-2px;inset-inline-start:-2px;background:var(--red);color:#fff;padding:16px 20px;border:2px solid var(--ink);display:grid;gap:4px;max-width:85%}
.mp-price b{font:400 26px/1 var(--disp)}.mp-price span{font-size:13px;opacity:.9}
.mp-card{background:var(--card);border:2px solid var(--ink);padding:clamp(22px,3vw,40px);box-shadow:8px 8px 0 var(--ink)}
.mp-card h2{font-size:clamp(2rem,1.5rem + 1.6vw,3rem);margin-bottom:8px}.mp-lead{color:var(--muted)}
.mp-card h3{font-size:22px;color:var(--red);margin:22px 0 8px;display:flex;align-items:center;gap:12px}
.mp-card h3::after{content:"";flex:1;height:1px;background:var(--line)}
.mp-card ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:6px}
.mp-card li{padding-inline-start:18px;position:relative}.mp-card li::before{content:"✳";position:absolute;inset-inline-start:0;color:var(--olive);font-size:11px;top:5px}
.mp-card .cbtn{margin-top:26px}
.menu-note{margin-top:30px;color:var(--muted);font-size:14px}
@media(max-width:860px){.menu-panel{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1 1 50%;border-inline-start:0;border-top:2px solid var(--ink)}.tabs button:nth-child(-n+2){border-top:0}.tabs button:nth-child(even){border-inline-start:2px solid var(--ink)}}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chips button{border:2px solid var(--ink);background:transparent;padding:10px 18px;font:700 14px var(--sans);cursor:pointer}
.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.gal{columns:3 280px;column-gap:16px}
.g{break-inside:avoid;margin:0 0 16px;border:2px solid var(--ink);background:var(--card)}
.g img{width:100%}
.g figcaption{padding:12px 14px;font-weight:600;font-size:15px}.g figcaption span{display:block;font-size:12px;color:var(--red);font-weight:700}

.about{max-width:1360px;margin-inline:auto;padding:clamp(50px,7vw,100px) clamp(18px,4vw,44px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,5vw,80px);align-items:center}
.ab-pic img{width:100%;aspect-ratio:9/11.5;object-fit:cover;border:2px solid var(--ink);box-shadow:-10px 10px 0 var(--red)}
.ab-txt h1{font-size:clamp(2.8rem,1.6rem + 4vw,5.4rem);margin-bottom:24px}.ab-txt p{color:var(--ink-2)}
.tl{list-style:none;margin:24px 0;padding:0;border-top:2px solid var(--ink)}
.tl li{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.tl b{font-family:var(--disp);color:var(--red);font-weight:400;font-size:20px}
.fine-in{font-size:13px;color:var(--muted)}
.values{max-width:1360px;margin:0 auto;padding:0 clamp(18px,4vw,44px) clamp(70px,9vw,120px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.values div{border:2px solid var(--ink);padding:28px;background:var(--card)}.values h3{font-size:28px;margin-bottom:8px;color:var(--red)}.values p{margin:0;color:var(--ink-2)}
@media(max-width:860px){.about,.values{grid-template-columns:1fr}}

.inq{max-width:1360px;margin-inline:auto;padding:clamp(50px,7vw,100px) clamp(18px,4vw,44px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(26px,5vw,72px);align-items:start}
.inq h1{font-size:clamp(3rem,1.6rem + 4.4vw,6rem)}
.promise{list-style:none;margin:24px 0;padding:0;display:grid;gap:10px}.promise li{padding-inline-start:28px;position:relative;font-weight:500}.promise li::before{content:"✳";position:absolute;inset-inline-start:0;color:var(--red)}
.inq-side img{border:2px solid var(--ink);margin-top:10px;width:100%;aspect-ratio:4/3;object-fit:cover}
.inq-form{background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:clamp(22px,3vw,40px);display:grid;gap:18px}
.inq-form fieldset{border:0;margin:0;padding:0}.inq-form legend,.inq-form label{font-weight:700;font-size:15px}
.inq-form label{display:grid;gap:8px}
.inq-form input:not([type=radio]):not([type=checkbox]):not([type=range]),.inq-form textarea{width:100%;border:2px solid var(--ink);background:#fff;padding:12px 14px;font:16px var(--sans);border-radius:0}
.inq-form .is-bad{border-color:var(--red)!important;background:#FDEDE9!important}
.inq-form input[type=range]{accent-color:var(--red);width:100%}
output{font:400 22px var(--disp);color:var(--red)}
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pick label{display:block;cursor:pointer}
.pick input{position:absolute;opacity:0}.pick span{display:block;border:2px solid var(--ink);padding:12px 16px;font-weight:700;font-size:15px;background:#fff}
.pick.sm span{padding:9px 14px;font-size:14px}
.pick input:checked+span{background:var(--red);color:#fff;border-color:var(--red)}
.pick input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demo-note{font-size:12px;color:var(--muted);margin:0}
.kit-sent{text-align:center}.sent-ic{font-size:44px;color:var(--red);margin:0}.kit-sent h2{font-size:34px;margin-bottom:8px}
@media(max-width:860px){.inq{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

.js [data-r]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.1,1),transform .8s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--d,0)*80ms)}
.js [data-r].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.strip-t{animation:none}}

/* 29.10 hero v2 - tasting menu card on dark */
.hxc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--ink);color:#F4EFE8;min-height:clamp(560px,84vh,800px)}
.hxc-pic{position:relative;overflow:hidden}
.hxc-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hxc-txt{padding:clamp(36px,5vw,80px) clamp(22px,5vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hxc-k{font-size:14px;letter-spacing:.08em;color:#C9BFB2;margin-bottom:18px;padding-inline-start:28px;position:relative}
.hxc-k::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:18px;height:2px;background:var(--red)}
.hxc h1{font-size:clamp(46px,5.6vw,88px);line-height:.98;letter-spacing:-.03em;color:#fff;margin:0 0 28px}
.hxc h1 em{font-style:normal;color:var(--red)}
.hxc-menu{background:#F4EFE8;color:var(--ink);width:min(100%,460px);padding:22px 26px 18px;transform:rotate(-1.5deg);box-shadow:0 30px 60px rgba(0,0,0,.45);margin-bottom:30px;position:relative}
.hxc-menu::before{content:"";position:absolute;inset:8px;border:1px solid rgba(22,19,18,.18);pointer-events:none}
.hxc-mt{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.1em;color:#7A6E64;border-bottom:1px solid rgba(22,19,18,.2);padding-bottom:10px;margin:0 0 10px}
.hxc-menu ol{margin:0;padding:0;list-style:none;counter-reset:c}
.hxc-menu li{counter-increment:c;display:flex;gap:12px;padding:7px 0;font-size:16px}
.hxc-menu li::before{content:counter(c,hebrew);color:var(--red);font-weight:700;min-width:18px}
.hxc-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hxc-link{color:#F4EFE8;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@media(max-width:860px){
	.hxc{grid-template-columns:1fr;min-height:0}
	.hxc-pic{height:46vh;min-height:280px}
	.hxc-txt{padding:28px 20px 44px}
	.hxc h1{font-size:clamp(44px,12.5vw,60px)}
	.hxc-menu{transform:none;width:100%}
	.hxc-cta .cbtn{width:100%;justify-content:center}
}