/* ═══════════════════════════════════════════════════════════════
   نار وطين · Nar & Teen — الصفحات الداخلية
   اللغة البصرية نفسها المعتمدة في css/style.css:
   فحم #12100E · جمر #DC2626 · ذهب #CA8A04 · كريمي #F7F1E7 · Amiri + Tajawal

   الفارق: الصفحات الداخلية تحريرية لا سينمائية.
   رأس الصفحة شريط فحمي صلب بعنوان Amiri ضخم، والصورة لوحة مضيئة
   على جهة واحدة — لا طبقة سوداء فوق الموضوع.
   ملف واحد يخدم RTL و LTR — خصائص منطقية فقط.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@300;400;500;700;800;900&family=Playfair+Display+SC:wght@400;700;900&family=Karla:wght@300;400;500;600;700&display=swap');

/* ─────────── ١. الرموز اللونية ─────────── */
:root{
  /* الفحم */
  --c-void:#0A0908;  --c-ink:#12100E;  --c-panel:#1A1613;  --c-raise:#231D18;
  --c-line:rgba(217,182,140,.16);  --c-line-2:rgba(217,182,140,.30);
  /* حدّ الحقول — يتجاوز 3:1 فوق لوحة الفحم حتى يُرى الحقل أصلاً */
  --c-field:rgba(247,241,231,.42);

  /* الجمر والذهب */
  --c-ember:#DC2626; --c-ember-lt:#F2542D; --c-gold:#CA8A04; --c-gold-lt:#E5B44A;
  --c-err:#F87171;

  /* النص */
  --c-cream:#F7F1E7; --c-mid:#C4B5A2; --c-dim:#8E8175;

  --g-ember:linear-gradient(100deg,var(--c-ember-lt),var(--c-gold-lt));

  --f-disp:'Amiri',"Times New Roman",serif;
  --f-body:'Tajawal',system-ui,'Segoe UI',Tahoma,sans-serif;

  --wrap:1280px;
  --sec:clamp(4rem,9vw,7.5rem);
  --gap:clamp(1.4rem,2.8vw,2.6rem);
  --ease:cubic-bezier(.22,.68,.28,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* سلّم z-index */
  --z-base:10; --z-head:20; --z-menu:30; --z-scrim:40; --z-modal:50; --z-toast:60;

  /* شارة «نموذج تصميم» المشتركة */
  --px-badge-bg:rgba(18,16,14,.93); --px-badge-fg:#F7F1E7; --px-badge-accent:#CA8A04;

  /* أسماء قديمة ما زالت مستعملة في سمة style داخل HTML */
  --cream:var(--c-cream); --cream-mid:var(--c-mid); --cream-dim:var(--c-dim);
  --gold-soft:var(--c-gold-lt); --ember:var(--c-ember);
}

html[lang="en"]{ --f-disp:'Playfair Display SC',Georgia,serif; --f-body:'Karla',system-ui,sans-serif; }

/* ─────────── ٢. الأساس ─────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

/* خلفية المستند فحم داكن حتى يذوب شريط الترويسة الشفاف في رأس الصفحة
   بلا خط فاصل، والأقسام العادية تحمل درجة الفحم الأفتح */
body{
  margin:0;background:var(--c-void);color:var(--c-cream);
  font-family:var(--f-body);font-size:17px;line-height:1.8;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
html[lang="en"] body{line-height:1.7}

img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
[hidden]{display:none !important}

h1,h2,h3,h4{font-family:var(--f-disp);font-weight:700;line-height:1.26;margin:0 0 .55em}
html[lang="en"] h1,html[lang="en"] h2,
html[lang="en"] h3,html[lang="en"] h4{letter-spacing:.012em}
h1{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.16}
h2{font-size:clamp(1.8rem,4vw,2.8rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}
p{margin:0 0 1.1em;max-width:70ch}
ul{margin:0;padding:0;list-style:none}

:focus-visible{outline:2px solid var(--c-gold-lt);outline-offset:3px;border-radius:3px}
::selection{background:var(--c-ember);color:#fff}

/* الأرقام التي تحمل رمزاً (+ % : -) تُعزل حتى لا تنقلب في RTL */
.num,.price,.phone,.time-val{direction:ltr;unicode-bidi:isolate}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip-link{position:absolute;inset-block-start:-120px;inset-inline-start:1rem;
  z-index:var(--z-toast);background:var(--c-ember);color:#fff;font-weight:700;
  padding:.8rem 1.3rem;border-radius:0 0 8px 8px}
.skip-link:focus{inset-block-start:0}

[dir="rtl"] .icon-flip{transform:scaleX(-1)}

/* هدف رابط التخطي لا يختفي تحت الترويسة اللاصقة */
main[id],section[id]{scroll-margin-block-start:6rem}

/* حبيبات فيلمية فوق كل شيء — تفصيلة الفخامة نفسها في الصفحة الرئيسية */
body::after{
  content:'';position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none;opacity:.24;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}

/* الظهور مع التمرير */
[data-reveal]{opacity:0;transform:translateY(18px);
  transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
[data-reveal].is-revealed{opacity:1;transform:none}

/* ─────────── ٣. الترويسة ─────────── */
.hdr{
  position:sticky;inset-block-start:0;z-index:var(--z-head);
  background:rgba(10,9,8,.92);backdrop-filter:blur(16px);
  border-block-end:1px solid var(--c-line);
}
.hdr__in{position:relative;display:flex;align-items:center;gap:1rem;min-block-size:76px}

/* تتجمّد الترويسة مع التمرير — بلا جافاسكربت، وتبقى صلبة لو لم يدعمها المتصفح */
@supports (animation-timeline:scroll()){
  .hdr{
    background:rgba(10,9,8,0);border-block-end-color:transparent;
    animation:hdrSolid linear both;
    animation-timeline:scroll(root block);
    animation-range:0px 150px;
  }
  @keyframes hdrSolid{
    from{background-color:rgba(10,9,8,0);border-block-end-color:rgba(217,182,140,0);
         box-shadow:0 0 0 rgba(0,0,0,0)}
    to{background-color:rgba(10,9,8,.93);border-block-end-color:rgba(217,182,140,.16);
       box-shadow:0 14px 40px -22px rgba(0,0,0,.9)}
  }
}

.brand{display:inline-flex;align-items:center;gap:.7rem;flex:none}
.brand__mark{inline-size:36px;block-size:36px;flex:none;color:var(--c-ember-lt);
  transition:transform .4s var(--ease)}
a.brand:hover .brand__mark{transform:rotate(-8deg) scale(1.08)}
.brand__txt{display:flex;flex-direction:column;line-height:1.08}
.brand__name{font-family:var(--f-disp);font-size:1.45rem;font-weight:700;color:var(--c-cream)}
.brand__tag{font-size:.66rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--c-gold-lt)}

.nav-toggle{display:none;align-items:center;justify-content:center;
  margin-inline-start:auto;inline-size:46px;block-size:46px;
  border:1px solid var(--c-line-2);border-radius:12px;color:var(--c-cream);
  transition:border-color .25s var(--ease),color .25s var(--ease)}
.nav-toggle:hover{border-color:var(--c-gold-lt);color:var(--c-gold-lt)}
.nav-toggle svg{inline-size:22px;block-size:22px}
.nav-toggle .ico-x{display:none}
.nav-toggle[aria-expanded="true"] .ico-x{display:block}
.nav-toggle[aria-expanded="true"] .ico-menu{display:none}

.nav{margin-inline-start:auto;display:flex;align-items:center;gap:clamp(.6rem,1.7vw,1.7rem)}
.nav>a{position:relative;display:inline-flex;align-items:center;min-block-size:44px;
  padding-block:.5rem;font-size:.95rem;font-weight:500;color:var(--c-mid);
  transition:color .25s var(--ease)}
.nav>a::after{content:'';position:absolute;inset-block-end:.35rem;inset-inline:0;
  block-size:1px;background:var(--g-ember);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .3s var(--ease)}
[dir="ltr"] .nav>a::after{transform-origin:0 50%}
.nav>a:hover,.nav>a[aria-current="page"]{color:var(--c-cream)}
.nav>a:hover::after,.nav>a[aria-current="page"]::after{transform:scaleX(1)}

.nav__actions{display:flex;align-items:center;gap:.65rem}

.btn-lang{min-block-size:44px;min-inline-size:64px;padding:.4rem 1rem;
  border:1px solid var(--c-line-2);border-radius:999px;
  font-size:.85rem;font-weight:700;color:var(--c-mid);
  transition:color .25s var(--ease),border-color .25s var(--ease)}
.btn-lang:hover{color:var(--c-gold-lt);border-color:var(--c-gold-lt)}

.btn-book{position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-block-size:44px;padding:.45rem 1.25rem;border-radius:999px;
  background:var(--c-ember);color:#fff;font-size:.9rem;font-weight:700;
  isolation:isolate;overflow:hidden;
  box-shadow:0 8px 22px -10px rgba(220,38,38,.8)}
.btn-book::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--g-ember);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease-out)}
[dir="ltr"] .btn-book::before{transform-origin:0 50%}
.btn-book:hover::before{transform:scaleX(1)}
.btn-book[aria-current="page"]{box-shadow:0 0 0 1px var(--c-gold-lt),0 8px 22px -10px rgba(220,38,38,.8)}

/* ─────────── ٤. الأزرار ─────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-block-size:54px;padding:.85rem 1.9rem;border-radius:999px;
  border:1px solid transparent;font-size:1rem;font-weight:700;text-align:center;
  position:relative;overflow:hidden;isolation:isolate;
  transition:color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.btn svg{inline-size:18px;block-size:18px;flex:none}

.btn--fire{background:var(--c-ember);color:#fff;box-shadow:0 10px 30px -12px rgba(220,38,38,.85)}
/* التعبئة تنزلق من جهة البداية عند المرور — بلا أي تحريك للتخطيط */
.btn--fire::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--g-ember);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease-out)}
[dir="ltr"] .btn--fire::before{transform-origin:0 50%}
.btn--fire:hover::before{transform:scaleX(1)}
.btn--fire:hover{box-shadow:0 14px 38px -12px rgba(242,84,45,.9)}

