/* Safartas Mediterranean Restaurant: demo site styles */
:root{
  --cream:#F6F1E4;--navy:#1B2F6B;--blue:#2F5FB0;--sky:#8CC4E8;--ink:#14161C;
  --wood:#2A221C;--gold:#E2B33C;--ember:#E8772E;--roof:#B5402A;
  --serif:"DM Serif Display",Georgia,"Times New Roman",serif;
  --sans:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ar:"Noto Kufi Arabic","Segoe UI","Geeza Pro",sans-serif;
  --wrap:1200px;--gut:16px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--navy);font:400 1rem/1.6 var(--sans);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0 0 .4em;letter-spacing:-.005em}
h1{font-size:clamp(2.6rem,9vw,5.2rem)}
h2{font-size:clamp(2rem,5.5vw,3.2rem)}
h3{font-size:1.5rem}
p{margin:0 0 1em}
[lang="ar"]{font-family:var(--ar);font-weight:700;color:var(--blue);line-height:1.7;letter-spacing:0}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.label{font:700 .78rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em}
.small{font-size:.9rem}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-60px;background:var(--navy);color:var(--cream);padding:.6em 1em;z-index:100}
.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.on-dark :focus-visible{outline:3px solid var(--blue);box-shadow:0 0 0 6px var(--cream)}
.section{padding:72px 0}
@media (min-width:768px){.section{padding:104px 0}:root{--gut:32px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.3em;border:2px solid var(--navy);background:var(--navy);color:var(--cream);font:700 .95rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:transform .18s var(--ease);border-radius:0}
.btn:hover{transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--navy)}
.btn--gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn--cream{background:var(--cream);border-color:var(--cream);color:var(--navy)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}
.textlink{font-weight:700;text-underline-offset:4px;text-decoration-thickness:2px}

/* ---------- pot logo ---------- */
.pot{width:44px;height:44px;flex:none;color:var(--navy)}
.pot--gold{color:var(--gold)}

/* ---------- sign band / header ---------- */
.sign{background:var(--cream);border-top:3px solid var(--navy);position:relative}
.sign::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--navy)}
.sign__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.brand__name{display:block;font:400 2rem/1 var(--serif)}
.brand__sub{display:block;font:500 .72rem/1.2 var(--sans);letter-spacing:.06em;margin-top:3px}
.sign__ar{display:none;font-size:1.65rem;margin:0}
.sign__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sign__meta .btn{min-height:44px;padding:.5em .9em;font-size:.85rem}
.lit{opacity:.3;animation:lightup .9s var(--ease) .1s forwards}
.lit--late{animation-delay:.25s}
@keyframes lightup{to{opacity:1}}

.navbar{position:sticky;top:0;z-index:40;background:var(--cream)}
.navbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.navbar.is-settled::after{transform:scaleX(1)}
.navbar__inner{display:flex;align-items:center;gap:16px;min-height:52px}
.navbar__pot{width:28px;height:28px;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s var(--ease);flex:none}
.navbar.is-settled .navbar__pot{opacity:1;transform:none}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;margin-left:-8px}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:12px 8px;font:500 .95rem/1 var(--sans);text-decoration:none;position:relative}
.nav a[aria-current="page"]{font-weight:700}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:2px;background:var(--roof)}
.navbar__meta{display:none;align-items:center;gap:14px}
.chip{display:inline-flex;align-items:center;gap:8px;font:700 .74rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--navy);white-space:nowrap}
.chip__dot{width:10px;height:10px;border-radius:50%;background:var(--sky);flex:none}
.chip.is-open .chip__dot{background:var(--ember)}
.chip.pulse .chip__dot{animation:pulse .7s var(--ease) .4s 1}
@keyframes pulse{50%{transform:scale(1.4)}}
@media (min-width:768px){
  .sign__inner{padding-top:16px;padding-bottom:20px}
  .brand__name{font-size:2.7rem}
  .pot{width:56px;height:56px}
  .sign__ar{display:block}
  .sign__meta{display:none}
  .navbar__meta{display:flex}
  .navbar__inner{min-height:58px}
}

