:root{
  --teal:#04484A; --teal-deep:#033638; --teal-2:#034E51;
  --orange:#F56914; --orange-cta:#FC660D;
  --cream:#FBF3E1; --sand:#F3E9DF; --green:#326B49;
  --ink:#04484A; --ink-2:rgba(4,72,74,.74); --ink-3:rgba(4,72,74,.5);
  --line:rgba(4,72,74,.14); --line-2:rgba(4,72,74,.24);
  --cream-2:rgba(251,243,225,.78); --cream-line:rgba(251,243,225,.22);
  --r-lg:28px; --r-md:18px; --r-sm:12px;
  --ease:cubic-bezier(.2,.7,.1,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --f-ar:"Tajawal",system-ui,sans-serif; --f-lat:"Cormorant Garamond",Georgia,serif;
  --wrap:1320px; --gut:clamp(16px,4vw,48px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-ar);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .02 0 0 0 0 .28 0 0 0 0 .29 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3{margin:0;font-weight:800;line-height:1.15;letter-spacing:-.01em}
p{margin:0}
em{font-style:normal;color:var(--orange)}
::selection{background:var(--orange);color:var(--cream)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* type */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--green);margin-bottom:18px}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(245,105,20,.16)}
.eyebrow--light{color:var(--cream)}
.h2{font-size:clamp(34px,5.4vw,72px);font-weight:900;color:var(--teal)}
.h2 em{position:relative;white-space:nowrap}
.h2 em::after{content:"";position:absolute;inset-inline:0;bottom:-.08em;height:.22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14C40 6 90 4 198 9' stroke='%23F56914' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;transform-origin:right;transform:scaleX(0);transition:transform 1s .35s var(--ease-out)}
[dir=ltr] .h2 em::after{transform-origin:left}
.is-in .h2 em::after,.h2.is-in em::after,.sec-head.is-in em::after{transform:scaleX(1)}
.h2--light{color:var(--cream)}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);max-width:56ch;margin-top:18px}
.sec-head{margin-bottom:clamp(36px,6vw,72px)}
.sec-head--center{text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head--center .lead{margin-inline:auto}
.sec-head__mark{width:64px;margin-bottom:14px}

/* buttons */
.btn{--bg:var(--teal);--fg:var(--cream);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;background:var(--bg);color:var(--fg);font-weight:800;font-size:17px;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--teal-deep);transform:translateY(101%);transition:transform .5s var(--ease-out);z-index:-1}
.btn:hover::before{transform:translateY(0)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(4,72,74,.45)}
.btn:active{transform:translateY(0) scale(.98)}
.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
[dir=ltr] .btn svg:not(.wa){transform:scaleX(-1)}
.btn svg.wa{fill:currentColor;stroke:none}
.btn--orange{--bg:var(--orange-cta)}
.btn--orange::before{background:var(--teal)}
.btn--teal{--bg:var(--teal)}
.btn--teal::before{background:var(--orange)}
.btn--ghost-light{--bg:transparent;--fg:var(--cream);box-shadow:inset 0 0 0 1.5px var(--cream-2);backdrop-filter:blur(6px)}
.btn--ghost-light::before{background:var(--cream)}
.btn--ghost-light:hover{color:var(--teal)}
.btn--sm{height:44px;padding:0 20px;font-size:15px}
.btn--block{width:100%}