.btn--ghost{border-color:var(--c-line-2);color:var(--c-cream)}
.btn--ghost:hover{border-color:var(--c-gold-lt);color:var(--c-gold-lt)}

.btn--block{inline-size:100%}
.btn .icon-flip{transition:transform .3s var(--ease)}
.btn:hover .icon-flip{transform:translateX(-4px)}
[dir="rtl"] .btn:hover .icon-flip{transform:scaleX(-1) translateX(-4px)}

.hero__cta{display:flex;flex-wrap:wrap;gap:1rem}

/* ─────────── ٥. رأس الصفحة الداخلية ─────────── */
.phead{
  position:relative;overflow:hidden;
  background:var(--c-void);border-block-end:1px solid var(--c-line);
  padding-block:clamp(3.4rem,7vw,6rem) clamp(3rem,6vw,5rem);
}
/* وهج جمر خافت خلف العنوان — على جهة النص */
.phead::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
[dir="rtl"] .phead::before{background:radial-gradient(58% 82% at 84% 34%,rgba(220,38,38,.20),transparent 68%)}
[dir="ltr"] .phead::before{background:radial-gradient(58% 82% at 16% 34%,rgba(220,38,38,.20),transparent 68%)}

/* الصورة لوحة مضيئة على جهة النهاية، تذوب في الفحم بتدرّج اتجاهي.
   لا طبقة معتمة فوق الموضوع — يبقى ٤٠٪ من الصورة صافياً تماماً. */
.phead__media{position:absolute;inset-block:0;inset-inline-end:0;z-index:0;
  inline-size:min(46%,640px)}