/* ---------- skewer rule (motif 4) ---------- */
.skewer{display:block;width:min(360px,80%);height:24px;color:var(--navy);margin:0 0 28px}
.skewer--center{margin-left:auto;margin-right:auto}
.on-dark .skewer{color:var(--gold)}
.js .skewer .sk-line{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease)}
.js .skewer .sk-meat{transform:scale(.6);opacity:0;transform-box:fill-box;transform-origin:center;transition:transform .3s var(--ease),opacity .2s}
.js .skewer.in .sk-line{clip-path:inset(0 0 0 0)}
.js .skewer.in .sk-meat{transform:none;opacity:1}
.skewer.in .sk-meat:nth-of-type(1){transition-delay:.55s}
.skewer.in .sk-meat:nth-of-type(2){transition-delay:.61s}
.skewer.in .sk-meat:nth-of-type(3){transition-delay:.67s}
.skewer.in .sk-meat:nth-of-type(4){transition-delay:.73s}

/* ---------- reveal (animation 4) ---------- */
.js [data-rv]{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js [data-rv].in{opacity:1;transform:none}
.js [data-rv-ar].in{transition-delay:.15s}

/* ---------- diamond (motif 1) ---------- */
.diamond{position:relative;aspect-ratio:1;background:var(--cream);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transition:transform .45s var(--ease)}
.diamond__img{position:absolute;inset:7px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);overflow:hidden;background:var(--navy)}
.diamond__img img,.diamond__img svg{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .45s var(--ease)}
.diamond--navy{background:var(--navy)}
.diamond--gold{background:var(--gold)}
.diamond__logo{display:grid;place-items:center;background:var(--navy)}
.diamond__logo svg{width:46%;height:46%;transform:none;color:var(--gold)}
@media (hover:hover) and (min-width:768px){
  .diamond.hoverable:hover{transform:rotate(4deg)}
  .diamond.hoverable:hover .diamond__img img{transform:rotate(-4deg) scale(1.1)}
}