/* loader */
.loader{position:fixed;inset:0;z-index:100;background:var(--cream);display:grid;place-items:center;align-content:center;gap:22px;transition:clip-path 1s var(--ease-out) .1s,visibility 0s 1.2s;clip-path:inset(0 0 0 0)}
.loader__mark{width:96px;animation:lm 1.1s var(--ease-out) both}
.loader__word{width:180px;opacity:0;animation:lw .8s .35s var(--ease-out) forwards}
@keyframes lm{from{opacity:0;transform:scale(.6) rotate(-45deg)}to{opacity:1;transform:none}}
@keyframes lw{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.loaded .loader{clip-path:inset(0 0 100% 0);visibility:hidden}

/* nav */
.nav{position:fixed;inset-inline:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--gut);transition:background .5s var(--ease),padding .5s var(--ease),box-shadow .5s var(--ease)}
.nav__brand{position:relative;display:block;width:128px;height:44px}
.nav__logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s}
.nav__logo--dark{opacity:0}
.nav__links{display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(251,243,225,.12);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--cream-line)}
.nav__links a{padding:8px 16px;border-radius:999px;font-weight:700;font-size:15px;color:var(--cream);transition:background .3s,color .3s}
.nav__links a:hover{background:var(--cream);color:var(--teal)}
.nav__actions{display:flex;align-items:center;gap:10px}
.lang{height:44px;min-width:44px;padding:0 14px;border-radius:999px;font-weight:800;font-size:14px;color:var(--cream);box-shadow:inset 0 0 0 1.5px var(--cream-2);transition:all .3s}
.lang:hover{background:var(--cream);color:var(--teal)}
.nav.is-solid{background:rgba(251,243,225,.9);backdrop-filter:blur(14px) saturate(1.2);padding-block:10px;box-shadow:0 1px 0 var(--line)}
.nav.is-solid .nav__logo--light{opacity:0}
.nav.is-solid .nav__logo--dark{opacity:1}
.nav.is-solid .nav__links{background:transparent;box-shadow:none}
.nav.is-solid .nav__links a{color:var(--teal)}
.nav.is-solid .nav__links a:hover{background:var(--teal);color:var(--cream)}
.nav.is-solid .lang{color:var(--teal);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.nav.is-solid .lang:hover{background:var(--teal);color:var(--cream)}

/* hero */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) clamp(26px,5vh,48px);background:var(--teal-deep)}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:heroIn 2.6s var(--ease-out) .3s forwards}
@keyframes heroIn{to{transform:scale(1)}}
.hero__shade{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(3,54,56,.92) 0%,rgba(3,54,56,.55) 34%,rgba(3,54,56,0) 62%),
  linear-gradient(to left,rgba(3,54,56,.55),rgba(3,54,56,0) 55%)}
[dir=ltr] .hero__shade{background:linear-gradient(to top,rgba(3,54,56,.92) 0%,rgba(3,54,56,.55) 34%,rgba(3,54,56,0) 62%),linear-gradient(to right,rgba(3,54,56,.55),rgba(3,54,56,0) 55%)}
.hero__pattern{position:absolute;width:min(46vw,560px);inset-inline-end:-8vw;top:12vh;opacity:.07;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__content{position:relative;max-width:860px}
.hero__title{font-size:clamp(54px,9.4vw,150px);font-weight:900;line-height:1.02;letter-spacing:-.02em;margin-bottom:22px}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.08em}
.hero__title .line>span{display:inline-block;transform:translateY(110%);transition:transform 1.3s var(--ease-out)}
.hero__title .line:nth-child(2)>span{transition-delay:.12s}
.loaded .hero__title .line>span{transform:none}
.hero__title em{color:var(--orange)}
.hero__lead{font-size:clamp(17px,1.6vw,21px);color:var(--cream-2);max-width:52ch;margin-bottom:30px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.hero__facts{position:relative;list-style:none;margin:clamp(28px,6vh,56px) 0 0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--cream-line);max-width:860px}
.hero__facts li{display:flex;flex-direction:column;gap:2px}
.hero__facts strong{font-size:clamp(22px,2.4vw,32px);font-weight:900;color:var(--cream)}
.hero__facts span{font-size:14px;color:var(--cream-2)}
.hero__scroll{position:absolute;inset-inline-end:var(--gut);bottom:clamp(26px,5vh,48px);width:30px;height:50px;border-radius:20px;box-shadow:inset 0 0 0 1.5px var(--cream-2)}
.hero__scroll span{position:absolute;left:50%;top:10px;width:4px;height:10px;margin-left:-2px;border-radius:4px;background:var(--orange);animation:sc 1.8s var(--ease) infinite}
@keyframes sc{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
.hero .eyebrow,.hero__lead,.hero__cta,.hero__facts{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease-out) .5s,transform 1s var(--ease-out) .5s}
.loaded .hero .eyebrow,.loaded .hero__lead,.loaded .hero__cta,.loaded .hero__facts{opacity:1;transform:none}
.loaded .hero__cta{transition-delay:.65s}.loaded .hero__facts{transition-delay:.8s}