.phead__media img{inline-size:100%;block-size:100%;object-fit:cover}
.phead__media::after{content:'';position:absolute;inset:0}
[dir="rtl"] .phead__media::after{
  background:linear-gradient(to right,transparent 0%,rgba(10,9,8,.12) 24%,
    rgba(10,9,8,.58) 52%,rgba(10,9,8,.92) 78%,var(--c-void) 97%),
    linear-gradient(to top,rgba(10,9,8,.55),transparent 42%)}
[dir="ltr"] .phead__media::after{
  background:linear-gradient(to left,transparent 0%,rgba(10,9,8,.12) 24%,
    rgba(10,9,8,.58) 52%,rgba(10,9,8,.92) 78%,var(--c-void) 97%),
    linear-gradient(to top,rgba(10,9,8,.55),transparent 42%)}

.phead__in{position:relative;z-index:var(--z-base)}
.phead h1{position:relative;margin:0;padding-block-end:1.5rem;
  max-inline-size:min(100%,30rem);
  font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.14}
.phead h1::after{content:'';position:absolute;inset-block-end:0;inset-inline-start:0;
  inline-size:92px;block-size:2px;background:var(--g-ember)}
.phead p{margin:1.5rem 0 0;max-inline-size:min(100%,36rem);
  color:var(--c-mid);font-size:clamp(1rem,1.9vw,1.1rem)}

.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.2rem;
  font-size:.78rem;font-weight:700;letter-spacing:.16em;color:var(--c-dim)}
.crumbs::before{content:'';inline-size:34px;block-size:1px;background:var(--c-line-2);flex:none}
.crumbs a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--c-gold-lt);
  transition:color .25s var(--ease)}
.crumbs a:hover{color:var(--c-cream)}
.crumbs svg{inline-size:13px;block-size:13px;opacity:.65}

/* ─────────── ٦. إيقاع الأقسام ─────────── */
section{padding-block:var(--sec);background:var(--c-ink)}
.sec--alt{background:var(--c-void)}

.rule{position:relative;block-size:1px;border:0;margin:0;overflow:visible;
  background:linear-gradient(90deg,transparent,var(--c-line-2) 24%,var(--c-line-2) 76%,transparent)}
.rule::before{content:'';position:absolute;inset-block-start:-3px;inset-inline:0;
  margin-inline:auto;inline-size:7px;block-size:7px;
  background:var(--c-gold);transform:rotate(45deg)}

.eyebrow{display:inline-flex;align-items:center;gap:.85rem;margin:0 0 1rem;
  font-family:var(--f-body);font-size:.78rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--c-gold-lt)}
.eyebrow::before{content:'';inline-size:34px;block-size:1px;background:var(--c-line-2);flex:none}

.sec-head{max-inline-size:48rem;margin-block-end:clamp(2.4rem,5vw,4rem)}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow::after{content:'';inline-size:34px;block-size:1px;
  background:var(--c-line-2);flex:none}
.sec-head h2{margin:0 0 .8rem}
.sec-head p{margin:0;color:var(--c-mid);font-size:1.03rem}
.sec-head.center p{margin-inline:auto}

/* ─────────── ٧. الشطر التحريري ─────────── */
.split{display:grid;gap:clamp(2.2rem,5vw,4.5rem);grid-template-columns:1fr;align-items:center}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}}

.split__media{position:relative}
/* إطار ذهبي شعري يطلّ من خلف الصورة */
.split__media::before{content:'';position:absolute;z-index:0;
  inset-block-start:-1.3rem;inset-block-end:2.6rem;
  inset-inline-start:-1.3rem;inset-inline-end:2.6rem;
  border:1px solid var(--c-line-2);border-radius:18px}
.split__media img{position:relative;z-index:1;inline-size:100%;
  border-radius:16px;border:1px solid var(--c-line);object-fit:cover}
.split__media .stack2{position:absolute;z-index:2;
  inset-block-end:-2.2rem;inset-inline-end:-1.2rem;
  inline-size:44%;border:5px solid var(--c-ink);border-radius:14px;
  box-shadow:0 22px 50px -14px rgba(0,0,0,.75)}

/* blockquote يأتي بهامش جانبي افتراضي من المتصفح — يُصفَّر هنا */
.quote{position:relative;margin-block:2.2rem;margin-inline:0;padding-block-start:2rem;
  border-block-start:1px solid var(--c-line-2);
  font-family:var(--f-disp);font-size:clamp(1.2rem,2.5vw,1.6rem);
  line-height:1.65;color:var(--c-cream)}
.quote::before{content:'';position:absolute;inset-block-start:-5px;inset-inline-start:0;
  inline-size:10px;block-size:10px;background:var(--c-gold);transform:rotate(45deg)}
.quote cite{display:block;margin-block-start:1rem;
  font-family:var(--f-body);font-size:.85rem;font-style:normal;
  letter-spacing:.1em;color:var(--c-gold-lt)}

/* ─────────── ٨. الشبكات ─────────── */
.grid-3{display:grid;gap:var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.grid-2{display:grid;gap:var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}

/* ثلاث قواعد — بلا صناديق، خط شعري علوي يتذهّب عند المرور */
.feat{padding-block-start:1.7rem;border-block-start:1px solid var(--c-line);
  transition:border-color .35s var(--ease)}
.feat:hover{border-block-start-color:var(--c-gold)}
.feat__ico{display:inline-flex;align-items:center;justify-content:center;
  inline-size:52px;block-size:52px;border-radius:14px;
  border:1px solid var(--c-line-2);color:var(--c-gold-lt);margin-block-end:1.2rem;
  transition:background-color .35s var(--ease),border-color .35s var(--ease)}
.feat__ico svg{inline-size:24px;block-size:24px}
.feat:hover .feat__ico{background:rgba(202,138,4,.14);border-color:var(--c-gold)}
.feat h3{margin:0 0 .45em}
.feat p{margin:0;color:var(--c-mid);font-size:.96rem}

/* الفريق */
.member{text-align:center}
.member__mono{display:grid;place-items:center;
  inline-size:112px;block-size:112px;margin-inline:auto;margin-block-end:1.3rem;
  border-radius:50%;border:1px solid var(--c-line-2);color:var(--c-gold-lt);
  background:radial-gradient(circle at 50% 28%,rgba(220,38,38,.26),rgba(10,9,8,.25) 70%);
  transition:border-color .35s var(--ease),transform .35s var(--ease)}
.member:hover .member__mono{border-color:var(--c-gold);transform:translateY(-4px)}
.member h3{margin:0 0 .2em}
.member .role{display:block;margin-block-end:.8rem;
  font-family:var(--f-body);font-size:.8rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold-lt)}