/* ---------- window wrap backdrop ---------- */
.wrapbg{position:absolute;inset:0;width:100%;height:100%}
.wrapbg .tri-l,.wrapbg .tri-r,.wrapbg .tri-t{transition:transform .3s var(--ease),opacity .3s}
.js .hero:not(.go) .tri-l{transform:translateX(-24px);opacity:0}
.js .hero:not(.go) .tri-r{transform:translateX(24px);opacity:0}
.js .hero:not(.go) .tri-t{transform:translateY(-24px);opacity:0}
.js .hero .drop{opacity:0;transform:translateY(-10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .hero.go .drop{opacity:1;transform:none}
.js .hero.go .drop-1{transition-delay:.32s}
.js .hero.go .drop-2{transition-delay:.44s}
.js .hero.go .drop-3{transition-delay:.56s}

/* ---------- home hero ---------- */
.hero{display:grid;gap:8px;padding:32px 0 0}
.hero__copy{padding-bottom:16px}
.hero h1{margin:.1em 0 0}
.hero h1 [lang="ar"]{display:block;font-size:clamp(1.35rem,4.4vw,2rem);margin-top:.2em}
.hero__lead{font-size:1.1rem;max-width:34em;margin-top:18px}
.hero__today{font-size:.92rem;margin:0}
.window{position:relative;aspect-ratio:1/1;margin:0 calc(var(--gut)*-1);overflow:hidden;background:var(--navy)}
.window .diamond{position:absolute}
.window .d-main{width:56%;left:22%;top:6%}
.window .d-left{width:38%;left:3%;bottom:6%}
.window .d-right{width:38%;right:3%;bottom:6%}
@media (min-width:768px){
  .hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:56px 0 64px}
  .window{margin:0;aspect-ratio:1/1}
}
@media (min-width:1200px){.hero{grid-template-columns:5fr 6fr}}

/* ---------- ember band (motif 5) ---------- */
.ember{background:var(--ink) radial-gradient(120% 60% at 50% 115%,rgba(232,119,46,.42),rgba(232,119,46,0) 70%);color:var(--cream)}
.ember h2{color:var(--gold)}
.ember__grid{display:grid;gap:32px;align-items:center}
.ember__photo{position:relative;max-width:420px}
.ember__photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
.sparks{position:absolute;left:0;right:0;bottom:12%;height:0;pointer-events:none}
.sparks i{position:absolute;bottom:0;width:6px;height:6px;border-radius:50%;background:var(--ember);opacity:0;display:none}
.sparks i:nth-child(1){left:28%}
.sparks i:nth-child(2){left:52%}
.sparks i:nth-child(3){left:71%}
@media (min-width:768px){
  .ember__grid{grid-template-columns:5fr 6fr;gap:64px}
  .sparks i{display:block;animation:spark 2.4s linear infinite}
  .sparks i:nth-child(2){animation-delay:.8s}
  .sparks i:nth-child(3){animation-delay:1.6s}
  .sparks.paused i{animation-play-state:paused}
}
@keyframes spark{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}
.quote{margin:28px 0 0;padding:0 0 0 20px;border-left:3px solid currentColor}
.quote p{font:400 1.35rem/1.35 var(--serif);margin:0 0 .5em}
.quote cite{font:700 .78rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;font-style:normal}
.ember .quote{border-color:var(--gold)}

/* ---------- order this first (track) ---------- */
.track{overflow:hidden;margin:32px calc(var(--gut)*-1) 0;padding:0 var(--gut)}
.track__list{display:flex;gap:20px;list-style:none;margin:0;padding:0;transition:transform .5s var(--ease)}
.js .track__list.pre{transform:translateX(40px);opacity:0}
.track__list.enter{transition:transform .6s var(--ease),opacity .6s}
.dish{flex:0 0 72%;max-width:270px;text-align:center}
.dish .diamond{margin-bottom:12px}
.dish h3{font-size:1.3rem;margin:0}
.track__ctrl{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}
.track__ctrl button{width:48px;height:48px;border:2px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;display:grid;place-items:center}
.track__ctrl button:disabled{opacity:.35;cursor:default}
.track__ctrl svg{width:20px;height:20px}
@media (min-width:768px){.dish{flex-basis:260px}}
.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.head-row p{max-width:36em;margin:0}

/* ---------- kilo teaser ---------- */
.kilo{background:var(--sky);color:var(--navy);position:relative;overflow:hidden}
.kilo__grid{display:grid;gap:12px;align-items:center}
.kilo__kg{font:400 clamp(5.5rem,22vw,11rem)/.9 var(--serif);display:inline-block;transform-origin:left bottom}
.js .kilo__kg{transform:scale(.8);opacity:0}
.kilo__kg.in{animation:kg .7s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes kg{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}
@media (min-width:768px){.kilo__grid{grid-template-columns:auto 1fr;gap:64px}}

/* ---------- reviews ---------- */
.reviews{display:grid;gap:36px;margin-top:36px}
.js .reviews .quote{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.reviews.in .quote{opacity:1;transform:none}
.reviews.in .quote:nth-child(2){transition-delay:.14s}
.reviews.in .quote:nth-child(3){transition-delay:.28s}
.reviews .quote{margin:0;border-color:var(--blue)}
@media (min-width:768px){.reviews{grid-template-columns:repeat(3,1fr);gap:40px}}

/* ---------- room ---------- */
.room__photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:36px}
.room__photos img{width:100%;height:clamp(260px,52vw,520px);object-fit:cover}
.room__grid{display:grid;gap:24px}
@media (min-width:768px){.room__grid{grid-template-columns:1fr 1fr;gap:64px}}

/* ---------- visit strip ---------- */
.strip{background:var(--navy);color:var(--cream);padding:48px 0}
.strip__grid{display:grid;gap:20px}
.strip p{margin:0}
.strip .label{color:var(--sky)}
.strip a{color:var(--cream)}
@media (min-width:768px){.strip__grid{grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:end}}

/* ---------- page head ---------- */
.pagehead{padding-top:40px;padding-bottom:8px}
.pagehead p{max-width:40em;font-size:1.1rem}
.pagehead h1 [lang="ar"]{font-size:.42em;margin-left:.4em;vertical-align:middle}

/* ---------- menu ---------- */
.rail{position:sticky;top:52px;z-index:30;background:var(--cream);border-bottom:1px solid rgba(27,47,107,.25)}
@media (min-width:768px){.rail{top:58px}}
.rail__inner{position:relative;display:flex;overflow-x:auto;scrollbar-width:none}
.rail__inner::-webkit-scrollbar{display:none}
.rail a{flex:none;padding:14px 12px;font:700 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.rail__bar{position:absolute;left:0;bottom:0;height:3px;width:100px;background:var(--navy);transform-origin:left;transition:transform .35s var(--ease)}
.cat{padding:56px 0 8px;scroll-margin-top:110px}
.cat__head{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.cat__head .diamond{width:clamp(110px,26vw,190px);flex:none}
.cat__head h2{margin:0}
@media (min-width:768px){
  .js .cat__head .diamond.turn{transform:rotate(-10deg);transition:transform .8s var(--ease)}
  .js .cat__head .diamond.turn .diamond__img img{transform:rotate(10deg) scale(1.2);transition:transform .8s var(--ease)}
  .js .cat__head .diamond.turn.in,.js .cat__head .diamond.turn.in .diamond__img img{transform:none}
  .js .cat__head .diamond.turn.in .diamond__img img{transform:scale(1.06)}
}
.dishes{list-style:none;margin:0;padding:0;display:grid;gap:0 48px}
.dishes li{padding:16px 0;border-bottom:1px solid rgba(27,47,107,.2)}
.dishes .n{display:block;font:400 1.45rem/1.2 var(--serif)}
.dishes [lang="ar"]{display:block;font-weight:500;font-size:1rem;line-height:1.8}
.dishes .w{display:block;font-size:.88rem;margin-top:2px}
.js .dishes [lang="ar"]{opacity:0;transition:opacity .5s .08s}
.js .dishes.in [lang="ar"]{opacity:1}
@media (min-width:768px){.dishes{grid-template-columns:1fr 1fr}}
.menu-end{padding:48px 0 88px}
.menu-end p{font-size:1.15rem;max-width:36em}

/* ---------- platters ---------- */
.party{margin:24px 0 8px;max-width:560px}
.party label{display:block;font:400 1.6rem/1.2 var(--serif);margin-bottom:6px}
.party__out{font:700 .9rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em}
.range{position:relative;padding-top:34px;margin:6px 0 10px}
.range__pot{position:absolute;top:0;left:0;width:30px;height:30px;color:var(--navy);transition:transform .15s var(--ease);pointer-events:none}
.range input{width:100%;accent-color:var(--navy);height:28px;margin:0}
.party__tip{font-size:1rem;min-height:1.6em}
.table{background:var(--wood);padding:40px 0 56px;margin-top:24px;position:relative}
.table::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--gold)}
.plates{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.plate{background:var(--cream);padding:20px 20px 24px;transition:opacity .3s,outline-color .3s;outline:3px solid transparent;outline-offset:-3px}
.plate .diamond{width:min(220px,70%);margin:0 auto 16px}
.plate h3{margin:0 0 .2em;font-size:1.45rem}
.plate p{margin:0}
.plate .quote{margin-top:16px}
.plate .quote p{font-size:1.05rem}
.plate.dim{opacity:.5}
.plate.hi{outline-color:var(--gold)}
.js .plates .plate{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .plates.in .plate{opacity:1;transform:none}
.js .plates.in .plate.dim{opacity:.5}
@media (min-width:768px){.plates{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.plates{grid-template-columns:repeat(5,1fr);gap:14px}.plate{padding:16px 14px 20px}.plate h3{font-size:1.25rem}}
.table__note{color:var(--cream);margin:20px 0 0}
.groups{background:var(--sky)}
.groups__grid{display:grid;gap:32px;align-items:center}
.groups .diamond{width:min(380px,84%);margin:0 auto;background:var(--navy)}
@media (min-width:768px){.groups__grid{grid-template-columns:2fr 3fr;gap:64px}}

/* ---------- forms ---------- */
.form{display:grid;gap:18px;max-width:640px}
.field label,.field legend{display:block;font:700 .78rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:.65em .8em;border:2px solid var(--navy);background:#fff;color:var(--navy);font:400 1rem/1.4 var(--sans);border-radius:0}
.field textarea{min-height:120px;resize:vertical}
.field fieldset{border:0;margin:0;padding:0}
.checks{display:grid;gap:8px}
.checks label{display:flex;align-items:center;gap:10px;font:400 1rem/1.3 var(--sans);text-transform:none;letter-spacing:0;margin:0;min-height:32px;cursor:pointer}
.checks input{width:22px;height:22px;min-height:0;accent-color:var(--navy);margin:0}
.req{color:var(--roof)}
.two{display:grid;gap:18px}
@media (min-width:768px){.two{grid-template-columns:1fr 1fr}}

/* ---------- visit ---------- */
.visit{display:grid;gap:48px;padding-bottom:72px}
@media (min-width:900px){.visit{grid-template-columns:1fr 1fr;gap:64px}}
.addr{font:400 1.6rem/1.25 var(--serif);font-style:normal;margin-bottom:12px}
.hours{width:100%;border-collapse:collapse;margin:24px 0}
.hours th,.hours td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(27,47,107,.2);position:relative}
.hours th{font-weight:500}
.hours td{text-align:right}
.hours tr.today{font-weight:700}
.hours th,.hours td{z-index:0}
.hours tr.today th::before,.hours tr.today td::before{content:"";position:absolute;inset:0;background:var(--sky);z-index:-1;transform-origin:left;transform:scaleX(0);transition:transform .35s linear .2s}
.hours tr.today td::before{transition-delay:.55s}
.hours tr.today.in th::before,.hours tr.today.in td::before{transform:scaleX(1)}
.facts{list-style:none;padding:0;margin:0}
.facts li{padding:6px 0 6px 22px;position:relative}
.facts li::before{content:"";position:absolute;left:2px;top:.85em;width:8px;height:8px;background:var(--navy);transform:rotate(45deg)}
.map{width:100%;height:auto;display:block;border:2px solid var(--navy);background:#EFE8D6}
.map .pin{transform-box:fill-box;transform-origin:50% 100%}
.js .map .pin{opacity:0;transform:translateY(-12px)}
.map.in .pin{animation:pin .6s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes pin{0%{opacity:0;transform:translateY(-12px)}60%{opacity:1}100%{opacity:1;transform:none}}
.shop{position:relative;margin-top:28px;aspect-ratio:4/3;overflow:hidden;background:var(--ink)}
.shop picture,.shop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shop .night{opacity:0;transition:opacity 1.6s ease}
.shop.night-on .night{opacity:1}
.cap{font-size:.92rem;margin-top:10px}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:var(--cream)}
.foot .sign{border-top-width:3px}
.foot__grid{display:grid;gap:28px;padding-top:48px;padding-bottom:32px}
.foot__brand{display:flex;gap:14px;align-items:flex-start}
.foot__brand .pot{width:64px;height:64px}
.foot__name{font:400 1.5rem/1.15 var(--serif);margin:0 0 4px}
.foot [lang="ar"]{color:var(--gold)}
.foot p{margin:0 0 6px}
.foot a{color:var(--cream)}
.updates{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.updates input{flex:1 1 200px;min-height:48px;padding:.6em .8em;border:2px solid var(--cream);background:transparent;color:var(--cream);font:400 1rem var(--sans);border-radius:0}
.updates input::placeholder{color:rgba(246,241,228,.75)}
.foot__last{border-top:1px solid rgba(246,241,228,.25);padding-top:18px;padding-bottom:28px;font-size:.85rem}
@media (min-width:768px){.foot__grid{grid-template-columns:1.2fr 1fr 1fr}}

/* ---------- modal ---------- */
.modal{border:0;padding:0;max-width:min(480px,calc(100vw - 32px));background:var(--cream);color:var(--navy);border-top:6px solid var(--navy)}
.modal::backdrop{background:rgba(20,22,28,.7)}
.modal__body{padding:28px 24px 24px}
.modal h2{font-size:2rem}
.modal p{margin-bottom:20px}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .lit,.js [data-rv],.js .skewer .sk-line,.js .skewer .sk-meat,.js .hero .drop,.js .reviews .quote,.js .kilo__kg,.js .dishes [lang="ar"],.js .plates .plate,.js .map .pin,.js .track__list.pre{opacity:1!important;transform:none!important;clip-path:none!important}
  .js .hero .tri-l,.js .hero .tri-r,.js .hero .tri-t{opacity:1!important;transform:none!important}
  .js .plates .plate.dim{opacity:.5!important}
  .js .cat__head .diamond.turn,.js .cat__head .diamond.turn .diamond__img img{transform:none!important}
  .hours tr.today th::before,.hours tr.today td::before{transform:scaleX(1)!important}
  .sparks{display:none!important}
  .shop .night{opacity:1!important}
}

/* ---------- additions ---------- */
.diamond__img picture{position:absolute;inset:0}
.navbar__pot{color:var(--navy)}
.sign__ar--always{display:block;font-size:1.25rem}
.foot .sign__inner{flex-wrap:wrap}
@media (min-width:768px){.sign__ar--always{font-size:1.65rem}}
.hero h1 [lang="ar"]{width:fit-content}
.strip .btn--cream{color:var(--navy)}
.foot .sign [lang="ar"]{color:var(--blue)}
.foot .sign{color:var(--navy)}
@media (max-width:767px){
  .sign__inner{flex-wrap:wrap;row-gap:8px}
  .sign__meta{flex-basis:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center}
}