/* marquee */
.marquee{background:var(--orange);color:var(--cream);overflow:hidden;padding:18px 0;border-block:1px solid rgba(4,72,74,.12)}
.marquee__track{display:flex;width:max-content;animation:mq 42s linear infinite}
[dir=ltr] .marquee__track{animation-direction:reverse}
.marquee__item{display:flex;align-items:center;gap:26px;padding-inline:13px;font-size:clamp(20px,2.4vw,30px);font-weight:900;white-space:nowrap}
.marquee__item img{width:28px;height:28px}
@keyframes mq{to{transform:translateX(50%)}}
[dir=ltr] .marquee__track{animation-name:mql}
@keyframes mql{to{transform:translateX(-50%)}}

/* story */
.story{padding:clamp(90px,13vw,170px) 0 clamp(70px,10vw,130px)}
.manifesto{font-size:clamp(30px,4.6vw,64px);font-weight:800;line-height:1.38;color:var(--teal);max-width:22ch;letter-spacing:-.01em}
.manifesto .pill{display:inline-block;vertical-align:middle;width:1.9em;height:1.05em;border-radius:999px;overflow:hidden;margin-inline:.12em;box-shadow:0 10px 24px -12px rgba(4,72,74,.5);transform:translateY(-.06em) scale(.3);opacity:0;transition:transform 1s var(--ease-out),opacity .6s}
.manifesto .pill img{width:100%;height:100%;object-fit:cover}
.manifesto.is-in .pill{transform:translateY(-.06em);opacity:1}
.manifesto.is-in .pill:nth-of-type(2){transition-delay:.15s}.manifesto.is-in .pill:nth-of-type(3){transition-delay:.3s}
.story__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(56px,8vw,100px)}
.promise{padding:28px 24px;border-radius:var(--r-md);background:var(--sand);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--ease),background .5s}
.promise:hover{transform:translateY(-6px);background:#F7EDE0}
.promise__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--teal);margin-bottom:22px}
.promise__ic svg{width:26px;height:26px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.promise h3{font-size:20px;margin-bottom:8px}
.promise p{font-size:15px;color:var(--ink-2);line-height:1.7}

/* signature */
.signature{padding:clamp(60px,9vw,120px) 0;background:var(--sand)}
.sig{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center;padding-block:clamp(28px,5vw,56px)}
.sig+.sig{border-top:1px solid var(--line)}
.sig:nth-child(even) .sig__media{order:2}
.sig__media{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--cream);box-shadow:0 40px 80px -40px rgba(4,72,74,.55)}
.sig__media img,.sig__media video{width:100%;height:112%;object-fit:cover;will-change:transform}
.sig__num{display:flex;align-items:center;gap:14px;font-size:clamp(18px,1.6vw,22px);font-weight:900;color:var(--orange);margin-bottom:14px;letter-spacing:.08em}
.sig__num::after{content:"";height:1.5px;width:64px;background:currentColor;opacity:.5}
.sig__title{font-size:clamp(34px,4.4vw,60px);font-weight:900;margin-bottom:16px}
.sig__desc{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);max-width:46ch;margin-bottom:26px}
.sig__sticker{position:absolute;top:20px;inset-inline-start:20px;width:112px;height:112px;border-radius:50%;background:var(--orange);color:var(--cream);display:grid;place-items:center;text-align:center;line-height:1.1;font-weight:900;transform:rotate(-10deg);box-shadow:0 16px 30px -14px rgba(245,105,20,.8)}
.sig__sticker small{display:block;font-size:12px;font-weight:700;opacity:.9}
.sig__sticker b{font-size:30px}
.sig__buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px}