.member p{margin:0;margin-inline:auto;color:var(--c-mid);font-size:.96rem}

/* المحطات — أرقام سنوات مفرّغة على عمود ذهبي */
.timeline{position:relative;margin-block-start:1.8rem;
  border-inline-start:1px solid var(--c-line);
  padding-inline-start:clamp(1.4rem,3vw,2.4rem)}
.tl-item{position:relative;padding-block-end:2.4rem}
.tl-item:last-child{padding-block-end:0}
.tl-item::before{content:'';position:absolute;
  inset-inline-start:calc((-1 * clamp(1.4rem,3vw,2.4rem)) - 5px);
  inset-block-start:1.1rem;inline-size:9px;block-size:9px;border-radius:50%;
  background:var(--c-ember);box-shadow:0 0 0 4px var(--c-void)}
.tl-item b{display:block;font-family:var(--f-disp);font-weight:700;
  font-size:clamp(2rem,4vw,2.6rem);line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(202,138,4,.8);
  transition:-webkit-text-stroke-color .35s var(--ease)}
.tl-item:hover b{-webkit-text-stroke-color:var(--c-gold-lt)}
.tl-item h3{margin:.35em 0 .3em;font-size:1.18rem}
.tl-item p{margin:0;color:var(--c-mid);font-size:.96rem}

/* ─────────── ٩. المنيو: سكة الفلاتر ─────────── */
.filters{display:flex;flex-wrap:wrap;gap:0 clamp(1.1rem,3vw,2.2rem);
  border-block-end:1px solid var(--c-line);margin-block-end:1.2rem}
.filter{position:relative;display:inline-flex;align-items:flex-start;gap:.35rem;
  min-block-size:52px;padding-block:.9rem;padding-inline:.15rem;
  font-family:var(--f-disp);font-size:1.12rem;font-weight:700;color:var(--c-dim);
  transition:color .25s var(--ease)}
.filter::after{content:'';position:absolute;inset-block-end:-1px;inset-inline:0;
  block-size:2px;background:var(--g-ember);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .3s var(--ease)}
[dir="ltr"] .filter::after{transform-origin:0 50%}
.filter:hover{color:var(--c-cream)}
.filter:hover::after{transform:scaleX(.55)}
.filter[aria-pressed="true"]{color:var(--c-cream)}
.filter[aria-pressed="true"]::after{transform:scaleX(1)}
.filter__n{font-family:var(--f-body);font-size:.7rem;font-weight:700;
  color:var(--c-gold-lt);margin-block-start:.15rem}
.filter[aria-pressed="true"] .filter__n{color:var(--c-ember-lt)}

.menu-count{margin:0 0 2rem;font-size:.88rem;letter-spacing:.05em;color:var(--c-dim)}

/* ─────────── ١٠. المنيو: قائمة الأطباق ─────────── */
.dishes{display:grid;gap:0 clamp(1.8rem,4vw,3.6rem);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))}

.dish{display:flex;gap:1.1rem;padding-block:1.5rem;
  border-block-end:1px solid var(--c-line);
  transition:border-color .3s var(--ease)}
.dish:hover{border-block-end-color:var(--c-line-2)}

.dish__img{position:relative;flex:none;overflow:hidden;
  inline-size:clamp(104px,27%,148px);aspect-ratio:1;
  border-radius:14px;background:var(--c-raise)}
.dish__img img{inline-size:100%;block-size:100%;object-fit:cover;
  transition:transform .7s var(--ease-out)}
.dish:hover .dish__img img{transform:scale(1.07)}
.dish__cat{position:absolute;inset-block-end:7px;inset-inline-start:7px;
  padding:.18rem .58rem;border-radius:999px;
  background:rgba(10,9,8,.84);backdrop-filter:blur(4px);
  font-size:.74rem;font-weight:700;color:var(--c-gold-lt)}

.dish__body{display:flex;flex-direction:column;flex:1;min-inline-size:0}
/* خط منقّط يصل الاسم بالسعر — تايبوغرافي قوائم الطعام المطبوعة */
.dish__top{display:flex;align-items:baseline;gap:.6rem;margin-block-end:.35rem}
.dish__top::before{content:'';order:1;flex:1 1 auto;min-inline-size:1.4rem;block-size:0;
  border-block-end:1px dotted var(--c-line-2);transform:translateY(-.16em);
  transition:border-color .3s var(--ease)}
.dish:hover .dish__top::before{border-block-end-color:var(--c-gold)}
.dish__name{flex:0 1 auto;margin:0;font-family:var(--f-disp);
  font-size:1.16rem;font-weight:700;line-height:1.4}
.dish__top .price{order:2;flex:none}

.price{font-family:var(--f-disp);font-weight:700;font-size:1.14rem;
  color:var(--c-gold-lt);white-space:nowrap}
.price .cur{font-size:.7em;font-weight:400;color:var(--c-dim);margin-inline-start:.22em}

.dish__desc{margin:0 0 1.1rem;font-size:.95rem;color:var(--c-mid);line-height:1.75}