/* segmented + stepper + price */
.seg{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink-2);transition:all .3s}
.seg button[aria-pressed=true]{background:var(--teal);color:var(--cream)}
.price{display:inline-flex;align-items:baseline;gap:4px;font-weight:900;font-size:26px;color:var(--teal)}
.price small{font-size:13px;font-weight:700;color:var(--ink-3)}
.price--ask{font-size:16px;color:var(--green)}
.stepper{display:inline-flex;align-items:center;height:44px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line-2);overflow:hidden}
.stepper button{width:40px;height:100%;font-size:20px;font-weight:700;color:var(--teal);transition:background .2s}
.stepper button:hover{background:var(--sand)}
.stepper output{min-width:34px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.stepper--lg{height:56px}.stepper--lg button{width:54px;font-size:24px}.stepper--lg output{min-width:56px;font-size:22px}

/* kitchen */
.kitchen{position:relative;padding:clamp(70px,10vw,140px) 0 clamp(70px,10vw,130px)}
.kitchen__frame{position:relative;margin-inline:var(--gut);border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/8;min-height:420px;max-height:82vh;width:calc(100% - 2*var(--gut));background:var(--teal)}
.kitchen__video{width:100%;height:100%;object-fit:cover}
.kitchen__tiles{position:absolute;inset-block:0;inset-inline-start:0;width:clamp(40px,5vw,72px);opacity:.95;background-color:var(--cream);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 0C24 13 35 24 48 24C35 24 24 35 24 48C24 35 13 24 0 24C13 24 24 13 24 0Z' fill='%2304484A'/%3E%3Ccircle cx='24' cy='24' r='3' fill='%23F56914'/%3E%3C/svg%3E");background-size:48px 48px}
.kitchen__card-wrap{position:relative;margin-top:calc(-1 * clamp(90px,14vw,200px))}
.kitchen__card{max-width:560px;margin-inline-start:auto;padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);background:var(--cream);box-shadow:0 30px 70px -30px rgba(4,72,74,.45),inset 0 0 0 1px var(--line)}
.kitchen__card .h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:16px}
.kitchen__card p{color:var(--ink-2)}
.kitchen__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.kitchen__stats strong{display:block;font-size:clamp(30px,3vw,42px);font-weight:900;color:var(--orange);line-height:1.1}
.kitchen__stats span{font-size:14px;color:var(--ink-2)}

/* kibbeh */
.kibbeh{padding:clamp(70px,10vw,130px) 0;background:var(--teal);color:var(--cream);position:relative;overflow:hidden}
.kibbeh .h2{color:var(--cream)}
.kibbeh .eyebrow{color:#F3E9DF}
.kibbeh .lead{color:var(--cream-2)}
.kibbeh__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.kibbeh__media{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5}
.kibbeh__media video{width:100%;height:100%;object-fit:cover}
.kibbeh__tag{position:absolute;bottom:18px;inset-inline-start:18px;padding:8px 16px;border-radius:999px;background:var(--cream);color:var(--teal);font-weight:800;font-size:14px}
.kibbeh__panel .sec-head{margin-bottom:30px}
.kb-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kb-type{position:relative;display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);text-align:start;background:rgba(251,243,225,.07);box-shadow:inset 0 0 0 1px var(--cream-line);transition:all .35s var(--ease)}
.kb-type img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.kb-type b{display:block;font-size:15px;line-height:1.3}
.kb-type small{font-size:13px;color:var(--cream-2)}
.kb-type:hover{background:rgba(251,243,225,.14)}
.kb-type[aria-checked=true]{background:var(--cream);color:var(--teal);box-shadow:none}
.kb-type[aria-checked=true] small{color:var(--green)}
.kb-calc{margin-top:22px;padding:24px;border-radius:var(--r-lg);background:var(--cream);color:var(--teal)}
.kb-calc__row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:800}
.kb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
.kb-chips button{padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:inset 0 0 0 1px var(--line-2);transition:all .25s}
.kb-chips button:hover,.kb-chips button[aria-pressed=true]{background:var(--orange);color:var(--cream);box-shadow:none}
.kb-calc__total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px dashed var(--line-2)}
.kb-calc__total>div{display:flex;align-items:baseline;gap:8px;font-weight:700;color:var(--ink-2)}
.kb-calc__total strong{font-size:40px;font-weight:900;color:var(--teal);font-variant-numeric:tabular-nums}
.kb-variant{margin-top:12px}