.dish__add{margin-block-start:auto;inline-size:100%;min-block-size:46px;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border:1px solid var(--c-line-2);border-radius:999px;
  color:var(--c-gold-lt);font-size:.95rem;font-weight:700;
  transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.dish__add svg{inline-size:17px;block-size:17px}
.dish__add:hover{background:var(--c-gold);color:var(--c-void);border-color:var(--c-gold)}
.dish__add.is-added{background:var(--c-ember);color:#fff;border-color:var(--c-ember)}

.menu-empty{padding:2.6rem 1rem;text-align:center;color:var(--c-mid);
  border:1px dashed var(--c-line-2);border-radius:16px}

/* ─────────── ١١. سلة الطلب ─────────── */
.cart-fab{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:var(--z-menu);
  min-block-size:52px;padding:.6rem 1.2rem;
  display:inline-flex;align-items:center;gap:.6rem;
  border-radius:999px;background:var(--c-ember);color:#fff;
  border:1px solid rgba(247,241,231,.18);font-size:.95rem;font-weight:700;
  isolation:isolate;overflow:hidden;
  box-shadow:0 14px 34px -12px rgba(220,38,38,.85)}
.cart-fab::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--g-ember);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease-out)}
[dir="ltr"] .cart-fab::before{transform-origin:0 50%}
.cart-fab:hover::before{transform:scaleX(1)}
.cart-fab svg{inline-size:20px;block-size:20px;flex:none}
.cart-fab__n{min-inline-size:25px;padding-inline:.35rem;border-radius:999px;
  background:var(--c-void);color:var(--c-gold-lt);
  font-size:.82rem;font-weight:800;line-height:25px;text-align:center}

.scrim{position:fixed;inset:0;z-index:var(--z-scrim);
  background:rgba(6,5,5,.72);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .28s var(--ease)}
.scrim[data-open="true"]{opacity:1}

.drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--z-modal);
  inline-size:min(430px,100%);display:flex;flex-direction:column;
  background:var(--c-panel);border-inline-start:1px solid var(--c-line);
  animation:drwIn .38s var(--ease-out) both}
[dir="rtl"] .drawer{box-shadow:22px 0 60px -20px rgba(0,0,0,.85);animation-name:drwInR}
[dir="ltr"] .drawer{box-shadow:-22px 0 60px -20px rgba(0,0,0,.85)}
@keyframes drwIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes drwInR{from{transform:translateX(-100%)}to{transform:none}}

.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;border-block-end:1px solid var(--c-line)}
.drawer__head h2{margin:0;font-size:1.35rem}
.drawer__body{flex:1;overflow-y:auto;padding:1.1rem 1.3rem}
.drawer__foot{border-block-start:1px solid var(--c-line);padding:1.2rem 1.3rem 1.4rem;
  background:var(--c-void)}

.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;
  inline-size:44px;block-size:44px;border:1px solid var(--c-line);border-radius:12px;
  color:var(--c-cream);transition:border-color .25s var(--ease),color .25s var(--ease)}
.icon-btn:hover{border-color:var(--c-gold-lt);color:var(--c-gold-lt)}
.icon-btn svg{inline-size:20px;block-size:20px}

.cart-empty{text-align:center;padding-block:2.8rem;color:var(--c-dim)}
.cart-empty svg{inline-size:44px;block-size:44px;margin-inline:auto;
  margin-block-end:1.1rem;color:var(--c-gold)}
.cart-empty p{margin:0 0 .3rem}
.cart-empty strong{color:var(--c-cream);font-family:var(--f-disp);font-size:1.15rem}

.cart-line{display:grid;gap:.8rem;grid-template-columns:62px 1fr;
  padding-block:1.1rem;border-block-end:1px solid var(--c-line)}
.cart-line__img{inline-size:62px;block-size:62px;border-radius:12px;
  object-fit:cover;background:var(--c-raise)}
.cart-line__name{font-weight:700;font-size:.98rem;line-height:1.45}
.cart-line__price{margin-block:.15rem .6rem;font-size:.85rem;color:var(--c-dim)}
.cart-line__price .price{font-size:.95rem}
.cart-line__row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}

.qty{display:inline-flex;align-items:center;
  border:1px solid var(--c-line-2);border-radius:999px;overflow:hidden}
.qty button{display:inline-flex;align-items:center;justify-content:center;
  inline-size:44px;block-size:44px;color:var(--c-cream);
  transition:background-color .2s var(--ease),color .2s var(--ease)}
.qty button:hover{background:var(--c-raise);color:var(--c-gold-lt)}
.qty svg{inline-size:16px;block-size:16px}
.qty output{min-inline-size:34px;text-align:center;font-weight:800;font-size:1rem;
  direction:ltr;unicode-bidi:isolate}

.cart-line__rm{display:inline-flex;align-items:center;justify-content:center;flex:none;
  inline-size:44px;block-size:44px;border-radius:12px;color:var(--c-dim);
  transition:color .2s var(--ease),background-color .2s var(--ease)}
.cart-line__rm:hover{color:var(--c-err);background:rgba(220,38,38,.14)}
.cart-line__rm svg{inline-size:18px;block-size:18px}

.totals{margin-block-end:1.1rem}
.totals div{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-block:.35rem;font-size:.94rem;color:var(--c-mid)}
.totals div.grand{margin-block-start:.6rem;padding-block-start:.9rem;
  border-block-start:1px solid var(--c-line);
  font-size:1.1rem;font-weight:800;color:var(--c-cream)}
.totals div.grand .price{font-size:1.3rem}
.cart-note{margin:.9rem 0 0;font-size:.82rem;color:var(--c-dim);text-align:center}

.confirm{text-align:center;padding-block:2.2rem .5rem}
.confirm__ico{display:grid;place-items:center;inline-size:70px;block-size:70px;
  margin-inline:auto;margin-block-end:1.2rem;border-radius:50%;
  border:1px solid var(--c-gold);color:var(--c-gold-lt);
  background:radial-gradient(circle,rgba(202,138,4,.24),transparent 72%)}