/* menu */
.menu{padding:clamp(80px,11vw,150px) 0}
.menu__tabs{position:sticky;top:72px;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px;margin:0 auto clamp(30px,4vw,48px);width:max-content;max-width:100%;border-radius:999px;background:rgba(243,233,223,.92);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line)}
.menu__tabs::-webkit-scrollbar{display:none}
.menu__tabs button{flex:none;padding:10px 20px;border-radius:999px;font-weight:800;font-size:15px;color:var(--ink-2);transition:all .3s}
.menu__tabs button[aria-selected=true]{background:var(--teal);color:var(--cream)}
.menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,26px)}
.card{display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--sand);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease);animation:cardIn .7s var(--ease-out) both}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(4,72,74,.5),inset 0 0 0 1px var(--line)}
@keyframes cardIn{from{opacity:0;transform:translateY(24px)}}
.card__img{position:relative;aspect-ratio:5/4;overflow:hidden;background:var(--cream)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.card:hover .card__img img{transform:scale(1.06)}
.card__tag{position:absolute;top:14px;inset-inline-start:14px;padding:5px 12px;border-radius:999px;background:var(--cream);color:var(--green);font-size:12px;font-weight:800}
.card__body{display:flex;flex-direction:column;gap:12px;padding:20px 20px 22px;flex:1}
.card__name{font-size:22px;font-weight:900}
.card__desc{font-size:15px;color:var(--ink-2);line-height:1.65}
.card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.card__add{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--teal);color:var(--cream);font-weight:800;font-size:15px;transition:background .3s,transform .3s}
.card__add:hover{background:var(--orange)}
.card__add:active{transform:scale(.96)}
.card__add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}

/* reels */
.reels{padding:clamp(70px,10vw,130px) 0;background:var(--sand)}
.reels__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);align-items:center}
.reel{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--cream)}
.reel--tall{aspect-ratio:4/5.6}
.reel video{width:100%;height:100%;object-fit:cover}
.reel figcaption{position:absolute;inset-inline:14px;bottom:14px;padding:12px 16px;border-radius:14px;background:rgba(251,243,225,.92);backdrop-filter:blur(8px);font-weight:800;font-size:15px;color:var(--teal)}

/* occasions */
.occasions{padding:clamp(70px,10vw,130px) 0}
.occasions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.occ{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--sand);box-shadow:inset 0 0 0 1px var(--line)}
.occ__img{aspect-ratio:16/11;overflow:hidden}
.occ__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.occ:hover .occ__img img{transform:scale(1.05)}
.occ__body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.occ__body h3{font-size:clamp(24px,2.4vw,34px);font-weight:900}
.occ__body p{color:var(--ink-2)}
.occ__body .btn{margin-top:10px}
.occ--alt{background:var(--teal);color:var(--cream)}
.occ--alt .eyebrow{color:var(--sand)}
.occ--alt p{color:var(--cream-2)}
.occ--alt .btn--teal{--bg:var(--orange-cta)}
.occ--alt .btn--teal::before{background:var(--teal-deep)}

/* testimonials */
.love{padding:clamp(80px,11vw,150px) 0;background:var(--sand);overflow:hidden}
.love__wall{columns:3 300px;column-gap:20px}
.bubble{break-inside:avoid;margin:0 0 20px;padding:22px 24px 26px;border-radius:24px 24px 24px 6px;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);position:relative}
[dir=rtl] .bubble{border-radius:24px 24px 6px 24px}
.bubble p{font-size:18px;font-weight:500;line-height:1.75;color:var(--teal)}
.bubble footer{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:700;color:var(--ink-3)}
.bubble footer i{width:30px;height:30px;border-radius:50%;background:var(--teal);display:grid;place-items:center}
.bubble footer i img{width:18px}
.bubble__heart{position:absolute;bottom:-12px;inset-inline-start:22px;width:30px;height:30px;border-radius:50%;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--orange);font-size:15px}
.bubble--big p{font-size:22px;font-weight:700}

/* offers */
.offers{position:relative;padding:clamp(80px,11vw,140px) 0;background:var(--teal);color:var(--cream);overflow:hidden}
.offers__pattern{position:absolute;width:min(70vw,760px);inset-inline-start:-14vw;bottom:-28%;opacity:.06;animation:spin 120s linear infinite reverse}
.offers__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,6vw,90px);align-items:center}
.offers__lead{margin-top:18px;color:var(--cream-2);font-size:clamp(17px,1.5vw,20px);max-width:48ch}
.offers__form{padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:var(--cream);color:var(--teal);display:grid;gap:18px;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.field{display:grid;gap:8px;font-weight:800;font-size:15px}
.field__row{display:flex;align-items:center;height:60px;border-radius:16px;background:var(--sand);box-shadow:inset 0 0 0 1.5px var(--line-2);overflow:hidden;transition:box-shadow .3s}
.field__row:focus-within{box-shadow:inset 0 0 0 2px var(--orange)}
.field__pre{padding:0 14px;height:100%;display:grid;place-items:center;font-weight:800;color:var(--ink-2);border-inline-end:1px solid var(--line-2)}
[dir=rtl] .field__pre{order:2;border-inline-end:0;border-inline-start:1px solid var(--line-2)}
.field input{flex:1;height:100%;border:0;background:transparent;padding:0 16px;font:inherit;font-size:19px;font-weight:700;color:var(--teal);outline:none;min-width:0}
.field--sm input{height:48px;border-radius:12px;background:var(--sand);box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px}
.field--sm input:focus{box-shadow:inset 0 0 0 2px var(--orange)}
.check{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;color:var(--ink-2);cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--orange);margin-top:4px;flex:none}
.form-msg{min-height:1.5em;font-size:15px;font-weight:700}
.form-msg.ok{color:var(--green)}.form-msg.err{color:var(--orange)}

/* delivery */
.delivery{padding:clamp(80px,11vw,140px) 0}
.delivery__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:stretch}
.delivery__list{list-style:none;padding:0;margin:28px 0;display:grid;gap:4px}
.delivery__list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}
.delivery__list li span{color:var(--ink-2);font-weight:500}
.delivery__list a{font-weight:800;transition:color .3s}
.delivery__list a:hover{color:var(--orange)}
.review-card{display:grid;gap:16px;padding:24px;border-radius:var(--r-lg);background:var(--sand);box-shadow:inset 0 0 0 1px var(--line)}
.review-card h3{font-size:22px;font-weight:900;margin-bottom:6px}
.review-card p{color:var(--ink-2);font-size:15px}
.review-card .btn{justify-self:start}
.review-card .btn svg{fill:currentColor;stroke:none}
.delivery__map{position:relative;min-height:520px;border-radius:var(--r-lg);overflow:hidden;background:var(--sand)}
.delivery__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:sepia(.25) saturate(.8) hue-rotate(-8deg)}
.delivery__badge{position:absolute;bottom:18px;inset-inline-start:18px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--cream);font-weight:800;box-shadow:0 10px 30px -12px rgba(4,72,74,.5)}
.delivery__badge img{width:30px}

/* footer */
.foot{background:var(--teal-deep);color:var(--cream);padding:clamp(70px,9vw,110px) 0 36px;text-align:center}
.foot__grid{display:flex;flex-direction:column;align-items:center;gap:22px}
.foot__logo{width:min(280px,60vw)}
.foot__tag{color:var(--cream-2)}
.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-weight:700}
.foot__links a:hover{color:var(--orange)}
.foot__copy{font-size:13px;color:rgba(251,243,225,.5);margin-top:20px}