.confirm__ico svg{inline-size:32px;block-size:32px}
.confirm h3{margin:0 0 .45em}
.confirm p{margin-inline:auto;color:var(--c-mid);font-size:.96rem}

.ref-box{margin-block:1.4rem;padding:1.1rem;border-radius:14px;
  border:1px dashed var(--c-line-2);background:rgba(10,9,8,.5)}
.ref-box span{display:block;font-size:.76rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--c-dim)}
.ref-box b{display:block;margin-block-start:.35rem;
  font-family:var(--f-disp);font-size:1.65rem;font-weight:700;letter-spacing:.1em;
  color:var(--c-gold-lt);direction:ltr;unicode-bidi:isolate}

/* ─────────── ١٢. النماذج ─────────── */
.form-card{position:relative;overflow:hidden;
  background:var(--c-panel);border:1px solid var(--c-line);border-radius:20px;
  padding:clamp(1.4rem,3.2vw,2.6rem)}
.form-card::before{content:'';position:absolute;inset-block-start:0;inset-inline:0;
  block-size:2px;background:var(--g-ember)}
.form-card>h2{margin:0 0 1.4rem;font-size:clamp(1.4rem,2.8vw,1.9rem)}

.field{margin-block-end:1.4rem}
.field label{display:block;margin-block-end:.5rem;
  font-size:.88rem;font-weight:700;letter-spacing:.04em;color:var(--c-cream)}
.field .req{color:var(--c-ember-lt);margin-inline-start:.25rem}
.field .hint{display:block;margin-block-start:.2rem;
  font-size:.82rem;font-weight:400;letter-spacing:0;color:var(--c-mid)}

.field input,.field select,.field textarea{
  inline-size:100%;min-block-size:52px;padding:.8rem 1rem;
  background-color:rgba(10,9,8,.55);color:var(--c-cream);
  border:1px solid var(--c-field);border-radius:12px;
  font-size:16px;font-family:var(--f-body);line-height:1.6;
  transition:border-color .25s var(--ease),background-color .25s var(--ease),
             box-shadow .25s var(--ease)}
.field textarea{min-block-size:120px;resize:vertical;line-height:1.75}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(247,241,231,.62)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--c-gold-lt);background-color:rgba(10,9,8,.78);
  box-shadow:0 0 0 3px rgba(202,138,4,.22)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{
  outline:2px solid var(--c-gold-lt);outline-offset:2px}
.field input::placeholder,.field textarea::placeholder{color:var(--c-dim)}

.field select{appearance:none;padding-inline-end:2.7rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E5B44A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:18px 18px}
[dir="rtl"] .field select{background-position:15px center}
[dir="ltr"] .field select{background-position:calc(100% - 15px) center}
.field select option{background:var(--c-panel);color:var(--c-cream)}
.field input[type="date"],.field input[type="time"]{color-scheme:dark}
.field input[type="tel"],.field .ltr-input{direction:ltr;text-align:start}

.field.is-bad input,.field.is-bad select,.field.is-bad textarea{
  border-color:var(--c-err);box-shadow:0 0 0 3px rgba(248,113,113,.16)}
.err{display:none;align-items:center;gap:.45rem;margin:.5rem 0 0;
  font-size:.88rem;font-weight:700;color:var(--c-err)}
.err svg{inline-size:16px;block-size:16px;flex:none}
.err-txt{flex:1;line-height:1.6}
.field.is-bad .err{display:flex}

.field-row{display:grid;gap:0 1.2rem;grid-template-columns:1fr}
@media (min-width:620px){
  .field-row{grid-template-columns:1fr 1fr}
  .field-row.trio{grid-template-columns:repeat(3,1fr)}
}

.form-note{margin:1.1rem 0 0;font-size:.86rem;color:var(--c-dim)}

/* لوحة النجاح */
.success{text-align:center;border-radius:20px;
  padding:clamp(2rem,4.5vw,3.4rem) clamp(1.3rem,3vw,2.4rem);
  background:var(--c-panel);border:1px solid var(--c-line-2)}
.success__ico{display:grid;place-items:center;inline-size:76px;block-size:76px;
  margin-inline:auto;margin-block-end:1.4rem;border-radius:50%;
  border:1px solid var(--c-gold);color:var(--c-gold-lt);
  background:radial-gradient(circle,rgba(202,138,4,.24),transparent 72%)}
.success__ico svg{inline-size:36px;block-size:36px}
.success h2{margin:0 0 .5em}
.success p{margin-inline:auto;color:var(--c-mid)}
.success__sum{display:grid;gap:1px;margin-block:1.6rem;
  background:var(--c-line);border:1px solid var(--c-line);
  border-radius:16px;overflow:hidden;text-align:center;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.success__sum div{background:var(--c-panel);padding:1rem .8rem}
.success__sum span{display:block;font-size:.74rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-dim)}
.success__sum b{display:block;margin-block-start:.3rem;
  font-family:var(--f-disp);font-size:1.15rem;font-weight:700;color:var(--c-cream)}

/* ─────────── ١٣. الفروع ─────────── */
.card{background:var(--c-panel);border:1px solid var(--c-line);border-radius:20px;
  overflow:hidden;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.card:hover{border-color:var(--c-line-2);transform:translateY(-5px)}

.branch{display:flex;flex-direction:column}
.branch__img{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--c-raise)}
.branch__img img{inline-size:100%;block-size:100%;object-fit:cover;
  transition:transform .8s var(--ease-out)}
.branch:hover .branch__img img{transform:scale(1.06)}
/* تدرّج سفلي فقط — أعلى الصورة يبقى صافياً */
.branch__img::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,9,8,.86),transparent 56%)}

.branch__body{display:flex;flex-direction:column;flex:1;padding:1.5rem 1.6rem 1.7rem}
.branch h3{margin:0 0 .3em}
.branch__area{display:inline-flex;align-items:center;gap:.4rem;margin-block-end:1.2rem;
  font-size:.82rem;font-weight:700;letter-spacing:.1em;color:var(--c-gold-lt)}
.branch__area svg{inline-size:15px;block-size:15px;flex:none}

.branch dl{margin:0 0 1.3rem;display:grid;gap:.75rem}
.branch dl>div{display:flex;align-items:flex-start;gap:.7rem;
  padding-block-end:.75rem;border-block-end:1px solid var(--c-line)}
.branch dl>div:last-child{padding-block-end:0;border-block-end:0}
.branch dt{flex:none;color:var(--c-gold)}
.branch dt svg{inline-size:17px;block-size:17px;margin-block-start:.3rem}
.branch dd{margin:0;font-size:.95rem;color:var(--c-mid)}
.branch dd a{display:inline-flex;align-items:flex-start;min-block-size:44px;
  transition:color .25s var(--ease)}
.branch dd a:hover{color:var(--c-gold-lt)}

.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-end:1.4rem}
.chip{padding:.3rem .8rem;border-radius:999px;
  border:1px solid var(--c-line);background:rgba(10,9,8,.45);
  font-size:.8rem;color:var(--c-mid)}
.branch .btn{margin-block-start:auto}

/* ─────────── ١٤. البطاقات الجانبية ─────────── */
.stack-side{display:grid;gap:var(--gap);grid-template-columns:1fr;align-items:start}
@media (min-width:940px){.stack-side{grid-template-columns:1.55fr 1fr}}

.side-card{position:relative;overflow:hidden;
  background:var(--c-panel);border:1px solid var(--c-line);border-radius:18px;
  padding:1.6rem 1.5rem}
.side-card::before{content:'';position:absolute;inset-block-start:0;inset-inline:0;
  block-size:1px;background:linear-gradient(90deg,transparent,var(--c-gold),transparent)}
.side-card+.side-card{margin-block-start:1.1rem}
.side-card h3{margin:0 0 .9rem;font-size:1.2rem}
.side-card p{margin:0;color:var(--c-mid);font-size:.95rem}

.hours-table{inline-size:100%;border-collapse:collapse;font-size:.95rem}
.hours-table th,.hours-table td{padding-block:.75rem;padding-inline:0;
  border-block-end:1px solid var(--c-line)}
.hours-table th{text-align:start;padding-inline-end:.8rem;
  font-weight:700;color:var(--c-cream)}
.hours-table td{font-weight:600;color:var(--c-gold-lt)}
/* خلية الوقت تحمل direction:ltr عبر .time-val، فتنقلب دلالة start/end داخلها.
   نثبّت الرقم على الحافة الخارجية للصف في الاتجاهين. */
[dir="rtl"] .hours-table td{text-align:start}
[dir="ltr"] .hours-table td{text-align:end}
.hours-table tr:last-child th,.hours-table tr:last-child td{border-block-end:0}

.list-check{display:grid;gap:.85rem}
.list-check li{display:flex;align-items:flex-start;gap:.65rem;
  font-size:.95rem;color:var(--c-mid);line-height:1.7}
.list-check svg{inline-size:18px;block-size:18px;flex:none;
  color:var(--c-gold-lt);margin-block-start:.35rem}

.call-link{display:inline-flex;align-items:center;gap:.55rem;
  min-block-size:44px;margin-block-start:.7rem;
  font-weight:700;color:var(--c-gold-lt);
  border-block-end:1px solid transparent;transition:border-color .25s var(--ease)}
.call-link:hover{border-block-end-color:var(--c-gold-lt)}
.call-link svg{inline-size:18px;block-size:18px;flex:none}

/* ─────────── ١٥. التواصل والأسئلة ─────────── */
/* العنوان صغير خافت والقيمة كبيرة بخط العرض — عكس البطاقة المعتادة */
.info-card{position:relative;padding:1.6rem 1.5rem;border-radius:18px;
  background:var(--c-panel);border:1px solid var(--c-line);
  transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.info-card:hover{border-color:var(--c-gold);background:var(--c-raise)}
.info-card .feat__ico{inline-size:46px;block-size:46px;border-radius:12px;margin-block-end:1rem}
.info-card .feat__ico svg{inline-size:21px;block-size:21px}
.info-card h3{margin:0 0 .35rem;font-family:var(--f-body);
  font-size:.78rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--c-dim)}
.info-card p,.info-card a{margin:0;font-family:var(--f-disp);
  font-size:1.22rem;line-height:1.5;color:var(--c-cream)}
.info-card a{display:inline-flex;align-items:center;min-block-size:44px;
  transition:color .25s var(--ease)}
.info-card a:hover{color:var(--c-gold-lt)}

.faq{max-inline-size:56rem;margin-inline:auto;border-block-start:1px solid var(--c-line)}
.faq__item{border-block-end:1px solid var(--c-line)}
.faq__item summary{list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:1.2rem;
  min-block-size:64px;padding-block:1.1rem;
  font-family:var(--f-disp);font-size:clamp(1.05rem,2vw,1.28rem);font-weight:700;
  color:var(--c-cream);transition:color .25s var(--ease)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--c-gold-lt)}
.faq__item summary svg{inline-size:22px;block-size:22px;flex:none;color:var(--c-gold);
  transition:transform .3s var(--ease)}
.faq__item[open] summary{color:var(--c-gold-lt)}
.faq__item[open] summary svg{transform:rotate(180deg)}
.faq__a{margin-block-end:1.3rem;padding-block-start:.2rem;padding-inline-start:1.1rem;
  border-inline-start:2px solid var(--c-gold)}
.faq__a p{margin:0;color:var(--c-mid);font-size:.98rem}

/* ─────────── ١٦. شريط الدعوة ─────────── */
.cta-band{position:relative;overflow:hidden;text-align:center;
  background:var(--c-void);border-block:1px solid var(--c-line);
  padding-block:clamp(4rem,8vw,6.5rem)}