/* cart */
.cart-fab{white-space:nowrap;position:fixed;bottom:max(18px,env(safe-area-inset-bottom));inset-inline-start:50%;transform:translateX(50%) translateY(140%);z-index:60;display:flex;align-items:center;gap:10px;height:62px;padding:0 10px 0 22px;border-radius:999px;background:var(--teal);color:var(--cream);font-weight:800;box-shadow:0 20px 40px -14px rgba(3,54,56,.7);transition:transform .6s var(--ease-out)}
[dir=ltr] .cart-fab{transform:translateX(-50%) translateY(140%);padding:0 22px 0 10px}
.cart-fab.show{transform:translateX(50%) translateY(0)}
[dir=ltr] .cart-fab.show{transform:translateX(-50%) translateY(0)}
.cart-fab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.cart-fab__count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--orange);font-size:14px}
.cart-fab__total{padding:0 14px;height:44px;display:grid;place-items:center;border-radius:999px;background:var(--cream);color:var(--teal);font-variant-numeric:tabular-nums}
.cart-fab.bump{animation:bump .5s var(--ease)}
@keyframes bump{50%{scale:1.08}}
.drawer{position:fixed;inset:0;z-index:80;visibility:hidden}
.drawer.open{visibility:visible}
.drawer__scrim{position:absolute;inset:0;background:rgba(3,54,56,.5);opacity:0;transition:opacity .4s}
.drawer.open .drawer__scrim{opacity:1}
.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(460px,100%);background:var(--cream);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .55s var(--ease-out)}
[dir=ltr] .drawer__panel{transform:translateX(100%)}
.drawer.open .drawer__panel{transform:none}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer__head h2{font-size:22px;font-weight:900}
.icon-btn{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px}
.drawer__body{flex:1;overflow-y:auto;padding:12px 24px}
.cline{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cline img{width:64px;height:64px;border-radius:14px;object-fit:cover}
.cline b{display:block;font-size:16px}
.cline small{color:var(--ink-2);font-size:13px}
.cline__right{display:grid;justify-items:end;gap:6px}
.cline .stepper{height:36px}.cline .stepper button{width:32px}
.empty{padding:50px 10px;text-align:center;color:var(--ink-2)}
.empty img{width:70px;margin:0 auto 14px;opacity:.9}
.drawer__foot{padding:18px 24px 24px;border-top:1px solid var(--line);display:grid;gap:12px;background:var(--sand)}
.drawer__total{display:flex;justify-content:space-between;align-items:baseline;font-weight:800}
.drawer__total strong{font-size:28px}
.drawer__note{font-size:13px;color:var(--ink-2)}
.toast{position:fixed;top:90px;left:50%;z-index:95;transform:translate(-50%,-20px);opacity:0;padding:12px 20px;border-radius:999px;background:var(--teal);color:var(--cream);font-weight:800;box-shadow:0 20px 40px -16px rgba(3,54,56,.6);transition:all .45s var(--ease-out);pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal=clip]{opacity:1;transform:none;clip-path:inset(12% 6% 12% 6% round var(--r-lg));transition:clip-path 1.4s var(--ease-out)}
[data-reveal=clip].is-in{clip-path:inset(0 0 0 0 round var(--r-lg))}

/* english */
[lang=en] body{font-size:17px}
[lang=en] .hero__title,[lang=en] .h2,[lang=en] .manifesto,[lang=en] .sig__title{font-family:var(--f-lat);font-weight:500;letter-spacing:-.02em}
[lang=en] .hero__title{line-height:.95}
[lang=en] .hero__title em,[lang=en] .h2 em,[lang=en] .manifesto em{font-style:italic}
[lang=en] .manifesto{font-size:clamp(34px,5vw,72px);line-height:1.22}

/* responsive */
@media (min-width:1700px){:root{--wrap:1520px}body{font-size:18px}}
@media (max-width:1080px){
  .nav__links{display:none}
  .story__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kibbeh__grid,.offers__grid,.delivery__grid{grid-template-columns:1fr}
  .kibbeh__media{aspect-ratio:16/12}
}
@media (max-width:760px){
  body{font-size:16px}
  .nav{padding:12px 16px}
  .nav__brand{width:104px;height:38px}
  .hero{padding:0 16px 22px}
  .hero__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .hero__facts span{font-size:12px}
  .hero__scroll{display:none}
  .hero__cta .btn{flex:1 1 100%}
  .sig{grid-template-columns:1fr}
  .sig:nth-child(even) .sig__media{order:0}
  .sig__sticker{width:92px;height:92px}.sig__sticker b{font-size:24px}
  .story__grid{grid-template-columns:1fr 1fr;gap:10px}
  .promise{padding:20px 16px}
  .kitchen__frame{margin-inline:16px;aspect-ratio:4/5;min-height:0}
  .kitchen__card-wrap{margin-top:-80px}
  .reels__row{grid-template-columns:1fr;gap:16px}
  .reel,.reel--tall{aspect-ratio:4/5}
  .occasions__grid{grid-template-columns:1fr}
  .menu__tabs{top:62px;margin-inline:0;width:auto;border-radius:18px}
  .kb-calc__total{flex-direction:column;align-items:stretch}
  .kb-calc__total .btn{width:100%}
  .delivery__map{min-height:360px}
  .cart-fab{height:56px}
  .cart-fab__label{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none;clip-path:none}
}