.cta-band::before{content:'';position:absolute;pointer-events:none;
  inset-block-start:-42%;inset-inline:0;margin-inline:auto;
  inline-size:min(100%,780px);block-size:520px;
  background:radial-gradient(circle,rgba(220,38,38,.22),transparent 66%)}
.cta-band .wrap{position:relative;z-index:var(--z-base)}
.cta-band h2{margin:0 0 1rem;max-inline-size:22ch;margin-inline:auto;
  font-size:clamp(2rem,5vw,3.3rem);line-height:1.24}
.cta-band p{margin:0;margin-inline:auto;max-inline-size:54ch;color:var(--c-mid)}
.cta-band .hero__cta{justify-content:center;margin-block-start:2rem}

/* ─────────── ١٧. التذييل ─────────── */
.ftr{background:var(--c-void);border-block-start:1px solid var(--c-line);
  padding-block:clamp(3.4rem,6vw,5rem) 0}
.ftr__grid{display:grid;gap:clamp(2rem,4vw,3rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.ftr h4{margin:0 0 1.1rem;font-family:var(--f-body);
  font-size:.78rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--c-gold-lt)}
.ftr p{margin:0;font-size:.93rem;color:var(--c-dim);line-height:1.85}
.ftr li{margin-block-end:.15rem}
/* هدف اللمس 44px حتى في التذييل — الهامش بين العناصر صغير لتعويض الارتفاع */
.ftr a{display:inline-flex;align-items:center;gap:.55rem;min-block-size:44px;
  font-size:.94rem;color:var(--c-mid);transition:color .25s var(--ease)}
.ftr a:hover{color:var(--c-gold-lt)}
.ftr svg{inline-size:16px;block-size:16px;flex:none;color:var(--c-gold)}
.ftr__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.7rem 1.4rem;margin-block-start:clamp(2.4rem,4vw,3.4rem);
  padding-block:1.3rem 5.4rem;border-block-start:1px solid var(--c-line);
  font-size:.84rem;color:var(--c-dim)}

/* ─────────── ١٨. الاستجابة ─────────── */
@media (max-width:940px){
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;inset-inline:0;inset-block-start:calc(100% + .55rem);
    z-index:var(--z-menu);margin-inline-start:0;
    flex-direction:column;align-items:stretch;gap:0;
    padding:.4rem 1.2rem 1.2rem;
    background:var(--c-panel);border:1px solid var(--c-line);border-radius:16px;
    box-shadow:0 26px 60px -24px rgba(0,0,0,.95)}
  .nav[data-open="false"]{display:none}
  .nav>a{font-size:1.05rem;padding-block:1rem;border-block-end:1px solid var(--c-line)}
  .nav>a::after{display:none}
  .nav>a[aria-current="page"]{color:var(--c-gold-lt)}
  .nav__actions{padding-block-start:1rem;gap:.7rem}
  .nav__actions .btn-book{flex:1;justify-content:center}
}

@media (max-width:860px){
  /* على الشاشة الضيقة يمتد النص بعرض الشاشة، فلا تنفع اللوحة الجانبية.
     تصبح الصورة شريطاً مضيئاً أسفل العنوان بدل تعتيمها خلف النص. */
  .phead{display:flex;flex-direction:column;padding-block-end:0}
  .phead__in{order:1}
  .phead__media{order:2;position:relative;inset:auto;z-index:0;
    inline-size:100%;block-size:clamp(150px,38vw,230px);margin-block-start:2.6rem}
  [dir] .phead__media::after{
    background:linear-gradient(to bottom,var(--c-void),rgba(10,9,8,.10) 55%,transparent)}
  [dir="rtl"] .phead::before,[dir="ltr"] .phead::before{
    background:radial-gradient(70% 46% at 50% 22%,rgba(220,38,38,.20),transparent 70%)}
  .split__media::before{display:none}
  .split__media .stack2{display:none}
  /* الحرف العربي العريض يلامس حافة صندوقه — حشوة صغيرة تمنع القص */
  .phead h1{padding-inline-start:.1em}
}

@media (max-width:620px){
  body{font-size:16px}
  /* الحبيبات تفيد الإحساس على الشاشة الكبيرة وتشوّش النص الصغير */
  body::after{opacity:.13}
  .hero__cta .btn{flex:1 1 100%}
  .drawer{inline-size:100%}
  .cart-fab{inset-block-end:76px}
  /* سكة الأقسام تتحوّل إلى شريط أفقي قابل للسحب */
  .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0 1.4rem}
  .filters::-webkit-scrollbar{display:none}
  .filter{white-space:nowrap}
  /* داخل حاوية بتمرير أفقي يُقتطع أي بروز رأسي — نُلصق الخط بالحافة */
  .filter::after{inset-block-end:0}
  .dish{gap:.9rem}
  .dish__img{inline-size:clamp(92px,28%,120px)}
  /* نص القراءة لا ينزل تحت 16px على الجوال */
  .dish__desc,.feat p,.member p,.tl-item p,.branch dd,.side-card p,
  .list-check li,.faq__a p,.confirm p,.form-note{font-size:1rem}
  .ftr__bar{padding-block-end:6.2rem}
}

/* ─────────── ١٩. حركة مخفّضة — إجباري ─────────── */
@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}
  .drawer{animation:none}
  .hdr{animation:none;background:rgba(10,9,8,.93);border-block-end-color:var(--c-line)}
}

/* ─────────── ٢٠. الطباعة ─────────── */
@media print{
  .hdr,.cart-fab,.drawer,.scrim,.cta-band,.px-demo-badge{display:none}
  body{background:#fff;color:#000}
  body::after{display:none}
  .phead__media{display:none}
}

/* ═══ تصفير هوامش المتصفح الافتراضية ═══
   المتصفح يطبّق margin: 1em 40px على figure و blockquote تلقائيًا،
   فتظهر فجوة 40 بكسل غير مقصودة حول الصور والاقتباسات. */
figure, blockquote, dl, dd { margin: 0; }