/* ==========================================================================
   أداة تصميم المحتوى
   ١) الخطوط  ٢) السلايد  ٣) المشاهد  ٤) واجهة الأداة
   السلايد كله بوحدات cqw: يُرسم بأي حجم ويبقى متناسبًا.
   ========================================================================== */

/* ------------------------------------------------------------ ١) الخطوط */
@font-face { font-family: "MKD Qahwa";   font-weight: 400; font-display: swap; src: url(fonts/qahwa.woff2) format("woff2"); }
@font-face { font-family: "MKD Ghaith";  font-weight: 400; font-display: swap; src: url(fonts/ghaith-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Ghaith";  font-weight: 600; font-display: swap; src: url(fonts/ghaith-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Handix";  font-weight: 700; font-display: swap; src: url(fonts/handix-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 400; font-display: swap; src: url(fonts/graphik-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 300; font-display: swap; src: url(fonts/graphik-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 500; font-display: swap; src: url(fonts/graphik-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 700; font-display: swap; src: url(fonts/graphik-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 600; font-display: swap; src: url(fonts/graphik-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 900; font-display: swap; src: url(fonts/graphik-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Crafts";  font-weight: 900; font-display: swap; src: url(fonts/crafts-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Crafts";  font-weight: 400; font-display: swap; src: url(fonts/crafts-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Crafts";  font-weight: 500; font-display: swap; src: url(fonts/crafts-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Zain";    font-weight: 400; font-display: swap; src: url(fonts/zain.woff2) format("woff2"); }
@font-face { font-family: "MKD Crafts";  font-weight: 600; font-display: swap; src: url(fonts/crafts-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel";   font-weight: 400; font-display: swap; src: url(fonts/camel-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel";   font-weight: 700; font-display: swap; src: url(fonts/camel-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon";    font-weight: 400; font-display: swap; src: url(fonts/lyon-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon";    font-weight: 600; font-display: swap; src: url(fonts/lyon-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon";    font-weight: 900; font-display: swap; src: url(fonts/lyon-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Rabie";   font-weight: 400; font-display: swap; src: url(fonts/rabie.woff2) format("woff2"); }
@font-face { font-family: "MKD Neo";     font-weight: 400; font-display: swap; src: url(fonts/neo-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Neo";     font-weight: 600; font-display: swap; src: url(fonts/neo-600.woff2) format("woff2"); }
/* خطوط Google العربية (OFL) */
@font-face { font-family: "MKD Cairo"; font-weight: 400; font-display: swap; src: url(fonts/gf-cairo-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Cairo"; font-weight: 700; font-display: swap; src: url(fonts/gf-cairo-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Lalezar"; font-weight: 400; font-display: swap; src: url(fonts/gf-lalezar-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Plex"; font-weight: 400; font-display: swap; src: url(fonts/gf-plex-arabic-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Plex"; font-weight: 600; font-display: swap; src: url(fonts/gf-plex-arabic-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Plex"; font-weight: 700; font-display: swap; src: url(fonts/gf-plex-arabic-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Cairo"; font-weight: 900; font-display: swap; src: url(fonts/gf-cairo-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Almarai"; font-weight: 400; font-display: swap; src: url(fonts/gf-almarai-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Almarai"; font-weight: 700; font-display: swap; src: url(fonts/gf-almarai-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Almarai"; font-weight: 800; font-display: swap; src: url(fonts/gf-almarai-800.woff2) format("woff2"); }
@font-face { font-family: "MKD Tajawal"; font-weight: 400; font-display: swap; src: url(fonts/gf-tajawal-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Tajawal"; font-weight: 700; font-display: swap; src: url(fonts/gf-tajawal-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Tajawal"; font-weight: 900; font-display: swap; src: url(fonts/gf-tajawal-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Messiri"; font-weight: 400; font-display: swap; src: url(fonts/gf-el-messiri-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Messiri"; font-weight: 700; font-display: swap; src: url(fonts/gf-el-messiri-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Amiri"; font-weight: 400; font-display: swap; src: url(fonts/gf-amiri-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Amiri"; font-weight: 700; font-display: swap; src: url(fonts/gf-amiri-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Changa"; font-weight: 400; font-display: swap; src: url(fonts/gf-changa-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Changa"; font-weight: 800; font-display: swap; src: url(fonts/gf-changa-800.woff2) format("woff2"); }
@font-face { font-family: "MKD Ruqaa"; font-weight: 700; font-display: swap; src: url(fonts/gf-aref-ruqaa-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Naskh"; font-weight: 400; font-display: swap; src: url(fonts/gf-noto-naskh-arabic-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Naskh"; font-weight: 600; font-display: swap; src: url(fonts/gf-noto-naskh-arabic-600.woff2) format("woff2"); }

/* ------------------------------------------------------------ ٢) السلايد */
.ds-frame { container-type: inline-size; position: relative; width: 100%; aspect-ratio: 4 / 5; isolation: isolate; overflow: hidden; }
/* ستوري طولي 9:16: أعلاه وأسفله تغطيهما واجهة إنستغرام، فالمحتوى في المنطقة الآمنة */
.ds-frame.is-story { aspect-ratio: 9 / 16; }
.ds-frame.is-story .ds { padding-top: 24cqw; padding-bottom: 32cqw; }
.ds-frame.is-story .ds-num, .ds-frame.is-story .ds-num { top: 22cqw; }
.ds-frame.is-story .ds-scene { min-height: 60cqw; }
.ds-frame.is-story .ds-wm { bottom: 24cqw; }
.ds-frame.is-story .ds[data-style="luxury"] .ds-num { top: auto; bottom: 26cqw; }
.ds-frame.is-story .ds[data-style="luxury"] .ds-deco { inset: 18cqw 4.6cqw 26cqw; }
.ds {
  --fs: 1; --bs: 1; --rot: 1;
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2  0 0 0 0 .15  0 0 0 0 .1  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.22; --ft: "MKD Ghaith"; --ftw: 600; --fh: "MKD Handix";
  position: absolute; inset: 0; overflow: hidden; box-sizing: border-box;
  display: flex; flex-direction: column;
  padding: 9cqw 8cqw 8cqw;
  background: var(--bg); color: var(--fg);
  direction: rtl; text-align: right;
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 400;
  /* لا تسميك مصطنع: خط بوزن واحد (زين، ملموم، قهوة) يبقى بوزنه الحقيقي بدل بولد مشوّه */
  font-synthesis: none;
  /* لا تقريب للحروف: يُخفي كروم معه كلمة قبل تظليل أو شطب في أول السطر التالي (خطوط جرافيك) */
  font-kerning: none;
  font-size: calc(4.6cqw * var(--fs)); line-height: 1.8;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.ds *, .ds *::before, .ds *::after { box-sizing: border-box; }
.ds p, .ds h2 { margin: 0; padding: 0; border: 0; }
.ds img { max-width: none; }

.ds[data-kit="qahwa"]   { --fd: "MKD Qahwa";   --fdw: 400; --dk: 1;    --dlh: 1.22; --ft: "MKD Ghaith";  --ftw: 600; }
.ds[data-kit="graphik"] { --fd: "MKD Graphik"; --fdw: 900; --dk: .84;  --dlh: 1.34; --ft: "MKD Graphik"; --ftw: 600; }
.ds[data-kit="crafts"]  { --fd: "MKD Crafts";  --fdw: 900; --dk: .9;   --dlh: 1.4;  --ft: "MKD Camel";   --ftw: 700; }
.ds[data-kit="lyon"]    { --fd: "MKD Lyon";    --fdw: 900; --dk: .88;  --dlh: 1.45; --ft: "MKD Lyon";    --ftw: 600; }
.ds[data-kit="rabie"]   { --fd: "MKD Rabie";   --fdw: 400; --dk: .98;  --dlh: 1.3;  --ft: "MKD Neo";     --ftw: 600; }
.ds[data-kit="lalezar"] { --fd: "MKD Lalezar"; --fdw: 400; --dk: .92;  --dlh: 1.26; --ft: "MKD Plex";    --ftw: 600; }
.ds[data-kit="cairo"]   { --fd: "MKD Cairo";   --fdw: 900; --dk: .9;   --dlh: 1.4;  --ft: "MKD Cairo";   --ftw: 700; }
.ds[data-kit="almarai"] { --fd: "MKD Almarai"; --fdw: 800; --dk: .92;  --dlh: 1.45; --ft: "MKD Almarai"; --ftw: 700; }
.ds[data-kit="tajawal"] { --fd: "MKD Tajawal"; --fdw: 900; --dk: .95;  --dlh: 1.35; --ft: "MKD Tajawal"; --ftw: 700; }
.ds[data-kit="messiri"] { --fd: "MKD Messiri"; --fdw: 700; --dk: .92;  --dlh: 1.45; --ft: "MKD Messiri"; --ftw: 700; }
.ds[data-kit="amiri"]   { --fd: "MKD Amiri";   --fdw: 700; --dk: .92;  --dlh: 1.6;  --ft: "MKD Amiri";   --ftw: 700; }
.ds[data-kit="changa"]  { --fd: "MKD Changa";  --fdw: 800; --dk: .9;   --dlh: 1.35; --ft: "MKD Changa";  --ftw: 800; }
.ds[data-kit="ruqaa"]   { --fd: "MKD Ruqaa";   --fdw: 700; --dk: .92;  --dlh: 1.5;  --ft: "MKD Naskh";   --ftw: 600; }

.ds-txt { position: relative; z-index: 2; flex: none; display: flex; flex-direction: column; gap: calc(3.2cqw * var(--fs)); }
.r-tag { font-family: var(--fh), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.6cqw * var(--fs)); line-height: 1.3; color: var(--tag); position: relative; margin-bottom: calc(-1.2cqw * var(--fs)); }
.r-head {
  font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw);
  font-size: calc(var(--hs, 9cqw) * var(--dk) * var(--fs)); line-height: var(--dlh);
  color: var(--fg); text-wrap: balance; letter-spacing: 0; word-spacing: .02em;
}
.r-body { font-size: calc(4.6cqw * var(--fs) * var(--bs)); line-height: 1.8; color: var(--sub); }
/* «» بخط اليد: رسمها في الخط معكوس، فنعزلها عن انعكاس العربية (انظر fixQuotes) */
.ds .q-hand { unicode-bidi: isolate; direction: ltr; }
.r-body .mk, .r-body .hl { color: var(--fg); font-weight: var(--ftw); }
.ds .mk, .ds .hl {
  background-image: linear-gradient(transparent 62%, var(--hl) 62%, var(--hl) 90%, transparent 90%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 .08em;
}
.r-head .hl { background-image: linear-gradient(transparent 66%, var(--hl) 66%, var(--hl) 88%, transparent 88%); }
.ds .st { position: relative; white-space: nowrap; }
.ds .st svg { position: absolute; left: -3%; top: 34%; width: 106%; height: 46%; overflow: visible; }

/* الغلاف: الاسم والصورة، ورقم السلايد، وسهم «اسحب» */
.ds-me { position: relative; z-index: 2; display: flex; align-items: center; gap: 2.6cqw; margin: -2cqw 0 7cqw; }
.ds-av {
  flex: none; width: 12cqw; height: 12cqw; border-radius: 50%; overflow: hidden;
  display: grid; place-items: center; background: var(--ac); color: var(--acfg);
  border: .8cqw solid var(--card); box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .15); transform: rotate(calc(-4deg * var(--rot)));
  font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 5.6cqw; line-height: 1;
}
.ds-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ds-nm { display: grid; line-height: 1.35; }
.ds-nm b { font-weight: var(--ftw); font-size: 3.7cqw; color: var(--fg); }
.ds-nm small { font-size: 3cqw; color: var(--sub); direction: ltr; text-align: right; }
.ds-num { position: absolute; z-index: 3; top: 6.6cqw; left: 8cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 5cqw; line-height: 1; color: var(--sub); opacity: .75; }
.ds-swipe { position: absolute; z-index: 3; left: 7cqw; bottom: 6cqw; width: 14cqw; overflow: visible; }
/* توقيع الأداة في آخر سلايد */
.ds-wm { position: absolute; z-index: 4; left: 3.2cqw; bottom: 2.4cqw; display: flex; align-items: center; gap: 1.2cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: 2.3cqw; line-height: 1; color: var(--sub); opacity: .9; }
.ds-wm img { width: 4.4cqw; height: 4.4cqw; border-radius: 1cqw; display: block; }

/* مساحة الرسم: تأخذ ما يتبقى من السلايد */
.ds-scene {
  position: relative; z-index: 1; flex: 1 1 auto; min-height: 34cqw; margin-top: calc(5cqw * var(--fs));
  container-type: size; display: flex; align-items: flex-end; justify-content: center;
}
.ds.no-scene .ds-scene { display: none; }
.ds.is-cover .ds-scene { margin-bottom: 6cqw; }

/* بلا رسم أو جملة كبيرة: النص في منتصف السلايد */
.ds.sc-none .ds-txt, .ds.sc-statement .ds-txt { margin-block: auto; }
.ds.sc-none.is-cover .ds-txt, .ds.sc-statement.is-cover .ds-txt { margin-bottom: auto; margin-top: 4cqw; }
.ds.sc-statement .r-head { line-height: calc(var(--dlh) * .96); }

/* صورة تملأ الغلاف */
.ds-bgimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.ds-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, var(--bg) 0%, rgba(0, 0, 0, .55) 42%, rgba(0, 0, 0, 0) 70%), linear-gradient(to bottom, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 28%); }
.ds.sc-photo_full .ds-txt { margin-top: auto; }
.ds.sc-photo_full .ds-me .ds-nm b { color: #fff; }

/* ------------------------------------------------------------ ٣) المشاهد */
.sc { position: relative; flex: none; width: min(100cqw, calc(100cqh * var(--r))); aspect-ratio: var(--r); container-type: inline-size; color: var(--fg); }
.sc svg { display: block; }
.sc-hand { fill: none; stroke: var(--ac); stroke-linecap: round; stroke-linejoin: round; }
.sc-fill { fill: var(--ac); }
.sc-ico { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.sc-sk { display: block; height: 2.4cqw; border-radius: 99px; background: currentColor; opacity: .18; }

/* منشور مشطوب */
.cp-post { position: absolute; left: 26%; top: 5%; width: 42%; padding: 3cqw; border-radius: 4cqw; background: var(--card); color: var(--cardfg); box-shadow: 0 2cqw 5cqw rgba(0, 0, 0, .16); transform: rotate(calc(-7deg * var(--rot))); }
.cp-top { display: flex; align-items: center; gap: 2cqw; margin-bottom: 2.4cqw; }
.cp-av { flex: none; width: 6cqw; height: 6cqw; border-radius: 50%; background: var(--mute); }
.cp-top .sc-sk { flex: 1; }
.cp-img { aspect-ratio: 1.2; border-radius: 2cqw; background: var(--card2); }
.cp-row { display: flex; gap: 2.4cqw; margin-top: 2.4cqw; }
.cp-row i { width: 5cqw; height: 5cqw; border-radius: 50%; border: .7cqw solid var(--mute); }
.cp-x { position: absolute; left: 20%; top: -2%; width: 56%; height: 104%; overflow: visible; }

/* شريط الأيام */
.tl-bar { position: absolute; left: 0; right: 0; top: 36%; height: 30%; display: flex; gap: 1.4cqw; }
.tl-bar i { flex: 1; border-radius: 2.4cqw; background: var(--card2); border: .5cqw solid var(--mute); }
.tl-bar i.on { flex: .9; background: var(--ac); border-color: var(--ac); }
.tl-brace { position: absolute; left: 0; top: 13%; width: 89%; height: 18%; overflow: visible; }
.tl-arrow { position: absolute; right: 0; top: 0; width: 9cqw; height: 30%; overflow: visible; }
.tl-lab { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; font-family: var(--fh), Tahoma, sans-serif; font-weight: 700; font-size: 5cqw; line-height: 1.2; }
.tl-lab .a { color: var(--ac); }
.tl-lab .b { color: var(--fg); }

/* محادثة */
.ch-box { position: absolute; inset: 0; padding: 5cqw; border-radius: 6cqw; background: var(--card2); display: flex; flex-direction: column; justify-content: center; gap: 3.6cqw; }
.ch-b { width: 56%; padding: 3.6cqw 4cqw; border-radius: 5cqw; background: var(--card); color: var(--cardfg); display: grid; gap: 2cqw; }
.ch-b.me { align-self: flex-start; background: var(--bub, #DCF3D6); color: var(--bubfg, #0E0D0C); border-bottom-right-radius: 1.2cqw; }
.ch-b.them { align-self: flex-end; width: 66%; position: relative; border-bottom-left-radius: 1.2cqw; }
.ch-ring { position: absolute; top: -5cqw; left: -6cqw; width: calc(100% + 12cqw); height: calc(100% + 10cqw); overflow: visible; }
.ch-card { display: flex; align-items: center; gap: 2.6cqw; padding: 2.6cqw; border-radius: 3.4cqw; background: var(--card2); }
.ch-av { flex: none; width: 11cqw; height: 11cqw; border-radius: 50%; background: var(--ac); color: var(--acfg); display: grid; place-items: center; }
.ch-av .sc-ico { width: 6cqw; }
.ch-l { flex: 1; display: grid; gap: 1.6cqw; }

/* شبكة */
.nw-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.nw-lines path { fill: none; stroke: var(--fg); stroke-width: .5; stroke-dasharray: 1.4 2.6; stroke-linecap: round; opacity: .75; }
.nw-c {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  min-width: 25cqw; height: 25cqw; padding: 0 3.4cqw; border-radius: 99px; display: grid; place-items: center;
  background: var(--ac); color: var(--acfg); box-shadow: 0 0 0 3.4cqw var(--acsoft);
  font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 5.6cqw; line-height: 1.2; white-space: nowrap;
}
.nw-c.ico .sc-ico { width: 11cqw; }
.nw-n {
  position: absolute; max-width: 40%; padding: 2.4cqw 4.2cqw; border-radius: 99px; text-align: center;
  background: var(--card); color: var(--cardfg); box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .1);
  font-weight: var(--ftw); font-size: 4.2cqw; line-height: 1.4;
}
.nw-n.ico { padding: 2.2cqw; }
.nw-n.ico .sc-ico { width: 7cqw; }
.nw-n.n1 { right: 1%; top: 1%; transform: rotate(calc(3deg * var(--rot))); }
.nw-n.n2 { left: 1%; top: 7%; transform: rotate(calc(-3deg * var(--rot))); }
.nw-n.n3 { right: 6%; bottom: 3%; transform: rotate(calc(-2deg * var(--rot))); }
.nw-n.n4 { left: 6%; bottom: 1%; transform: rotate(calc(2deg * var(--rot))); }

/* تقاويم */
.ca-row { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; gap: 3.2cqw; padding-bottom: 2cqw; }
.ca-c { width: 27cqw; padding: 2.6cqw; border-radius: 2.6cqw; background: var(--card); box-shadow: 0 1.6cqw 3.4cqw rgba(0, 0, 0, .14); }
.ca-c:nth-child(1) { transform: rotate(calc(4deg * var(--rot))); }
.ca-c:nth-child(2) { transform: rotate(calc(-3deg * var(--rot))) translateY(-4cqw); }
.ca-c:nth-child(3) { transform: rotate(calc(5deg * var(--rot))); }
.ca-h { height: 3.6cqw; border-radius: 1cqw; background: var(--cardfg); }
.ca-g { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6cqw; margin-top: 2.2cqw; }
.ca-g i { aspect-ratio: 1; border-radius: .8cqw; background: var(--card2); }
.ca-g i.on { background: var(--ac); outline: .7cqw solid var(--cardfg); outline-offset: .9cqw; border-radius: 50% 44% 56% 48%; }
.ca-call { flex: none; align-self: center; width: 17cqw; height: 17cqw; border-radius: 50%; background: var(--cardfg); color: var(--card); display: grid; place-items: center; margin-inline-start: 1cqw; }
.ca-call .sc-ico { width: 8cqw; }

/* بودكاست */
.pd-box { position: absolute; inset: 0; padding: 5.4cqw; border-radius: 6cqw; background: var(--inv); color: var(--invfg); display: flex; flex-direction: column; justify-content: center; }
.pd-who { display: flex; align-items: center; justify-content: center; gap: 4cqw; }
.pd-av { width: 19cqw; height: 19cqw; border-radius: 50%; background: rgba(255, 255, 255, .14); color: var(--invfg); display: grid; place-items: center; }
.pd-av .sc-ico { width: 11cqw; }
.pd-av.you { background: var(--invac); color: var(--invacfg); }
.pd-mic { width: 9cqw; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.pd-wave { display: flex; align-items: center; gap: 1.2cqw; height: 12cqw; margin: 4.4cqw 0 3.4cqw; }
.pd-wave i { flex: 1; border-radius: 9cqw; background: rgba(255, 255, 255, .28); }
.pd-wave i.p { background: var(--invac); }
.pd-prog { display: flex; align-items: center; gap: 3cqw; }
.pd-pl { flex: none; width: 10cqw; height: 10cqw; border-radius: 50%; background: var(--invfg); display: grid; place-items: center; }
.pd-pl i { width: 0; height: 0; border-style: solid; border-width: 2cqw 0 2cqw 3.2cqw; border-color: transparent transparent transparent var(--inv); margin-left: .8cqw; }
.pd-ln { flex: 1; height: 1.2cqw; border-radius: 1cqw; background: rgba(255, 255, 255, .2); position: relative; }
.pd-ln i { position: absolute; top: 0; bottom: 0; right: 0; width: 62%; border-radius: 1cqw; background: var(--invac); }

/* حساب وختم */
.pc-phone { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60%; height: 94%; padding: 4cqw; border-radius: 9cqw 9cqw 0 0; border: 1.6cqw solid var(--fg); border-bottom: 0; background: var(--card2); color: var(--fg); overflow: hidden; }
.pc-pr { display: flex; align-items: center; gap: 3.4cqw; margin: 1.6cqw 0 4.4cqw; }
.pc-av { flex: none; width: 14cqw; height: 14cqw; border-radius: 50%; background: var(--ac); }
.pc-l { flex: 1; display: grid; gap: 1.8cqw; }
.pc-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2cqw; }
.pc-g i { aspect-ratio: 1; background: var(--mute); }
.pc-g i:nth-child(3n+2) { opacity: .7; }
.pc-stamp { position: absolute; left: 3%; top: 16%; width: 34cqw; height: 34cqw; border-radius: 50%; border: 1.4cqw solid var(--ac); background: var(--bga); display: grid; place-items: center; transform: rotate(calc(-12deg * var(--rot))); }
.pc-stamp svg { width: 18cqw; overflow: visible; }

/* ساعة رملية */
.hg { position: absolute; left: 50%; top: 3%; height: 94%; width: auto; aspect-ratio: 60 / 80; transform: translateX(-50%) rotate(calc(-6deg * var(--rot))); overflow: visible; }
.hg-dots { position: absolute; left: 14%; top: 8%; width: 15cqw; overflow: visible; }

/* خانة تعليق */
.cb-arrow { position: absolute; right: 3%; top: 0; width: 19cqw; height: 42%; overflow: visible; }
.cb-pill { position: absolute; left: 0; right: 0; bottom: 5%; display: flex; align-items: center; gap: 3.4cqw; padding: 3.4cqw 3.8cqw; border-radius: 99px; background: var(--card); color: var(--cardfg); box-shadow: 0 2.4cqw 6cqw rgba(0, 0, 0, .18); }
.cb-av { flex: none; width: 11cqw; height: 11cqw; border-radius: 50%; background: var(--cardfg); }
.cb-pill b { flex: 1; display: flex; align-items: center; gap: 1.2cqw; min-width: 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 8cqw; line-height: 1.1; white-space: nowrap; overflow: hidden; }
.cb-caret { flex: none; display: inline-block; width: .6cqw; height: 1.1em; background: currentColor; }
.cb-send { flex: none; width: 11cqw; height: 11cqw; border-radius: 50%; background: var(--cardfg); display: grid; place-items: center; }
.cb-send svg { width: 6cqw; fill: none; stroke: var(--card); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }

/* قائمة */
.cl-list { --u: calc(1 - (var(--n) - 3) * .12); position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: calc(3.2cqw * var(--u)); }
.cl-row { display: flex; align-items: center; gap: 3.6cqw; padding: calc(3cqw * var(--u)) 3.6cqw; border-radius: 3.4cqw; background: var(--card); color: var(--cardfg); box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .06); }
.cl-row:nth-child(odd) { transform: rotate(calc(-.7deg * var(--rot))); }
.cl-row:nth-child(even) { transform: rotate(calc(.8deg * var(--rot))); }
.cl-row .sc-sk { flex: none; }
.cl-box { flex: none; width: calc(8cqw * var(--u)); height: calc(8cqw * var(--u)); }
.cl-box svg { width: 100%; height: 100%; overflow: visible; }
.cl-box .sc-hand:first-child { stroke: var(--cardfg) !important; opacity: .55; }
.cl-t { font-weight: var(--ftw); font-size: calc(5.4cqw * var(--u)); line-height: 1.4; }

/* مقارنة */
.vs-c { position: absolute; top: 6%; bottom: 6%; width: 40%; padding: 5cqw 4cqw; border-radius: 5cqw; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3cqw; text-align: center; }
.vs-c.no { right: 0; border: .8cqw dashed currentColor; color: var(--fg); transform: rotate(calc(-2deg * var(--rot))); }
.vs-c.yes { left: 0; background: var(--card); color: var(--cardfg); transform: rotate(calc(2deg * var(--rot))); box-shadow: 0 2cqw 5cqw rgba(0, 0, 0, .14); }
.vs-c .sc-sk { width: 70%; }
.vs-m { width: 10cqw; height: 10cqw; }
.vs-m svg { width: 100%; height: 100%; overflow: visible; }
.vs-c b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 6cqw; line-height: 1.3; }
.vs-c.no b { opacity: .8; text-decoration: line-through; text-decoration-color: var(--ac); text-decoration-thickness: .6cqw; }
.vs-ar { position: absolute; left: 50%; top: 50%; width: 14cqw; transform: translate(-50%, -50%); overflow: visible; }

/* رقم كبير */
.bn { position: absolute; inset: 0; display: grid; place-items: center; }
.bn b { position: relative; z-index: 1; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: var(--bnf, 30cqw); line-height: 1.1; color: var(--ac); white-space: nowrap; }
.bn svg { position: absolute; left: 8%; top: 4%; width: 84%; height: 92%; overflow: visible; }

/* ورقة لاصقة */
.sn { position: absolute; left: 50%; top: 52%; width: 44cqw; height: 44cqw; padding: 6cqw 5cqw; border-radius: 1cqw; background: var(--nbg); color: var(--nfg); box-shadow: 0 2.4cqw 5cqw rgba(0, 0, 0, .18); transform: translate(-50%, -50%) rotate(calc(-4deg * var(--rot))); }
.sn-tape { position: absolute; top: -3cqw; left: 50%; width: 18cqw; height: 6cqw; background: rgba(255, 255, 255, .6); box-shadow: 0 .3cqw .8cqw rgba(0, 0, 0, .08); transform: translateX(-50%) rotate(calc(3deg * var(--rot))); }
.sn b { position: absolute; left: 6cqw; top: 4cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 15cqw; line-height: 1; color: var(--ac); }
.ds[data-bg="accent"] .sn b { color: var(--nfg); }
.sn-l { position: absolute; left: 5cqw; right: 5cqw; bottom: 6cqw; width: auto; height: 17cqw; overflow: visible; }
.sn-ar { position: absolute; right: 4%; bottom: 2%; width: 16cqw; overflow: visible; }

/* إشعارات */
.nt-phone { position: absolute; left: 50%; bottom: 0; width: 66%; height: 96%; padding: 6cqw 4cqw 0; border-radius: 9cqw 9cqw 0 0; background: radial-gradient(circle at 30% 0%, var(--acsoft), rgba(0, 0, 0, 0) 60%), var(--inv); color: var(--invfg); transform: translateX(-50%); overflow: hidden; }
.nt-time { text-align: center; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 11cqw; line-height: 1; margin-bottom: 5cqw; }
.nt-n { display: flex; align-items: center; gap: 2.6cqw; margin-bottom: 2.4cqw; padding: 3cqw; border-radius: 4cqw; background: rgba(255, 255, 255, .15); }
.nt-n:nth-child(3) { transform: rotate(calc(1deg * var(--rot))); }
.nt-n:nth-child(4) { transform: rotate(calc(-1deg * var(--rot))); opacity: .85; }
.nt-ic { flex: none; width: 8.4cqw; height: 8.4cqw; border-radius: 2.4cqw; background: var(--invac); }
.nt-l { flex: 1; display: grid; gap: 1.6cqw; }
.nt-l .sc-sk { background: var(--invfg); }
.nt-sp { position: absolute; right: 2%; top: 5%; width: 14cqw; overflow: visible; }

/* بحث */
.sb-pill { position: absolute; left: 0; right: 0; top: 8%; display: flex; align-items: center; gap: 3cqw; padding: 3.6cqw 4.4cqw; border-radius: 99px; background: var(--card); color: var(--cardfg); border: .5cqw solid var(--mute); box-shadow: 0 2cqw 5cqw rgba(0, 0, 0, .14); }
.sb-ic { flex: none; width: 7cqw; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.sb-ic.s { width: 5cqw; opacity: .5; }
.sb-pill b { flex: 1; min-width: 0; display: flex; align-items: center; gap: 1cqw; font-weight: var(--ftw); font-size: 5.6cqw; line-height: 1.3; white-space: nowrap; overflow: hidden; }
.sb-sug { position: absolute; left: 5%; right: 5%; top: 54%; display: grid; gap: 3cqw; padding: 3.4cqw 4cqw; border-radius: 4cqw; background: var(--card); color: var(--cardfg); opacity: .92; }
.sb-sug div { display: flex; align-items: center; gap: 3cqw; }

/* درج */
.st-row { position: absolute; left: 6%; right: 6%; bottom: 0; height: 70%; display: flex; align-items: flex-end; }
.st-row i { flex: 1; background: var(--mute); border-top: .9cqw solid var(--fg); }
.st-row i:last-child { background: var(--ac); }
.st-flag { position: absolute; left: 9%; bottom: 62%; height: 34%; width: auto; aspect-ratio: 40 / 60; overflow: visible; }
.st-ar { position: absolute; left: 34%; right: 12%; top: 2%; height: 34%; width: auto; overflow: visible; }

/* بطاقة سعر */
.pt-str { position: absolute; left: 4%; top: 0; width: 24cqw; height: 32cqw; overflow: visible; }
.pt-tag { position: absolute; left: 50%; top: 54%; min-width: 46cqw; padding: 6cqw 7cqw 6cqw 13cqw; border-radius: 3cqw; background: var(--ac); color: var(--acfg); clip-path: polygon(13% 0, 100% 0, 100% 100%, 13% 100%, 0 50%); transform: translate(-50%, -50%) rotate(calc(-8deg * var(--rot))); text-align: center; }
.pt-hole { position: absolute; left: 6cqw; top: 50%; width: 4cqw; height: 4cqw; border-radius: 50%; background: var(--bg); transform: translateY(-50%); }
.pt-tag b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 11cqw; line-height: 1.15; white-space: nowrap; }
.pt-sk { display: grid; gap: 2cqw; width: 24cqw; color: var(--acfg); }

/* طريق */
.ap-p { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ap-d { position: absolute; width: 6cqw; height: 6cqw; border-radius: 50%; }
.ap-d.a { right: 8%; top: calc(60% - 3cqw); background: var(--fg); }
.ap-d.b { display: none; }
.ap-l { position: absolute; max-width: 42%; font-family: var(--fh), Tahoma, sans-serif; font-weight: 700; font-size: 5.4cqw; line-height: 1.25; }
.ap-l.a { right: 2%; top: 76%; color: var(--fg); }
.ap-l.b { left: 2%; top: 66%; color: var(--ac); text-align: left; }

/* سؤال */
.qm { position: absolute; left: 50%; top: 50%; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 66cqw; line-height: 1; color: var(--ac); transform: translate(-50%, -52%) rotate(calc(-8deg * var(--rot))); }
.qm-s { position: absolute; left: 6%; top: 6%; width: 88%; height: 88%; overflow: visible; }

/* اقتباس */
.qt { position: absolute; right: 0; top: 8%; width: 64cqw; overflow: visible; }

/* رسالة */
.em { position: absolute; left: 50%; bottom: 4%; width: 60cqw; height: 40cqw; transform: translateX(-50%) rotate(calc(-4deg * var(--rot))); }
.em-letter { position: absolute; left: 8%; right: 8%; top: -16cqw; height: 34cqw; padding: 4cqw; border-radius: 2cqw; background: var(--card); color: var(--cardfg); display: grid; gap: 2.4cqw; align-content: start; box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .1); }
.em-env { position: absolute; inset: 0; border-radius: 2.4cqw; background: var(--ac); overflow: hidden; box-shadow: 0 2cqw 5cqw rgba(0, 0, 0, .16); }
.em-env svg { position: absolute; left: 0; top: 0; width: 100%; height: 62%; }
.em-env path { fill: none; stroke: var(--acfg); stroke-width: 1.2; opacity: .55; }
.em-sp { position: absolute; right: 10%; top: 2%; width: 12cqw; overflow: visible; }

/* هدف */
.tg { position: absolute; left: 50%; top: 50%; width: 58cqw; height: 58cqw; display: grid; place-items: center; transform: translate(-50%, -50%); }
.tg i { grid-area: 1 / 1; border-radius: 50% 48% 52% 50%; }
.tg i:nth-child(1) { width: 100%; height: 100%; background: var(--card); box-shadow: 0 2cqw 5cqw rgba(0, 0, 0, .12); }
.tg i:nth-child(2) { width: 74%; height: 74%; background: var(--ac); }
.tg i:nth-child(3) { width: 48%; height: 48%; background: var(--card); }
.tg i:nth-child(4) { width: 22%; height: 22%; background: var(--ac); }
.tg-ar { position: absolute; left: calc(50% - 22cqw); top: calc(50% - 22cqw); width: 44cqw; height: 44cqw; overflow: visible; }

/* عدسة */
.mg-t { position: absolute; left: 6%; right: 6%; top: 50%; display: grid; gap: 3cqw; justify-items: center; text-align: center; transform: translateY(-50%); }
.mg-t .sc-sk { width: 80%; }
.mg-t b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 13cqw; line-height: 1.2; color: var(--fg); }
.mg-lens { position: absolute; left: 28%; top: 8%; width: 34cqw; height: 34cqw; border-radius: 50%; border: 2.4cqw solid var(--fg); background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1cqw rgba(255, 255, 255, .22); }
.mg-h { position: absolute; left: 19.5%; top: 72.6%; width: 16cqw; height: 4.4cqw; border-radius: 3cqw; background: var(--ac); transform: rotate(calc(-45deg * var(--rot))); }

/* نمو */
.cu-bars { position: absolute; left: 4%; right: 4%; bottom: 4%; height: 78%; display: flex; align-items: flex-end; gap: 3cqw; }
.cu-bars i { flex: 1; border-radius: 1.6cqw 1.6cqw 0 0; background: var(--mute); }
.cu-bars i.on { background: var(--ac); }
.cu-l { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

/* تفاعل */
.en-row { position: absolute; left: 0; right: 0; top: 50%; display: flex; justify-content: center; gap: 4cqw; transform: translateY(-50%); }
.en-i { width: 19cqw; height: 19cqw; border-radius: 50%; background: var(--card); display: grid; place-items: center; box-shadow: 0 1.4cqw 4cqw rgba(0, 0, 0, .1); }
.en-i:nth-child(odd) { transform: rotate(calc(-6deg * var(--rot))); }
.en-i:nth-child(even) { transform: rotate(calc(5deg * var(--rot))) translateY(2cqw); }
.en-i svg { width: 9cqw; fill: none; stroke: var(--cardfg); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.en-i.on { background: var(--ac); }
.en-i.on svg { fill: var(--acfg); stroke: var(--acfg); }
.en-sp { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

/* صورة مطبوعة */
.ph-print { position: absolute; left: 50%; top: 50%; width: 58cqw; height: 74cqw; padding: 3cqw 3cqw 10cqw; background: #fff; box-shadow: 0 2.4cqw 6cqw rgba(0, 0, 0, .2); transform: translate(-50%, -50%) rotate(calc(-2.5deg * var(--rot))); }
.ph-print img { width: 100%; height: 100%; object-fit: cover; display: block; background: #ddd; }
.ph-tape { position: absolute; top: -3cqw; left: 50%; width: 22cqw; height: 7cqw; background: rgba(255, 236, 200, .78); transform: translateX(-50%) rotate(calc(-4deg * var(--rot))); }
.ph-empty { display: grid; place-items: center; width: 100%; height: 100%; background: #eee; color: #bbb; }
.ph-empty .sc-ico { width: 30cqw; }

/* ------------------------------------------------------------ ٣ب) الأساليب
   الأسلوب لغة بصرية كاملة فوق المشاهد نفسها: الخلفية، والملمس، وشكل البطاقات
   والخطوط اليدوية، والعنوان الصغير، والتمييز، والترقيم. «دفتر» هو الأساس أعلاه. */
/* طبقة الزخرفة مقصوصة داخل السلايد، فلا تُحسب زيادة في طول النص */
.ds-bgl { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.ds-tex, .ds-deco { position: absolute; inset: 0; pointer-events: none; }
.ds-deco b { display: none; position: absolute; }
.ds-mast { display: none; position: relative; z-index: 2; align-items: center; gap: 2.4cqw; font-size: 3.1cqw; line-height: 1.4; color: var(--sub); margin: -2cqw 0 6cqw; }
.ds-mast b { font-weight: var(--ftw); color: var(--fg); }
.ds-mast i { flex: 1; height: .3cqw; background: currentColor; opacity: .5; }
.ds-mast span { direction: ltr; unicode-bidi: isolate; }
.ds[data-style] .r-head { font-size: calc(var(--hs, 9cqw) * var(--dk) * var(--fs) * var(--hk, 1)); }

/* ملصق جريء: كتل لون، حدود سميكة، ظلال صلبة */
.ds[data-style="poster"] { --rot: .5; --hk: 1.1; padding: 8cqw 7.5cqw 7.5cqw; }
.ds[data-style="poster"] .ds-deco { inset: auto; left: -26cqw; bottom: -26cqw; width: 76cqw; height: 76cqw; border-radius: 50%; background: var(--deco); }
.ds[data-style="poster"] .r-head { line-height: calc(var(--dlh) * .92); }
.ds[data-style="poster"] .r-tag { align-self: flex-start; margin-bottom: 1cqw; padding: .4cqw 3.2cqw; border: .7cqw solid var(--fg); border-radius: 99px; background: var(--tagbg); color: var(--tagfg); box-shadow: .9cqw .9cqw 0 var(--fg); transform: rotate(-2deg); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.8cqw * var(--fs)); }
.ds[data-style="poster"] .hl, .ds[data-style="poster"] .mk { background: var(--hlblock); background-image: none; color: var(--hlblockfg); padding: 0 .18em; border-radius: .12em; }
.ds[data-style="poster"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c.yes, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .pt-tag) { border: .8cqw solid var(--fg); box-shadow: 1.3cqw 1.3cqw 0 var(--fg); border-radius: 2cqw; }
.ds[data-style="poster"] :is(.ch-box, .pd-box, .pc-phone, .nt-phone, .nw-c, .em-env) { border: .8cqw solid var(--fg); box-shadow: 1.6cqw 1.6cqw 0 var(--fg); }
.ds[data-style="poster"] .ch-box, .ds[data-style="poster"] .pd-box { border-radius: 3cqw; }
.ds[data-style="poster"] .pt-tag { border: 0; box-shadow: none; }
.ds[data-style="poster"] .sc-hand { stroke-width: 4.4; }
.ds[data-style="poster"] .ds-swipe .sc-hand { stroke: var(--fg); }
.ds[data-style="poster"] .ds-num { top: 5cqw; font-size: 11cqw; color: transparent; -webkit-text-stroke: .3cqw var(--fg); opacity: 1; }

/* ناعم: بقع لون هادئة، زوايا مستديرة، ظلال خفيفة */
.ds[data-style="soft"] { --rot: .3; }
.ds[data-style="soft"] .ds-deco { background: radial-gradient(circle at 86% 10%, var(--blob1) 0, rgba(0, 0, 0, 0) 36%), radial-gradient(circle at 8% 92%, var(--blob2) 0, rgba(0, 0, 0, 0) 44%); }
.ds[data-style="soft"] .r-tag { align-self: flex-start; padding: .7cqw 3.4cqw; border-radius: 99px; background: var(--tagsoft); color: var(--fg); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.8cqw * var(--fs)); margin-bottom: 0; }
.ds[data-style="soft"] .hl, .ds[data-style="soft"] .mk { background: var(--tagsoft); background-image: none; border-radius: 1em; padding: 0 .3em; }
.ds[data-style="soft"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border-radius: 5cqw; box-shadow: 0 2.4cqw 6cqw rgba(0, 0, 0, .08); }
.ds[data-style="soft"] :is(.ch-box, .pd-box, .nt-phone, .em-env) { border-radius: 7cqw; }
.ds[data-style="soft"] .pc-phone { border-color: var(--mute); border-radius: 12cqw 12cqw 0 0; }
.ds[data-style="soft"] .vs-c.no { border-style: dotted; }
.ds[data-style="soft"] .sc-hand { stroke-width: 2.6; }
.ds[data-style="soft"] .ds-num { top: 6cqw; width: 8.4cqw; height: 8.4cqw; border-radius: 50%; display: grid; place-items: center; background: var(--tagsoft); color: var(--fg); opacity: 1; font-family: var(--ft), Tahoma, sans-serif; font-size: 3.6cqw; }

/* تقني: شبكة خفيفة، زجاج، لون مضيء، بلا ميلان */
.ds[data-style="tech"] { --rot: 0; }
.ds[data-style="tech"] .ds-tex { background-image: linear-gradient(var(--grid) .25cqw, rgba(0, 0, 0, 0) .25cqw), linear-gradient(90deg, var(--grid) .25cqw, rgba(0, 0, 0, 0) .25cqw); background-size: 8cqw 8cqw; background-position: center center; }
.ds[data-style="tech"] .ds-deco { background: radial-gradient(circle at 82% 0%, var(--acsoft), rgba(0, 0, 0, 0) 55%); }
.ds[data-style="tech"] .ds-mast { display: flex; }
.ds[data-style="tech"] .ds-mast i { opacity: .25; }
.ds[data-style="tech"] .ds-mast span { padding: .3cqw 2cqw; border: .3cqw solid var(--line2); border-radius: 1cqw; }
.ds[data-style="tech"] .ds-num { display: none; }
.ds[data-style="tech"] .r-tag { align-self: flex-start; padding: .5cqw 2.8cqw; border: .35cqw solid var(--acink); border-radius: 1.2cqw; background: var(--acsoft); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.5cqw * var(--fs)); margin-bottom: 0; }
.ds[data-style="tech"] .hl, .ds[data-style="tech"] .mk { background-image: none; color: var(--acink) !important; }
.ds[data-style="tech"] .ds-scene { --card: var(--glass); --cardfg: var(--fg); --card2: var(--glass2); --bub: var(--acsoft); --bubfg: var(--fg); }
.ds[data-style="tech"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .ch-box, .nt-n) { border: .35cqw solid var(--line2); border-radius: 2.2cqw; box-shadow: none; }
.ds[data-style="tech"] :is(.pd-box, .nt-phone, .pc-phone) { border-radius: 3cqw; box-shadow: 0 0 0 .35cqw var(--line2); }
.ds[data-style="tech"] .sc-hand { stroke-width: 2; }
.ds[data-style="tech"] .nw-lines path { stroke-dasharray: none; stroke-width: .3; }

/* مجلة: ورق، خطوط رفيعة، عنوان علوي، بلا ظلال */
.ds[data-style="magazine"] { --rot: 0; padding: 7cqw 8cqw 8cqw; }
.ds[data-style="magazine"] .ds-tex { background-image: var(--grain); opacity: .55; }
.ds[data-style="magazine"] .ds-mast { display: flex; padding-bottom: 2cqw; border-bottom: .35cqw solid var(--fg); }
.ds[data-style="magazine"] .ds-mast i { display: none; }
.ds[data-style="magazine"] .ds-mast span { margin-inline-start: auto; }
.ds[data-style="magazine"] .ds-num { display: none; }
.ds[data-style="magazine"] .ds-me { margin-top: 0; }
.ds[data-style="magazine"] .r-tag { align-self: flex-start; padding-bottom: .5cqw; border-bottom: .35cqw solid currentColor; color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.5cqw * var(--fs)); margin-bottom: 0; }
.ds[data-style="magazine"] .hl, .ds[data-style="magazine"] .mk { background-image: linear-gradient(rgba(0, 0, 0, 0) 86%, var(--acink) 86%, var(--acink) 94%, rgba(0, 0, 0, 0) 94%); }
.ds[data-style="magazine"] .ds-scene { --card: var(--bg); --cardfg: var(--fg); --card2: var(--glass2); }
.ds[data-style="magazine"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border: .35cqw solid var(--fg); border-radius: 0; box-shadow: none; }
.ds[data-style="magazine"] .sc-hand { stroke-width: 1.6; }

/* قصاصات: ورق كرافت، شريط لاصق، ميلان أكثر */
.ds[data-style="collage"] { --rot: 1.7; }
.ds[data-style="collage"] .ds-tex { background-image: var(--grain); opacity: .8; }
.ds[data-style="collage"] .ds-deco b { display: block; }
.ds[data-style="collage"] .ds-deco b:first-child { top: -1.5cqw; right: 14cqw; width: 22cqw; height: 6.4cqw; background: rgba(255, 255, 255, .5); transform: rotate(-6deg); box-shadow: 0 .3cqw .8cqw rgba(0, 0, 0, .08); }
.ds[data-style="collage"] .ds-deco b:last-child { bottom: -1.5cqw; left: 20cqw; width: 18cqw; height: 6cqw; background: rgba(255, 255, 255, .45); transform: rotate(8deg); }
.ds[data-style="collage"] .r-tag { align-self: flex-start; padding: .2cqw 3cqw; background: var(--fg); color: var(--bg); transform: rotate(-2deg); font-size: calc(4.8cqw * var(--fs)); margin-bottom: .6cqw; }
.ds[data-style="collage"] .hl, .ds[data-style="collage"] .mk { background: var(--hlblock); background-image: none; color: var(--hlblockfg); padding: 0 .16em; }
.ds[data-style="collage"] .ds-scene { --card: #FFFDF6; --cardfg: #1A1510; }
.ds[data-style="collage"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c.yes, .sb-pill, .sb-sug, .em-letter, .en-i, .sn) { border-radius: .8cqw; box-shadow: 0 1.2cqw 2.6cqw rgba(0, 0, 0, .22); }
.ds[data-style="collage"] :is(.ch-box, .pd-box, .nt-phone) { border-radius: 1.2cqw; box-shadow: 0 1.6cqw 3.4cqw rgba(0, 0, 0, .25); }
.ds[data-style="collage"] .ds-num { top: 5cqw; width: 11cqw; height: 11cqw; border-radius: 50%; display: grid; place-items: center; background: var(--tagbg); color: var(--tagfg); opacity: 1; transform: rotate(-8deg); font-family: var(--fh), Tahoma, sans-serif; font-size: 5.4cqw; }

/* فاخر: إطار ذهبي، نص في الوسط، مساحة واسعة، خطوط رفيعة */
.ds[data-style="luxury"] { --rot: 0; --fdw: 600; --hk: .9; padding: 13cqw 12cqw 12cqw; text-align: center; }
.ds[data-style="luxury"] .ds-deco { inset: 4.6cqw; border: .3cqw solid var(--acink); }
.ds[data-style="luxury"] .ds-txt { align-items: center; }
.ds[data-style="luxury"] .ds-me { justify-content: center; }
.ds[data-style="luxury"] .ds-av { transform: none; }
.ds[data-style="luxury"] .r-tag { padding: .8cqw 3cqw; border-block: .25cqw solid currentColor; color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.4cqw * var(--fs)); margin-bottom: 1cqw; }
.ds[data-style="luxury"] .hl, .ds[data-style="luxury"] .mk { background-image: none; color: var(--acink) !important; }
.ds[data-style="luxury"] .ds-scene { --card: var(--bg); --cardfg: var(--fg); --card2: var(--glass2); --ac: var(--acink); }
.ds[data-style="luxury"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .ch-box, .pd-box, .nt-phone, .pc-phone, .nw-c, .em-env) { border: .3cqw solid var(--acink); border-radius: 0; box-shadow: none; }
.ds[data-style="luxury"] .sc-hand { stroke-width: 1.6; }
.ds[data-style="luxury"] .ds-swipe { display: none; }
.ds[data-style="luxury"] .ds-num { top: auto; bottom: 3.3cqw; left: 50%; padding: 0 2.4cqw; background: var(--bg); color: var(--acink); opacity: 1; font-size: 3.4cqw; transform: translateX(-50%); }

/* عيادة: أبيض وفيروزي، بطاقات نظيفة مستديرة، علامة زائد خفيفة */
.ds[data-style="clinic"] { --rot: 0; }
.ds[data-style="clinic"] .ds-deco { background: radial-gradient(circle at 90% 6%, var(--acsoft) 0, rgba(0, 0, 0, 0) 42%); }
.ds[data-style="clinic"] .ds-deco b { display: block; background: var(--acink); opacity: .14; border-radius: 1.2cqw; }
.ds[data-style="clinic"] .ds-deco b:first-child { right: 6cqw; bottom: 12cqw; width: 18cqw; height: 5.6cqw; }
.ds[data-style="clinic"] .ds-deco b:last-child { right: 12.2cqw; bottom: 5.8cqw; width: 5.6cqw; height: 18cqw; }
.ds[data-style="clinic"] .r-tag { align-self: flex-start; padding: .6cqw 3.2cqw; border-radius: 99px; background: var(--acsoft); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.6cqw * var(--fs)); margin-bottom: 0; }
.ds[data-style="clinic"] .hl, .ds[data-style="clinic"] .mk { background: var(--acsoft); background-image: none; color: var(--acink); border-radius: .3em; padding: 0 .2em; }
.ds[data-style="clinic"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border: .3cqw solid var(--line2); border-radius: 4cqw; box-shadow: 0 1.6cqw 4cqw rgba(0, 0, 0, .06); }
.ds[data-style="clinic"] :is(.ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border-radius: 6cqw; }
.ds[data-style="clinic"] .sc-hand { stroke-width: 2.2; }
.ds[data-style="clinic"] .ds-num { width: 8.4cqw; height: 8.4cqw; border-radius: 50%; display: grid; place-items: center; border: .35cqw solid var(--acink); color: var(--acink); opacity: 1; font-size: 3.6cqw; }

/* مرح: فقاعات ملونة، زوايا مستديرة كبيرة، ميلان لطيف */
.ds[data-style="kids"] { --rot: 1.2; --hk: 1.05; }
.ds[data-style="kids"] .ds-deco { background: radial-gradient(circle at 92% 8%, var(--blob1) 0 13%, rgba(0, 0, 0, 0) 13.5%), radial-gradient(circle at 6% 88%, var(--blob2) 0 17%, rgba(0, 0, 0, 0) 17.5%), radial-gradient(circle at 78% 95%, var(--acsoft) 0 7%, rgba(0, 0, 0, 0) 7.5%); }
.ds[data-style="kids"] .r-tag { align-self: flex-start; padding: .6cqw 3.6cqw; border-radius: 99px; background: var(--tagbg); color: var(--tagfg); transform: rotate(-3deg); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4cqw * var(--fs)); margin-bottom: .6cqw; }
.ds[data-style="kids"] .hl, .ds[data-style="kids"] .mk { background: var(--hlblock); background-image: none; color: var(--hlblockfg); border-radius: .5em; padding: 0 .25em; }
.ds[data-style="kids"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border: .6cqw solid var(--fg); border-radius: 6cqw; box-shadow: 0 1.2cqw 0 var(--fg); }
.ds[data-style="kids"] :is(.ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border-radius: 8cqw; }
.ds[data-style="kids"] .sc-hand { stroke-width: 3.4; }
.ds[data-style="kids"] .ds-num { width: 11cqw; height: 11cqw; border-radius: 50%; display: grid; place-items: center; background: var(--tagbg); color: var(--tagfg); opacity: 1; transform: rotate(-6deg); font-size: 5cqw; }

/* مطبخ: ملمس ورق، طبق دائري في الزاوية، شريط مائل، خط شهي */
.ds[data-style="kitchen"] { --rot: .6; --hk: 1.05; }
.ds[data-style="kitchen"] .ds-tex { background-image: var(--grain); opacity: .45; }
.ds[data-style="kitchen"] .ds-deco { inset: auto; right: -22cqw; bottom: -22cqw; width: 64cqw; height: 64cqw; border-radius: 50%; border: 3cqw solid var(--deco); box-shadow: inset 0 0 0 5cqw var(--acsoft); }
.ds[data-style="kitchen"] .r-tag { align-self: flex-start; padding: .3cqw 3cqw; background: var(--tagbg); color: var(--tagfg); transform: rotate(-2deg); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.2cqw * var(--fs)); margin-bottom: .6cqw; }
.ds[data-style="kitchen"] .hl, .ds[data-style="kitchen"] .mk { background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, var(--acsoft) 58%, var(--acsoft) 92%, rgba(0, 0, 0, 0) 92%); }
.ds[data-style="kitchen"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border-radius: 3cqw; box-shadow: 0 1.4cqw 3cqw rgba(0, 0, 0, .14); }
.ds[data-style="kitchen"] :is(.ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border-radius: 4cqw; box-shadow: 0 1.8cqw 3.6cqw rgba(0, 0, 0, .16); }
.ds[data-style="kitchen"] .ds-num { width: 10cqw; height: 10cqw; border-radius: 50%; display: grid; place-items: center; border: .5cqw dashed var(--acink); color: var(--acink); opacity: 1; font-size: 4.2cqw; }

/* تراث: إطار مزدوج بزخرفة، نص في الوسط، ذهبي على داكن */
.ds[data-style="heritage"] { --rot: 0; padding: 13cqw 11cqw 12cqw; text-align: center; }
.ds[data-style="heritage"] .ds-deco { inset: 4cqw; border: .35cqw solid var(--acink); box-shadow: inset 0 0 0 1.4cqw var(--bg), inset 0 0 0 1.75cqw var(--acink); border-radius: 1cqw; }
.ds[data-style="heritage"] .ds-deco b:first-child { display: block; top: -2.5cqw; left: calc(50% - 2.5cqw); width: 5cqw; height: 5cqw; background: var(--acink); transform: rotate(45deg); }
.ds[data-style="heritage"] .ds-txt { align-items: center; }
.ds[data-style="heritage"] .ds-me { justify-content: center; }
.ds[data-style="heritage"] .ds-av { transform: none; }
.ds[data-style="heritage"] .r-tag { padding: .6cqw 3cqw; border-block: .25cqw solid currentColor; color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.6cqw * var(--fs)); margin-bottom: 1cqw; }
.ds[data-style="heritage"] .hl, .ds[data-style="heritage"] .mk { background-image: none; color: var(--acink) !important; }
.ds[data-style="heritage"] .ds-scene { --card: var(--bg); --cardfg: var(--fg); --card2: var(--glass2); --ac: var(--acink); }
.ds[data-style="heritage"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .ch-box, .pd-box, .nt-phone, .pc-phone, .em-env, .nw-c) { border: .3cqw solid var(--acink); border-radius: 1.4cqw; box-shadow: none; }
.ds[data-style="heritage"] .sc-hand { stroke-width: 1.8; }
.ds[data-style="heritage"] .ds-swipe { display: none; }
.ds[data-style="heritage"] .ds-num { top: auto; bottom: 2.4cqw; left: 50%; padding: 0 2cqw; background: var(--bg); color: var(--acink); opacity: 1; font-size: 3.4cqw; transform: translateX(-50%); }

/* شركات: شريط لون جانبي، عنوان علوي، بطاقات مرتبة، بلا ميلان */
.ds[data-style="corporate"] { --rot: 0; }
.ds[data-style="corporate"] .ds-deco { inset: 0 0 0 auto; width: 2.2cqw; background: var(--acink); }
.ds[data-style="corporate"] .ds-mast { display: flex; }
.ds[data-style="corporate"] .ds-mast i { opacity: .2; }
.ds[data-style="corporate"] .ds-num { display: none; }
.ds[data-style="corporate"] .r-tag { align-self: flex-start; padding: .5cqw 2.6cqw; border-radius: .6cqw; background: var(--acink); color: var(--bg); font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(3.4cqw * var(--fs)); margin-bottom: 0; }
.ds[data-style="corporate"] .hl, .ds[data-style="corporate"] .mk { background-image: none; color: var(--acink) !important; }
.ds[data-style="corporate"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border: .3cqw solid var(--line2); border-radius: 1.4cqw; box-shadow: 0 1cqw 2.4cqw rgba(0, 0, 0, .06); }
.ds[data-style="corporate"] :is(.ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border-radius: 2.4cqw; }
.ds[data-style="corporate"] .sc-hand { stroke-width: 2; }

/* رياضي: خطوط مائلة سريعة، عنوان مائل، لون مضيء */
.ds[data-style="sport"] { --rot: 0; --hk: 1.1; }
.ds[data-style="sport"] .ds-deco { inset: auto -10cqw -6cqw auto; width: 72cqw; height: 22cqw; background: repeating-linear-gradient(-58deg, var(--acink) 0 2.4cqw, rgba(0, 0, 0, 0) 2.4cqw 6cqw); opacity: .5; transform: skewY(-8deg); }
/* لا ميلان على الحروف العربية: يكسر اتصالها ويشوّه رسمها. الطاقة القُطرية
   تبقى في الزخرفة وخلفية الوسم، لا في الخط نفسه. */
.ds[data-style="sport"] .r-head { transform: none; }
.ds[data-style="sport"] .r-tag { align-self: flex-start; position: relative; padding: .4cqw 3cqw; background: transparent; color: var(--bg); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(3.8cqw * var(--fs)); margin-bottom: .6cqw; }
.ds[data-style="sport"] .r-tag::before { content: ""; position: absolute; inset: 0; background: var(--acink); transform: skewX(-12deg); z-index: -1; }
.ds[data-style="sport"] .hl, .ds[data-style="sport"] .mk { background: var(--acink); background-image: none; color: var(--bg); padding: 0 .16em; }
.ds[data-style="sport"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn) { border: .4cqw solid var(--acink); border-radius: 1cqw; box-shadow: 1cqw 1cqw 0 var(--acsoft); }
.ds[data-style="sport"] .sc-hand { stroke-width: 3; }
.ds[data-style="sport"] .ds-num { top: 5cqw; font-size: 12cqw; color: transparent; -webkit-text-stroke: .3cqw var(--acink); opacity: 1; }

/* بسيط: مساحة واسعة، خطوط رفيعة، بلا زخرفة */
.ds[data-style="minimal"] { --rot: 0; --hk: .92; padding: 10cqw; }
.ds[data-style="minimal"] .r-tag { align-self: flex-start; color: var(--sub); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.2cqw * var(--fs)); margin-bottom: 1cqw; }
.ds[data-style="minimal"] .hl, .ds[data-style="minimal"] .mk { background-image: linear-gradient(rgba(0, 0, 0, 0) 90%, currentColor 90%, currentColor 96%, rgba(0, 0, 0, 0) 96%); }
.ds[data-style="minimal"] .ds-scene { --card: var(--bg); --cardfg: var(--fg); --card2: var(--glass2); }
.ds[data-style="minimal"] :is(.cp-post, .ch-b, .ch-card, .nw-n, .ca-c, .cb-pill, .cl-row, .vs-c, .sb-pill, .sb-sug, .em-letter, .en-i, .ph-print, .sn, .ch-box, .pd-box, .nt-phone, .pc-phone, .em-env) { border: .25cqw solid var(--line2); border-radius: 0; box-shadow: none; }
.ds[data-style="minimal"] .sc-hand { stroke-width: 1.4; }
.ds[data-style="minimal"] .ds-num { top: auto; bottom: 5cqw; left: 10cqw; font-size: 3cqw; opacity: .5; }

/* ------------------------------------------------------------ ٤) واجهة الأداة */
.mkd-app {
  --ink: #0E0D0C; --paper: #FFF9EE; --cream: #F4EAD8; --line: #E8DCC6; --muted: #6E655A; --org: #FF6B18; --panel: #FFFFFF;
  direction: rtl; text-align: right; color: var(--ink);
  font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, "Segoe UI", Tahoma, sans-serif; font-size: 15px; line-height: 1.7;
}
.mkd-app *, .mkd-app *::before, .mkd-app *::after { box-sizing: border-box; }
.mkd-app :where(button, input, textarea, select) { font: inherit; color: inherit; }
.mkd-app h1, .mkd-app h3, .mkd-app h4, .mkd-app p { margin: 0; }
.mkd-app [hidden] { display: none !important; }
.mkd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mkd-app :focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }

body.mk-design-app, body.mk-design-app .uicore-body-content, body.mk-design-app #primary { background: var(--mkd-page, #FFF9EE) !important; }
body.mk-design-app .entry-content > p:empty, body.mk-design-app p:has(+ .mkd-app) { display: none !important; }
/* شريط «افتح أداتك» في الهيدر يخص الأداة الأولى */
body.mk-design-app .mkh6-mobile-cta-row { display: none !important; }
.mkd { min-height: calc(100vh - var(--mkd-top, 100px)); min-height: calc(100dvh - var(--mkd-top, 100px)); background: var(--paper); display: flex; flex-direction: column; }

.mkd-top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; background: rgba(255, 249, 238, .92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.mkd-brand { display: flex; align-items: center; gap: 10px; font-size: 16px;
  border: 0; background: transparent; padding: 4px; margin: -4px; border-radius: 14px;
  font-family: inherit; color: inherit; text-align: start; cursor: pointer; }
.mkd-brand:hover { background: rgba(20, 17, 14, .04); }
.mkd-brand:focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-brand b { font-weight: 700; display: block; line-height: 1.25; }
.mkd-brand-t { display: grid; }
.mkd-brand-t small { font-size: 12px; color: var(--muted); line-height: 1.4; }
/* أيقونة الأداة */
.mkd-ico { --s: 40px; position: relative; flex: none; width: var(--s); height: var(--s); border-radius: 22.6%; background: #000; display: grid; place-items: center; overflow: hidden; }
.mkd-ico-f { position: relative; width: 62%; height: 62%; box-shadow: inset 0 0 0 calc(var(--s) * .0167) #FF6B18; display: grid; place-items: center; }
.mkd-ico-f img { width: 78%; height: 78%; object-fit: contain; }
.mkd-ico-f i { position: absolute; width: 11.8%; height: 11.8%; background: #FF6B18; }
.mkd-ico-f .h1 { top: -5.9%; left: -5.9%; } .mkd-ico-f .h2 { top: -5.9%; right: -5.9%; }
.mkd-ico-f .h3 { bottom: -5.9%; left: -5.9%; } .mkd-ico-f .h4 { bottom: -5.9%; right: -5.9%; }
.mkd-ico svg { position: absolute; fill: #FF6B18; animation: mkdSpark 2.4s ease-in-out infinite; }
.mkd-ico .sp1 { width: 22.5%; height: 22.5%; top: 16%; left: 8.5%; }
.mkd-ico .sp2 { width: 11.8%; height: 11.8%; top: 39.7%; left: 23.6%; animation-delay: .6s; }
.mkd-ico.still svg { animation: none; }

/* حركة الشعار: إطار التحديد يُرسم بزواياه الأربع ثم تلمع الشرارة.
   هذه هوية العلامة نفسها (إطار برتقالي بمقابض) لا زخرفة مستوردة،
   تعمل مرة عند الفتح وتُعاد عند مرور المؤشر. */
@keyframes mkdRing { from { box-shadow: inset 0 0 0 0 rgba(255, 107, 24, 0); } }
@keyframes mkdGrip { 0% { transform: scale(0); opacity: 0; } 70% { transform: scale(1.35); } 100% { transform: scale(1); opacity: 1; } }
@keyframes mkdRise { from { transform: translateY(6%) scale(.9); opacity: 0; } }

.mkd-brand .mkd-ico-f { animation: mkdRing .5s ease .1s both; }
.mkd-brand .mkd-ico-f img { animation: mkdRise .55s cubic-bezier(.2, .8, .2, 1) .18s both; }
.mkd-brand .mkd-ico-f i { animation: mkdGrip .42s cubic-bezier(.2, 1.4, .4, 1) both; }
.mkd-brand .mkd-ico-f .h1 { animation-delay: .30s; }
.mkd-brand .mkd-ico-f .h2 { animation-delay: .38s; }
.mkd-brand .mkd-ico-f .h4 { animation-delay: .46s; }
.mkd-brand .mkd-ico-f .h3 { animation-delay: .54s; }
.mkd-brand:hover .mkd-ico-f i { animation: mkdGrip .42s cubic-bezier(.2, 1.4, .4, 1) both; }
.mkd-brand .mkd-ico { transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.mkd-brand:hover .mkd-ico { transform: translateY(-1px) rotate(-2deg); }
@keyframes mkdSpark { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.78); opacity: .72; } }
.mkd-top-r { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.mkd-quota { font-size: 13px; color: var(--muted); }

.mkd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid var(--ink); background: var(--ink); color: #fff; font-weight: 600; cursor: pointer; text-decoration: none; transition: transform .15s ease, background .15s ease; white-space: nowrap; }
.mkd-btn:hover { transform: translateY(-1px); }
.mkd-btn.ghost { background: transparent; color: var(--ink); }
.mkd-btn.ghost:hover { background: var(--cream); }
.mkd-btn.sm { min-height: 34px; padding: 5px 14px; font-size: 14px; }
.mkd-btn.full { width: 100%; }
.mkd-btn[aria-pressed="true"] { background: var(--org); border-color: var(--org); color: var(--ink); }
.mkd-btn:disabled { opacity: .55; cursor: default; transform: none; }
.mkd-link { background: none; border: 0; padding: 4px 0; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-size: 14px; }
.mkd-link.danger { color: #B3261E; }

.mkd-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px 6px 4px 12px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; cursor: pointer; font-weight: 600; }
.mkd-chip svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.mkd-chip-av { flex: none; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 14px; }
.mkd-chip-av img { width: 100%; height: 100%; object-fit: cover; }

.mkd-main { flex: 1; display: flex; flex-direction: column; }

/* البداية */
.mkd-start { flex: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(20px, 4vw, 56px); align-items: start; width: 100%; max-width: 1180px; margin: 0 auto; padding: clamp(24px, 5vh, 56px) 20px 48px; }
.mkd-start h1 { font-weight: 700; font-size: clamp(30px, 4.4vw, 48px); line-height: 1.25; margin-bottom: 10px; }
.mkd-lead { color: var(--muted); font-size: 16px; max-width: 58ch; margin-bottom: 18px; }
.mkd-seg { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--cream); margin-bottom: 14px; }
.mkd-seg button { min-height: 38px; padding: 6px 18px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-weight: 600; color: var(--muted); }
.mkd-seg button[aria-checked="true"] { background: var(--ink); color: #fff; }
.mkd-seg.sm button { min-height: 34px; padding: 4px 14px; font-size: 14px; }
.mkd-text { display: block; width: 100%; min-height: 320px; resize: vertical; padding: 18px 20px; border-radius: 20px; border: 1.5px solid var(--line); background: #fff; font-size: 16px; line-height: 1.9; box-shadow: 0 10px 30px rgba(14, 13, 12, .05); }
.mkd-text:focus { border-color: var(--ink); outline: none; }
.mkd-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 18px; flex-wrap: wrap; }
.mkd-photo { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 14px 6px 8px; border-radius: 14px; border: 1.5px dashed #C9BBA3; background: #fff; cursor: pointer; font-weight: 600; }
.mkd-photo svg { width: 32px; height: 32px; padding: 5px; border-radius: 10px; background: var(--cream); fill: none; stroke: var(--ink); stroke-width: 1.8; }
.mkd-photo img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; }
.mkd-photo small { color: var(--muted); font-weight: 400; margin-inline-start: 4px; }
.mkd-photo.has { border-style: solid; border-color: var(--org); }
.mkd-photo u { font-weight: 400; color: var(--muted); margin-inline-start: 6px; }
.mkd-count { font-size: 13px; color: var(--muted); }
.mkd-go { display: block; width: 100%; min-height: 58px; border: 0; border-radius: 18px; background: var(--org); color: var(--ink); font-weight: 700; font-size: 20px; cursor: pointer; box-shadow: 0 14px 30px rgba(255, 107, 24, .28); transition: transform .15s ease; }
.mkd-go:hover { transform: translateY(-2px); }
.mkd-start .mkd-link { display: block; margin: 12px auto 0; }
.mkd-warn { margin-top: 12px; padding: 10px 14px; border-radius: 12px; background: #FFF1EE; color: #8A2A1B; font-size: 14px; }
.mkd-note { display: block; font-size: 13px; color: var(--muted); }

.mkd-start-r { position: sticky; top: 90px; }
.mkd-idcard { padding: 18px; border-radius: 24px; background: var(--cream); display: grid; gap: 12px; }
.mkd-idprev { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mkd-mini { border-radius: 10px; overflow: hidden; box-shadow: 0 10px 24px rgba(14, 13, 12, .14); }
.mkd-idmeta { display: grid; }
.mkd-idmeta small { color: var(--muted); }
.mkd-idcard .mkd-btn { justify-self: start; }

/* التحميل */
.mkd-loading { flex: 1; display: flex; flex-direction: column; gap: 18px; padding: 26px 22px 48px; }
.mkd-ld-top { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.mkd-ld-t { display: grid; gap: 3px; }
.mkd-ld-t b { font-weight: 800; font-size: 19px; line-height: 1.4; }
.mkd-ld-t small { color: var(--muted); font-size: 13px; }
.mkd-ld-bar { flex: 1 1 220px; height: 6px; border-radius: 99px; background: var(--line); overflow: hidden; min-width: 160px; }
.mkd-ld-bar i { display: block; height: 100%; width: 18%; border-radius: 99px; background: var(--org);
  transition: width .6s cubic-bezier(.2, .7, .2, 1); }
.mkd-ld-note { margin: 0; color: var(--muted); font-size: 13px; }

/* هياكل السلايدات: يرى كم سلايدًا قادمًا وأين وصل العمل */
.mkd-sks { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
.mkd-sk { position: relative; aspect-ratio: 4 / 5; border-radius: 14px; background: #fff;
  border: 1.5px solid var(--line); padding: 16px 14px; display: flex; flex-direction: column; gap: 9px;
  overflow: hidden; opacity: .5; transition: opacity .5s ease, border-color .5s ease, box-shadow .5s ease; }
.mkd-sk.lit { opacity: 1; border-color: var(--org); box-shadow: 0 10px 26px rgba(14, 13, 12, .08); }
.mkd-sk b { font-size: 14px; font-weight: 800; line-height: 1.6; color: var(--ink); }
.mkd-sk-n { position: absolute; inset-inline-end: 12px; top: 10px; font-size: 11.5px; color: var(--muted); }
.mkd-sk-l { display: block; height: 9px; border-radius: 99px; background: var(--line); }
.mkd-sk-l.w90 { width: 90%; } .mkd-sk-l.w70 { width: 70%; } .mkd-sk-l.w50 { width: 50%; }
.mkd-sk-sc { margin-top: auto; height: 42%; border-radius: 10px; background: var(--cream); }
.mkd-sk::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
  animation: mkdShine 1.5s ease-in-out infinite; animation-delay: var(--d, 0s); }
.mkd-sk.lit::after { animation: none; opacity: 0; }
@keyframes mkdShine { to { transform: translateX(100%); } }
@keyframes mkdSpin { to { transform: rotate(360deg); } }

/* المحرر */
.mkd-edit { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 0; min-height: 0; }
.mkd-stage { min-width: 0; display: flex; flex-direction: column; gap: 14px; padding: 16px 20px 20px; position: sticky; top: 64px; align-self: start; }
.mkd-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; container-type: inline-size; container-name: mkbar; }
.mkd-bar-g { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mkd-ic { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; }
.mkd-ic svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mkd-ic:disabled { opacity: .4; cursor: default; }
.mkd-tog { min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; cursor: pointer; font-weight: 600; font-size: 14px; }
.mkd-tog[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.mkd-tog.style { display: inline-flex; align-items: center; gap: 8px; }
.mkd-tog.style i { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--line); flex: none; }
.mkd-tog.style span { display: grid; text-align: start; line-height: 1.25; }
.mkd-tog.style small { font-size: 11.5px; font-weight: 500; color: var(--muted); }
.mkd-tog.style[aria-pressed="true"] small, .mkd-tog.style:hover small { color: inherit; opacity: .8; }
.mkd-stys { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.mkd-stys.sm { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.mkd-sty { display: grid; gap: 2px; padding: 6px 6px 10px; border: 2px solid var(--line); border-radius: 14px; background: #fff; cursor: pointer; text-align: right; }
.mkd-sty-prev { display: block; border-radius: 8px; overflow: hidden; margin-bottom: 6px; box-shadow: 0 4px 12px rgba(14, 13, 12, .12); }
.mkd-sty b { font-size: 15px; padding: 0 4px; }
.mkd-sty small { font-size: 12px; line-height: 1.5; color: var(--muted); padding: 0 4px; }
.mkd-stys.sm .mkd-sty small { display: none; }
.mkd-sty.on { border-color: var(--ink); box-shadow: 0 0 0 2px var(--ink); }
.mkd-sty-w { position: relative; display: grid; }
.mkd-tpl-x { position: absolute; top: -8px; left: -8px; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; font-size: 16px; line-height: 1; cursor: pointer; }
.mkd-sty.tpl small { color: var(--org); font-weight: 600; }
.mkd-sty.add { place-content: center; justify-items: center; text-align: center; min-height: 160px; border-style: dashed; background: var(--paper); gap: 6px; }
.mkd-stys.sm .mkd-sty.add small { display: block; }
.mkd-add-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--ink); color: #fff; font-size: 24px; line-height: 1; }

/* شاشة الدخول */
.mkd-welcome { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: clamp(28px, 7vh, 72px) 20px 48px; }
.mkd-wl-logo { filter: drop-shadow(0 18px 34px rgba(255, 107, 24, .28)); margin-bottom: 6px; }
.mkd-welcome h1 { font-weight: 700; font-size: clamp(28px, 4.2vw, 44px); line-height: 1.25; }
.mkd-welcome p { max-width: 52ch; color: var(--muted); font-size: 16.5px; }
.mkd-wl-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
.mkd-btn.big { min-height: 52px; padding: 10px 26px; font-size: 16px; }
.mkd-wl-tools { display: flex; gap: 18px; }
.mkd-wl-points { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 640px; }
.mkd-wl-points li { padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 14px; font-weight: 600; }
.mkd-welcome .mkd-note a { color: var(--org); font-weight: 700; }
.mkd-welcome a.mkd-btn { color: #fff; }
.mkd-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: 720px; margin-top: 8px; }
.mkd-plan { position: relative; display: grid; gap: 4px; justify-items: center; padding: 22px 14px 16px; border-radius: 20px; background: #fff; border: 1.5px solid var(--line); color: var(--ink); text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.mkd-plan:hover { transform: translateY(-2px); border-color: var(--ink); }
.mkd-plan span { font-size: 15px; font-weight: 700; color: var(--muted); }
.mkd-plan b { font-size: 34px; font-weight: 700; line-height: 1.2; }
.mkd-plan small { font-size: 13px; color: var(--muted); min-height: 2.6em; }
.mkd-plan i { font-style: normal; margin-top: 6px; padding: 8px 22px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 700; font-size: 14px; }
.mkd-plan.best { border-color: var(--org); box-shadow: 0 16px 36px rgba(255, 107, 24, .18); }
.mkd-plan.best i { background: var(--org); color: var(--ink); }
.mkd-plan em { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); padding: 2px 12px; border-radius: 999px; background: var(--org); color: var(--ink); font-style: normal; font-size: 12px; font-weight: 700; }
.mkd-bundle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: 720px; padding: 16px 22px; border-radius: 18px; background: var(--ink); color: #fff; text-decoration: none; }
.mkd-bundle b { font-size: 16px; }
.mkd-bundle span { font-weight: 700; color: var(--org); white-space: nowrap; }
.mkd-bundle s { color: #9b9387; margin-inline-start: 4px; font-weight: 400; }
@media (max-width: 640px) { .mkd-plans { grid-template-columns: 1fr; } .mkd-bundle { flex-direction: column; align-items: flex-start; } }
.mkd-wl-tools button { border: 0; background: none; padding: 4px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; font-weight: 600; }
.mkd-wl-fan { display: flex; justify-content: center; margin: 26px 0 40px; padding: 0 40px; }
.mkd-wl-card { flex: none; width: clamp(92px, 12vw, 136px); margin-inline: clamp(-22px, -1.6vw, -10px); border-radius: 8px; overflow: hidden; box-shadow: 0 14px 30px rgba(14, 13, 12, .2); transform-origin: 50% 100%; }
@media (max-width: 640px) { .mkd-wl-card:nth-child(1), .mkd-wl-card:nth-child(7) { display: none; } }
/* 11 بطاقة: على الجوال كانت المروحة أعرض من الشاشة فتنزاح الصفحة كلها. خمس في الوسط، والباقي مخفي */
/* البطاقات الطرفية تنزل 40px مع الميل: مساحة تحتها حتى لا تُقص أطرافها السفلية */
.mkd-wl-fan { overflow: hidden; max-width: 100%; box-sizing: border-box; padding-top: 18px; padding-bottom: 64px; }
@media (max-width: 640px) {
  .mkd-wl-card:nth-child(1), .mkd-wl-card:nth-child(7) { display: block; }
  .mkd-wl-card:nth-child(-n+3), .mkd-wl-card:nth-last-child(-n+3) { display: none; }
  .mkd-wl-fan { padding-inline: 12px; padding-bottom: 32px; }
}

/* محاذاة في الوسط من القالب */
.ds.al-center { text-align: center; }
.ds.al-center .ds-txt { align-items: center; }
.ds.al-center .ds-me { justify-content: center; }
.ds.al-center .r-tag { align-self: center; }

.mkd-canvas { flex: 1; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 0; }
.mkd-big { position: relative; width: min(100%, 540px, calc((100vh - 250px) * .8)); min-width: 260px; cursor: text; border-radius: 12px; overflow: hidden; box-shadow: 0 24px 60px rgba(14, 13, 12, .18); }
.mkd-nav { flex: none; width: 54px; height: 54px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 20px rgba(14, 13, 12, .08); transition: transform .15s ease, background .15s ease, border-color .15s ease; }
.mkd-nav:hover { background: var(--ink); border-color: var(--ink); color: #fff; transform: scale(1.06); }
.mkd-nav:active { transform: scale(.96); }
.mkd-big.in-next { animation: mkdInNext .28s cubic-bezier(.2, .7, .2, 1); }
.mkd-big.in-prev { animation: mkdInPrev .28s cubic-bezier(.2, .7, .2, 1); }
@keyframes mkdInNext { from { opacity: .3; transform: translateX(-26px); } to { opacity: 1; transform: none; } }
@keyframes mkdInPrev { from { opacity: .3; transform: translateX(26px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mkd-big.in-next, .mkd-big.in-prev { animation: none; } }
.mkd-nav svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.mkd-strip { display: flex; gap: 10px; overflow-x: auto; padding: 6px 2px 10px; scroll-snap-type: x proximity; }
.mkd-big.story { width: min(100%, 400px, calc((100vh - 250px) * .5625)); min-width: 220px; }
.mkd-th { flex: none; width: 96px; padding: 0; border: 2.5px solid transparent; border-radius: 10px; overflow: hidden; background: none; cursor: pointer; scroll-snap-align: center; box-shadow: 0 4px 12px rgba(14, 13, 12, .1); transition: transform .15s ease; }
.mkd-th:hover { transform: translateY(-2px); }
.mkd-th.on { border-color: var(--org); }

.mkd-panel { min-width: 0; border-inline-start: 1px solid var(--line); background: #fff; padding: 18px 18px 60px; display: grid; gap: 4px; align-content: start; }
.mkd-p-head { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.mkd-p-head b { font-size: 18px; }
.mkd-p-head p { color: var(--muted); font-size: 14px; margin-top: 4px; }
.mkd-p-sec { padding: 14px 0; border-bottom: 1px solid var(--line); display: grid; gap: 10px; }
.mkd-p-sec:last-child { border-bottom: 0; }
.mkd-p-sec h3 { font-size: 13px; font-weight: 600; color: var(--muted); letter-spacing: .01em; }
.mkd-alts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mkd-alt { padding: 0; border: 2.5px solid transparent; border-radius: 10px; background: none; cursor: pointer; display: grid; gap: 4px; text-align: center; }
.mkd-alt .ds-frame { border-radius: 7px; overflow: hidden; box-shadow: 0 4px 12px rgba(14, 13, 12, .12); }
.mkd-alt > span:not(.mkd-mini) { font-size: 12px; color: var(--muted); }
.mkd-alt.on { border-color: var(--org); }
.mkd-alt.on > span:not(.mkd-mini) { color: var(--ink); font-weight: 600; }
.mkd-quick { display: flex; gap: 6px; flex-wrap: wrap; }
.mkd-sws { display: flex; gap: 8px; }
.mkd-sw { flex: 1; min-height: 40px; border-radius: 12px; border: 2px solid rgba(0, 0, 0, .08); cursor: pointer; font-weight: 600; font-size: 13px; }
.mkd-sw.on { border-color: var(--org); box-shadow: 0 0 0 2px var(--org); }
.mkd-ask, .mkd-u textarea, .mkd-f input { width: 100%; padding: 10px 12px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--paper); line-height: 1.7; resize: vertical; }
.mkd-ask:focus, .mkd-u textarea:focus, .mkd-f input:focus { border-color: var(--ink); outline: none; background: #fff; }
.mkd-reply { padding: 10px 12px; border-radius: 12px; background: #FFF3EA; border: 1px solid #FFD3B5; font-size: 14px; }
.mkd-u { display: grid; gap: 4px; }
.mkd-u select { justify-self: start; padding: 2px 8px; border-radius: 8px; border: 1px solid var(--line); background: var(--cream); font-size: 12px; }
.mkd-f { display: grid; gap: 4px; font-size: 13px; color: var(--muted); }
.mkd-f input { color: var(--ink); font-size: 15px; }
.mkd-f input.bad { border-color: #D9483B; }
.mkd-vers { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.mkd-vers button { width: 100%; display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 10px; border: 0; background: transparent; cursor: pointer; text-align: right; font-size: 14px; }
.mkd-vers button:hover { background: var(--paper); }
.mkd-vers button.on { background: var(--cream); font-weight: 600; }
.mkd-vers small { color: var(--muted); flex: none; }

/* النوافذ */
.mkd-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(14, 13, 12, .5); display: grid; place-items: center; padding: 16px; }
.mkd-sheet { width: min(980px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; background: #fff; border-radius: 24px; padding: 20px 22px; box-shadow: 0 30px 80px rgba(0, 0, 0, .3); display: grid; gap: 14px; }
html.mkd-lock { overflow: hidden; }
/* النافذة داخل طبقة القالب، فالهيدر الثابت يغطي أعلاها. نخفيه ما دامت النافذة مفتوحة */
html.mkd-lock #mk-global-header-v6, html.mkd-lock #wpadminbar { display: none !important; }
.mkd-m-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mkd-m-head b { font-weight: 700; font-size: 21px; }
.mkd-x { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.mkd-m-foot { z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid var(--line); position: sticky; bottom: -20px; background: #fff; padding-bottom: 4px; }

.mkd-ids { display: flex; gap: 8px; flex-wrap: wrap; }
.mkd-idi { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px 12px 4px 6px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; cursor: pointer; font-weight: 600; }
.mkd-idi.on { border-color: var(--ink); }
.mkd-idi.add { border-style: dashed; padding: 4px 14px; color: var(--muted); }
.mkd-idgrid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.mkd-idform { display: grid; gap: 10px; }
.mkd-idform h4 { margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
.mkd-f2 { display: flex; gap: 14px; align-items: flex-start; }
.mkd-f-col { flex: 1; display: grid; gap: 10px; }
.mkd-av-up { flex: none; width: 88px; height: 88px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--cream); border: 1.5px dashed #C9BBA3; cursor: pointer; color: var(--muted); font-size: 13px; }
.mkd-av-up img { width: 100%; height: 100%; object-fit: cover; }
.mkd-check { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.mkd-check input { width: 18px; height: 18px; accent-color: var(--ink); }
.mkd-check small { color: var(--muted); }
.mkd-kits { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.mkd-kit { display: grid; gap: 2px; padding: 12px; border-radius: 14px; border: 2px solid var(--line); background: var(--paper); cursor: pointer; text-align: right; }
.mkd-kit b { font-size: 24px; line-height: 1.3; font-weight: 900; }
.mkd-kit[data-kit="qahwa"] b, .mkd-kit[data-kit="rabie"] b { font-weight: 400; }
.mkd-kit[data-kit="messiri"] b, .mkd-kit[data-kit="amiri"] b, .mkd-kit[data-kit="ruqaa"] b { font-weight: 700; }
.mkd-kit[data-kit="almarai"] b, .mkd-kit[data-kit="changa"] b { font-weight: 800; }
.mkd-kit span { font-size: 14px; color: var(--muted); }
.mkd-kit small { font-size: 12px; color: var(--muted); margin-top: 4px; }
.mkd-kit.on { border-color: var(--ink); background: #fff; }
/* خط رفعه المستخدم: زر حذف في زاويته، ومربع الرفع بإطار متقطع */
.mkd-kit.is-user { position: relative; }
.mkd-kit.is-user b { font-weight: 400; }
.mkd-kit-x { position: absolute; top: 6px; left: 6px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center;
  font-size: 15px; line-height: 1; color: var(--muted); background: rgba(14, 13, 12, .06); }
.mkd-kit-x:hover, .mkd-kit-x:focus-visible { color: #fff; background: #b3261e; }
.mkd-kit-up { border-style: dashed; place-items: center; text-align: center; align-content: center; }
.mkd-kit-up b { font-size: 26px; font-weight: 400; color: var(--org); }
.mkd-kit-up span { color: var(--ink); font-weight: 700; }
.mkd-kit-up:hover, .mkd-kit-up:focus-within { border-color: var(--org); background: rgba(255, 107, 24, .05); }
.mkd-pals { display: flex; gap: 8px; flex-wrap: wrap; }
.mkd-pal { display: flex; padding: 3px; border-radius: 12px; border: 2px solid var(--line); background: #fff; cursor: pointer; }
.mkd-pal i { width: 20px; height: 32px; }
.mkd-pal i:first-child { border-radius: 0 8px 8px 0; }
.mkd-pal i:last-child { border-radius: 8px 0 0 8px; }
.mkd-pal.on { border-color: var(--ink); }
.mkd-colors { display: flex; gap: 14px; flex-wrap: wrap; }
.mkd-colors label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); cursor: pointer; }
.mkd-colors input { width: 34px; height: 34px; padding: 0; border: 1.5px solid var(--line); border-radius: 10px; background: none; cursor: pointer; }
.mkd-idside { position: sticky; top: 0; }
.mkd-idprev.tall { grid-template-columns: 1fr; }

.mkd-projs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mkd-projs li { display: flex; align-items: center; gap: 12px; padding: 4px 4px 4px 12px; border-radius: 14px; background: var(--paper); }
.mkd-proj { flex: 1; min-width: 0; display: grid; padding: 10px 12px; border: 0; background: none; cursor: pointer; text-align: right; }
.mkd-proj b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mkd-proj small { color: var(--muted); }
.mkd-empty { padding: 30px 10px; text-align: center; color: var(--muted); }

.mkd-exp { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.mkd-exp img { width: 100%; display: block; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }

.mkd-toast { position: fixed; z-index: 100001; left: 50%; bottom: 24px; transform: translateX(-50%); max-width: calc(100% - 32px); padding: 12px 20px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 600; box-shadow: 0 14px 30px rgba(0, 0, 0, .25); text-align: center; }
.mkd-render { position: fixed; left: -12000px; top: 0; width: 1080px; pointer-events: none; }

/* الشاشات الصغيرة */
@media (max-width: 980px) {
  .mkd-start { grid-template-columns: 1fr; }
  .mkd-start-r { position: static; }
  .mkd-edit { grid-template-columns: 1fr; }
  .mkd-panel { position: static; max-height: none; border-inline-start: 0; border-top: 1px solid var(--line); }
  .mkd-big { width: min(100%, 520px); }
  .mkd-big.story { width: min(100%, 380px); }
  .mkd-idgrid { grid-template-columns: 1fr; }
  .mkd-idside { position: static; order: -1; }
  .mkd-idprev.tall { grid-template-columns: 1fr 1fr; max-width: 380px; margin: 0 auto; }
}
@media (max-width: 640px) {
  body.mk-design-app #mk-whatsapp-only { display: none !important; }
  .mkd-top { padding: 10px 12px; gap: 8px; }
  .mkd-brand b { display: none; }
  .mkd-top-r { gap: 6px; flex-wrap: nowrap; }
  .mkd-top .mkd-btn { min-height: 36px; padding: 6px 12px; font-size: 13px; }
  .mkd-chip { min-height: 36px; }
  .mkd-chip > span:nth-child(2) { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mkd-quota { display: none; }
  .mkd-start { padding: 18px 14px 40px; }
  .mkd-text { min-height: 260px; }
  .mkd-stage { padding: 12px; }
  .mkd-nav { display: none; }
  .mkd-big { min-width: 0; }
  .mkd-th { width: 78px; }
  .mkd-sheet { padding: 16px 14px; border-radius: 20px; }
  .mkd-modal { padding: 8px; align-items: end; }
}
@media (prefers-reduced-motion: reduce) {
  .mkd-ico svg, .mkd-steps li.now::before { animation: none; }
  .mkd-brand .mkd-ico-f, .mkd-brand .mkd-ico-f img, .mkd-brand .mkd-ico-f i,
  .mkd-brand:hover .mkd-ico-f i { animation: none; }
  .mkd-brand:hover .mkd-ico { transform: none; }
  .mkd-btn, .mkd-go, .mkd-th { transition: none; }
}

/* الضغط على السلايد: وميض على الحقل المقصود */
.mkd-big [data-uu]:hover { outline: 2px dashed rgba(255, 107, 24, .6); outline-offset: 4px; border-radius: 4px; }
.mkd-big .ds-scene:hover { outline: 2px dashed rgba(255, 107, 24, .35); outline-offset: 4px; border-radius: 8px; cursor: pointer; }
.mkd-flash { animation: mkdFlash 1.1s ease; }
@keyframes mkdFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 24, 0); } 25% { box-shadow: 0 0 0 4px rgba(255, 107, 24, .55); } }
@media (max-width: 980px) { .mkd-stage { position: static; } }

.mkd-u.is-note textarea { opacity: .55; text-decoration: line-through; text-decoration-color: rgba(14, 13, 12, .35); }
.mkd-u.is-note select { background: #EEE; }

/* ═══════════════ v55 ═══════════════ */

/* شعار الأداة أوضح في الشريط */
.mkd-brand { gap: 12px; font-size: 19px; }
.mkd-brand b { font-weight: 800; }
@media (max-width: 640px) { .mkd-brand .mkd-ico { --s: 40px !important; } }

/* نوع التصميم: خيارات كبيرة واضحة يسهل الضغط عليها */
.mkd-lab { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: var(--ink); }
.mkd-start .mkd-seg { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; background: none; border-radius: 0; margin-bottom: 18px; }
.mkd-start .mkd-seg button {
  flex: 1 1 150px; display: grid; gap: 2px; justify-items: start; text-align: start;
  min-height: 62px; padding: 10px 16px; border: 1.5px solid var(--line); border-radius: 16px;
  background: #fff; color: var(--ink); transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.mkd-start .mkd-seg button b { font-size: 16px; font-weight: 700; }
.mkd-start .mkd-seg button small { font-size: 12.5px; font-weight: 500; color: var(--muted); }
.mkd-start .mkd-seg button:hover { border-color: var(--ink); transform: translateY(-1px); }
.mkd-start .mkd-seg button[aria-checked="true"] { background: var(--ink); border-color: var(--ink); color: #fff; box-shadow: 0 10px 24px rgba(14, 13, 12, .18); }
.mkd-start .mkd-seg button[aria-checked="true"] small { color: rgba(255, 255, 255, .74); }

/* صور الغلاف وصور السلايدات */
.mkd-pics { display: flex; flex-wrap: wrap; gap: 10px; }
.mkd-photo { min-height: 52px; }
.mkd-pics-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; }
.mkd-pic { position: relative; width: 68px; height: 68px; border-radius: 14px; overflow: hidden; border: 1.5px solid var(--line); background: #fff; }
.mkd-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mkd-pic i { position: absolute; inset-inline-start: 4px; bottom: 4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 7px; background: rgba(14, 13, 12, .78); color: #fff; font-size: 11px; font-weight: 700; font-style: normal; display: grid; place-items: center; }
.mkd-pic button { position: absolute; inset-inline-end: 3px; top: 3px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: rgba(14, 13, 12, .78); color: #fff; font-size: 15px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.mkd-pic button:hover { background: #C0341A; }
.mkd-pics-list small { flex: 1 1 100%; color: var(--muted); font-size: 13px; line-height: 1.75; }

/* النص فوق الصورة: في الجهة الفارغة منها، ولا يغطي أكثر من نصفها */
/* لا قناع على الكتابة (طلب المالك 19 سبتمبر: «خلي الناس حرة»): السطر الذي يسحبه المشترك يبقى ظاهرًا أينما وضعه.
   الحد (نصف الصورة) يبقى للترتيب التلقائي وحده، يقيسه fit بـ scrollHeight */
.ds.sc-photo_full .ds-txt { max-height: 48%; overflow: visible; }
.ds.sc-photo_full[data-pz="top"] .ds-txt { margin-top: 0; margin-bottom: auto; }
.ds.sc-photo_full[data-pz="top"] .ds-shade {
  background: linear-gradient(to bottom, var(--bg) 0%, rgba(0, 0, 0, .55) 42%, rgba(0, 0, 0, 0) 70%),
              linear-gradient(to top, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 28%);
}

/* الاسم على كل السلايدات: نسخة صغيرة لا تزاحم العنوان */
.ds-me.is-mini { margin: -2.4cqw 0 4.4cqw; gap: 1.9cqw; }
.ds-me.is-mini .ds-av { width: 7.6cqw; height: 7.6cqw; border-width: .5cqw; font-size: 3.4cqw; }
.ds-me.is-mini .ds-nm b { font-size: 2.9cqw; }
.ds-me.is-mini .ds-nm small { font-size: 2.4cqw; }

/* التحديثات الأسبوعية وإضافة الأداة إلى الشاشة */
.mkd-weekly { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 4px; padding: 8px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 14px; color: var(--ink); }
.mkd-weekly a { color: var(--org); font-weight: 700; }
.mkd-a2hs { margin-top: 2px; min-height: 40px; padding: 6px 16px; border: 1px dashed var(--line); border-radius: 999px; background: none; color: var(--ink); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.mkd-a2hs:hover { border-color: var(--org); }

/* ═══════════════ v56: خمسة خطوط Google عربية إضافية (OFL) ═══════════════ */
@font-face { font-family: "MKD Rubik"; font-weight: 400; font-display: swap; src: url(fonts/gf-rubik-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Rubik"; font-weight: 700; font-display: swap; src: url(fonts/gf-rubik-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Rubik"; font-weight: 900; font-display: swap; src: url(fonts/gf-rubik-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Baloo"; font-weight: 400; font-display: swap; src: url(fonts/gf-baloo-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Baloo"; font-weight: 800; font-display: swap; src: url(fonts/gf-baloo-800.woff2) format("woff2"); }
.mkd-kit[data-kit="baloo"] b { font-weight: 800; }
.mkd-kit[data-kit="alex"] b { font-weight: 700; }

/* الخطوط الخمسة الجديدة داخل السلايد */
.ds[data-kit="rubik"] { --fd: "MKD Rubik"; --fdw: 900; --dk: .9;  --dlh: 1.36; --ft: "MKD Rubik"; --ftw: 400; }
.ds[data-kit="alex"]  { --fd: "MKD Alex";  --fdw: 700; --dk: .92; --dlh: 1.42; --ft: "MKD Alex";  --ftw: 400; }
.ds[data-kit="baloo"] { --fd: "MKD Baloo"; --fdw: 800; --dk: .9;  --dlh: 1.46; --ft: "MKD Baloo"; --ftw: 400; }

/* عقارات: إطار رفيع مزدوج ورصانة */
.ds[data-style="estate"] { --rot: 0; padding: 8cqw 7.5cqw; }
.ds[data-style="estate"] .ds-deco { inset: 4cqw; border: .25cqw solid var(--line2); }
.ds[data-style="estate"] .ds-deco b { display: block; position: absolute; background: var(--ac); }
.ds[data-style="estate"] .ds-deco b:first-child { top: -0.1cqw; right: 0; width: 22cqw; height: .6cqw; }
.ds[data-style="estate"] .ds-deco b:last-child { bottom: -0.1cqw; left: 0; width: 22cqw; height: .6cqw; }
.ds[data-style="estate"] .r-tag { align-self: flex-start; padding: .5cqw 3cqw; border: .25cqw solid var(--acink); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; letter-spacing: .04em; }
.ds[data-style="estate"] .hl, .ds[data-style="estate"] .mk { background: none; background-image: linear-gradient(transparent 62%, var(--acsoft) 0); }
.ds[data-style="estate"] .ds-num { opacity: .5; font-family: var(--ft), Tahoma, sans-serif; }

/* سفر: مسار متقطع وختم دائري */
.ds[data-style="travel"] { --rot: .6; }
.ds[data-style="travel"] .ds-deco b { display: block; position: absolute; }
.ds[data-style="travel"] .ds-deco b:first-child { top: 13cqw; right: 6cqw; left: 6cqw; height: 0; border-top: .5cqw dashed var(--acsoft); }
.ds[data-style="travel"] .ds-deco b:last-child { top: 9.4cqw; left: 7cqw; width: 7.2cqw; height: 7.2cqw; border: .5cqw dashed var(--ac); border-radius: 50%; opacity: .7; }
.ds[data-style="travel"] .r-tag { align-self: flex-start; padding: .55cqw 3.2cqw; border-radius: 99px; background: var(--acsoft); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; }
.ds[data-style="travel"] .hl, .ds[data-style="travel"] .mk { background: var(--acsoft); color: var(--acink); border-radius: .3em; padding: 0 .2em; background-image: none; }
.ds[data-style="travel"] .ds-num { border-radius: 50%; border: .3cqw dashed var(--ac); width: 8cqw; height: 8cqw; display: grid; place-items: center; opacity: 1; }

/* تعليم: شبكة خفيفة وبطاقات مرتبة */
.ds[data-style="campus"] { --rot: 0; }
.ds[data-style="campus"] .ds-deco { background: linear-gradient(var(--line2) .2cqw, transparent .2cqw) 0 0 / 100% 7cqw; opacity: .5; }
.ds[data-style="campus"] .ds-deco b { display: block; position: absolute; background: var(--ac); }
.ds[data-style="campus"] .ds-deco b:first-child { top: 6cqw; right: 0; width: .9cqw; height: 16cqw; border-radius: 0 0 0 .9cqw; }
.ds[data-style="campus"] .ds-deco b:last-child { display: none; }
.ds[data-style="campus"] .r-tag { align-self: flex-start; padding: .5cqw 2.6cqw; border-radius: .8cqw; background: var(--acsoft); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; }
.ds[data-style="campus"] .hl, .ds[data-style="campus"] .mk { background: var(--acsoft); color: var(--acink); border-radius: .25em; padding: 0 .2em; background-image: none; }
.ds[data-style="campus"] .ds-num { width: 8cqw; height: 8cqw; border-radius: 1.6cqw; display: grid; place-items: center; background: var(--acsoft); color: var(--acink); opacity: 1; }

/* بودكاست: موجات صوت ليلية */
.ds[data-style="podcast"] { --rot: 0; --hk: 1.04; }
.ds[data-style="podcast"] .ds-deco { background: radial-gradient(circle at 12% 4%, var(--acsoft) 0, rgba(0, 0, 0, 0) 38%); }
.ds[data-style="podcast"] .ds-deco b { display: block; position: absolute; bottom: 7cqw; width: .9cqw; border-radius: 99px; background: var(--ac); opacity: .55; }
.ds[data-style="podcast"] .ds-deco b:first-child { right: 7cqw; height: 9cqw; box-shadow: 2.4cqw 2cqw 0 var(--ac), 4.8cqw -1.4cqw 0 var(--ac), 7.2cqw 3cqw 0 var(--ac), 9.6cqw .6cqw 0 var(--ac); }
.ds[data-style="podcast"] .ds-deco b:last-child { left: 7cqw; height: 5cqw; box-shadow: -2.4cqw 1.4cqw 0 var(--ac), -4.8cqw -1cqw 0 var(--ac); }
.ds[data-style="podcast"] .r-tag { align-self: flex-start; padding: .55cqw 3.2cqw; border-radius: 99px; background: var(--acsoft); color: var(--acink); font-family: var(--ft), Tahoma, sans-serif; }
.ds[data-style="podcast"] .hl, .ds[data-style="podcast"] .mk { background: var(--ac); color: var(--acfg); border-radius: .3em; padding: 0 .22em; background-image: none; }
.ds[data-style="podcast"] .ds-num { opacity: .55; }

/* عروض: شارة مائلة وطاقة متجر */
.ds[data-style="offer"] { --rot: 1.4; --hk: 1.08; }
.ds[data-style="offer"] .ds-deco b { display: block; position: absolute; background: var(--ac); opacity: .9; }
.ds[data-style="offer"] .ds-deco b:first-child { top: 8cqw; left: 5cqw; width: 16cqw; height: 16cqw; border-radius: 2.4cqw; transform: rotate(calc(12deg * var(--rot))); opacity: .16; }
.ds[data-style="offer"] .ds-deco b:last-child { bottom: 6cqw; right: 5cqw; width: 26cqw; height: 1.2cqw; border-radius: 99px; opacity: .3; }
.ds[data-style="offer"] .r-tag { align-self: flex-start; padding: .7cqw 3.4cqw; border-radius: 1cqw; background: var(--ac); color: var(--acfg); font-family: var(--ft), Tahoma, sans-serif; font-weight: 800; transform: rotate(calc(-1.6deg * var(--rot))); }
.ds[data-style="offer"] .hl, .ds[data-style="offer"] .mk { background: var(--ac); color: var(--acfg); border-radius: .25em; padding: 0 .22em; background-image: none; }
.ds[data-style="offer"] .ds-num { width: 8.6cqw; height: 8.6cqw; border-radius: 1.4cqw; display: grid; place-items: center; background: var(--ac); color: var(--acfg); opacity: 1; }

/* سينمائي: شريط فيلم وتباين عالٍ */
.ds[data-style="noir"] { --rot: 0; --hk: 1.05; }
.ds[data-style="noir"] .ds-deco b { display: block; position: absolute; }
.ds[data-style="noir"] .ds-deco b:first-child { top: 0; right: 0; left: 0; height: 4.4cqw; background:
  repeating-linear-gradient(to left, var(--line2) 0 2.2cqw, transparent 2.2cqw 5.4cqw); opacity: .8; }
.ds[data-style="noir"] .ds-deco b:last-child { bottom: 0; right: 0; left: 0; height: 4.4cqw; background:
  repeating-linear-gradient(to left, var(--line2) 0 2.2cqw, transparent 2.2cqw 5.4cqw); opacity: .8; }
.ds[data-style="noir"] .r-tag { align-self: flex-start; padding: .4cqw 0; border-bottom: .4cqw solid var(--ac); color: var(--ac); font-family: var(--ft), Tahoma, sans-serif; letter-spacing: .06em; }
.ds[data-style="noir"] .hl, .ds[data-style="noir"] .mk { background: none; background-image: linear-gradient(transparent 66%, var(--ac) 0); color: inherit; }
.ds[data-style="noir"] .ds-num { opacity: .4; letter-spacing: .08em; }

/* ═══════════ v56: نافذة أوسع، بطاقات أكبر، ورفع تصميم بارز ═══════════ */
.mkd-modal { padding: clamp(8px, 2vw, 22px); }
.mkd-sheet { width: min(1360px, 100%); max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); padding: 0 26px; gap: 16px; scroll-behavior: smooth; overscroll-behavior: contain; }
.mkd-sheet .mkd-m-head { position: sticky; top: 0; z-index: 4; background: #fff; padding: 18px 0 12px; border-bottom: 1px solid var(--line); }
.mkd-sheet .mkd-m-foot { position: sticky; bottom: 0; z-index: 4; background: #fff; padding: 12px 0 16px; border-top: 1px solid var(--line); }
.mkd-idgrid { grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; }
.mkd-idside { top: 78px; }
.mkd-idform h4 small { font-weight: 500; font-size: 13px; color: var(--muted); margin-inline-start: 8px; }

/* بطاقات الأساليب: أكبر وأوضح، والضغط عليها فوري */
.mkd-stys.sm { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.mkd-stys.sm .mkd-sty small { display: block; }
.mkd-sty { padding: 8px 8px 12px; border-radius: 16px; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.mkd-sty:hover { border-color: #C9BBA3; transform: translateY(-2px); }
.mkd-sty.on { box-shadow: 0 0 0 3px var(--ink); }
.mkd-sty-prev { border-radius: 10px; margin-bottom: 8px; }
.mkd-sty b { font-size: 15.5px; }

/* «ارفع تصميمًا يعجبك»: بطاقة عريضة لأنها ميزة أساسية */
.mkd-tplbox { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 4px 0 0; padding: 16px 18px; cursor: pointer;
  border: 2px dashed var(--org); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 107, 24, .1), rgba(255, 107, 24, .02)); }
.mkd-tplbox:hover { background: rgba(255, 107, 24, .14); }
.mkd-tplbox-ic { flex: none; width: 54px; height: 54px; border-radius: 16px; background: var(--ink); display: grid; place-items: center; }
.mkd-tplbox-ic svg { width: 27px; height: 27px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mkd-tplbox-t { flex: 1 1 260px; min-width: 0; }
.mkd-tplbox-t b { display: block; font-size: 17px; line-height: 1.5; margin-bottom: 3px; }
.mkd-tplbox-t small { display: block; font-size: 13.5px; line-height: 1.75; color: var(--muted); }
.mkd-tplbox-go { flex: none; min-height: 48px; display: inline-flex; align-items: center; padding: 0 24px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 700; }

@media (max-width: 900px) {
  .mkd-modal { padding: 0; align-items: end; }
  .mkd-sheet { width: 100%; max-height: 96vh; max-height: 96dvh; border-radius: 24px 24px 0 0; padding: 0 14px; gap: 14px; }
  .mkd-sheet .mkd-m-head { padding: 14px 0 10px; }
  .mkd-idgrid { grid-template-columns: 1fr; gap: 18px; }
  .mkd-stys.sm { grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: 10px; }
  .mkd-tplbox { padding: 14px; gap: 12px; }
  .mkd-tplbox-go { width: 100%; justify-content: center; }
}

/* ═══════ v56: لكل أسلوب تكوينه: مكان النص، وعلامته البصرية الخاصة ═══════ */
/* موضع كتلة النص حين لا يوجد رسم (وهذا حال بطاقات الأساليب) */
.ds.sc-none[data-style="notebook"] .ds-txt, .ds.sc-statement[data-style="notebook"] .ds-txt,
.ds.sc-none[data-style="magazine"] .ds-txt, .ds.sc-statement[data-style="magazine"] .ds-txt,
.ds.sc-none[data-style="corporate"] .ds-txt, .ds.sc-statement[data-style="corporate"] .ds-txt,
.ds.sc-none[data-style="campus"] .ds-txt, .ds.sc-statement[data-style="campus"] .ds-txt,
.ds.sc-none[data-style="estate"] .ds-txt, .ds.sc-statement[data-style="estate"] .ds-txt,
.ds.sc-none[data-style="minimal"] .ds-txt, .ds.sc-statement[data-style="minimal"] .ds-txt { margin-block: 0 auto; }

.ds.sc-none[data-style="poster"] .ds-txt, .ds.sc-statement[data-style="poster"] .ds-txt,
.ds.sc-none[data-style="kitchen"] .ds-txt, .ds.sc-statement[data-style="kitchen"] .ds-txt,
.ds.sc-none[data-style="sport"] .ds-txt, .ds.sc-statement[data-style="sport"] .ds-txt,
.ds.sc-none[data-style="noir"] .ds-txt, .ds.sc-statement[data-style="noir"] .ds-txt,
.ds.sc-none[data-style="offer"] .ds-txt, .ds.sc-statement[data-style="offer"] .ds-txt,
.ds.sc-none[data-style="kids"] .ds-txt, .ds.sc-statement[data-style="kids"] .ds-txt { margin-block: auto 0; }

/* دفتر: سطر يدوي فوق العنوان */
.ds[data-style="notebook"] .r-tag { align-self: flex-start; }
/* مجلة: خط فاصل تحت العنوان وعمود نص أضيق */
.ds[data-style="magazine"] .r-head { padding-bottom: 2.4cqw; border-bottom: .3cqw solid var(--fg); }
.ds[data-style="magazine"] .r-body { max-width: 78%; }
/* بسيط: شعرة رفيعة فوق العنوان ومساحة واسعة */
.ds[data-style="minimal"] .r-tag { align-self: flex-start; padding-top: 2.6cqw; border-top: .25cqw solid var(--fg); letter-spacing: .12em; font-size: 2.8cqw; }
.ds[data-style="minimal"] .r-body { max-width: 70%; }
/* عيادة: بطاقة ناعمة خلف النص */
.ds[data-style="clinic"] .ds-txt { padding: 5cqw; border-radius: 5cqw; background: var(--card); box-shadow: 0 2cqw 6cqw rgba(0, 0, 0, .06); }
/* سفر: إطار متقطع حول السلايد */
.ds[data-style="travel"] .ds-tex { inset: 3.4cqw; border: .4cqw dashed var(--line2); border-radius: 3cqw; }
/* قصاصات: كتلة النص مائلة قليلًا كأنها ورقة ملصقة */
.ds[data-style="collage"] .ds-txt { transform: rotate(calc(-1.1deg * var(--rot))); }
/* رياضي: عنوان مائل سريع */
.ds[data-style="sport"] .r-head { transform: none; }
/* عروض: العنوان داخل كتلة لون */
.ds[data-style="offer"] .r-body { max-width: 82%; }
/* بودكاست: العنوان في الوسط مع هالة */
.ds.sc-none[data-style="podcast"] .ds-txt, .ds.sc-statement[data-style="podcast"] .ds-txt { margin-block: auto; }
.ds[data-style="podcast"] .r-body { max-width: 80%; }
/* سينمائي: العنوان بأحرف متباعدة */
.ds[data-style="noir"] .r-head { letter-spacing: -.005em; }
.ds[data-style="noir"] .r-body { max-width: 76%; opacity: .86; }
/* عقارات: مسافة أعلى النص وخط رفيع تحت العنوان */
.ds[data-style="estate"] .r-head { padding-bottom: 2.2cqw; border-bottom: .25cqw solid var(--line2); }
/* تعليم: العنوان مع شريط جانبي */
.ds[data-style="campus"] .r-head { padding-inline-end: 3cqw; border-inline-end: .8cqw solid var(--ac); }

/* v56: تصحيحات بعد المعاينة */
/* رياضي: لا ميلان للعنوان حتى لا يتداخل مع الشارة، والشارة فوقه بمسافة */
.ds[data-style="sport"] .r-head { transform: none; }
.ds[data-style="sport"] .r-tag { margin-bottom: 1.6cqw; }
/* بسيط: التمييز خلفية خفيفة لا خط يقطع الكلمة */
.ds[data-style="minimal"] .hl, .ds[data-style="minimal"] .mk { background: var(--acsoft); background-image: none; color: var(--acink); border-radius: .2em; padding: 0 .18em; }
.ds[data-style="minimal"] .r-head { padding-bottom: 0; border: 0; }
/* عقارات: عنوان أكبر ونص أوسع */
.ds[data-style="estate"] { --hk: 1.06; }
.ds[data-style="estate"] .r-body { max-width: 88%; }
.ds[data-style="estate"] .r-tag { margin-bottom: 1.4cqw; }
/* مطبخ وقصاصات: الزخرفة لا تزاحم النص */
.ds[data-style="kitchen"] .ds-deco { right: -28cqw; bottom: -28cqw; width: 58cqw; height: 58cqw; }
.ds[data-style="collage"] .ds-txt { position: relative; z-index: 3; }

/* ═══ v57: إسكندرية بكل أوزانها، وإكسبو، وخط اليد ═══ */
@font-face { font-family: "MKD Alex"; font-weight: 300; font-display: swap; src: url(fonts/alx-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Alex"; font-weight: 400; font-display: swap; src: url(fonts/alx-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Alex"; font-weight: 500; font-display: swap; src: url(fonts/alx-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Alex"; font-weight: 700; font-display: swap; src: url(fonts/alx-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Alex"; font-weight: 900; font-display: swap; src: url(fonts/alx-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Expo"; font-weight: 300; font-display: swap; src: url(fonts/expo-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Expo"; font-weight: 400; font-display: swap; src: url(fonts/expo-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Expo"; font-weight: 500; font-display: swap; src: url(fonts/expo-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Expo"; font-weight: 600; font-display: swap; src: url(fonts/expo-600.woff2) format("woff2"); }
@font-face { font-family: "MKD Expo"; font-weight: 700; font-display: swap; src: url(fonts/expo-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Handix"; font-weight: 300; font-display: swap; src: url(fonts/handix-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Handix"; font-weight: 400; font-display: swap; src: url(fonts/handix-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Handix"; font-weight: 500; font-display: swap; src: url(fonts/handix-500.woff2) format("woff2"); }
.ds[data-kit="alex"]   { --fd: "MKD Alex";   --fdw: 900; --dk: .92; --dlh: 1.4;  --ft: "MKD Alex";   --ftw: 400; }
.ds[data-kit="expo"]   { --fd: "MKD Expo";   --fdw: 700; --dk: .9;  --dlh: 1.42; --ft: "MKD Expo";   --ftw: 400; }
.ds[data-kit="handix"] { --fd: "MKD Handix"; --fdw: 700; --dk: .98; --dlh: 1.3;  --ft: "MKD Ghaith"; --ftw: 600; }
.mkd-kit[data-kit="alex"] b { font-weight: 900; }
.mkd-kit[data-kit="expo"] b, .mkd-kit[data-kit="handix"] b { font-weight: 700; }

/* v57: الضغط يصيب البطاقة نفسها دائمًا، لا العناصر التي بداخلها */
.mkd-sty *, .mkd-kit *, .mkd-pal *, .mkd-seg button *, .mkd-idi * { pointer-events: none; }
.mkd-sty, .mkd-kit, .mkd-pal, .mkd-idi { -webkit-tap-highlight-color: rgba(255, 107, 24, .2); touch-action: manipulation; }
.mkd-sty:active, .mkd-kit:active, .mkd-pal:active { transform: scale(.985); }

/* ═══ v57: صفحات كاملة بدل النوافذ المنبثقة (الهوية والأساليب) ═══ */
.mkd-page { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 clamp(14px, 3vw, 34px) 70px; display: grid; gap: 16px; align-content: start; }
.mkd-page-head { position: sticky; top: 0; z-index: 6; display: flex; align-items: center; gap: 12px; padding: 14px 0 12px; background: var(--paper); border-bottom: 1px solid var(--line); }
.mkd-page-head h1 { flex: 1; min-width: 0; margin: 0; font-size: clamp(19px, 2.2vw, 26px); font-weight: 700; }
.mkd-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; font: inherit; font-weight: 700; color: var(--ink); cursor: pointer; }
.mkd-back::before { content: "→"; font-size: 17px; line-height: 1; }
.mkd-back:hover { border-color: var(--ink); }
.mkd-page-foot { position: sticky; bottom: 0; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0 14px; background: var(--paper); border-top: 1px solid var(--line); }
.mkd-page .mkd-idside { top: 86px; }
.mkd-page .mkd-stys { grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); }
@media (max-width: 640px) {
  .mkd-page { padding: 0 12px 48px; gap: 12px; }
  .mkd-page-head { padding: 10px 0 8px; }
  .mkd-page-head h1 { font-size: 17px; }
  .mkd-page-head .mkd-btn { min-height: 40px; padding: 8px 14px; font-size: 14px; }
  .mkd-back { min-height: 40px; padding: 0 14px; font-size: 14px; }
  .mkd-page .mkd-stys { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

/* ═════════ v58: ضبط الطباعة العربية — التشكيل لا يُقص ولا يتداخل ═════════ */
/* مساحة فوق العنوان للشدّة والضمّة، والشارة لا تُسحب فوقه */
.r-head { padding-top: .14em; }
.r-tag { margin-bottom: calc(.6cqw * var(--fs)); }
.ds .mk, .ds .hl { padding-block: .02em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* شريط التمييز يمر تحت الحروف لا فوقها */
.r-head .hl { background-image: linear-gradient(transparent 76%, var(--hl) 76%, var(--hl) 93%, transparent 93%); }

/* تباعد الأسطر لكل خط على حدة: لا تلامس بين نازل السطر وتشكيل السطر الذي تحته */
.ds[data-kit="qahwa"]   { --dlh: 1.34; }
.ds[data-kit="graphik"] { --dlh: 1.42; }
.ds[data-kit="crafts"]  { --dlh: 1.46; }
.ds[data-kit="lyon"]    { --dlh: 1.5; }
.ds[data-kit="rabie"]   { --dlh: 1.4; }
.ds[data-kit="cairo"]   { --dlh: 1.48; }
.ds[data-kit="almarai"] { --dlh: 1.5; }
.ds[data-kit="tajawal"] { --dlh: 1.45; }
.ds[data-kit="messiri"] { --dlh: 1.55; }
.ds[data-kit="amiri"]   { --dlh: 1.72; }
.ds[data-kit="changa"]  { --dlh: 1.45; }
.ds[data-kit="ruqaa"]   { --dlh: 1.78; }
.ds[data-kit="rubik"]   { --dlh: 1.46; }
.ds[data-kit="alex"]    { --dlh: 1.5; }
.ds[data-kit="baloo"]   { --dlh: 1.55; }
.ds[data-kit="expo"]    { --dlh: 1.5; }
.ds[data-kit="handix"]  { --dlh: 1.46; }
.ds[data-kit="waraq"]   { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.34; --ft: "MKD Crafts"; --ftw: 600; }
/* Zain بلا أرقام لاتينية: الأرقام من Graphik، الخط التالي في السلسلة */
.ds[data-kit="zain"]    { --fd: "MKD Zain", "MKD Graphik"; --fdw: 800; --dk: 1; --dlh: 1.2; --ft: "MKD Zain", "MKD Graphik"; --ftw: 600; }
/* خطوط النسخ والرقعة تحتاج فسحة أكبر في النص العادي أيضًا */
.ds[data-kit="amiri"] .r-body, .ds[data-kit="ruqaa"] .r-body, .ds[data-kit="handix"] .r-body { line-height: 2; }
.ds[data-kit="amiri"] .r-tag, .ds[data-kit="ruqaa"] .r-tag { line-height: 1.6; }

/* ضبط فردي لكل أسلوب بعد فسحة التشكيل */
.ds[data-style="poster"] .r-head { line-height: calc(var(--dlh) * .97); }
.ds[data-style="luxury"] .r-head, .ds[data-style="heritage"] .r-head { padding-top: .2em; }
.ds[data-style="kitchen"] .hl, .ds[data-style="kitchen"] .mk { background-image: linear-gradient(rgba(0, 0, 0, 0) 74%, var(--acsoft) 74%, var(--acsoft) 94%, rgba(0, 0, 0, 0) 94%); }
.ds[data-style="estate"] .hl, .ds[data-style="estate"] .mk { background-image: linear-gradient(transparent 76%, var(--acsoft) 0); }
.ds[data-style="magazine"] .hl, .ds[data-style="magazine"] .mk { background-image: linear-gradient(rgba(0, 0, 0, 0) 88%, var(--acink) 88%, var(--acink) 96%, rgba(0, 0, 0, 0) 96%); }
.ds[data-style="minimal"] .r-head { padding-top: .16em; }
.ds[data-style="noir"] .hl, .ds[data-style="noir"] .mk { background-image: linear-gradient(transparent 78%, var(--ac) 0); }
.ds[data-style="sport"] .hl, .ds[data-style="sport"] .mk { padding: .04em .18em; border-radius: .1em; }
.ds[data-style="podcast"] .hl, .ds[data-style="podcast"] .mk { padding: .04em .2em; border-radius: .18em; }
.ds[data-style="offer"] .hl, .ds[data-style="offer"] .mk { padding: .04em .2em; }

/* v58: بدائل الرسم والمصغّرات — الضغط يصيب الزر نفسه لا ما بداخله */
.mkd-alt *, .mkd-th *, .mkd-sw *, .mkd-proj *, .mkd-idi *, .mkd-tplbox * { pointer-events: none; }
.mkd-alt { position: relative; z-index: 1; touch-action: manipulation; -webkit-tap-highlight-color: rgba(255, 107, 24, .2); }
.mkd-alt:hover { border-color: #C9BBA3; }
.mkd-alt:active { transform: scale(.98); }

/* ═══ v59: «تصاميمي» صفحة كاملة مع مصغّر بصري لكل تصميم ═══ */
.mkd-page .mkd-projs { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; list-style: none; margin: 0; padding: 0; }
.mkd-projw { position: relative; }
.mkd-projw .mkd-proj { width: 100%; display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: center;
  padding: 10px 12px 10px 10px; border: 1.5px solid var(--line); border-radius: 20px; background: #fff; cursor: pointer; text-align: start;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.mkd-projw .mkd-proj:hover { border-color: var(--ink); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(14, 13, 12, .1); }
.mkd-proj * { pointer-events: none; }
.mkd-proj-prev { display: block; width: 88px; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 16px rgba(14, 13, 12, .16); }
.mkd-proj-t { min-width: 0; display: grid; gap: 4px; }
.mkd-proj-t b { font-size: 15px; font-weight: 700; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mkd-proj-t small { font-size: 12.5px; color: var(--muted); }
.mkd-projw > .mkd-link.danger { position: absolute; inset-inline-end: 12px; bottom: 8px; font-size: 12.5px; padding: 4px 8px; }
@media (max-width: 640px) { .mkd-page .mkd-projs { grid-template-columns: 1fr; } }

/* ═══ v59: قواعد الطباعة العربية — لا تباعد بين الحروف ولا ميلان للنص ═══ */
/* التباعد يفكّ اتصال الحروف العربية: يُمنع، ويُستعاض عنه بتباعد الكلمات */
.ds .r-tag, .ds .r-head, .ds .r-body, .ds-mast, .ds-nm b { letter-spacing: normal !important; }
.ds[data-style="minimal"] .r-tag { word-spacing: .28em; }
.ds[data-style="noir"] .r-tag { word-spacing: .22em; }
.ds[data-style="estate"] .r-tag { word-spacing: .18em; }
.ds[data-style="noir"] .ds-num { letter-spacing: normal; }
/* الميلان يشوّه الحرف العربي: الشارة تبقى مستقيمة */
.ds[data-style="sport"] .r-tag { transform: none; }
/* المعرّف لاتيني فقط، فيبقى له تباعده */
.ds-nm small { letter-spacing: .01em; }

/* ============================================================ v61
   أدوات تحرير الشريحة: حذف الشريحة، إضافة جملة، حذف جملة، كسر السطر.
   بناءً على ملاحظات عفاف العمري: لم يكن ممكنًا حذف شريحة، ولا إضافة
   عنوان لشريحة لم يولّده الذكاء الاصطناعي، ولا إنزال جملة إلى سطر جديد. */

.mkd-u-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.mkd-u-top select{flex:0 1 auto;min-width:118px}

.mkd-uln{flex:0 0 auto;border:1px solid var(--mkd-line,#d9d4cb);background:transparent;
  color:var(--mkd-dim,#6b6459);border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;
  cursor:pointer;line-height:1.6}
.mkd-uln:hover{border-color:var(--mkd-org,#FF6B18);color:var(--mkd-ink,#1a1a1a)}
.mkd-uln.on{background:var(--mkd-org,#FF6B18);border-color:var(--mkd-org,#FF6B18);color:#141414;font-weight:700}

.mkd-udel{flex:0 0 auto;margin-inline-start:auto;width:26px;height:26px;border-radius:50%;
  border:1px solid var(--mkd-line,#d9d4cb);background:transparent;color:var(--mkd-dim,#6b6459);
  font-size:15px;line-height:1;cursor:pointer;padding:0}
.mkd-udel:hover{border-color:#c0392b;color:#c0392b}

.mkd-u-add{margin-top:10px}

.mkd-p-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.mkd-p-head b{flex:1 1 auto}
.mkd-sdel{flex:0 0 auto;border:0;background:transparent;color:#c0392b;font:inherit;font-size:13px;
  cursor:pointer;padding:2px 0;text-decoration:underline}
.mkd-sdel:hover{opacity:.75}

@media (pointer:coarse){
  .mkd-uln{padding:7px 14px;font-size:13px}
  .mkd-udel{width:32px;height:32px}
}

/* ============================================================ v62
   التعديل المباشر: النص يُكتب على التصميم نفسه، بحجمه وخطه ولونه.
   اللمسة خفيفة حتى لا تشوّش على الشكل وهو يُصمَّم. */

.mkd-big .r-u{
  cursor:text; border-radius:.6cqw;
  outline:0; transition:background-color .12s ease, box-shadow .12s ease;
  /* الجملة قد تلتف على أسطر، فالتظليل يتبعها سطرًا سطرًا */
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
.mkd-big .r-u:hover{ background:color-mix(in srgb, currentColor 9%, transparent); }
.mkd-big .r-u:focus{
  background:color-mix(in srgb, currentColor 6%, transparent);
  box-shadow:0 0 0 .35cqw color-mix(in srgb, var(--ac) 65%, transparent);
}
/* جملة فارغة: لا تُصطاد بالنقر ما لم نُبقِ لها مكانًا */
.mkd-big .r-u:empty::before{ content:'اكتب هنا…'; opacity:.42; }
.mkd-big .r-u:empty{ display:inline-block; min-width:6cqw; }

/* المتصفحات التي لا تعرف color-mix تأخذ لونًا ثابتًا خفيفًا */
@supports not (background: color-mix(in srgb, red 10%, transparent)){
  .mkd-big .r-u:hover{ background:rgba(128,128,128,.14) }
  .mkd-big .r-u:focus{ background:rgba(128,128,128,.10); box-shadow:0 0 0 2px var(--ac) }
}

.mkd-inline-hint{
  font-size:12.5px; line-height:1.7; color:var(--muted);
  background:var(--cream,#F4EAD8); border-radius:8px; padding:8px 10px; margin:0;
}

@media (pointer:coarse){
  /* الإصبع يحتاج مساحة إصابة أوسع من الفأرة */
  .mkd-big .r-u{ padding:.3cqw .5cqw; margin:-.3cqw -.5cqw; }
}

/* ============================================================ v69
   الشاشات العريضة: السلايد كان محبوسًا عند ٥٤٠ بكسل مهما اتسعت الشاشة،
   فيطفو وحده في عمود عرضه ألفا بكسل. هنا نُعطي كل جزء نصيبه من المساحة. */

@media (min-width: 1280px) {
  /* لوحة أوسع: النص والخيارات كانت تُحشر في ٣٨٠ بكسل */
  .mkd-edit { grid-template-columns: minmax(0, 1fr) clamp(380px, 26vw, 460px); }
  .mkd-stage { padding: 20px 28px 28px; }
  /* السلايد يكبر مع الشاشة، ويبقى الارتفاع هو الحدّ حتى لا يخرج عن الشاشة */
  .mkd-big { width: min(100%, 640px, calc((100vh - 230px) * .8)); }
  .mkd-panel { padding: 22px 24px 60px; }
}

@media (min-width: 1600px) {
  /* شريط الشرائح يصير عمودًا جانبيًا: هذا ما تُستعمل فيه المساحة فعلًا،
     فترى شرائحك كلها بلا تمرير، والسلايد في وسطها أكبر */
  .mkd-stage {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-areas: "bar bar" "strip canvas" "strip warn" "strip extra";
    gap: 16px 20px;
    align-content: start;
  }
  .mkd-bar { grid-area: bar; }
  .mkd-canvas { grid-area: canvas; }
    .mkd-strip {
    grid-area: strip;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 210px);
    scroll-snap-type: y proximity;
    padding: 2px 6px 10px 2px;
  }
  .mkd-th { width: 116px; }
  .mkd-big { width: min(100%, 720px, calc((100vh - 210px) * .8)); }
}

@media (min-width: 2000px) {
  /* شاشة كبيرة جدًا: لا نمدّ بلا نهاية، بل نوسّط الأداة كتلةً واحدة متماسكة */
  .mkd-edit { max-width: 1900px; margin-inline: auto; width: 100%; }
  .mkd-big { width: min(100%, 800px, calc((100vh - 210px) * .8)); }
}

/* الترويسة على اللابتوب: شعار ٤٠ بكسل واسم بحجم ١٦ يجعل الأداة تبدو صفحةً لا تطبيقًا */
@media (min-width: 1280px) {
  .mkd-top { padding: 16px 28px; }
  /* المقاس يُكتب inline من الجافاسكربت، فلا بد من important */
  .mkd-brand .mkd-ico { --s: 60px !important; }
  .mkd-brand { font-size: 19px; gap: 14px; }
  .mkd-brand b { font-weight: 800; letter-spacing: -.01em; }
}

/* ------------------------------------------------------------------
   كسر حاوية القالب: UiCore يحبس محتوى الصفحة في 1170 بكسل بهوامش
   متساوية، فتبدو الأداة شريطًا في وسط شاشة فارغة. الأداة تطبيق لا مقال،
   فتأخذ عرض الشاشة. مقصور على صفحة الأداة وحدها بصنف على الجسم.
   ------------------------------------------------------------------ */
body.mk-design-app .uicore.elementor-container,
body.mk-design-app .uicore-content,
body.mk-design-app .elementor-container,
body.mk-design-app .entry-content,
body.mk-design-app .site-main {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
body.mk-design-app { overflow-x: hidden; }
body.mk-design-app .mkd-app { width: 100%; max-width: none; }

/* ============================================================ v71
   معاينة المنصات: التصميم يُحكم عليه في الفيد لا على أرضية بيضاء.
   الإطار كله CSS، والتبديل صنف واحد فلا يُعاد بناء السلايد. */

.mkd-plat { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); }
.mkd-plat select { font: inherit; font-size: 13.5px; color: var(--ink); padding: 7px 10px;
  border: 1.5px solid var(--line); border-radius: 10px; background: #fff; cursor: pointer; }

.mkd-shot { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.mkd-shot .mkd-big { width: 100%; }

/* بلا إطار: السلايد وحده كما كان */
.mkd-shot.is-none { width: min(100%, 540px); }
.mkd-shot.is-none .mkd-sh-top,
.mkd-shot.is-none .mkd-sh-pre,
.mkd-shot.is-none .mkd-sh-foot { display: none; }
.mkd-shot.is-none .mkd-big { border-radius: 12px; box-shadow: 0 24px 60px rgba(14, 13, 12, .18); }

.mkd-shot:not(.is-none) {
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
  overflow: hidden; box-shadow: 0 24px 60px rgba(14, 13, 12, .16); direction: rtl;
}
.mkd-shot.is-ig { width: min(100%, 470px); }
.mkd-shot.is-li { width: min(100%, 540px); }
.mkd-shot.is-x  { width: min(100%, 520px); }
.mkd-shot.is-fb { width: min(100%, 520px); }
.mkd-shot:not(.is-none) .mkd-sh-pre:empty { display: none; }

.mkd-sh-top { display: flex; align-items: center; gap: 10px; padding: 11px 13px; }
.mkd-sh-av { flex: none; width: 38px; height: 38px; border-radius: 50%; overflow: hidden;
  background: var(--cream); display: grid; place-items: center; font-size: 16px; font-weight: 800; color: var(--ink); }
.mkd-sh-av.sq { border-radius: 8px; }
.mkd-shot.is-ig .mkd-sh-av { width: 34px; height: 34px; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--org); }
.mkd-sh-av img { width: 100%; height: 100%; object-fit: cover; }
.mkd-sh-nm { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.mkd-sh-nm b { font-size: 13.5px; font-weight: 700; }
.mkd-sh-nm small { font-size: 11.5px; color: var(--muted); }
.mkd-sh-nm i { font-size: 11px; color: var(--muted); font-style: normal; }
.mkd-sh-line { display: flex; align-items: baseline; gap: 6px; min-width: 0; flex-wrap: wrap; }
.mkd-sh-line b { font-size: 13.5px; font-weight: 700; }
.mkd-sh-line small { font-size: 12px; color: var(--muted); }
.mkd-sh-more { margin-inline-start: auto; color: var(--muted); letter-spacing: 1px; }

.mkd-sh-pre { padding: 0 13px 11px; font-size: 13.5px; line-height: 1.8; color: var(--ink); }
.mkd-sh-pre span { color: var(--muted); }

.mkd-sh-bar { display: flex; align-items: center; gap: 14px; padding: 10px 13px 6px; }
.mkd-sh-bar svg { width: 22px; height: 22px; fill: none; stroke: var(--ink);
  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.mkd-sh-sp { flex: 1 1 auto; }
/* لينكدإن وفيسبوك: أيقونة مع كلمة، موزّعة بالتساوي */
.mkd-sh-bar.lab { gap: 4px; padding: 6px 8px 10px; border-top: 1px solid var(--line); margin-top: 6px; }
.mkd-sh-bar.lab span { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 12.5px; color: var(--muted); padding: 6px 0; border-radius: 8px; }
.mkd-sh-bar.lab svg { width: 18px; height: 18px; stroke: var(--muted); }
.mkd-sh-bar.x { gap: 26px; padding: 10px 13px 12px; }
.mkd-sh-bar.x span { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.mkd-sh-bar.x svg { width: 18px; height: 18px; stroke: var(--muted); }

.mkd-sh-stat { padding: 9px 13px 0; font-size: 12px; color: var(--muted); }
.mkd-sh-pg { display: flex; justify-content: center; gap: 5px; padding: 2px 0 6px; }
.mkd-sh-pg i { width: 5px; height: 5px; border-radius: 50%; background: rgba(14, 13, 12, .2); }
.mkd-sh-pg i.on { background: var(--org); }
.mkd-sh-cap { padding: 2px 13px 14px; font-size: 13px; line-height: 1.75; color: var(--ink); }
.mkd-sh-cap b { font-weight: 700; }
.mkd-sh-cap span { color: var(--muted); }


/* ============================================================ v73
   التنويع البصري: أربعة تخطيطات وثلاث تنويعات.
   الرسم نفسه يبدو تصميمًا آخر حين يتغيّر موضعه من النص. */

/* ١ — stack: النص أعلى والرسم أسفل (الأصل، ويبقى للغلاف) */

/* ٢ — bleed: الرسم يكبر ويخرج من حافة السلايد، فيصير جزءًا من التركيب */
.ds.ly-bleed .ds-scene { align-items: flex-end; overflow: visible; }
.ds.ly-bleed .sc {
  transform: scale(1.28) translateY(4cqw);
  transform-origin: center bottom;
}
.ds-frame.is-story .ds.ly-bleed .sc { transform: scale(1.18) translateY(3cqw); }

/* ٣ — wash: الرسم خلفية باهتة يعلوها النص، فيمتلئ السلايد بلا ازدحام */
.ds.ly-wash .ds-scene {
  position: absolute; inset: 18cqw 0 0; z-index: 0;
  align-items: center; margin: 0; pointer-events: none;
}
.ds.ly-wash .sc { transform: scale(1.55); opacity: .17; }
.ds.ly-wash .ds-txt { z-index: 2; margin-block: auto; }
/* على الخلفية الباهتة يجب أن يبقى النص هو الأوضح */
.ds.ly-wash .r-body { color: var(--fg); }

/* ٤ — side: النص والرسم جنبًا إلى جنب */
/* كان داخل @container (min-width: 300px): المصغّرات تُرسم مكدّسة والمحرر والصورة
   جنبًا إلى جنب، فيختلف التصميم عن الصورة. كل المقاسات بـ cqw فيعمل في كل حجم. */
@supports (display: grid) {
  .ds.ly-side {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: center; column-gap: 4cqw;
  }
  .ds.ly-side .ds-txt { grid-column: 1; }
  /* عمود النص هنا نصف العرض، والعنوان يبقى بحجمه فينكسر كلمةً في كل سطر.
     نصغّره بقدر ضيق عموده. */
  .ds.ly-side .r-head { font-size: calc(var(--hs, 9cqw) * var(--dk) * var(--fs) * var(--hk, 1) * .68); }
  .ds.ly-side .r-body { font-size: calc(4.6cqw * var(--fs) * var(--bs) * .88); }
  /* الرسم حاوية مقاس (container-type: size) لا طول لها من محتواها: في وسط خلية
     الشبكة كان طولها صفرًا فينكمش الرسم إلى لا شيء. نمدّها بطول صف النص. */
  .ds.ly-side .ds-scene { grid-column: 2; grid-row: span 1; align-self: stretch; margin-top: 0; align-items: center; min-height: 40cqw; }
  .ds.ly-side .ds-mast,
  .ds.ly-side .ds-me,
  .ds.ly-side .ds-num,
  .ds.ly-side .ds-wm,
  .ds.ly-side .ds-bgl { grid-column: 1 / -1; }
  /* صفوف الشبكة تتمدد لتملأ السلايد: الشريط العلوي يبقى في أعلى صفه */
  .ds.ly-side { grid-template-rows: auto 1fr; }
  .ds.ly-side .ds-mast, .ds.ly-side .ds-me, .ds.ly-side .ds-num { align-self: start; }
}

/* تنويعات داخل المشهد: ميل ومقاس خفيفان لا يكسران التوازن */
.ds.sv-1 .sc { transform: rotate(-2.2deg); }
.ds.sv-2 .sc { transform: rotate(1.8deg) scale(1.05); }
.ds.ly-bleed.sv-1 .sc { transform: scale(1.28) translateY(4cqw) rotate(-2deg); }
.ds.ly-bleed.sv-2 .sc { transform: scale(1.33) translateY(5cqw) rotate(1.6deg); }
.ds.ly-wash.sv-1 .sc { transform: scale(1.55) rotate(-3deg); }
.ds.ly-wash.sv-2 .sc { transform: scale(1.68) rotate(2.4deg); }

/* الحركة تُطفأ لمن يطلب ذلك، والميل نوع من الحركة البصرية */
@media (prefers-reduced-motion: reduce) {
  .ds.sv-1 .sc, .ds.sv-2 .sc { transform: none; }
}

/* ---- مشاهد جديدة: كلها تحمل كلام المستخدم، فتختلف مع كل منشور ---- */

/* بطاقة تقييم */
.sc-review_card .rv-card { position: absolute; inset: 6% 4%; padding: 5cqw 5cqw 4cqw; border-radius: 4cqw;
  background: var(--card); color: var(--cardfg); display: flex; flex-direction: column; gap: 2.6cqw;
  box-shadow: 0 1.4cqw 3cqw rgba(0,0,0,.10); }
.sc-review_card .rv-stars { display: flex; gap: .8cqw; }
.sc-review_card .rv-st { width: 5cqw; height: 5cqw; fill: var(--ac); stroke: none; }
.sc-review_card .rv-q { font-size: 5cqw; line-height: 1.5; font-weight: 700; }
.sc-review_card .rv-sk { display: flex; flex-direction: column; gap: 1.4cqw; }
.sc-review_card .rv-who { display: flex; align-items: center; gap: 2cqw; margin-top: auto; font-size: 3.6cqw; opacity: .75; }
.sc-review_card .rv-who .sc-ico { width: 5.4cqw; height: 5.4cqw; }

/* سلة شراء */
.sc-cart .ct-wrap { position: absolute; inset: 8% 6%; display: flex; flex-direction: column; gap: 2.4cqw; }
.sc-cart .ct-ico { width: 13cqw; height: 13cqw; fill: none; stroke: var(--ac); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sc-cart .ct-list { display: flex; flex-direction: column; gap: 2cqw; }
.sc-cart .ct-row { display: flex; align-items: center; gap: 2.2cqw; }
.sc-cart .ct-box { width: 5cqw; height: 5cqw; border-radius: 1.2cqw; background: var(--acsoft); flex: none; }
.sc-cart .ct-t { font-size: 3.8cqw; }
.sc-cart .ct-total { align-self: flex-start; margin-top: 1cqw; padding: 1.2cqw 3.4cqw; border-radius: 99px;
  background: var(--ac); color: var(--acfg); font-size: 4.4cqw; font-weight: 800; }

/* موقع على خريطة */
.sc-map_pin .mp-wrap { position: absolute; inset: 6%; }
.sc-map_pin .mp-grid { position: absolute; inset: 0; width: 100%; height: 100%; }
.sc-map_pin .mp-l { stroke: currentColor; opacity: .16; stroke-width: 1; fill: none; }
.sc-map_pin .mp-road { stroke: var(--ac); opacity: .5; stroke-width: 3; fill: none; stroke-linecap: round; }
.sc-map_pin .mp-pin { position: absolute; top: 22%; inset-inline-start: 46%; width: 15cqw; height: 15cqw; }
.sc-map_pin .mp-pin svg { width: 100%; height: 100%; fill: var(--ac); stroke: var(--bg); stroke-width: 1.1; }
.sc-map_pin .mp-pin circle { fill: var(--bg); stroke: none; }
.sc-map_pin .mp-lab { position: absolute; bottom: 6%; inset-inline-start: 4%; padding: 1.2cqw 3cqw;
  border-radius: 99px; background: var(--card); color: var(--cardfg); font-size: 3.8cqw; font-weight: 700; }

/* إيصال */
.sc-receipt .rc-paper { position: absolute; inset: 4% 16%; padding: 4cqw 4cqw 6cqw; background: var(--card);
  color: var(--cardfg); display: flex; flex-direction: column; gap: 2.2cqw;
  box-shadow: 0 1.4cqw 3cqw rgba(0,0,0,.12); }
.sc-receipt .rc-head { font-size: 4cqw; font-weight: 800; padding-bottom: 2cqw; border-bottom: .4cqw dashed currentColor; }
.sc-receipt .rc-row { display: flex; align-items: center; gap: 1.6cqw; font-size: 3.4cqw; }
.sc-receipt .rc-dots { flex: 1 1 auto; height: 0; border-bottom: .3cqw dotted currentColor; opacity: .45; }
.sc-receipt .rc-total { margin-top: auto; padding-top: 2.4cqw; border-top: .4cqw solid currentColor;
  display: flex; align-items: baseline; justify-content: space-between; gap: 2cqw; }
.sc-receipt .rc-total b { font-size: 5.6cqw; font-weight: 800; color: var(--acink); }
.sc-receipt .rc-total span { font-size: 3.4cqw; opacity: .7; }
.sc-receipt .rc-zig { position: absolute; inset-inline: 0; bottom: -1.6cqw; height: 3.2cqw;
  background: repeating-linear-gradient(135deg, var(--card) 0 2cqw, transparent 2cqw 4cqw); }

/* ============================================================ v74
   التعليقات المثبّتة: تنقر الموضع في التصميم فتُثبَّت نقطة تعرف ما تحتها،
   وتكتب ملاحظتك في فقاعة ملتصقة بها.

   ألوان هذه الطبقة مكتوبة صراحةً ولا تُورَّث: السلايد قد يكون فاتحًا أو
   داكنًا أو بلون الهوية، وأدوات التحرير يجب أن تبقى مقروءة فوقها كلها.
   والنقاط داخل المحرّر فقط — التصدير يرسم السلايد من جديد في مكان آخر. */

.mkd-pins { position: absolute; inset: 0; z-index: 6; pointer-events: none; }
.mkd-pin-wrap { position: absolute; z-index: 7; }
.mkd-pin-wrap.is-open { z-index: 9; }

.mkd-pins .mkd-pin {
  transform: translate(50%, -50%); pointer-events: auto;
  width: 30px; height: 30px; border-radius: 50%;
  border: 2.5px solid #FFFFFF; background: #FF6B18; color: #FFFFFF;
  font: inherit; font-size: 14px; font-weight: 800; line-height: 1;
  cursor: pointer; display: grid; place-items: center; padding: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .38);
}
.mkd-pins .mkd-pin:hover { background: #E85F14; }
.mkd-pin-wrap.is-open .mkd-pin { background: #14110E; }

/* نص الملاحظة يظهر عند المرور فقط: ظهوره الدائم يغطّي التصميم */
.mkd-pin-peek {
  position: absolute; inset-inline-start: 30px; top: -12px; max-width: 170px;
  padding: 5px 10px; border-radius: 9px; background: rgba(20, 19, 18, .92); color: #FFFFFF;
  font-size: 11.5px; line-height: 1.5; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; pointer-events: none; opacity: 0; transition: opacity .12s ease;
}
.mkd-pin-wrap:hover .mkd-pin-peek { opacity: 1; }

.mkd-pins .mkd-pin { pointer-events: auto; }

/* وضع التعليق: المؤشر وحدّ برتقالي يقولان إنك فيه */
/* ---- تحريك العناصر ----
   الغلاف لا يغيّر تنسيق ما بداخله: display:contents يجعله شفافًا للتخطيط،
   فالنص يبقى في عموده والرسم في مكانه، ولا يتحرك إلا بالإزاحة. */
.ds-mv { display: contents; }
.ds-mv > * { transform: translate(var(--mx, 0), var(--my, 0)); }

/* التحريك مباشر بلا وضع: النقرة تحرّر أو تحدّد، والسحبة تنقل.
   الغلاف يبقى display:contents دائمًا — تحويله إلى block يُخرج العنصر
   من الشبكة التي يعيش فيها فيسقط الرسم تحت الصورة. */
.mkd-big .ds-mv > * { position: relative; z-index: 3; }
.mkd-big .ds-mv > *:hover { outline: 1.5px dashed rgba(255, 107, 24, .42); outline-offset: 5px; border-radius: 4px; cursor: grab; }
.mkd-big .ds-mv.is-dragging > * { cursor: grabbing; outline: 1.5px solid var(--org); outline-offset: 5px; border-radius: 4px; }
.mkd-big .ds-mv.is-dragging > * { touch-action: none; }

/* طبقة التحديد: إطار العنصر المحدّد وزرّ حذفه، خارج تدفّق السلايد تمامًا */
.mkd-selui { position: absolute; inset: 0; z-index: 7; pointer-events: none; }
.mkd-selbox { position: absolute; border: 1.5px solid var(--org); border-radius: 5px;
  box-shadow: 0 0 0 3px rgba(255, 107, 24, .16); }
.mkd-selx { pointer-events: auto; position: absolute; inset-inline-end: -13px; top: -13px;
  width: 28px; height: 28px; border: 0; border-radius: 50%; background: #14110E; color: #fff;
  font-size: 17px; line-height: 1; cursor: pointer; display: grid; place-items: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .35); }
.mkd-selx:hover { background: #c0392b; }
/* باللمس: هدف أكبر من 28 بكسل، وإلا أخطأه الإصبع */
@media (pointer: coarse) {
  .mkd-selx { width: 40px; height: 40px; font-size: 22px; inset-inline-end: -18px; top: -18px; }
  .mkd-sellab { font-size: 12px; padding: 3px 10px; bottom: -26px; }
}
.mkd-sellab { position: absolute; inset-inline-start: 0; bottom: -22px; padding: 2px 8px;
  border-radius: 99px; background: var(--org); color: #fff; font-size: 11px; font-weight: 700; white-space: nowrap; }

/* ---- «ابنِ أسلوبك»: خلفية من صورة المستخدم وشعاره ---- */
/* فوق خلفية الأسلوب وزخارفه، وتحت النص؛ الطبقة بلون الخلفية تُبقي النص مقروءًا */
.ds-ubg, .ds-ubgo { position: absolute; inset: 0; pointer-events: none; }
.ds-ubg { background: center / cover no-repeat; }
.ds-ubgo { background: var(--bg); }
/* الشعار في زاويته بهامش 5% من عرض السلايد */
.ds-logo { position: absolute; z-index: 5; height: auto; pointer-events: none; -webkit-user-select: none; user-select: none; }
.ds-logo.at-tl { top: 5cqw; left: 5cqw; }
.ds-logo.at-tr { top: 5cqw; right: 5cqw; }
.ds-logo.at-bl { bottom: 5cqw; left: 5cqw; }
.ds-logo.at-br { bottom: 5cqw; right: 5cqw; }
.ds-frame.is-story .ds-logo.at-tl, .ds-frame.is-story .ds-logo.at-tr { top: 22cqw; }
.ds-frame.is-story .ds-logo.at-bl, .ds-frame.is-story .ds-logo.at-br { bottom: 30cqw; }
/* صفحة الهوية: قسم اللمسات */
.mkd-touch { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); display: grid; gap: 14px; }
.mkd-touch h4 { margin: 0; }
.mkd-touch h4 small { display: block; font-weight: 400; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.mkd-touch-g { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.mkd-touch-g h5 { margin: 0; font-size: 14px; }
.mkd-touch-g select { width: 100%; min-height: 40px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--paper); padding: 0 10px; font: inherit; }
.mkd-range { display: grid; gap: 6px; font-size: 13px; }
.mkd-range span { display: flex; justify-content: space-between; gap: 8px; }
.mkd-range b { font-variant-numeric: tabular-nums; }
.mkd-range input { width: 100%; accent-color: var(--org); }
.mkd-touch-up { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mkd-touch-th { width: 56px; height: 56px; border-radius: 10px; border: 1px solid var(--line); background: center / cover no-repeat; flex: none; }
.mkd-touch-th.is-logo { display: grid; place-items: center; padding: 6px; background: #fff repeating-conic-gradient(#f1ede6 0 25%, #fff 0 50%) 0 0 / 12px 12px; }
.mkd-touch-th.is-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mkd-corners { flex-wrap: wrap; }

/* ---- صور المستخدم وعناصره على السلايد ---- */
/* فوق النص افتراضيًا، وخلفه إن اختار (is-back)، والتدوير حول المركز */
.ds-el { position: absolute; z-index: 4; line-height: 0; transform: rotate(var(--r, 0deg)); transform-origin: 50% 50%; }
.ds-el.is-back { z-index: 1; }
.ds-el img { display: block; width: 100%; height: auto; pointer-events: none; -webkit-user-select: none; user-select: none; }
.mkd-big .ds-el { cursor: grab; }
.mkd-big .ds-el:hover { outline: 1.5px dashed rgba(255, 107, 24, .45); outline-offset: 3px; }
.mkd-big .ds-el.is-dragging { cursor: grabbing; }
/* إفلات صورة من الجهاز فوق التصميم */
.mkd-big.is-drop { box-shadow: 0 0 0 3px var(--org), 0 24px 60px rgba(14, 13, 12, .18); }
/* مقبضا الصورة المحددة: التكبير في الزاوية، والتدوير فوقها */
.mkd-selh, .mkd-selr { pointer-events: auto; position: absolute; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; border: 2.5px solid var(--org); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); touch-action: none; }
.mkd-selh { left: -11px; bottom: -11px; cursor: nesw-resize; }
.mkd-selr { left: 50%; top: -40px; margin-left: -10px; cursor: grab; }
.mkd-selr::after { content: ""; position: absolute; left: 50%; top: 100%; width: 2px; height: 18px; margin-left: -1px; background: var(--org); }
@media (pointer: coarse) {
  .mkd-selh, .mkd-selr { width: 32px; height: 32px; }
  .mkd-selh { left: -17px; bottom: -17px; }
  .mkd-selr { top: -54px; margin-left: -16px; }
}
/* قسم اللوحة: الرفع، ومكتبة الصور السابقة، وأفعال الصورة المحددة */
.mkd-elup { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 12px; border: 1.5px dashed var(--line); border-radius: 14px; cursor: pointer; text-align: center; transition: border-color .15s ease, background .15s ease; }
.mkd-elup:hover, .mkd-elup:focus-within { border-color: var(--org); background: rgba(255, 107, 24, .05); }
.mkd-elup svg, .mkd-addel svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mkd-elup span { font-weight: 700; font-size: 14px; }
.mkd-elup small { color: var(--muted); font-size: 12px; line-height: 1.5; }
.mkd-ellib { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.mkd-elthumb { aspect-ratio: 1; padding: 6px; border: 1.5px solid var(--line); border-radius: 10px; cursor: pointer;
  background: #fff repeating-conic-gradient(#f1ede6 0 25%, #fff 0 50%) 0 0 / 14px 14px; }
.mkd-elthumb:hover { border-color: var(--org); }
.mkd-elthumb img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.mkd-elctl { display: grid; gap: 8px; padding: 12px; margin-bottom: 10px; border-radius: 12px; background: rgba(255, 107, 24, .06); border: 1px solid rgba(255, 107, 24, .25); }
.mkd-elctl b { font-size: 13px; }
.mkd-elctl-b { display: flex; flex-wrap: wrap; gap: 6px; }
.mkd-elctl small { color: var(--muted); font-size: 12px; line-height: 1.5; }
.mkd-btn.is-danger { color: #b3261e; }

/* ما أُخفي: صفّ صغير تحت التصميم، يظهر عند الحاجة فقط */
.mkd-hidden { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.mkd-unhide { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 12.5px;
  padding: 6px 13px; border: 1.5px dashed var(--line); border-radius: 99px; background: #fff;
  color: var(--muted); cursor: pointer; }
.mkd-unhide:hover { border-color: var(--org); color: var(--org); border-style: solid; }
.mkd-unhide svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }



.mkd-big.is-pinning { cursor: crosshair; box-shadow: 0 0 0 3px #FF6B18, 0 24px 60px rgba(14, 13, 12, .18); }
.mkd-big.is-pinning .r-u { cursor: crosshair; }

.mkd-pin-hint { font-size: 12.5px; line-height: 1.75; color: var(--muted);
  background: var(--cream); border-radius: 10px; padding: 9px 11px; margin: 0 0 4px; }

.mkd-pin-list { display: grid; gap: 10px; margin-bottom: 10px; }
.mkd-pin-row { display: flex; align-items: flex-start; gap: 8px; }
.mkd-pin-n { flex: none; width: 24px; height: 24px; border-radius: 50%; background: #FF6B18;
  color: #fff; font-size: 12.5px; font-weight: 800; display: grid; place-items: center; margin-top: 3px; }
.mkd-pin-b { flex: 1 1 auto; min-width: 0; display: grid; gap: 3px; }
.mkd-pin-b small { font-size: 11.5px; color: var(--muted); overflow-wrap: anywhere; }
.mkd-pin-x { flex: none; width: 26px; height: 26px; margin-top: 2px; border: 1px solid var(--line);
  border-radius: 8px; background: #fff; color: var(--muted); font-size: 15px; line-height: 1; cursor: pointer;
  display: grid; place-items: center; }
.mkd-pin-x:hover { border-color: #c0392b; color: #c0392b; }

/* ---- شريط السلايدات: رقم وحذف وسحب لإعادة الترتيب ---- */
.mkd-th-w { position: relative; display: grid; gap: 4px; justify-items: center; cursor: grab; }
.mkd-th-w.is-drag { opacity: .4; }
.mkd-th-w.is-over { outline: 2px solid var(--org); outline-offset: 3px; border-radius: 12px; }
/* الرقم تحت المصغّرة لا فوقها: التصميم يحمل ترقيمه الخاص داخله،
   فوضع رقم ثانٍ فوقه يزاحمه ويغطّي النص. */
.mkd-th-n { font-size: 11.5px; font-weight: 700; color: var(--muted); line-height: 1; pointer-events: none; }
.mkd-th-w.on-sel .mkd-th-n { color: var(--org); }
.mkd-th-x { position: absolute; inset-inline-end: 5px; top: 5px; z-index: 3; width: 22px; height: 22px;
  border: 0; border-radius: 50%; background: rgba(20, 17, 14, .62); color: #fff; font-size: 15px;
  line-height: 1; cursor: pointer; display: grid; place-items: center; opacity: 0; transition: opacity .15s ease; }
.mkd-th-w:hover .mkd-th-x, .mkd-th-x:focus-visible { opacity: 1; }
.mkd-th-x:hover { background: #c0392b; }
@media (pointer: coarse) { .mkd-th-x { opacity: 1; } }
.mkd-mv-ic { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.mkd-tog.sm { display: inline-flex; align-items: center; gap: 6px; }

/* ---- عمود الملاحظات: هنا يعيش كلام المستخدم، لا فوق التصميم ---- */
.mkd-notes { display: grid; gap: 10px; margin-bottom: 12px; }
.mkd-nt-head { display: flex; align-items: center; gap: 10px; }
.mkd-nt-head b { font-size: 13.5px; font-weight: 800; display: flex; align-items: center; gap: 6px; }
.mkd-nt-head b i { font-style: normal; font-size: 11.5px; font-weight: 700; min-width: 20px;
  height: 20px; padding: 0 6px; border-radius: 99px; background: var(--org); color: #fff;
  display: inline-grid; place-items: center; }
.mkd-nt-mode { margin-inline-start: auto; font: inherit; font-size: 12.5px; padding: 6px 12px;
  border: 1.5px solid var(--line); border-radius: 99px; background: #fff; color: var(--muted); cursor: pointer; }
.mkd-nt-mode:hover { border-color: var(--org); color: var(--org); }
.mkd-nt-mode.on { background: var(--org); border-color: var(--org); color: #fff; }
.mkd-nt-clear { font: inherit; font-size: 12px; border: 0; background: transparent;
  color: var(--muted); cursor: pointer; padding: 2px; justify-self: start; }
.mkd-nt-clear:hover { color: var(--ink); text-decoration: underline; }



/* زر بأيقونة: الفعل يُقرأ بالنظرة قبل الكلمة */
.mkd-btn.ic { display: inline-flex; align-items: center; gap: 7px; }
.mkd-btn.ic svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* الصف المحدّد ونقطته يضيئان معًا، فيعرف أي ملاحظة على أي موضع */
.mkd-pin-row { padding: 8px; border-radius: 11px; border: 1.5px solid transparent; cursor: pointer; }
.mkd-pin-row.on { border-color: var(--org); background: rgba(255, 107, 24, .06); }
.mkd-pin-row.done { opacity: .62; }
.mkd-pin-row.done .mkd-pin-n { background: #2f7d52; }
.mkd-pin-t { margin: 0; font-size: 13px; line-height: 1.7; color: var(--ink); text-decoration: line-through;
  text-decoration-color: rgba(20, 17, 14, .3); }
.mkd-pin-why { display: block; font-style: normal; font-size: 11.5px; line-height: 1.6;
  color: #2f7d52; margin-top: 3px; }
.mkd-pin-run { justify-self: start; font: inherit; font-size: 12.5px; padding: 5px 12px;
  border: 0; border-radius: 99px; background: var(--ink); color: #fff; cursor: pointer; margin-top: 4px; }
.mkd-pin-run:hover { background: #2A2622; }
.mkd-pin-row textarea { width: 100%; font: inherit; font-size: 16px; line-height: 1.7; color: var(--ink);
  border: 1px solid var(--line); border-radius: 9px; padding: 8px 9px; resize: vertical;
  background: #fff; min-height: 56px; box-sizing: border-box; }
.mkd-pin-row textarea:focus { outline: 2px solid var(--org); outline-offset: 1px; border-color: transparent; }
.mkd-pin-wrap.done .mkd-pin { background: #2f7d52; }

@media (pointer: coarse) {
  .mkd-pins .mkd-pin { width: 34px; height: 34px; font-size: 15px; }
}

/* ---- أزرار المنصات بشعاراتها: تُعرف بالنظرة أسرع من الاسم ---- */
.mkd-plats { display: inline-flex; align-items: center; gap: 4px; padding: 4px;
  border: 1.5px solid var(--line); border-radius: 12px; background: #fff; }
.mkd-plat-b { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px;
  border: 0; border-radius: 9px; background: transparent; color: var(--muted);
  font: inherit; font-size: 12.5px; cursor: pointer; }
.mkd-plat-b svg { width: 18px; height: 18px; fill: none; stroke: currentColor;
  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.mkd-plat-b i { font-style: normal; }
.mkd-plat-b:hover { color: var(--ink); background: var(--cream); }
.mkd-plat-b.on { background: var(--ink); color: #fff; font-weight: 700; }
/* على الشاشات الضيقة تبقى الشعارات وتختفي الأسماء */
@container mkbar (max-width: 1180px) { .mkd-plat-b i b { display: none; } }
@container mkbar (max-width: 860px)  { .mkd-plat-b i { display: none; } .mkd-plat-b { padding: 7px; } }
@supports not (container-type: inline-size) {
  @media (max-width: 1400px) { .mkd-plat-b i b { display: none; } }
  @media (max-width: 1290px) { .mkd-plat-b i { display: none; } .mkd-plat-b { padding: 7px; } }
}

/* ---- تيك توك: الواجهة في الجانب والأسفل، والخلفية سوداء ---- */
.mkd-shot.is-tt { width: min(100%, 400px); background: #000; border-color: #000; }
.mkd-shot.is-tt .mkd-big { border-radius: 0; }
.mkd-sh-top.tt { justify-content: center; padding: 12px 0 8px; }
.mkd-sh-tabs { display: inline-flex; align-items: center; gap: 16px; font-size: 13.5px; color: rgba(255,255,255,.6); }
.mkd-sh-tabs b { color: #fff; position: relative; }
.mkd-sh-tabs b::after { content: ""; position: absolute; inset-inline: 0; bottom: -6px;
  height: 2px; background: #fff; border-radius: 2px; }
.mkd-sh-tt { position: relative; }
.mkd-sh-tt-rail { position: absolute; inset-inline-end: 10px; bottom: 92px;
  display: flex; flex-direction: column; align-items: center; gap: 14px; }
.mkd-sh-tt-rail > span { display: flex; flex-direction: column; align-items: center; gap: 3px;
  font-size: 11px; color: #fff; }
.mkd-sh-tt-rail svg { width: 26px; height: 26px; fill: none; stroke: #fff;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mkd-sh-tt-rail i { font-style: normal; }
.mkd-sh-tt-av { width: 38px; height: 38px; border-radius: 50%; overflow: hidden;
  border: 2px solid #fff; display: grid; place-items: center; background: #222; color: #fff;
  font-weight: 800; margin-bottom: 4px; }
.mkd-sh-tt-av img { width: 100%; height: 100%; object-fit: cover; }
.mkd-sh-tt-cap { padding: 12px 68px 16px 14px; color: #fff; }
.mkd-sh-tt-cap b { font-size: 14px; font-weight: 700; }
.mkd-sh-tt-cap p { margin: 5px 0 6px; font-size: 13px; line-height: 1.7; }
.mkd-sh-tt-cap small { font-size: 12px; opacity: .8; }

/* داخل إطار المعاينة: عرض لا تحرير — فلا مؤشر كتابة ولا تظليل */
.mkd-shot:not(.is-none) .r-u { cursor: default; }
.mkd-shot:not(.is-none) .r-u:hover { background: transparent; }
.mkd-shot:not(.is-none) .mkd-big { cursor: default; }

/* الفقاعة: «عدّل» ينفّذ فورًا، و«لاحقًا» يغلق ويحتفظ بالملاحظة */

/* ---- تنبيه قبل النشر: لا يظهر إلا حين يوجد خلل، ويقول ما يُفعل به ---- */
.mkd-warn {
  display: flex; align-items: flex-start; gap: 10px;
  width: min(100%, 560px); margin-inline: auto; padding: 11px 13px;
  border: 1px solid #F0C9A8; border-radius: 12px; background: #FFF4EA; color: #7A4A16;
}
.mkd-warn[hidden] { display: none; }
.mkd-warn-i {
  flex: none; width: 20px; height: 20px; border-radius: 50%; background: #E8871E; color: #fff;
  font-size: 13px; font-weight: 800; display: grid; place-items: center; margin-top: 1px;
}
.mkd-warn p { margin: 0; font-size: 13px; line-height: 1.75; }
.mkd-warn p + p { margin-top: 4px; }
@media (min-width: 1600px) { .mkd-warn { grid-area: warn; justify-self: center; } }

/* ============================================================ v80
   ترتيب الشريط: ثلاث مجموعات بوظائف مختلفة بدل تسعة أزرار متجاورة.
   والتعليق فعل رئيسي لأنه أهم ما في الأداة، لا زر بين أزرار. */

.mkd-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mkd-bar-mid { flex: 1 1 auto; justify-content: center; }

/* فوق 900 بكسل: صفّ واحد دائمًا.
   الشريط لم يكن يتّسع لصف واحد على أي لابتوب (1280 و1366 و1440 و1600
   كلها صفّان أو ثلاثة، 97 إلى 151 بكسل)، والأزرار كانت تقفز بين الطوابق
   مع تغيير حجم النافذة. الآن تتمرّر أزرار المنصات أفقيًا وحدها. */
@media (min-width: 901px) {
  .mkd-bar { flex-wrap: nowrap; }
  .mkd-bar > .mkd-bar-g { flex: 0 0 auto; flex-wrap: nowrap; }
  .mkd-bar > .mkd-bar-mid { flex: 1 1 0; min-width: 0; }
  .mkd-plats { min-width: 0; max-width: 100%; overflow-x: auto;
    overscroll-behavior-inline: contain; scrollbar-width: none; }
  .mkd-plats::-webkit-scrollbar { display: none; }
  .mkd-plat-b { flex: none; white-space: nowrap; }
}

.mkd-cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 18px; border: 0; border-radius: 99px;
  background: var(--org); color: #fff; font: inherit; font-size: 14px; font-weight: 700;
  cursor: pointer; box-shadow: 0 6px 18px rgba(255, 107, 24, .28);
  transition: background .15s ease, transform .12s ease, box-shadow .15s ease;
}
.mkd-cta svg { width: 17px; height: 17px; fill: none; stroke: currentColor;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mkd-cta:hover { background: #E85F14; transform: translateY(-1px); }
.mkd-cta:active { transform: translateY(0); }
.mkd-cta.on { background: var(--ink); box-shadow: none; }

.mkd-tog.sm, .mkd-btn.sm { font-size: 13px; padding: 8px 13px; }


/* دعوة التعليق داخل اللوحة */
.mkd-pin-cta {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: start;
  padding: 11px 13px; border: 1.5px dashed var(--org); border-radius: 12px;
  background: rgba(255, 107, 24, .06); color: var(--ink); font: inherit; cursor: pointer;
  transition: background .15s ease;
}
.mkd-pin-cta:hover { background: rgba(255, 107, 24, .12); }
.mkd-pin-cta svg { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--org);
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mkd-pin-cta span { display: grid; gap: 1px; }
.mkd-pin-cta b { font-size: 13.5px; font-weight: 800; }
.mkd-pin-cta small { font-size: 11.5px; color: var(--muted); }
.mkd-pin-hint.is-live { background: var(--ink); color: #fff; }

/* ---- سلاسة: الانتقال بين السلايدات وإعادة رسم اللوحة ---- */
.mkd-big { transition: box-shadow .2s ease; }
/* كان السلايد يتلاشى صاعدًا 4px مع كل إعادة رسم، والحاوية تنزلق أفقيًا في الوقت
   نفسه بمدة مختلفة، فيخرج الانتقال مائلًا. الآن: حركة أفقية واحدة عند الانتقال
   (in-next / in-prev)، وإعادة الرسم أثناء التعديل فورية بلا حركة. */
@keyframes mkdFade { from { opacity: 0; } to { opacity: 1; } }

.mkd-panel { animation: mkdFade .2s ease both; }

/* ---- مساحة العمل: كل عمود يُمرَّر داخل نفسه ----
   بلا overscroll-behavior: contain — حين يبلغ العمود أوله أو آخره يكمل التمرير
   في الصفحة، وإلا حُبس المستخدم أسفل الصفحة ولا يستطيع الصعود.
   كان المسرح مثبّتًا واللوحة تطول إلى 1574 بكسل، فتصير الصفحة 2685
   بكسلًا: التصميم مسمّر ومتر ونصف من الخيارات يمرّ بجانبه، فيشعر
   المستخدم أنه محبوس. الآن الصفحة بطول الشاشة، وكل عمود يمرّر محتواه. */
@media (min-width: 981px) {
  .mkd-panel {
    position: sticky; top: 64px; align-self: start;
    max-height: calc(100vh - 76px); max-height: calc(100dvh - 76px);
    overflow-y: auto;
    scrollbar-width: thin; padding-bottom: 28px;
  }
  .mkd-stage {
    max-height: calc(100vh - 76px); max-height: calc(100dvh - 76px);
    overflow-y: auto;
  }
  /* شريط الأدوات يبقى ظاهرًا فوق التصميم أثناء التمرير داخل المسرح */
  .mkd-stage > .mkd-bar { position: sticky; top: 0; z-index: 12;
    background: var(--paper); padding-block: 6px; margin-block: -6px; }
}
.mkd-th { transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.mkd-th.on { box-shadow: 0 6px 18px rgba(255, 107, 24, .28); }
.mkd-strip { scroll-behavior: smooth; }
.mkd-plat-b, .mkd-tog, .mkd-btn, .mkd-ic { transition: background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease; }
.mkd-ic:active, .mkd-btn:active, .mkd-tog:active { transform: scale(.97); }

@media (prefers-reduced-motion: reduce) {
  .mkd-big .ds-frame, .mkd-panel,   .mkd-plat-b, .mkd-tog, .mkd-btn, .mkd-ic, .mkd-cta, .mkd-th { transition: none; }
}

@media (max-width: 900px) {
  .mkd-bar-mid { order: 3; flex-basis: 100%; justify-content: flex-start; }
}

/* ---- المقاسات في لوحة التسليم: التصميم الواحد بأبعاد كل منصة ---- */
.mkd-sizes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 14px; }
.mkd-sizes > b { font-size: 13px; margin-inline-end: 4px; }
.mkd-size { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px;
  border: 1.5px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink);
  font: inherit; font-size: 12.5px; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.mkd-size:hover { border-color: var(--org); }
.mkd-size.on { border-color: var(--ink); background: var(--ink); color: #fff; }
.mkd-size span { display: grid; gap: 1px; text-align: start; }
.mkd-size small { font-size: 10.5px; opacity: .65; }
/* مربّع صغير يرسم النسبة نفسها، فتُفهم بالنظر */
.mkd-size-p { flex: none; border: 1.5px solid currentColor; border-radius: 3px; opacity: .8; }
.mkd-size-p.post   { width: 14px; height: 17.5px; }
.mkd-size-p.square { width: 16px; height: 16px; }
.mkd-size-p.story  { width: 11px; height: 19px; }
.mkd-size-p.wide   { width: 20px; height: 11px; }

/* الرسم المولّد: SVG يملأ مسرحه، وألوانه أدوار من هوية الحساب */
.sc-drawn .dw { position: absolute; inset: 4%; width: 92%; height: 92%; overflow: visible; }
.sc-drawn .dw text { font-family: var(--ft), Tahoma, sans-serif; }

/* ============================================================ v81
   المقاس الطولي: المنصات تضع واجهتها فوق الصورة — اسم الحساب أعلاها،
   والكابشن والصوت وشريط التقدّم أسفلها، وأزرار التفاعل على الجانب في
   تيك توك. ما يقع تحتها لا يُقرأ. هذه المساحات محجوزة لا يدخلها نص. */

.ds-frame.is-story .ds {
  padding-top: 24cqw;      /* اسم الحساب والمتابعة */
  padding-bottom: 38cqw;   /* الكابشن والصوت وشريط التقدّم */
  /* شريط الإعجاب والتعليق: يمين الشاشة في الإنجليزية، ويسارها في العربية
     لأن تيك توك يعكس واجهته. فنحجز الجانبين معًا، وإلا وقع النص تحته في
     إحدى اللغتين. الصورة الواحدة تُنشر في الحالتين. */
  padding-inline: 16cqw;
}
.ds-frame.is-story .ds-wm { bottom: 30cqw; }
.ds-frame.is-story .ds-mast { inset-inline-end: 16cqw; }
.ds-frame.is-story .ds-scene { min-height: 52cqw; }

/* دليل مساحة الأمان في المحرّر وحده — لا يظهر في الصورة المصدَّرة */
.mkd-big .ds-frame.is-story::after {
  content: ""; position: absolute; pointer-events: none; z-index: 8;
  inset: 24cqw 16cqw 38cqw;
  border: 1px dashed rgba(255, 107, 24, .45); border-radius: 2cqw;
}

/* ---- لوحة التسليم: خط أكبر وترتيب أوضح ---- */
.mkd-sizes > b { font-size: 14px; }
.mkd-size { font-size: 13.5px; padding: 9px 14px; }
.mkd-size small { font-size: 11.5px; }
.mkd-exp { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 10px; margin: 4px 0 14px; max-height: 250px; overflow-y: auto; }
.mkd-exp a { display: block; border-radius: 10px; overflow: hidden; border: 1px solid var(--line); }
.mkd-exp img { display: block; width: 100%; height: auto; }
.mkd-cap-box { border: 1px solid var(--line); border-radius: 12px; padding: 11px 13px; margin-bottom: 12px; }
.mkd-cap-box b { display: block; font-size: 13px; margin-bottom: 5px; }
.mkd-cap-box p { margin: 0; font-size: 13.5px; line-height: 1.8; color: var(--muted); }

/* ============================================================ v82 (مُصحَّحة)
   خطأ سابق: فرضتُ نسبة المنصة على التصميم نفسه، فتمدّد تصميم 4:5 داخل
   إطار 9:16 وتشوّهت تركيبته. والصواب أن يبقى التصميم بنسبته، ويُعرض داخل
   شاشة المنصة كما تعرضه هي فعلًا: موضوعًا في وسطها بهوامشها.
   هكذا ترى الحقيقة: أين يقع تصميمك، وماذا يغطّيه. */

/* شاشة المنصة تأخذ نسبتها، والتصميم يُحتوى داخلها بنسبته هو */
.mkd-shot:not(.is-none) .mkd-big {
  display: flex; align-items: center; justify-content: center;
  background: #0B0B0B; overflow: hidden;
}
/* شاشة أطول من التصميم: يُقاس بالعرض. وأعرض منه: يُقاس بالارتفاع.
   الجمع بين width:100% و max-height يلغي أثر aspect-ratio فينسحق. */
.mkd-shot.is-ig .ds-frame,
.mkd-shot.is-fb .ds-frame,
.mkd-shot.is-tt .ds-frame,

.mkd-shot.is-li .ds-frame,
.mkd-shot.is-x  .ds-frame { height: 100%; width: auto; flex: none; }

.mkd-shot.is-ig .mkd-big { aspect-ratio: 4 / 5;   background: transparent; }
.mkd-shot.is-fb .mkd-big { aspect-ratio: 4 / 5;   background: transparent; }
.mkd-shot.is-tt .mkd-big { aspect-ratio: 9 / 16;  background: #000; }
.mkd-shot.is-li .mkd-big { aspect-ratio: 1.91 / 1; background: #EDEDED; }
.mkd-shot.is-x  .mkd-big { aspect-ratio: 16 / 9;  background: #15181C; }

.mkd-shot.is-tt { width: min(100%, 340px); }
.mkd-shot.is-li { width: min(100%, 560px); }
.mkd-shot.is-x  { width: min(100%, 540px); }

/* ============================================================ v83
   التسليم داخل الأداة لا في نافذة منبثقة: يبقى التصميم أمامك وأنت تختار
   المقاس وتنسخ الكابشن، فلا تنقطع عن عملك. */

.mkd-deliver {
  width: min(100%, 780px); margin-inline: auto;
  border: 1px solid var(--line); border-radius: 16px; background: #fff;
  box-shadow: 0 10px 30px rgba(14, 13, 12, .10); overflow: hidden;
  animation: mkdFade .2s ease both;
}
.mkd-deliver[hidden] { display: none; }
.mkd-dl-head { position: relative; padding: 14px 48px 12px 16px; border-bottom: 1px solid var(--line); }
.mkd-dl-head b { display: block; font-size: 15.5px; font-weight: 800; }
.mkd-dl-head span { display: block; font-size: 12.5px; line-height: 1.7; color: var(--muted); margin-top: 3px; }
.mkd-dl-x { position: absolute; inset-inline-start: 12px; top: 12px; width: 30px; height: 30px;
  border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--muted);
  font-size: 17px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.mkd-dl-x:hover { border-color: var(--ink); color: var(--ink); }

.mkd-dl-body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 18px; padding: 16px; }
.mkd-dl-col { min-width: 0; }
.mkd-dl-acts { display: grid; gap: 8px; }
.mkd-deliver .mkd-sizes { margin: 0 0 12px; }
.mkd-deliver .mkd-exp { margin: 0; max-height: 220px; }
.mkd-deliver .mkd-cap-box { margin-bottom: 12px; }

@media (max-width: 760px) {
  .mkd-dl-body { grid-template-columns: 1fr; }
}

/* ردّ التعديل: الاعتذار يجب أن يُرى، لا أن يُخلط بالنجاح */
.mkd-reply.is-no { border-color: #E8871E; background: #FFF4EA; color: #7A4A16; }
.mkd-reply.is-no b { color: #7A4A16; }
.mkd-reply.is-no small { color: #8a5f2e; }

/* حارس دائم: أي عنصر يُضاف داخل المسرح لاحقًا بلا منطقة معيّنة
   كان يُوضع تلقائيًا في عمود الشرائح الضيّق فينتفخ. هذه تمنع تكرارها. */
@media (min-width: 1600px) {
  .mkd-stage > *:not(.mkd-bar):not(.mkd-bar2):not(.mkd-canvas):not(.mkd-strip):not(.mkd-warn) {
    grid-area: extra; justify-self: center; width: min(100%, 780px);
  }
}

/* ==========================================================================
   أسلوب «زخرفة» — من نظام تصميم أرسله صاحب الأداة (سَبْعُ مُوَاصَفَات)
   ورق مائي مختلف لكل سلايد، إطار زخرفي مرسوم باليد، خط يد واحد بحبر واحد.
   كل المقاسات من template-spec.json محوّلة: 1080 بكسل = 100cqw،
   فتبقى صحيحة في المعاينة الصغيرة وفي الصورة المصدَّرة معًا.
   الورقة والإطار والفاصل على عناصر حقيقية لا ::before، وإلا سقطت من التصدير.
   ========================================================================== */

.ds[data-style="mowasafat"] {
  /* حبر واحد: ممنوع تلوين جملة دون أخرى. !important لأن المحرك يضع الألوان
     في style مباشرة بحسب الخلفية، فيصير النص كريميًا على الورق فيختفي. */
  --fg: #33291f !important; --sub: #33291f !important; --tag: #33291f !important;
  --bg: #efe7d8 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: center;
  text-align: center;
  /* المنطقة الآمنة للمحتوى: 255 أعلى، 215 أسفل، 185 جانبًا */
  padding: 23.61cqw 17.13cqw 19.91cqw;
}

/* الخط يتبع اختيار المستخدم كبقية الأساليب، فلا نثبّته هنا.
   الطقم الافتراضي «خط اليد» يجعل المتن بخط اليد أيضًا كما في تصميمك الأصلي
   (العنوان 700 والمتن 400)؛ وأي طقم آخر يأخذ النص خطَّيه. */
.ds[data-style="mowasafat"][data-kit="handix"] { --ft: "MKD Handix"; --ftw: 400; }

/* الورقة: مختلفة لكل سلايد بالترتيب a→i، بلا فلاتر ولا تدرّجات */
.ds[data-style="mowasafat"] .ds-tex { background: #efe7d8 center / cover no-repeat; }
.ds[data-style="mowasafat"][data-pp="a"] .ds-tex { background-image: url(templates/mowasafat/paper-a.webp); }
.ds[data-style="mowasafat"][data-pp="b"] .ds-tex { background-image: url(templates/mowasafat/paper-b.webp); }
.ds[data-style="mowasafat"][data-pp="c"] .ds-tex { background-image: url(templates/mowasafat/paper-c.webp); }
.ds[data-style="mowasafat"][data-pp="d"] .ds-tex { background-image: url(templates/mowasafat/paper-d.webp); }
.ds[data-style="mowasafat"][data-pp="e"] .ds-tex { background-image: url(templates/mowasafat/paper-e.webp); }
.ds[data-style="mowasafat"][data-pp="f"] .ds-tex { background-image: url(templates/mowasafat/paper-f.webp); }
.ds[data-style="mowasafat"][data-pp="g"] .ds-tex { background-image: url(templates/mowasafat/paper-g.webp); }
.ds[data-style="mowasafat"][data-pp="h"] .ds-tex { background-image: url(templates/mowasafat/paper-h.webp); }
.ds[data-style="mowasafat"][data-pp="i"] .ds-tex { background-image: url(templates/mowasafat/paper-i.webp); }

/* الإطار الزخرفي على كل سلايد: top 64، right 72، 936×1222 من 1080×1350 */
.ds[data-style="mowasafat"] .ds-deco {
  inset: auto; top: 4.74%; right: 6.67%; width: 86.67%; height: 90.52%;
  background: url(templates/mowasafat/frame.webp) 0 0 / 100% 100% no-repeat;
}

/* لا رسم ولا صورة ولا اسم ولا رقم: الزخرفة هي الصورة، والنص لا يمرّ فوقها */
.ds[data-style="mowasafat"] .ds-scene,
.ds[data-style="mowasafat"] .ds-bgimg,
.ds[data-style="mowasafat"] .ds-shade,
.ds[data-style="mowasafat"] .ds-me,
.ds[data-style="mowasafat"] .ds-mast,
.ds[data-style="mowasafat"] .ds-num { display: none !important; }

.ds[data-style="mowasafat"] .ds-txt { gap: 0; align-items: center;
  /* قاعدة الغلاف العامة تعطي النص هامشًا سفليًا واسعًا لسهم «اسحب»، فيرتفع النص
     إلى 41% من السلايد. هنا المنطقة الآمنة تحددها الحشوة، والنص في المنتصف تمامًا. */
  margin: 0 !important; }

/* العنوان 88/700 بتباعد 1.35 — مقاس ثابت يصغر بالملاءمة وحدها.
   --dk معامل حجم كل خط (خط اليد .98)، فيبقى خط اليد بمقاسه الأصلي
   وتأخذ الخطوط العريضة كجرافيك مقاسًا أصغر بنفس نسبة بقية الأساليب.
   الوزن من الطقم: قهوة مثلًا بوزن واحد 400.
   التباعد نسبة من تباعد الخط نفسه (--dlh، وهو 1.46 لخط اليد): خط اليد يبقى
   1.35 كما في تصميمك، وأميري والرقعة بأسنانهما الطويلة يأخذان تباعدًا أوسع. */
.ds[data-style="mowasafat"] .r-head {
  font-size: calc(8.15cqw * var(--fs) * var(--dk) / .98 * var(--hk, 1));
  font-weight: var(--fdw); line-height: calc(1.35 * var(--dlh) / 1.46);
  text-wrap: balance; max-width: 100%;
}
/* الشرح 56/400 بتباعد 1.7 — كل أطقم الخطوط فيها وزن 400 للمتن */
.ds[data-style="mowasafat"] .r-body {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 400;
  font-size: calc(5.19cqw * var(--fs)); line-height: 1.7; color: #33291f;
  text-wrap: balance;
}
.ds[data-style="mowasafat"] .r-head + .r-body { margin-top: calc(3.52cqw * var(--fs)); }

/* طول السطر: القالب يكسر الأسطر يدويًّا عند حدّ المعنى، ٣–٦ كلمات للسطر.
   المحرّك لا يعرف حدود المعنى، فنقرّبه بعرض كتلة مقيس من تصميمك
   (أعرض سطر شرح ≈ 440 من 1080) مع text-wrap: balance لأسطر متقاربة. */
.ds[data-style="mowasafat"] .r-head { max-width: 64cqw; margin-inline: auto; }
.ds[data-style="mowasafat"] .r-body { max-width: 46cqw; margin-inline: auto; }
/* الخُلاصة بخط أكبر فتحتاج عرضًا أوسع لتبقى ٣ كلمات تقريبًا في السطر */
.ds[data-style="mowasafat"] .r-body:has(.mk) { max-width: 52cqw; }
/* السطر الأخير في الدعوة بمقاس العنوان، فيأخذ عرض العنوان */
.ds[data-style="mowasafat"].is-last .r-body:has(.mk) { max-width: 64cqw; }
.ds[data-style="mowasafat"] .r-tag {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 400;
  font-size: calc(4.26cqw * var(--fs)); line-height: 1.4; margin-bottom: calc(1.6cqw * var(--fs));
}

/* لا تظليل ولا لون ثانٍ: التمييز بالوزن وحده */
.ds[data-style="mowasafat"] .hl,
.ds[data-style="mowasafat"] .mk { background: none !important; padding: 0; color: inherit; }
/* المحرك يعطي .mk وزن خط المتن (--ftw)، وهو هنا 400 — فكانت الخُلاصة تخرج خفيفة.
   ترث وزن كتلتها (700) كما في تصميمك. */
.ds[data-style="mowasafat"] .mk { font-weight: inherit !important; }
/* في العنوان يرث وزنه: خط عرض بوزن واحد (قهوة) يُسمَّك صناعيًّا لو طلبنا 700 */
.ds[data-style="mowasafat"] .hl { font-weight: 700; }
.ds[data-style="mowasafat"] .r-head .hl { font-weight: inherit; }

/* الخُلاصة 70/600 بتباعد 1.5، وفوقها فاصل التاج 230×46 بهامش 36 فوقه و30 تحته */
.ds[data-style="mowasafat"] .r-body:has(.mk) {
  font-weight: 700; font-size: calc(6.48cqw * var(--fs)); line-height: 1.5;
  margin-top: calc(3.33cqw * var(--fs));
  padding-top: calc(7.04cqw * var(--fs));
  background: url(templates/mowasafat/divider-crown-sm.webp) center 0 / calc(21.3cqw * var(--fs)) calc(4.26cqw * var(--fs)) no-repeat;
}

/* الغلاف: عنوان 92/700، والجملة التالية بنفس المقاس ووزن 400، منطقة 300/270/120 */
.ds[data-style="mowasafat"].is-cover { padding: 27.78cqw 11.11cqw 25cqw; }
.ds[data-style="mowasafat"].is-cover .r-head { font-size: calc(8.52cqw * var(--fs) * var(--dk) / .98 * var(--hk, 1)); line-height: calc(1.5 * var(--dlh) / 1.46); }
.ds[data-style="mowasafat"].is-cover .r-body { font-size: calc(8.52cqw * var(--fs)); line-height: 1.5; margin-top: 0; }

/* الدعوة (آخر سلايد): فقرة 68/400 بتباعد 1.65، والسطر الأخير 88/700، منطقة 215/175/140 */
.ds[data-style="mowasafat"].is-last { padding: 19.91cqw 12.96cqw 16.2cqw; }
.ds[data-style="mowasafat"].is-last .r-body { font-size: calc(6.3cqw * var(--fs)); line-height: 1.65; }
.ds[data-style="mowasafat"].is-last .r-body:has(.mk) { font-size: calc(8.15cqw * var(--fs)); line-height: 1.35; }

/* سهم «اسحب»: في الوسط أسفل الغلاف، بحبر الورق — بلا تباعد حروف على العربية */
.ds[data-style="mowasafat"] .ds-swipe { left: 50%; bottom: 14.8cqw; width: 10cqw; transform: translateX(-50%); }
.ds[data-style="mowasafat"] .ds-swipe .sc-hand { stroke: #33291f !important; stroke-width: 2.4; }


/* ==========================================================================
   أسلوب «ورق وأغصان» — من نظام «هوية طبيعة» الذي أرسله صاحب الأداة.
   المرجع: templates/aghsan (الأصول) وملفه rules/template-spec.json.
   كل المقاسات من لوحة 1080×1350 محوّلة إلى cqw (px ÷ 10.8).

   ستة أشكال يختارها agPlan في design.js لكل سلايد (data-tl)، ومعها:
   data-la / data-lb الغصنان، data-co القصاصة، data-lc الغصن الفاصل،
   data-gr الأرضية من الخمس. الأغصان والقصاصة على عناصر حقيقية
   (.ds-deco b و .ds-tex) لا ::before، وإلا سقطت من الصورة المصدَّرة.
   القصاصات مصبوغة سلفًا بفلتر ملفه الإجباري (sepia .18 saturate .72
   hue-rotate -8deg) فتطابق المعاينةُ التصدير.
   ========================================================================== */

.ds[data-style="aghsan"] {
  /* المحرك يوسّط الكتلة في بعض المشاهد (ly-bleed) فتنكمش إلى أعرض سطر وتنزاح */
  align-items: stretch !important;
  /* حبر زيتوني واحد. !important لأن المحرك يضع الألوان في style مباشرة */
  --fg: #2e3328 !important; --sub: #4a5140 !important; --tag: #5f6a4c !important;
  --bg: #f5f1e4 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: center;
  text-align: center;
  /* المنطقة الآمنة: 200 أعلى وأسفل، 170 جانبًا لكتلة النص */
  padding: 18.52cqw 15.74cqw;
}

/* الأرضية: لون أساس + وهجان دائريان خفيفان في زاويتين متقابلتين، بلا تدرّج خطي */
.ds[data-style="aghsan"] .ds-bgl {
  background:
    radial-gradient(65% 45% at 82% 12%, rgba(120, 132, 98, .2), rgba(120, 132, 98, 0) 70%),
    radial-gradient(70% 50% at 14% 88%, rgba(140, 132, 104, .14), rgba(140, 132, 104, 0) 70%),
    var(--ag-gr, #f5f1e4);
}
.ds[data-style="aghsan"][data-tl="cover"] .ds-bgl, .ds[data-style="aghsan"][data-tl="cta"] .ds-bgl {
  background:
    radial-gradient(75% 55% at 24% 10%, rgba(146, 152, 118, .18), rgba(146, 152, 118, 0) 70%),
    radial-gradient(60% 45% at 86% 90%, rgba(120, 112, 86, .14), rgba(120, 112, 86, 0) 70%),
    var(--ag-gr, #f5f1e4);
}
.ds[data-style="aghsan"][data-tl="quote"] .ds-bgl, .ds[data-style="aghsan"][data-tl="stem"] .ds-bgl, .ds[data-style="aghsan"][data-tl="arch"] .ds-bgl {
  background:
    radial-gradient(62% 45% at 20% 16%, rgba(120, 132, 98, .22), rgba(120, 132, 98, 0) 70%),
    radial-gradient(60% 45% at 84% 88%, rgba(140, 132, 104, .16), rgba(140, 132, 104, 0) 70%),
    var(--ag-gr, #f5f1e4);
}
.ds[data-style="aghsan"][data-gr="0"] { --ag-gr: #f5f1e4; }
.ds[data-style="aghsan"][data-gr="1"] { --ag-gr: #eceee0; }
.ds[data-style="aghsan"][data-gr="2"] { --ag-gr: #f7f4e9; }
.ds[data-style="aghsan"][data-gr="3"] { --ag-gr: #f0ecdf; }
.ds[data-style="aghsan"][data-gr="4"] { --ag-gr: #e8ebdc; }

/* الغصنان والقصاصة: صناديق بموضع ومقاس، والصورة داخلها بلا قصّ (contain) */
.ds[data-style="aghsan"] .ds-tex { inset: auto; background: center / contain no-repeat; }
.ds[data-style="aghsan"] .ds-deco b { display: block; background: center / contain no-repeat; }

.ds[data-style="aghsan"][data-la="01"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="01"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-01.webp); }
.ds[data-style="aghsan"][data-la="02"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="02"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-02.webp); }
.ds[data-style="aghsan"][data-la="03"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="03"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-03.webp); }
.ds[data-style="aghsan"][data-la="04"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="04"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-04.webp); }
.ds[data-style="aghsan"][data-la="05"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="05"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-05.webp); }
.ds[data-style="aghsan"][data-la="06"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="06"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-06.webp); }
.ds[data-style="aghsan"][data-la="07"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="07"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-07.webp); }
.ds[data-style="aghsan"][data-la="08"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="08"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-08.webp); }
.ds[data-style="aghsan"][data-la="09"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="09"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-09.webp); }
.ds[data-style="aghsan"][data-la="10"] .ds-deco b:nth-child(1), .ds[data-style="aghsan"][data-lb="10"] .ds-deco b:nth-child(2) { background-image: url(templates/aghsan/leaf-10.webp); }
.ds[data-style="aghsan"][data-co="clip-05"] .ds-tex { background-image: url(templates/aghsan/clip-05.webp); }
.ds[data-style="aghsan"][data-co="clip-08"] .ds-tex { background-image: url(templates/aghsan/clip-08.webp); }
.ds[data-style="aghsan"][data-co="clip-11"] .ds-tex { background-image: url(templates/aghsan/clip-11.webp); }
.ds[data-style="aghsan"][data-co="dried-05"] .ds-tex { background-image: url(templates/aghsan/dried-05.webp); }
.ds[data-style="aghsan"][data-co="dried-06"] .ds-tex { background-image: url(templates/aghsan/dried-06.webp); }
.ds[data-style="aghsan"][data-co="dried-07"] .ds-tex { background-image: url(templates/aghsan/dried-07.webp); }
.ds[data-style="aghsan"][data-co="dried-08"] .ds-tex { background-image: url(templates/aghsan/dried-08.webp); }
.ds[data-style="aghsan"][data-co="note-03"] .ds-tex { background-image: url(templates/aghsan/note-03.webp); }
.ds[data-style="aghsan"][data-co="note-05"] .ds-tex { background-image: url(templates/aghsan/note-05.webp); }
.ds[data-style="aghsan"][data-co="paper-07"] .ds-tex { background-image: url(templates/aghsan/paper-07.webp); }
.ds[data-style="aghsan"][data-co="paper-08"] .ds-tex { background-image: url(templates/aghsan/paper-08.webp); }
.ds[data-style="aghsan"][data-co="postal-01"] .ds-tex { background-image: url(templates/aghsan/postal-01.webp); }
.ds[data-style="aghsan"][data-co="postal-02"] .ds-tex { background-image: url(templates/aghsan/postal-02.webp); }
.ds[data-style="aghsan"][data-co="postal-05"] .ds-tex { background-image: url(templates/aghsan/postal-05.webp); }
.ds[data-style="aghsan"][data-co="scrap-01"] .ds-tex { background-image: url(templates/aghsan/scrap-01.webp); }
.ds[data-style="aghsan"][data-co="scrap-05"] .ds-tex { background-image: url(templates/aghsan/scrap-05.webp); }
.ds[data-style="aghsan"][data-co="vintage-03"] .ds-tex { background-image: url(templates/aghsan/vintage-03.webp); }
.ds[data-style="aghsan"][data-co="vintage-04"] .ds-tex { background-image: url(templates/aghsan/vintage-04.webp); }
.ds[data-style="aghsan"][data-co="vintage-05"] .ds-tex { background-image: url(templates/aghsan/vintage-05.webp); }
.ds[data-style="aghsan"]:not([data-lb]) .ds-deco b:nth-child(2), .ds[data-style="aghsan"]:not([data-co]) .ds-tex { display: none; }
/* لا رسم ولا صورة ولا اسم ولا رقم: الأغصان والقصاصات هي الصورة، والنص لا يمرّ فوقها */
.ds[data-style="aghsan"] .ds-scene,
.ds[data-style="aghsan"] .ds-bgimg,
.ds[data-style="aghsan"] .ds-shade,
.ds[data-style="aghsan"] .ds-me,
.ds[data-style="aghsan"] .ds-mast,
.ds[data-style="aghsan"] .ds-num { display: none !important; }

.ds[data-style="aghsan"] .ds-txt { gap: 0; align-items: center; margin: 0 !important; }

/* ---------- الطباعة: قهوة للعناوين، «سنة الحرف» للمتن والتعريف والخُلاصة ---------- */

/* سطر التعريف 38/500 بلون الزيتون. ملفه يطلب تباعد حروف .4em، وتباعد الحروف
   يفكّ اتصال العربية — فالمسافة هنا بين الكلمات لا بين الحروف */
.ds[data-style="aghsan"] .r-tag {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 500;
  font-size: calc(3.52cqw * var(--fs)); line-height: 1.6; color: #5f6a4c;
  word-spacing: .4em; letter-spacing: 0; margin: 0 0 calc(2.41cqw * var(--fs));
}
/* العنوان 104 بتباعد 1.35 (قهوة بوزن واحد، فالوزن من الطقم لا 700 مُصطنع) */
.ds[data-style="aghsan"] .r-head {
  font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw);
  font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1));
  line-height: calc(1.35 * var(--dlh) / 1.34); color: #2e3328;
  text-wrap: balance; max-width: 100%;
}
/* المتن 58/400 بتباعد 1.75 */
.ds[data-style="aghsan"] .r-body {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 400;
  font-size: calc(5.37cqw * var(--fs)); line-height: 1.75; color: #4a5140;
  text-wrap: balance;
}
.ds[data-style="aghsan"] .r-head + .r-body { margin-top: calc(3.33cqw * var(--fs)); }
/* الخُلاصة 74/600 بتباعد 1.45 بالحبر الداكن */
.ds[data-style="aghsan"] .r-body:has(.mk) {
  font-weight: 600; font-size: calc(6.85cqw * var(--fs)); line-height: 1.45; color: #2e3328;
  margin-top: calc(4.07cqw * var(--fs));
}
/* لا تظليل ولا لون ثانٍ */
.ds[data-style="aghsan"] .hl, .ds[data-style="aghsan"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="aghsan"] .mk { font-weight: inherit !important; }
.ds[data-style="aghsan"] .r-body .hl { font-weight: 600; }
.ds[data-style="aghsan"] .r-head .hl { font-weight: inherit; }

/* aghsan:layouts:start */

/* cover */
.ds[data-style="aghsan"][data-tl="cover"] { padding: 45.93cqw 15.74cqw 18.52cqw 15.74cqw; justify-content: flex-start; }
.ds[data-style="aghsan"][data-tl="cover"] .ds-deco b:nth-child(1) { inset: auto; top: 11.67cqw; right: 10.56cqw; width: 26.11cqw; height: 41.67cqw; transform: none; }
.ds[data-style="aghsan"][data-tl="cover"] .ds-deco b:nth-child(2) { inset: auto; bottom: 3.89cqw; left: 4.44cqw; width: 20cqw; height: 27.78cqw; transform: rotate(180deg); }
.ds[data-style="aghsan"][data-tl="cover"] .ds-tex { inset: auto; top: 12.5cqw; left: 8.61cqw; width: 27.78cqw; height: 27.78cqw; transform: rotate(-4deg); }
.ds[data-style="aghsan"][data-tl="cover"] .r-tag { margin-bottom: calc(5.65cqw * var(--fs)); }
.ds[data-style="aghsan"][data-tl="cover"] .r-head { font-size: calc(11.85cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="aghsan"][data-tl="cover"] .r-body { font-size: calc(5.74cqw * var(--fs)); line-height: 1.6; }
.ds[data-style="aghsan"][data-tl="cover"] .r-head + .r-body { margin-top: calc(3.89cqw * var(--fs)); }
.ds[data-style="aghsan"][data-tl="cover"] .ds-swipe { display: none; }
.ds[data-style="aghsan"][data-tl="cover"]:not(:has(.r-tag)) { padding-top: 55.56cqw; }

/* garland */
.ds[data-style="aghsan"][data-tl="garland"] { padding: 43.43cqw 15.74cqw 21.3cqw 15.74cqw; justify-content: flex-start; }
.ds[data-style="aghsan"][data-tl="garland"] .ds-deco b:nth-child(1) { inset: auto; top: 6.67cqw; right: 3.89cqw; width: 46.11cqw; height: 27.78cqw; transform: none; }
.ds[data-style="aghsan"][data-tl="garland"] .ds-deco b:nth-child(2) { inset: auto; top: 10.56cqw; left: 5cqw; width: 41.67cqw; height: 23.33cqw; transform: scaleX(-1); }
.ds[data-style="aghsan"][data-tl="garland"] .ds-tex { inset: auto; bottom: 0.56cqw; left: 5cqw; width: 87.22cqw; height: 15.56cqw; transform: rotate(0.8deg); opacity: 0.7; background-size: 100% 100%; }
.ds[data-style="aghsan"][data-tl="garland"] .r-body:has(.mk) { margin-top: 0; padding-top: calc(19.44cqw * var(--fs));
  background: center calc(6.11cqw * var(--fs)) / calc(13.89cqw * var(--fs)) calc(11.11cqw * var(--fs)) no-repeat; }

/* stem */
.ds[data-style="aghsan"][data-tl="stem"] { padding: 20.09cqw 12.96cqw 16.94cqw 30.56cqw; justify-content: center; }
.ds[data-style="aghsan"][data-tl="stem"] .ds-deco b:nth-child(1) { inset: auto; top: 7.22cqw; left: 1.67cqw; width: 32.22cqw; height: 51.11cqw; transform: none; }
.ds[data-style="aghsan"][data-tl="stem"] .ds-tex { inset: auto; bottom: 7.78cqw; left: 9.44cqw; width: 35cqw; height: 34.44cqw; transform: none; }
.ds[data-style="aghsan"][data-tl="stem"] { text-align: right; }
.ds[data-style="aghsan"][data-tl="stem"] .ds-txt { align-items: flex-start; }

/* arch */
.ds[data-style="aghsan"][data-tl="arch"] { padding: 29.63cqw 10.19cqw 27.78cqw 10.19cqw; justify-content: center; }
.ds[data-style="aghsan"][data-tl="arch"] .ds-deco b:nth-child(1) { inset: auto; bottom: 8.33cqw; left: 6.67cqw; width: 37.22cqw; height: 18.89cqw; transform: scaleX(-1) rotate(180deg); }
.ds[data-style="aghsan"][data-tl="arch"] .ds-deco b:nth-child(2) { inset: auto; bottom: 3.33cqw; right: 5cqw; width: 41.67cqw; height: 27.78cqw; transform: rotate(180deg); }
/* القصاصة زينة في الزاوية لا ورقة تحت النص: النص على الأرضية نفسها */
.ds[data-style="aghsan"][data-tl="arch"] .ds-tex { inset: auto; top: 5.56cqw; left: 7.41cqw; width: 24.07cqw; height: 23.15cqw; transform: rotate(-7deg); }

/* quote */
.ds[data-style="aghsan"][data-tl="quote"] { padding: 44.44cqw 13.89cqw 30.56cqw 13.89cqw; justify-content: flex-start; }
.ds[data-style="aghsan"][data-tl="quote"] .ds-deco b:nth-child(1) { inset: auto; top: 8.89cqw; left: 5.56cqw; width: 37.22cqw; height: 29.44cqw; transform: scaleX(-1); }
.ds[data-style="aghsan"][data-tl="quote"] .ds-deco b:nth-child(2) { inset: auto; bottom: 9.26cqw; right: 4.63cqw; width: 35.19cqw; height: 34.26cqw; transform: rotate(180deg); }
.ds[data-style="aghsan"][data-tl="quote"] .ds-tex { inset: auto; top: 11.39cqw; right: 14.91cqw; width: 21.3cqw; height: 30.56cqw; transform: rotate(4deg); }
.ds[data-style="aghsan"][data-tl="quote"] .ds-txt { flex: 1 1 auto; }
.ds[data-style="aghsan"][data-tl="quote"] .r-head, .ds[data-style="aghsan"][data-tl="quote"] .r-body:has(.mk) { margin-block: auto; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw);
  font-size: calc(10.93cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.4 * var(--dlh) / 1.34); color: #2e3328; }
.ds[data-style="aghsan"][data-tl="quote"] .r-tag { order: 2; margin: calc(5.83cqw * var(--fs)) 0 0; font-size: calc(3.89cqw * var(--fs)); }
/* مقولة فيها متن عادي (شكل اختاره المشترك لسلايد فيه شرح): الكتلة كلها في الوسط بمقاس العنوان المعتاد،
   لا عنوان معلّق في الأعلى وفراغ واسع تحته */
.ds[data-style="aghsan"][data-tl="quote"][data-ab] .ds-txt { justify-content: center; }
.ds[data-style="aghsan"][data-tl="quote"][data-ab] .r-head { margin-block: 0; font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="aghsan"][data-tl="quote"][data-ab] .r-body:has(.mk) { margin-block: calc(4.07cqw * var(--fs)) 0; font-size: calc(6.85cqw * var(--fs)); }

/* cta */
.ds[data-style="aghsan"][data-tl="cta"] { padding: 43.52cqw 14.81cqw 27.78cqw 14.81cqw; justify-content: flex-start; }
.ds[data-style="aghsan"][data-tl="cta"] .ds-deco b:nth-child(1) { inset: auto; top: 10.56cqw; right: 10.56cqw; width: 55.56cqw; height: 31.11cqw; transform: none; }
.ds[data-style="aghsan"][data-tl="cta"] .ds-deco b:nth-child(2) { inset: auto; bottom: 10.56cqw; left: 8.89cqw; width: 23.33cqw; height: 32.22cqw; transform: rotate(180deg); }
.ds[data-style="aghsan"][data-tl="cta"] .ds-tex { inset: auto; bottom: 8.7cqw; right: 6.02cqw; width: 28.7cqw; height: 24.54cqw; transform: rotate(6deg); opacity: 0.9; }
.ds[data-style="aghsan"][data-tl="cta"] .ds-txt { flex: 1 1 auto; }
.ds[data-style="aghsan"][data-tl="cta"] .r-body { margin-block: auto; font-size: calc(5.74cqw * var(--fs)); line-height: 1.7; max-width: 64.81cqw; }
.ds[data-style="aghsan"][data-tl="cta"] .r-body:has(.mk) { margin: calc(4.63cqw * var(--fs)) 0 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw);
  font-size: calc(4.81cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.4 * var(--dlh) / 1.34); color: #2e3328; }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="01"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-01.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="02"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-02.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="03"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-03.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="04"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-04.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="05"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-05.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="06"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-06.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="07"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-07.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="08"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-08.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="09"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-09.webp); }
.ds[data-style="aghsan"][data-tl="garland"][data-lc="10"] .r-body:has(.mk) { background-image: url(templates/aghsan/leaf-10.webp); }

/* الطولي: اللوحة أطول بـ 53cqw، فالنص في وسط منطقة الأمان بدل مواضع لوحة 4:5 */
.ds-frame.is-story .ds[data-style="aghsan"] { padding-top: 30cqw !important; padding-bottom: 40cqw !important; justify-content: center !important; }
.ds-frame.is-story .ds[data-style="aghsan"] .ds-txt { flex: none; }
/* aghsan:layouts:end */

/* rasid:start */
/* ==========================================================================
   أسلوب «رصيد» — من نظام الهوية المالية الذي أرسله صاحب الأداة.
   المرجع: rules/template-spec.json وصور slides/ في ملفه. المقاسات من لوحة
   1080×1350 محوّلة إلى cqw. الشكل يختاره rsPlan في design.js (data-tl)،
   ومكوّن البيانات داخل كتلة النص نفسها: فلا يتداخل نص مع بطاقة أبدًا،
   والملاءمة (fit) تصغّر الكل معًا. الخلفيات على عناصر حقيقية لا ::before.
   ========================================================================== */

.ds[data-style="rasid"] {
  /* حبر واحد وزمرّدي. !important لأن المحرك يضع الألوان في style مباشرة */
  --fg: #11150f !important; --sub: #454b43 !important; --tag: #1f6f4a !important;
  --bg: #f4f4f0 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start;
  /* المحرك يوسّط الكتلة في بعض المشاهد (ly-bleed) فتنكمش إلى أعرض سطر وتنزاح */
  align-items: stretch !important;
  text-align: right; color: #11150f;
  /* هوامش ملفه: 96 جانبًا، 110 أعلى، 100 أسفل */
  padding: 10.74cqw 8.89cqw 9.26cqw;
}
.ds[data-style="rasid"] .ds-bgl { background: #f4f4f0; }
.ds[data-style="rasid"] .ds-scene, .ds[data-style="rasid"] .ds-bgimg, .ds[data-style="rasid"] .ds-shade, .ds[data-style="rasid"] .ds-me, .ds[data-style="rasid"] .ds-mast, .ds[data-style="rasid"] .ds-num, .ds[data-style="rasid"] .ds-swipe { display: none !important; }
.ds[data-style="rasid"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="rasid"] .rs-hd, .ds[data-style="rasid"] .rs-bd { display: flex; flex-direction: column; align-items: stretch; }
/* الأرقام لاتينية داخل عزل LTR: «10%» لا «%10» */
.ds[data-style="rasid"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Graphik وحده، والتراتب بالوزن والحجم ---------- */
.ds[data-style="rasid"] .r-tag {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 500;
  font-size: calc(3.15cqw * var(--fs)); line-height: 1.45; color: #1f6f4a;
  word-spacing: .18em; letter-spacing: 0; margin: 0 0 calc(1.3cqw * var(--fs));
}
.ds[data-style="rasid"] .r-head {
  font-family: var(--fd), Tahoma, sans-serif; font-weight: 700;
  font-size: calc(8.15cqw * var(--fs) * var(--dk) / .84 * var(--hk, 1));
  line-height: 1.25; color: #11150f; text-wrap: balance;
}
.ds[data-style="rasid"] .r-body {
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 300;
  font-size: calc(4.81cqw * var(--fs)); line-height: 1.6; color: #454b43; text-wrap: balance;
}
.ds[data-style="rasid"] .r-body:has(.mk), .ds[data-style="rasid"] .rs-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(6.11cqw * var(--fs)); line-height: 1.3; color: #11150f; max-width: 51.85cqw; text-wrap: balance; }
.ds[data-style="rasid"] .hl, .ds[data-style="rasid"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="rasid"] .mk { font-weight: inherit !important; }
.ds[data-style="rasid"] .rs-bd > * + * { margin-top: calc(3.33cqw * var(--fs)); }
/* عمود العنوان والمتن 700px: الرسمة في الزاوية المقابلة، والأسطر تنكسر كما في ملفه */
.ds[data-style="rasid"] .rs-hd .r-head, .ds[data-style="rasid"] .rs-bd .r-body { max-width: 64.81cqw; }
/* الخُلاصة أضيق: سطران قصيران كما في ملفه */
.ds[data-style="rasid"] .rs-bd .r-body:has(.mk), .ds[data-style="rasid"] .rs-bd .r-head { max-width: 51.85cqw; }

/* رسمة الزاوية المقابلة للعنوان: 150px بشفافية .6، لا تلمس النص (data-avoid) */
.ds[data-style="rasid"] .rs-ico-w { position: absolute; top: 12.22cqw; left: 8.89cqw; width: 13.89cqw; height: 13.89cqw; color: #1f6f4a; opacity: .6; }
.ds[data-style="rasid"] svg.rs-ico, .ds[data-style="rasid"] svg.rs-dots, .ds[data-style="rasid"] svg.rs-arrow, .ds[data-style="rasid"] svg.rs-ci, .ds[data-style="rasid"] svg.rs-mi, .ds[data-style="rasid"] svg.rs-ri {
  display: block; width: 100%; height: 100%; fill: none; stroke: currentColor;
  stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;
}

/* ---------- نص فقط: الرأس أعلى والمتن في حاوية أسفل ---------- */
.ds[data-style="rasid"][data-tl="plain"] .rs-bd, .ds[data-style="rasid"][data-tl="hdark"] .rs-bd { margin-top: auto; }
.ds[data-style="rasid"][data-tl="plain"] .rs-bd .r-body, .ds[data-style="rasid"][data-tl="hdark"] .rs-bd .r-body { max-width: 51.85cqw; }
/* نص فقط: قرص فاتح وأيقونة كبيرة في الزاوية السفلى المقابلة، لغة الغلاف نفسها */
.ds[data-style="rasid"][data-tl="plain"] .rs-disc, .ds[data-style="rasid"][data-tl="hdark"] .rs-disc { width: 55.56cqw; height: 55.56cqw; left: -15.74cqw; bottom: -15.74cqw; background: #e4ebe2; }
.ds[data-style="rasid"][data-tl="plain"] .rs-ico-w, .ds[data-style="rasid"][data-tl="hdark"] .rs-ico-w { top: auto; bottom: 12.04cqw; left: 10.19cqw; width: 23.15cqw; height: 23.15cqw; color: #1f6f4a; opacity: .85; }

/* ---------- رأس داكن (نص فقط، وبطاقتا النسبة): طوله يُقاس في rsBand ---------- */
.ds[data-style="rasid"][data-tl="hdark"] .ds-bgl, .ds[data-style="rasid"][data-tl="duo"] .ds-bgl {
  background: linear-gradient(#11150f, #11150f) 0 0 / 100% var(--rs-band, 38.89cqw) no-repeat, #f4f4f0;
}
.ds[data-style="rasid"][data-tl="hdark"] .rs-hd .r-tag, .ds[data-style="rasid"][data-tl="duo"] .rs-hd .r-tag { color: #9ad2b4; margin-bottom: calc(3.06cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="hdark"] .rs-hd .r-head, .ds[data-style="rasid"][data-tl="duo"] .rs-hd .r-head { color: #f4f4f0; }
.ds[data-style="rasid"][data-tl="duo"] .rs-ico-w { color: #9ad2b4; opacity: .5; top: 15.28cqw; }

/* ---------- بطاقتا نسبة ---------- */
.ds[data-style="rasid"] .rs-c { position: relative; border-radius: 2.78cqw; background: #fff; }
.ds[data-style="rasid"] .rs-c > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(7.04cqw * var(--fs)); line-height: 1; color: #11150f; }
.ds[data-style="rasid"] .rs-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.7cqw * var(--fs)); line-height: 1.3; color: #454b43; }
/* الوحدة أصغر بجوار الرقم، والقيمة الطويلة («18000 ريال») تصغر لتبقى داخل بطاقتها */
.ds[data-style="rasid"] .rs-data b small { font-size: .5em; font-weight: 700; }
.ds[data-style="rasid"] .rs-c > b.rs-long { font-size: calc(5.37cqw * var(--fs)) !important; }
.ds[data-style="rasid"] .rs-r > b.rs-long { font-size: calc(5.56cqw * var(--fs)) !important; }
.ds[data-style="rasid"] .rs-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.94cqw; margin: 17.87cqw 0 6.67cqw; }
.ds[data-style="rasid"][data-tl="duo"] .rs-c { min-height: 23.61cqw; padding: 4.07cqw 4.07cqw 3.7cqw; display: flex; flex-direction: column; justify-content: space-between; gap: 2.22cqw; }
/* الرقم أعلى اليسار والتسمية أسفل اليمين */
.ds[data-style="rasid"][data-tl="duo"] .rs-c > b { align-self: flex-end; font-size: calc(8.52cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="duo"] .rs-c > span { font-size: calc(3.89cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="duo"] .rs-bd > * + * { margin-top: calc(5.93cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="duo"] .rs-c1 { background: #e4ebe2; }
.ds[data-style="rasid"][data-tl="duo"] .rs-c1 > b { color: #1f6f4a; }

/* ---------- صفّا ديون على أرضية مائلة ---------- */
.ds[data-style="rasid"][data-tl="debt"] .ds-bgl { background: #e4ebe2; }
.ds[data-style="rasid"] .rs-debt { display: flex; flex-direction: column; gap: 2.04cqw; margin: 16.3cqw 0 2.87cqw; }
.ds[data-style="rasid"][data-tl="debt"] .rs-c { min-height: 15cqw; padding: 1.85cqw 4.07cqw; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 2.78cqw; }
.ds[data-style="rasid"][data-tl="debt"] .rs-c > span { font-weight: 300; font-size: calc(4.81cqw * var(--fs)); color: #11150f; }
.ds[data-style="rasid"][data-tl="debt"] .rs-c2 { background: rgba(255, 255, 255, .5); }
.ds[data-style="rasid"][data-tl="debt"] .rs-c2 > b, .ds[data-style="rasid"][data-tl="debt"] .rs-c2 > span { color: #5d645b; }
.ds[data-style="rasid"][data-tl="debt"] .rs-bd { flex: 1 1 auto; }
.ds[data-style="rasid"][data-tl="debt"] .rs-bd > * + * { margin-top: calc(2.22cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="debt"] .r-body:has(.mk) { font-size: calc(3.7cqw * var(--fs)); color: #1f6f4a; }
.ds[data-style="rasid"][data-tl="debt"] .rs-bd > .r-body:last-child:not(:has(.mk)) { margin-top: auto; }

/* ---------- أعمدة تصاعدية 33/66/100 ---------- */
.ds[data-style="rasid"] .rs-bars { display: flex; align-items: flex-end; gap: 1.67cqw; margin: 18.61cqw 0 3.7cqw; }
.ds[data-style="rasid"] .rs-b { flex: 1 1 0; display: flex; flex-direction: column; }
.ds[data-style="rasid"] .rs-b i { display: block; border-radius: 1.3cqw 1.3cqw 0.56cqw 0.56cqw; }
.ds[data-style="rasid"] .rs-b1 i { height: 8.06cqw; background: #cfdccb; }
.ds[data-style="rasid"] .rs-b2 i { height: 15.83cqw; background: #8fbfa2; }
.ds[data-style="rasid"] .rs-b3 i { height: 24.17cqw; background: #1f6f4a; }
.ds[data-style="rasid"] .rs-b > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.7cqw * var(--fs)); line-height: 1.3; color: #454b43; margin-top: 1.48cqw; }
/* التسميات موزعة على الصف: الأولى يمينًا، الوسطى في المنتصف، الأخيرة يسارًا */
.ds[data-style="rasid"] .rs-b2 > span { text-align: center; }
.ds[data-style="rasid"] .rs-b3 > span { text-align: left; }
.ds[data-style="rasid"][data-tl="bars"] { padding-bottom: 6.48cqw; }
.ds[data-style="rasid"][data-tl="bars"] .rs-bd > * + * { margin-top: calc(4.81cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="bars"] .rs-bd .r-body { line-height: 1.67; }
.ds[data-style="rasid"][data-tl="bars"] .r-body:has(.mk) { font-size: calc(3.7cqw * var(--fs)); color: #1f6f4a; }

/* ---------- قائمة مرقّمة ---------- */
.ds[data-style="rasid"] .rs-list { list-style: none; padding: 0; margin: 13.06cqw 0 4.81cqw; display: flex; flex-direction: column; gap: 1.94cqw; }
.ds[data-style="rasid"] .rs-list li { background: #fff; border-radius: 2.04cqw; min-height: 11.11cqw; padding: 1.67cqw 3.33cqw; display: flex; align-items: center; gap: 2.41cqw; }
.ds[data-style="rasid"] .rs-list li > b { flex: none; width: 5.56cqw; height: 5.56cqw; border-radius: 50%; background: #1f6f4a; color: #fff; display: grid; place-items: center; font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(2.78cqw * var(--fs)); line-height: 1; }
.ds[data-style="rasid"] .rs-list li > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.26cqw * var(--fs)); line-height: 1.3; color: #11150f; }
.ds[data-style="rasid"][data-tl="list"] .r-body:has(.mk), .ds[data-style="rasid"][data-tl="list"] .rs-bd .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.07cqw * var(--fs)); color: #1f6f4a; max-width: none; }

/* ---------- شائع مقابل الحقيقة ---------- */
.ds[data-style="rasid"] .rs-myth { display: flex; flex-direction: column; gap: 2.5cqw; margin: 11.11cqw 0 3.7cqw; }
.ds[data-style="rasid"] .rs-mc { background: #e4ebe2; border-radius: 2.59cqw; padding: 0.74cqw 3.7cqw; }
.ds[data-style="rasid"] .rs-mc p { display: flex; align-items: center; gap: 2.04cqw; margin: 0; padding: 1.71cqw 0; }
.ds[data-style="rasid"][data-tl="myth"] .rs-myth { margin-top: 11.76cqw; }
.ds[data-style="rasid"] .rs-mc p + p { border-top: 0.19cqw solid rgba(17, 21, 15, .13); }
.ds[data-style="rasid"] .rs-mi { flex: none; width: 2.96cqw !important; height: 2.96cqw !important; stroke-width: 11 !important; color: #8d978c; }
.ds[data-style="rasid"] .rs-no > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.44cqw * var(--fs)); line-height: 1.3; color: #6d746b; }
.ds[data-style="rasid"] .rs-yes > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.19cqw * var(--fs)); line-height: 1.3; color: #11150f; }

/* ---------- خط زمني على أرضية داكنة ---------- */
.ds[data-style="rasid"][data-tl="timeline"] .ds-bgl { background: #11150f; }
.ds[data-style="rasid"][data-tl="timeline"] .r-tag { color: #9ad2b4; }
.ds[data-style="rasid"][data-tl="timeline"] .r-head, .ds[data-style="rasid"][data-tl="timeline"] .r-body, .ds[data-style="rasid"][data-tl="timeline"] .r-body:has(.mk) { color: #f4f4f0; }
.ds[data-style="rasid"][data-tl="timeline"] .rs-ico-w { color: #9ad2b4; opacity: .55; top: 12.96cqw; left: 13.89cqw; width: 23.15cqw; height: 28.7cqw; }
.ds[data-style="rasid"] .rs-tl { display: flex; flex-direction: column; margin: 12.78cqw 0 3.7cqw; padding-inline-start: 4.44cqw; }
.ds[data-style="rasid"] .rs-r { display: flex; align-items: stretch; gap: 3.7cqw; min-height: 11.67cqw; }
.ds[data-style="rasid"] .rs-r > b { flex: none; width: 12.96cqw; align-self: center; text-align: left; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(8.52cqw * var(--fs)); line-height: 1; color: #9ad2b4; }
.ds[data-style="rasid"] .rs-r > span { flex: 1 1 auto; display: flex; align-items: center; border-top: 0.19cqw solid rgba(244, 244, 240, .2); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.26cqw * var(--fs)); line-height: 1.3; color: #f4f4f0; }
.ds[data-style="rasid"][data-tl="timeline"] .rs-bd { margin-top: auto; }

/* ---------- شبكة أرقام 2×2 ---------- */
.ds[data-style="rasid"] .rs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.94cqw; margin: 16.67cqw 0 1.39cqw; }
.ds[data-style="rasid"][data-tl="grid"] .rs-c { min-height: 29.17cqw; padding: 3.7cqw 3.7cqw 3.33cqw; display: flex; flex-direction: column; justify-content: flex-end; }
.ds[data-style="rasid"][data-tl="grid"] .rs-c > b { align-self: flex-end; margin-bottom: 2.04cqw; }
.ds[data-style="rasid"] .rs-ci { position: absolute; top: 3.15cqw; right: 2.78cqw; width: 7.04cqw !important; height: 7.04cqw !important; stroke-width: 9 !important; color: #1f6f4a; opacity: .75; }
.ds[data-style="rasid"][data-tl="grid"] .rs-c1 { background: #e4ebe2; }
.ds[data-style="rasid"][data-tl="grid"] .rs-c4 { background: #1f6f4a; }
.ds[data-style="rasid"][data-tl="grid"] .rs-c4 > b, .ds[data-style="rasid"][data-tl="grid"] .rs-c4 > span, .ds[data-style="rasid"][data-tl="grid"] .rs-c4 .rs-ci { color: #f4f4f0; }
.ds[data-style="rasid"][data-tl="grid"] .rs-bd { margin-top: auto; }
.ds[data-style="rasid"][data-tl="grid"] { padding-bottom: 2.22cqw; }
.ds[data-style="rasid"][data-tl="grid"] .r-body:has(.mk) { font-size: calc(5.56cqw * var(--fs)); line-height: 1.3; color: #1f6f4a; }

/* ---------- مقولة داكنة بقرصين ---------- */
.ds[data-style="rasid"][data-tl="quote"] { justify-content: flex-end; padding-bottom: 15.83cqw; }
.ds[data-style="rasid"][data-tl="quote"] .rs-bd { margin-top: 2.59cqw; }
.ds[data-style="rasid"][data-tl="quote"] .ds-txt, .ds[data-style="rasid"][data-tl="cover"] .ds-txt { justify-content: flex-end; }
.ds[data-style="rasid"][data-tl="quote"] .ds-bgl { background: #11150f; }
.ds[data-style="rasid"] .rs-disc { position: absolute; border-radius: 50%; }
.ds[data-style="rasid"][data-tl="quote"] .rs-disc { width: 98.15cqw; height: 98.15cqw; left: 37.96cqw; top: -49.07cqw; background: #1f6f4a; }
.ds[data-style="rasid"] .rs-orbit { position: absolute; border-radius: 50%; }
.ds[data-style="rasid"][data-tl="quote"] .rs-orbit { width: 55.56cqw; height: 55.56cqw; left: -12.5cqw; top: 82.31cqw; border: 0.19cqw solid rgba(244, 244, 240, .22); }
.ds[data-style="rasid"][data-tl="quote"] .rs-ico-w { top: 51.85cqw; left: auto; right: 8.15cqw; width: 23.33cqw; height: 23.33cqw; color: #9ad2b4; opacity: .85; }
.ds[data-style="rasid"][data-tl="quote"] .r-tag { color: #9ad2b4; }
.ds[data-style="rasid"][data-tl="quote"] .r-head { color: #f4f4f0; font-size: calc(10cqw * var(--fs) * var(--dk) / .84 * var(--hk, 1)); line-height: 1.2; }
.ds[data-style="rasid"][data-tl="quote"] .rs-bd .r-body, .ds[data-style="rasid"][data-tl="quote"] .rs-bd .r-body:has(.mk) { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.7cqw * var(--fs)); line-height: 1.4; color: #9ad2b4; }

/* ---------- الغلاف: قرص وشبكة نقاط وسهم، عنوان 140 ---------- */
.ds[data-style="rasid"][data-tl="cover"] { justify-content: flex-end; padding-bottom: 15.83cqw; }
.ds[data-style="rasid"][data-tl="cover"] .rs-disc { width: 62.96cqw; height: 62.96cqw; left: -9.07cqw; top: -7.41cqw; background: #e4ebe2; }
.ds[data-style="rasid"][data-tl="cover"] .rs-dots { position: absolute; left: 43.33cqw; top: 21.11cqw; width: 22.22cqw; height: 22.22cqw; color: #9ad2b4; }
.ds[data-style="rasid"][data-tl="cover"] .rs-arrow { position: absolute; left: 7.78cqw; top: 27.78cqw; width: 28.24cqw; height: 21.11cqw; color: #9aa39a; }
.ds[data-style="rasid"][data-tl="cover"] .rs-ico-w { top: 71.85cqw; left: 11.85cqw; width: 26.76cqw; height: 26.76cqw; opacity: 1; }
/* إشارة السحب: خط زمرّدي برأس سهم نحو اليسار (اتجاه السلايد التالي)، بلا كلمة */
.ds[data-style="rasid"][data-tl="cover"] .rs-swipe { position: absolute; top: 113.33cqw; right: 8.89cqw; width: 13.89cqw; height: 0.28cqw; background: #1f6f4a; border-radius: 0.28cqw; }
.ds[data-style="rasid"][data-tl="cover"] .rs-swipe b { position: absolute; left: 0; top: 50%; width: 1.48cqw; height: 1.48cqw; border-left: 0.28cqw solid #1f6f4a; border-bottom: 0.28cqw solid #1f6f4a; transform: translate(0.09cqw, -50%) rotate(45deg); }
.ds[data-style="rasid"][data-tl="cover"] .r-tag { align-self: flex-start; background: #11150f; color: #f4f4f0; font-size: calc(2.78cqw * var(--fs)); padding: 1.48cqw 2.96cqw; border-radius: 9.17cqw; margin: 0 0 3.06cqw; }
.ds[data-style="rasid"][data-tl="cover"] .r-head { font-weight: 900; font-size: calc(12.96cqw * var(--fs) * var(--dk) / .84 * var(--hk, 1)); line-height: 1.1; max-width: 48.15cqw; }
/* عنوان أطول من كلمتين: عمود أعرض وخط أصغر، وإلا صار خمسة أسطر */
.ds[data-style="rasid"][data-tl="cover"][data-hl="m"] .r-head { max-width: 70.37cqw; font-size: calc(10.74cqw * var(--fs) * var(--dk) / .84 * var(--hk, 1)); }
.ds[data-style="rasid"][data-tl="cover"][data-hl="l"] .r-head { max-width: none; font-size: calc(9.07cqw * var(--fs) * var(--dk) / .84 * var(--hk, 1)); }
/* العنوان الطويل يأخذ العرض كله، فتختفي العملة التي كانت في طريقه */
.ds[data-style="rasid"][data-tl="cover"][data-hl="m"] .rs-ico-w, .ds[data-style="rasid"][data-tl="cover"][data-hl="l"] .rs-ico-w { display: none; }
.ds[data-style="rasid"][data-tl="cover"] .rs-bd .r-body { font-size: calc(4.81cqw * var(--fs)); }
.ds[data-style="rasid"][data-tl="cover"] .rs-bd { margin-top: calc(3.61cqw * var(--fs)); }

/* ---------- الدعوة: حلقة نسبة، سطر تعريف، متن، زر كبسولي ---------- */
.ds[data-style="rasid"][data-tl="cta"] { justify-content: flex-start; text-align: center; padding-top: 16.67cqw; }
.ds[data-style="rasid"][data-tl="cta"] .ds-txt { align-items: center; }
.ds[data-style="rasid"][data-tl="cta"] .rs-hd, .ds[data-style="rasid"][data-tl="cta"] .rs-bd { align-items: center; }
.ds[data-style="rasid"][data-tl="cta"] .rs-ring {
  order: -1; flex: none; width: 29.44cqw; height: 29.44cqw; border-radius: 50%;
  display: grid; place-items: center; margin: 0 0 4.63cqw;
  background:
    radial-gradient(circle closest-side, #f4f4f0 calc(100% - 3.61cqw), rgba(244, 244, 240, 0) calc(100% - 3.61cqw + 1px)),
    conic-gradient(#1f6f4a 0 calc(var(--p) * 1%), #dfe6dd 0);
}
.ds[data-style="rasid"][data-tl="cta"] .rs-ring > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(7.04cqw * var(--fs)); line-height: 1; color: #11150f; }
.ds[data-style="rasid"][data-tl="cta"] .rs-ri { width: 11.11cqw !important; height: 11.11cqw !important; color: #1f6f4a; stroke-width: 6 !important; }
.ds[data-style="rasid"][data-tl="cta"] .r-tag { font-size: calc(3.89cqw * var(--fs)); color: #1f6f4a; margin: 0; }
.ds[data-style="rasid"][data-tl="cta"] .r-head { text-align: center; }
.ds[data-style="rasid"][data-tl="cta"] .rs-bd { width: 100%; }
.ds[data-style="rasid"][data-tl="cta"] .rs-bd .r-body { text-align: center; margin-top: calc(7.96cqw * var(--fs)); max-width: 59.26cqw; line-height: 1.75; text-wrap: wrap; }
.ds[data-style="rasid"][data-tl="cta"] .rs-bd .r-body:has(.mk) {
  align-self: center; margin-top: calc(4.81cqw * var(--fs)); background: #11150f; color: #f4f4f0;
  border-radius: 92.5cqw; padding: 3.61cqw 6.48cqw; font-size: calc(5.56cqw * var(--fs)); line-height: 1.2; max-width: none;
}
.ds[data-style="rasid"][data-tl="cta"] .rs-ico-a { top: auto; bottom: 10.93cqw; left: 10.93cqw; width: 8.89cqw; height: 11.67cqw; color: #9aa39a; opacity: 1; }
.ds[data-style="rasid"][data-tl="cta"] .rs-ico-b { top: auto; bottom: 12.04cqw; left: auto; right: 11.11cqw; width: 8.89cqw; height: 8.89cqw; color: #9aa39a; opacity: 1; }

/* الطولي 9:16: هوامش الأمان أوسع، والترتيب نفسه */
.ds-frame.is-story .ds[data-style="rasid"] { padding-top: 26cqw !important; padding-bottom: 36cqw !important; }
.ds-frame.is-story .ds[data-style="rasid"] .rs-swipe { display: none; }
/* rasid:end */

/* صفحة الأسلوب: الخط فوق الأساليب، يُختار لهذا التصميم في أي أسلوب */
.mkd-page .mkd-sub { margin: 18px 0 8px; font-size: 16px; font-weight: 700; color: var(--ink); }
.mkd-pkits { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); }
.mkd-pkits .mkd-kit b { font-size: 20px; line-height: 1.5; }
.mkd-pkits .mkd-kit.on { border-color: var(--org); box-shadow: 0 0 0 2px rgba(255, 107, 24, .18); }
.mkd-pkits .mkd-kit * { pointer-events: none; }
.mkd-pkits .mkd-kit-up input { pointer-events: auto; }

/* عناصر القوالب الجاهزة: تُسحب وتُكبَّر وتُدوَّر من سلايد المستخدم (انظر dv في design.js).
   خصائص translate/scale/rotate تُضاف فوق transform القالب ولا تمحوه */
.ds [data-dv] { translate: var(--dx, 0) var(--dy, 0); scale: var(--dz, 1); rotate: var(--dr, 0deg); }
.ds [data-dvoff] { display: none !important; }
.mkd-big .ds [data-dv] { pointer-events: auto; cursor: grab; }
.mkd-big .ds [data-dv]:hover { outline: 1.5px dashed rgba(255, 107, 24, .42); outline-offset: 3px; }
.mkd-big .ds [data-dv].is-dragging { cursor: grabbing; outline: 1.5px solid var(--org); touch-action: none; }
/* صندوق النص يغطي السلايد كله تقريبًا: في القوالب الجاهزة يلتقط النقر نصُّه لا فراغه،
   فيصل النقر إلى الغصن أو الرسمة خلفه */
.mkd-big .ds:has([data-dv]) .ds-mv > .ds-txt { pointer-events: none; }
.mkd-big .ds:has([data-dv]) .ds-mv > .ds-txt > * { pointer-events: auto; }
.mkd-sty { position: relative; }
.mkd-new { position: absolute; z-index: 2; top: 10px; inset-inline-start: 10px; padding: 3px 10px; border-radius: 99px;
  background: var(--org); color: #fff; font-style: normal; font-size: 12px; font-weight: 700; line-height: 1.4;
  box-shadow: 0 4px 10px rgba(255, 107, 24, .35); pointer-events: none; }
/* لون التخصص في «طب»: واحد للكاروسيل كله */
.mkd-tbsp { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.mkd-tbsp button { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 8px; border-radius: 99px; border: 1.5px solid var(--line); background: #fff; font: inherit; font-size: 12.5px; cursor: pointer; }
.mkd-tbsp button i { width: 14px; height: 14px; border-radius: 50%; pointer-events: none; }
.mkd-tbsp button.on { border-color: var(--ink); font-weight: 700; }

/* tibb:start */
/* ==========================================================================
   أسلوب «طب» — من نظام «عيادة» الطبي الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350 محوّلة إلى cqw. الشكل من tbPlan (data-tl)،
   ولون التخصص واحد للكاروسيل (data-sp). مكوّن البيانات داخل كتلة النص
   فلا يتداخل نص مع بطاقة، والملاءمة تصغّر الكل معًا. مستطيلات بلا استدارة.
   ========================================================================== */
.ds[data-style="tibb"] {
  --tb-c: #1d4fd7; --tb-on: #fff; --tb-dk: #101c3d; --tb-gr: #eef2fb; --tb-ink: #101c3d; --tb-tag: #1d4fd7;
  --tb-body: #46527a; --tb-soft: #dbe5ff; --tb-line: #dde3ee; --tb-bar: #ffb02e; --tb-num: #1d4fd7;
  --tb-lite: color-mix(in srgb, #fff 55%, var(--tb-c));
  --fg: #101c3d !important; --sub: #46527a !important; --tag: var(--tb-tag) !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--tb-ink); padding: 11.11cqw 8.89cqw 10.19cqw;
}
.ds[data-style="tibb"][data-sp="teal"]   { --tb-c: #17b5a4; --tb-on: #06322e; --tb-dk: #0a3f3a; --tb-tag: #0f8a7d; --tb-soft: #d3f0ec; --tb-num: #0f8a7d; --tb-lite: color-mix(in srgb, #06322e 35%, #17b5a4); }
.ds[data-style="tibb"][data-sp="amber"]  { --tb-c: #ffb02e; --tb-on: #3d2a06; --tb-dk: #3d2a06; --tb-gr: #fff6e6; --tb-ink: #3d2a06; --tb-tag: #9a6a0c; --tb-body: #6f5620; --tb-soft: #ffe7bd; --tb-line: #f3dfba; --tb-bar: #3d2a06; --tb-num: #3d2a06; --tb-lite: #3d2a06; }
.ds[data-style="tibb"][data-sp="violet"] { --tb-c: #5a3ce0; --tb-dk: #211a52; --tb-tag: #5a3ce0; --tb-soft: #e3dcff; --tb-num: #5a3ce0; }
.ds[data-style="tibb"][data-sp="pink"]   { --tb-c: #ff5d9e; --tb-on: #4a0a27; --tb-dk: #4a0a27; --tb-gr: #fff0f6; --tb-ink: #4a0a27; --tb-tag: #b3175a; --tb-body: #7a3b58; --tb-soft: #ffd6e6; --tb-line: #ffd0e2; --tb-num: #b3175a; --tb-lite: #7a3b58; }
.ds[data-style="tibb"][data-sp="coral"]  { --tb-c: #ff6b5a; --tb-on: #3d0d07; --tb-dk: #101c3d; --tb-tag: #c8402f; --tb-soft: #ffdcd6; --tb-num: #c8402f; --tb-lite: #3d0d07; }

.ds[data-style="tibb"] .ds-bgl { background: var(--tb-gr); }
.ds[data-style="tibb"] .ds-scene, .ds[data-style="tibb"] .ds-bgimg, .ds[data-style="tibb"] .ds-shade, .ds[data-style="tibb"] .ds-me, .ds[data-style="tibb"] .ds-mast, .ds[data-style="tibb"] .ds-num, .ds[data-style="tibb"] .ds-swipe { display: none !important; }
.ds[data-style="tibb"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="tibb"] .tb-hd, .ds[data-style="tibb"] .tb-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="tibb"] .tb-bd { margin-top: auto; padding-top: 3.7cqw; }
.ds[data-style="tibb"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* الشريط العمودي 26px على الحافة اليمنى */
.ds[data-style="tibb"] .tb-spine { position: absolute; top: 0; right: 0; bottom: 0; width: 2.41cqw; background: var(--tb-c); }

/* ---------- الخط: Zain، والتراتب بالوزن والحجم ---------- */
.ds[data-style="tibb"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.15cqw * var(--fs)); line-height: 1.45; color: var(--tb-tag); word-spacing: .2em; margin: 0 0 2.41cqw; }
.ds[data-style="tibb"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.52cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.2); color: var(--tb-ink); text-wrap: balance; }
.ds[data-style="tibb"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.81cqw * var(--fs)); line-height: 1.55; color: var(--tb-body); text-wrap: balance; }
.ds[data-style="tibb"] .r-body:has(.mk), .ds[data-style="tibb"] .tb-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.74cqw * var(--fs)); line-height: 1.26; color: var(--tb-ink); }
.ds[data-style="tibb"] .hl, .ds[data-style="tibb"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="tibb"] .mk { font-weight: inherit !important; }
.ds[data-style="tibb"] .tb-bd > * + * { margin-top: 2.59cqw; }
.ds[data-style="tibb"] .tb-hd .r-head { max-width: 59.26cqw; }
/* الخُلاصة سطران قصيران كما في ملفه */
.ds[data-style="tibb"] .tb-bd .r-body:has(.mk), .ds[data-style="tibb"] .tb-bd .r-head { max-width: 59.26cqw; }
.ds[data-style="tibb"] .r-body:not(:has(.mk)) { text-wrap: pretty; }
.ds[data-style="tibb"] .tb-bar { display: block; align-self: flex-start; width: 14.81cqw; height: 0.74cqw; margin-top: 3.7cqw; background: var(--tb-bar); }
.ds[data-style="tibb"] svg.tb-ico, .ds[data-style="tibb"] svg.tb-ri, .ds[data-style="tibb"] svg.tb-ci, .ds[data-style="tibb"] svg.tb-big {
  display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="tibb"] .tb-v { font-family: "MKD Graphik", var(--fd), Tahoma, sans-serif; font-weight: 700; line-height: 1; }

/* ---------- الأرضيات الملوّنة: النص بلون الحبر المناسب للون ---------- */
.ds[data-style="tibb"][data-tl="cover"] .ds-bgl { background: linear-gradient(#eef2fb, #eef2fb) 0 0 / 100% 43.52cqw no-repeat, var(--tb-c); }
.ds[data-style="tibb"][data-tl="cards"] .ds-bgl, .ds[data-style="tibb"][data-tl="quote"] .ds-bgl, .ds[data-style="tibb"][data-tl="cta"] .ds-bgl { background: var(--tb-c); }
.ds[data-style="tibb"][data-tl="cover"] .tb-spine, .ds[data-style="tibb"][data-tl="cards"] .tb-spine, .ds[data-style="tibb"][data-tl="quote"] .tb-spine, .ds[data-style="tibb"][data-tl="cta"] .tb-spine { background: var(--tb-dk); }
.ds[data-style="tibb"]:is([data-tl="cover"], [data-tl="cards"], [data-tl="quote"], [data-tl="cta"]) :is(.r-tag, .r-head, .r-body, .r-body:has(.mk)) { color: var(--tb-on); }

/* ---------- الغلاف: رأس فاتح بنقاط التخصصات ودائرة، ولوح بلون التخصص ---------- */
.ds[data-style="tibb"][data-tl="cover"] { padding-top: 51.39cqw; padding-right: 10.19cqw; }
.ds[data-style="tibb"][data-tl="cover"] .r-head { font-size: calc(12.59cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.08 * var(--dlh) / 1.2); max-width: 79.63cqw; }
.ds[data-style="tibb"][data-tl="cover"] .r-tag { margin-bottom: 3.7cqw; }
.ds[data-style="tibb"][data-tl="cover"] .tb-bar { margin-top: 5.09cqw; }
.ds[data-style="tibb"][data-tl="cover"] .tb-bd { margin-top: 0; padding-top: 4.63cqw; }
.ds[data-style="tibb"][data-tl="cover"] .r-body { font-weight: 700; }
.ds[data-style="tibb"] .tb-dots { position: absolute; left: 10.19cqw; top: 16.48cqw; display: flex; direction: ltr; gap: 1.67cqw; }
.ds[data-style="tibb"] .tb-dots b { width: 5cqw; height: 5cqw; border-radius: 50%; }
.ds[data-style="tibb"] .tb-dots b:nth-child(1) { background: #ff5d9e; }
.ds[data-style="tibb"] .tb-dots b:nth-child(2) { background: #5a3ce0; }
.ds[data-style="tibb"] .tb-dots b:nth-child(3) { background: #ffb02e; }
.ds[data-style="tibb"] .tb-dots b:nth-child(4) { background: #17b5a4; }
.ds[data-style="tibb"] .tb-cc { position: absolute; display: grid; place-items: center; border-radius: 50%; }
.ds[data-style="tibb"][data-tl="cover"] .tb-cc { left: 70.37cqw; top: 12.04cqw; width: 19.44cqw; height: 19.44cqw; background: #dbe5ff; color: #2f6bff; }
.ds[data-style="tibb"][data-tl="cover"][data-sp]:not([data-sp="blue"]) .tb-cc { background: var(--tb-soft); color: var(--tb-c); }
.ds[data-style="tibb"][data-tl="cover"] .tb-cc svg { width: 12.04cqw; height: 12.04cqw; }
.ds[data-style="tibb"] .tb-swipe { position: absolute; right: 10.19cqw; top: 112.5cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: 3.15cqw; line-height: 1.4; color: var(--tb-on); }
.ds-frame.is-story .ds[data-style="tibb"] .tb-swipe { display: none; }

/* ---------- رقم ودائرة ---------- */
.ds[data-style="tibb"] .tb-idx { position: absolute; right: 7.87cqw; top: 10.37cqw; font-family: "MKD Graphik", Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: 3.52cqw; line-height: 1.2; color: var(--tb-num); }
.ds[data-style="tibb"][data-tl="stat"] .tb-hd { padding-right: 8.89cqw; }
.ds[data-style="tibb"] .tb-stat { display: flex; align-items: center; justify-content: space-between; gap: 2.78cqw; margin: 10.19cqw 0 0; }
.ds[data-style="tibb"] .tb-sv { order: 2; flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; gap: 1.67cqw; min-width: 0; }
.ds[data-style="tibb"] .tb-sv .tb-v { align-self: flex-end; font-size: calc(9.26cqw * var(--fs)); color: var(--tb-num); }
.ds[data-style="tibb"] .tb-sv > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.52cqw * var(--fs)); line-height: 1.35; color: var(--tb-body); text-align: right; }
.ds[data-style="tibb"] .tb-circ { order: 1; flex: none; display: grid; place-items: center; width: 23.15cqw; height: 23.15cqw; border-radius: 50%; background: var(--tb-soft); color: #2f6bff; margin-inline-end: 0; }
.ds[data-style="tibb"][data-sp]:not([data-sp="blue"]) .tb-circ { color: var(--tb-c); }
.ds[data-style="tibb"][data-sp="amber"] .tb-circ, .ds[data-style="tibb"][data-sp="pink"] .tb-circ { color: var(--tb-num); }
.ds[data-style="tibb"] .tb-circ svg { width: 12.96cqw; height: 12.96cqw; }
.ds[data-style="tibb"][data-tl="stat"] .tb-bd .r-body:not(:has(.mk)) { font-size: calc(4.26cqw * var(--fs)); }

/* ---------- بطاقات بيضاء على لون التخصص ---------- */
.ds[data-style="tibb"][data-tl="cards"] .tb-bar { width: 12.96cqw; height: 0.56cqw; background: var(--tb-on); }
.ds[data-style="tibb"] .tb-cards, .ds[data-style="tibb"] .tb-emerg { display: flex; flex-direction: column; gap: 2.04cqw; margin: 12.59cqw 0 0; }
.ds[data-style="tibb"] .tb-cards .tb-row, .ds[data-style="tibb"] .tb-emerg .tb-row { display: flex; align-items: center; gap: 3.52cqw; min-height: 10.93cqw; padding: 1.48cqw 4.07cqw; background: #fff; }
.ds[data-style="tibb"] .tb-row > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.26cqw * var(--fs)); line-height: 1.3; color: #101c3d; }
.ds[data-style="tibb"] .tb-cards svg.tb-ri { flex: none; width: 5.93cqw; height: 5.93cqw; margin: -0.93cqw; color: #2f6bff; }

/* ---------- لوحات الطوارئ: أرضية مرجانية ولوحات كحلية ---------- */
.ds[data-style="tibb"][data-tl="emerg"] .ds-bgl { background: #ff6b5a; }
.ds[data-style="tibb"][data-tl="emerg"] .tb-spine { background: #101c3d; }
.ds[data-style="tibb"][data-tl="emerg"] :is(.r-tag, .r-head, .r-body, .r-body:has(.mk)) { color: #3d0d07; }
.ds[data-style="tibb"] .tb-emerg { gap: 2.31cqw; margin-top: 7.41cqw; }
.ds[data-style="tibb"] .tb-emerg .tb-row { background: #101c3d; padding-inline: 3.7cqw; }
.ds[data-style="tibb"] .tb-emerg .tb-row > span { color: #fff; }
.ds[data-style="tibb"] svg.tb-big { position: absolute; }
.ds[data-style="tibb"][data-tl="emerg"] svg.tb-big { left: 10.19cqw; top: 88.89cqw; width: 12.5cqw; height: 12.5cqw; color: #101c3d; }

/* ---------- جدول مواعيد ---------- */
.ds[data-style="tibb"][data-tl="table"] .ds-bgl { background: #fff; }
.ds[data-style="tibb"][data-tl="table"] svg.tb-big { left: 10.19cqw; top: 35.65cqw; width: 13.89cqw; height: 13.89cqw; color: var(--tb-lite); }
.ds[data-style="tibb"][data-sp="blue"][data-tl="table"] svg.tb-big { color: #8fb0ff; }
.ds[data-style="tibb"] .tb-table { display: flex; flex-direction: column; margin: 21.3cqw 0 0; }
.ds[data-style="tibb"] .tb-table .tb-row { display: flex; align-items: center; justify-content: space-between; gap: 2.78cqw; min-height: 11.57cqw; padding: 0.93cqw 0; border-bottom: 0.19cqw solid var(--tb-line); }
.ds[data-style="tibb"] .tb-table .tb-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.26cqw * var(--fs)); color: var(--tb-body); }
.ds[data-style="tibb"] .tb-table .tb-row > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.81cqw * var(--fs)); line-height: 1.3; color: var(--tb-ink); text-align: left; }
.ds[data-style="tibb"] .tb-table .tb-row:last-child { margin-top: 2.41cqw; border: 0; background: var(--tb-c); padding: 0.93cqw 2.96cqw; }
.ds[data-style="tibb"] .tb-table .tb-row:last-child > * { color: var(--tb-on); }

/* ---------- مقولة بلون التخصص: الرسمة أعلى الوسط والنص أسفل ---------- */
.ds[data-style="tibb"][data-tl="quote"] .tb-hd { margin-top: auto; }
.ds[data-style="tibb"][data-tl="quote"] .tb-bd { margin-top: 0; padding-top: 3.7cqw; }
.ds[data-style="tibb"][data-tl="quote"] .r-body { font-weight: 700; }
.ds[data-style="tibb"][data-tl="quote"] svg.tb-big { left: 36.11cqw; top: 24.07cqw; width: 29.63cqw; height: 29.63cqw; color: color-mix(in srgb, #fff 60%, var(--tb-c)); }
.ds[data-style="tibb"][data-tl="quote"]:is([data-sp="teal"], [data-sp="amber"], [data-sp="pink"], [data-sp="coral"]) svg.tb-big { color: var(--tb-on); opacity: .55; }

/* ---------- شبكة نسب وشبكة فحوص ---------- */
.ds[data-style="tibb"] .tb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.04cqw; margin: 9.26cqw 0 0; }
.ds[data-style="tibb"] .tb-c { position: relative; display: flex; flex-direction: column; background: #fff; min-height: 20.19cqw; padding: 3.7cqw 3.24cqw 2.96cqw; }
.ds[data-style="tibb"] .tb-nutri .tb-c { justify-content: space-between; }
.ds[data-style="tibb"] .tb-nutri .tb-c .tb-v { align-self: flex-end; font-size: calc(6.67cqw * var(--fs)); color: var(--tb-ink); }
.ds[data-style="tibb"] .tb-nutri .tb-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.52cqw * var(--fs)); line-height: 1.3; color: var(--tb-body); }
.ds[data-style="tibb"] .tb-nutri .tb-c1 { background: var(--tb-c); }
.ds[data-style="tibb"] .tb-nutri .tb-c1 > * { color: var(--tb-on) !important; }
.ds[data-style="tibb"] .tb-nutri svg.tb-ci { align-self: flex-end; width: 7.78cqw; height: 7.78cqw; margin: -1.11cqw; color: var(--tb-ink); }
.ds[data-style="tibb"][data-tl="tests"] .ds-bgl { background: #eef2fb; }
.ds[data-style="tibb"] .tb-tests .tb-c { min-height: 23.52cqw; padding: 4.17cqw 4.17cqw 3.15cqw; }
.ds[data-style="tibb"] .tb-tests svg.tb-ci { width: 6.11cqw; height: 6.11cqw; margin: -1.02cqw -1.02cqw 1.94cqw; color: #2f6bff; }
.ds[data-style="tibb"][data-sp]:not([data-sp="blue"]) .tb-tests svg.tb-ci { color: var(--tb-num); }
.ds[data-style="tibb"] .tb-tests .tb-c > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.81cqw * var(--fs)); line-height: 1.25; color: #101c3d; }
.ds[data-style="tibb"] .tb-tests .tb-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.52cqw * var(--fs)); line-height: 1.4; color: #46527a; margin-top: 1.11cqw; }
.ds[data-style="tibb"] .tb-tests .tb-c4 { background: #17b5a4; }
.ds[data-style="tibb"] .tb-tests .tb-c4 > * { color: #06322e !important; }
.ds[data-style="tibb"][data-sp="teal"] .tb-tests .tb-c4 { background: #1d4fd7; }
.ds[data-style="tibb"][data-sp="teal"] .tb-tests .tb-c4 > * { color: #fff !important; }

/* ---------- خط زمني ---------- */
.ds[data-style="tibb"] .tb-tl { display: flex; flex-direction: column; margin: 10.19cqw 0 0; }
.ds[data-style="tibb"] .tb-tl .tb-row { display: flex; align-items: center; gap: 3.33cqw; min-height: 10.37cqw; border-top: 0.19cqw solid var(--tb-line); margin-inline-start: 0; }
.ds[data-style="tibb"] .tb-tl .tb-row .tb-v { order: -1; flex: none; width: auto; min-width: 6.48cqw; white-space: nowrap; margin-inline-end: -9.81cqw; transform: translateX(9.81cqw); font-size: calc(6.67cqw * var(--fs)); color: var(--tb-num); text-align: center; }
.ds[data-style="tibb"] .tb-tl { padding-inline-start: 15cqw; }
.ds[data-style="tibb"] .tb-tl .tb-row .tb-v small { display: block; font-size: .42em; line-height: 1.1; font-weight: 400; }
.ds[data-style="tibb"] .tb-tl .tb-row > span { font-weight: 700; font-size: calc(4.07cqw * var(--fs)); color: var(--tb-ink); }
.ds[data-style="tibb"][data-tl="timeline"] svg.tb-big { left: 12.04cqw; top: 85.65cqw; width: 8.33cqw; height: 11.57cqw; color: #8b8aa6; }

/* ---------- شائع مقابل الصحيح ---------- */
.ds[data-style="tibb"][data-tl="myth"] .ds-bgl { background: #fff; }
.ds[data-style="tibb"][data-tl="myth"] .tb-spine { background: #101c3d; }
.ds[data-style="tibb"] .tb-myth { display: flex; flex-direction: column; margin: 6.48cqw 0 0; }
.ds[data-style="tibb"] .tb-mc { display: flex; flex-direction: column; gap: 2.04cqw; padding: 3.15cqw 0; }
.ds[data-style="tibb"] .tb-mc + .tb-mc { border-top: 0.19cqw solid #dde3ee; }
.ds[data-style="tibb"] .tb-mc p { display: flex; align-items: flex-start; gap: 2.04cqw; margin: 0; }
.ds[data-style="tibb"] .tb-mc p i { flex: none; width: 4.07cqw; height: 4.07cqw; border-radius: 50%; margin-top: .4em; }
.ds[data-style="tibb"] .tb-no i { background: #ff6b5a; }
.ds[data-style="tibb"] .tb-yes i { background: #17b5a4; }
.ds[data-style="tibb"] .tb-mc p span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; line-height: 1.25; }
.ds[data-style="tibb"] .tb-no span { font-size: calc(4.07cqw * var(--fs)); color: #5b6485; }
.ds[data-style="tibb"] .tb-yes span { max-width: 55.56cqw; font-weight: 800 !important; font-size: calc(4.63cqw * var(--fs)); color: #101c3d; }

/* ---------- أرقام مرجعية على الكحلي ---------- */
.ds[data-style="tibb"][data-tl="refs"] .ds-bgl { background: #101c3d; }
.ds[data-style="tibb"][data-tl="refs"] .tb-spine { background: #17b5a4; }
.ds[data-style="tibb"][data-sp]:not([data-sp="blue"])[data-tl="refs"] .tb-spine { background: var(--tb-c); }
.ds[data-style="tibb"][data-tl="refs"] .r-tag { color: #8fd8cf; }
.ds[data-style="tibb"][data-tl="refs"] :is(.r-head, .r-body, .r-body:has(.mk)) { color: #fff; }
.ds[data-style="tibb"] .tb-refs { display: flex; flex-direction: column; margin: 15.74cqw 0 0; }
.ds[data-style="tibb"] .tb-refs .tb-row { display: flex; align-items: center; justify-content: space-between; gap: 2.78cqw; min-height: 12.96cqw; border-bottom: 0.19cqw solid rgba(255, 255, 255, .16); }
.ds[data-style="tibb"] .tb-refs .tb-row > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.07cqw * var(--fs)); color: #c9d5f5; }
.ds[data-style="tibb"] .tb-refs .tb-row .tb-v { font-size: calc(6.67cqw * var(--fs)); color: #fff; }
.ds[data-style="tibb"][data-tl="refs"] svg.tb-big { left: 18.52cqw; top: 88.43cqw; width: 8.52cqw; height: 8.52cqw; color: #8fb0ff; }

/* ---------- الدعوة: دائرة بيضاء، نص في الوسط، زر أبيض ---------- */
.ds[data-style="tibb"][data-tl="cta"] { padding-top: 54.63cqw; text-align: center; }
.ds[data-style="tibb"][data-tl="cta"] .tb-hd .r-head { max-width: 55.56cqw; align-self: center; }
.ds[data-style="tibb"][data-tl="cta"] .tb-bd .r-body:not(:has(.mk)) { max-width: 59.26cqw; }
.ds[data-style="tibb"][data-tl="cta"] .tb-bar { align-self: center; margin-top: 2.78cqw; }
.ds[data-style="tibb"][data-tl="cta"] .tb-bd { margin-top: 0; padding-top: 3.7cqw; align-items: center; }
.ds[data-style="tibb"][data-tl="cta"] .r-body { font-weight: 700; }
.ds[data-style="tibb"][data-tl="cta"] .r-body:has(.mk) { align-self: center; margin-top: 4.63cqw; padding: 2.41cqw 6.48cqw; background: #fff; color: #101c3d !important; font-size: calc(5.37cqw * var(--fs)); font-weight: 800; }
.ds[data-style="tibb"][data-tl="cta"] .tb-cc { left: 36.11cqw; top: 17.59cqw; width: 27.78cqw; height: 27.78cqw; background: #fff; color: #2f6bff; }
.ds[data-style="tibb"][data-sp]:not([data-sp="blue"])[data-tl="cta"] .tb-cc { color: var(--tb-dk); }
.ds[data-style="tibb"][data-tl="cta"] .tb-cc svg { width: 17.59cqw; height: 17.59cqw; }
/* tibb:end */

/* ==========================================================================
   الأداة تحت هيدر الموقع الثابت — حل نهائي بلا قياس بالجافاسكربت.
   1) قالب الموقع يضع overflow-x: hidden على html وbody، وهذا يعطّل كل position:
      sticky: فكان شريط الأداة يصعد مع الصفحة ويختفي خلف هيدر الموقع.
      overflow-x: clip يمنع التمرير الأفقي نفسه ولا يعطّل sticky.
   2) الإزاحة من متغيرات هيدر V6 نفسه (--mkh6-height و --mkh6-mobile-height)
      وشريط الإدارة 32px كما يضعه الهيدر: إن تغيّر ارتفاع الهيدر تتبعه الأداة.
   3) شريط الأداة بارتفاع ثابت، فتلتصق الأعمدة تحته مباشرة بلا فراغ.
   ========================================================================== */
body.mk-design-app { --mkd-site: 0px; --mkd-adm: 0px; --mkd-toph: 72px; }
body.mk-design-app.mkh6-active { --mkd-site: var(--mkh6-height, 82px); }
body.mk-design-app.mkh6-active.admin-bar { --mkd-adm: 32px; }
@media (max-width: 1240px) { body.mk-design-app.mkh6-active { --mkd-site: var(--mkh6-mobile-height, 72px); } }
@media (max-width: 980px) { body.mk-design-app { --mkd-toph: 60px; } }
/* على الهاتف لا نلمس شيئًا: ارتفاع هيدر الموقع الفعلي هناك لا يطابق متغيّره، وشريط
   كروم وسفاري السفلي يُربك الالتصاق بالأسفل، فظهر فراغ أعلى الأداة وشريط حفظ عائم
   (آيفون، 1.4.5–1.4.9). الهاتف يبقى كما كان قبل 1.4.5: قالب الموقع يعطّل الالتصاق. */
@media (min-width: 981px) {
  html:has(> body.mk-design-app), body.mk-design-app { overflow-x: clip !important; }
  body.mk-design-app .mkd-top { top: calc(var(--mkd-site) + var(--mkd-adm)); height: var(--mkd-toph); padding-block: 0; box-sizing: border-box; }
  body.mk-design-app .mkd-page-head, body.mk-design-app .mkd-idside { top: calc(var(--mkd-site) + var(--mkd-adm) + var(--mkd-toph)); }
  body.mk-design-app .mkd-start-r { top: calc(var(--mkd-site) + var(--mkd-adm) + var(--mkd-toph) + 18px); }
}
@media (min-width: 981px) {
  /* شريط أدوات المسرح ملتصق بأعلى المسرح نفسه مباشرة: كان للمسرح هامش علوي 20px
     يظهر فيه التصميم وهو يُمرَّر، فيبدو فراغًا بين شريط الأداة وشريط الأدوات */
  body.mk-design-app .mkd-stage { padding-top: 0; }
  body.mk-design-app .mkd-stage > .mkd-bar { margin-top: 0; padding-top: 14px; padding-bottom: 10px; }
  body.mk-design-app .mkd-stage, body.mk-design-app .mkd-panel {
    top: calc(var(--mkd-site) + var(--mkd-adm) + var(--mkd-toph));
    max-height: calc(100vh - var(--mkd-site) - var(--mkd-adm) - var(--mkd-toph));
    max-height: calc(100dvh - var(--mkd-site) - var(--mkd-adm) - var(--mkd-toph));
  }
}
/* حجم الخط في لوحة المحرر */
.mkd-size { display: grid; gap: 10px; margin-top: 14px; padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 14px; background: #fff; }
.mkd-size-t { font-size: 14px; }
.mkd-size .mkd-quick { margin-top: 0; }

/* fonts:dar:start */
@font-face { font-family: "MKD Camel"; font-weight: 300; font-display: swap; src: url(fonts/camel-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel"; font-weight: 500; font-display: swap; src: url(fonts/camel-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel"; font-weight: 800; font-display: swap; src: url(fonts/camel-800.woff2) format("woff2"); }
.ds[data-kit="camel"] { --fd: "MKD Camel"; --fdw: 800; --dk: 1; --dlh: 1.3; --ft: "MKD Camel"; --ftw: 400; }
/* fonts:dar:end */

/* dar:start */
/* ==========================================================================
   أسلوب «دار» — هوية منشورات عقارية من نظام صاحب الأداة (templates/aqar).
   المقاسات من لوحة 1080×1350. الشكل من aqPlan (data-tl)، والصورة data-ph.
   ========================================================================== */
.ds[data-style="dar"] {
  --aq-ink: #1f241f; --aq-body: #6d6a60; --aq-clay: #8a5b3a; --aq-gold: #c9a173; --aq-sand: #f2ece2; --aq-olive: #6f7a63;
  --aq-cream: #f7f2e9; --aq-line: #e3dccf; --aq-brown: #3b2d19;
  --aq-t: var(--aq-ink); --aq-b: var(--aq-body); --aq-tag: var(--aq-clay); --aq-punch: var(--aq-ink);
  --fg: #1f241f !important; --sub: #6d6a60 !important; --tag: #8a5b3a !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--aq-t); padding: 8.333cqw 7.963cqw 8.333cqw 6.481cqw;
}
.ds[data-style="dar"] .ds-bgl { background: var(--aq-sand); }
.ds[data-style="dar"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="dar"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="dar"] .aq-hd, .ds[data-style="dar"] .aq-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="dar"] .aq-bd { margin-top: auto; padding-top: 2.778cqw; }
.ds[data-style="dar"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط ---------- */
.ds[data-style="dar"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--aq-tag); word-spacing: .2em; margin: 0 0 1.667cqw; }
.ds[data-style="dar"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.704cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.18 * var(--dlh) / 1.3); color: var(--aq-t); text-wrap: balance; max-width: 57.407cqw; }
.ds[data-style="dar"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: var(--aq-b); text-wrap: pretty; }
.ds[data-style="dar"] .r-body:has(.mk), .ds[data-style="dar"] .aq-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5cqw * var(--fs)); line-height: 1.3; color: var(--aq-punch); max-width: 48.148cqw; text-wrap: balance; }
.ds[data-style="dar"] .hl, .ds[data-style="dar"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="dar"] .mk { font-weight: inherit !important; }
.ds[data-style="dar"] .aq-bd > * + * { margin-top: 1.852cqw; }
.ds[data-style="dar"] svg.aq-ico, .ds[data-style="dar"] svg.aq-ci, .ds[data-style="dar"] svg.aq-ri, .ds[data-style="dar"] svg.aq-big {
  display: block; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="dar"] .aq-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1.1; }
.ds[data-style="dar"] .aq-bar { display: block; align-self: flex-start; width: 15.741cqw; height: 0.741cqw; margin-top: 3.704cqw; background: var(--aq-clay); }

/* ---------- الصورة: شريط علوي بعرض السلايد ---------- */
.ds[data-style="dar"] .aq-ph { position: absolute; left: 0; right: 0; top: 0; height: 56.481cqw; background: #d9d0c2 center / cover no-repeat; }
.ds[data-style="dar"] .aq-badge { position: absolute; right: 7.963cqw; top: 6.481cqw; padding: 1.111cqw 3.148cqw; background: var(--aq-clay); color: #fff; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.148cqw; line-height: 1.6; }

/* ---------- الغلاف ---------- */
.ds[data-style="dar"][data-tl="cover"] .ds-bgl { background: var(--aq-ink); }
.ds[data-style="dar"][data-tl="cover"] .aq-ph { height: auto; bottom: 0; }
.ds[data-style="dar"] .aq-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(31, 36, 31, .95) 0%, rgba(31, 36, 31, .7) 38%, rgba(31, 36, 31, 0) 72%); }
.ds[data-style="dar"][data-tl="cover"][data-ph="0"] .aq-shade { display: none; }
.ds[data-style="dar"][data-tl="cover"] { padding-bottom: 17.593cqw; }
.ds[data-style="dar"][data-tl="cover"] .aq-hd { margin-top: auto; }
.ds[data-style="dar"][data-tl="cover"] .r-tag { color: var(--aq-gold); }
.ds[data-style="dar"][data-tl="cover"] .r-head { font-size: calc(11.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.1 * var(--dlh) / 1.3); color: var(--aq-cream); max-width: 79.63cqw; }
.ds[data-style="dar"][data-tl="cover"] .aq-bd { margin-top: 0; padding-top: 4.63cqw; }
.ds[data-style="dar"][data-tl="cover"] .r-body { color: var(--aq-cream); }
.ds[data-style="dar"][data-tl="cover"] .r-body:has(.mk) { color: var(--aq-gold); }
.ds[data-style="dar"] .aq-swipe { position: absolute; right: 7.963cqw; top: 111.111cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 3.148cqw; line-height: 1.5; color: var(--aq-gold); }
.ds-frame.is-story .ds[data-style="dar"] .aq-swipe { display: none; }

/* ---------- صورة ومواصفات: ثلاث بطاقات ---------- */
.ds[data-style="dar"][data-tl="specs"][data-ph="1"] { padding-top: 59.722cqw; }
/* بالصورة يضيق السلايد: هامش سفلي أقل كما في ملفه */
.ds[data-style="dar"][data-ph="1"]:not([data-tl="cover"]) { padding-bottom: 4.63cqw; }
.ds[data-style="dar"] .aq-specs, .ds[data-style="dar"] .aq-plan, .ds[data-style="dar"] .aq-feat, .ds[data-style="dar"] .aq-rent { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.574cqw; margin-top: 3.148cqw; }
.ds[data-style="dar"] .aq-c { position: relative; display: flex; flex-direction: column; background: #fff; padding: 2.407cqw 2.407cqw 2.037cqw; }
.ds[data-style="dar"] .aq-c svg.aq-ci { position: absolute; top: 2.222cqw; right: 2.222cqw; width: 4.63cqw; height: 4.63cqw; color: var(--aq-clay); }
.ds[data-style="dar"] .aq-specs .aq-c { min-height: 23.426cqw; justify-content: flex-end; }
.ds[data-style="dar"] .aq-c > .aq-v { align-self: flex-end; font-size: calc(5.556cqw * var(--fs)); color: var(--aq-ink); margin: auto 0 1.296cqw; }
.ds[data-style="dar"] .aq-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.963cqw * var(--fs)); line-height: 1.35; color: var(--aq-body); }
.ds[data-style="dar"] .aq-specs .aq-c3, .ds[data-style="dar"] .aq-finance .aq-c4, .ds[data-style="dar"] .aq-land .aq-c4, .ds[data-style="dar"] .aq-feat .aq-c6 { background: var(--aq-clay); }
.ds[data-style="dar"] :is(.aq-specs .aq-c3, .aq-finance .aq-c4, .aq-land .aq-c4, .aq-feat .aq-c6) > * { color: #fff !important; }
.ds[data-style="dar"] :is(.aq-specs .aq-c3, .aq-finance .aq-c4, .aq-land .aq-c4, .aq-feat .aq-c6) svg.aq-ci { color: rgba(255, 255, 255, .8) !important; }
.ds[data-style="dar"][data-tl="specs"] .aq-bd { margin-top: 0; padding-top: 2.037cqw; }
.ds[data-style="dar"][data-tl="specs"] .aq-bd .r-body:not(:has(.mk)) { font-size: calc(4.259cqw * var(--fs)); }

/* ---------- بطاقة سعر ---------- */
.ds[data-style="dar"][data-tl="price"] .ds-bgl { background: var(--aq-clay); }
.ds[data-style="dar"][data-tl="price"] .aq-ph { height: 42.593cqw; border-bottom: 0.185cqw solid rgba(247, 242, 233, .35); }
.ds[data-style="dar"][data-tl="price"][data-ph="1"] { padding-top: 48.148cqw; }
.ds[data-style="dar"]:is([data-tl="price"], [data-tl="rent"], [data-tl="quote"], [data-tl="build"], [data-tl="market"], [data-tl="cta"]) :is(.r-tag, .r-head, .r-body, .r-body:has(.mk)) { color: var(--aq-cream); }
.ds[data-style="dar"] .aq-price { display: flex; align-items: baseline; justify-content: flex-start; gap: 1.667cqw; direction: rtl; }
.ds[data-style="dar"] .aq-pn { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(13.889cqw * var(--fs)); line-height: 1.05; color: var(--aq-cream); }
.ds[data-style="dar"] .aq-price small { order: 2; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); color: var(--aq-cream); }
.ds[data-style="dar"][data-tl="price"] .aq-bar { background: var(--aq-cream); margin-top: 2.778cqw; }
.ds[data-style="dar"] .aq-rows { display: flex; flex-direction: column; margin-top: 4.63cqw; }
.ds[data-style="dar"] .aq-row { display: flex; align-items: center; justify-content: space-between; gap: 2.222cqw; min-height: 10.37cqw; border-bottom: 0.185cqw solid var(--aq-line); }
.ds[data-style="dar"] .aq-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); color: var(--aq-body); }
.ds[data-style="dar"] .aq-row > .aq-v { font-size: calc(4.444cqw * var(--fs)); color: var(--aq-ink); text-align: left; }
.ds[data-style="dar"][data-tl="price"] .aq-row { border-color: rgba(247, 242, 233, .3); }
.ds[data-style="dar"][data-tl="price"] .aq-row > * { color: var(--aq-cream); }

/* ---------- مخطط وأرقام: صورة المخطط ثم أربع بطاقات ---------- */
.ds[data-style="dar"] .aq-planimg { display: block; height: 41.667cqw; margin-top: 3.704cqw; background: #fff center / contain no-repeat; }
.ds[data-style="dar"] .aq-plan { grid-template-columns: repeat(4, 1fr); }
.ds[data-style="dar"] .aq-plan .aq-c { min-height: 20cqw; justify-content: flex-end; padding: 2.037cqw 1.667cqw 1.667cqw; }
.ds[data-style="dar"] .aq-plan .aq-c svg.aq-ci { width: 3.704cqw; height: 3.704cqw; top: 1.667cqw; right: 1.667cqw; }
.ds[data-style="dar"] .aq-plan .aq-c > .aq-v { font-size: calc(4.444cqw * var(--fs)); margin-bottom: 0.926cqw; }
.ds[data-style="dar"] .aq-plan .aq-c > span { font-size: calc(2.593cqw * var(--fs)); }
.ds[data-style="dar"][data-tl="plan"] .r-body:has(.mk) { color: var(--aq-clay); }

/* ---------- موقع وخدمات ---------- */
.ds[data-style="dar"][data-tl="location"] .ds-bgl { background: #fff; }
.ds[data-style="dar"][data-tl="location"] .aq-ph { height: 38.981cqw; }
.ds[data-style="dar"][data-tl="location"][data-ph="1"] { padding-top: 42.13cqw; }
.ds[data-style="dar"] .aq-loc { display: flex; flex-direction: column; margin-top: 4.074cqw; border-top: 0.185cqw solid var(--aq-line); }
.ds[data-style="dar"] .aq-loc .aq-row { min-height: 10cqw; gap: 1.852cqw; justify-content: flex-start; }
.ds[data-style="dar"] .aq-loc svg.aq-ri { flex: none; width: 4.074cqw; height: 4.074cqw; color: var(--aq-clay); }
.ds[data-style="dar"] .aq-loc .aq-row > span { flex: 1; font-size: calc(3.704cqw * var(--fs)); color: var(--aq-ink); }
.ds[data-style="dar"] .aq-loc .aq-row > .aq-v { font-size: calc(3.704cqw * var(--fs)); color: var(--aq-clay); }

/* ---------- أرقام التمويل وعرض الأرض: شبكة 2×2 ---------- */
.ds[data-style="dar"] .aq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.574cqw; margin-top: 8.333cqw; }
.ds[data-style="dar"] .aq-finance .aq-c { min-height: 26.389cqw; justify-content: flex-end; padding: 2.778cqw; }
.ds[data-style="dar"] .aq-finance .aq-c > .aq-v { font-size: calc(5.926cqw * var(--fs)); margin-bottom: 2.037cqw; }
.ds[data-style="dar"] .aq-finance .aq-c > span { font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="dar"][data-tl="land"] .aq-ph { height: 38.981cqw; }
.ds[data-style="dar"][data-tl="land"][data-ph="1"] { padding-top: 42.593cqw; }
.ds[data-style="dar"][data-tl="land"] .aq-badge { background: var(--aq-ink); }
.ds[data-style="dar"] .aq-land { margin-top: 3.148cqw; }
.ds[data-style="dar"] .aq-land .aq-c { min-height: 13.889cqw; justify-content: center; align-items: flex-start; padding: 1.667cqw 10.185cqw 1.667cqw 2.407cqw; }
.ds[data-style="dar"] .aq-land .aq-c svg.aq-ci { top: 50%; transform: translateY(-50%); right: 2.778cqw; }
.ds[data-style="dar"] .aq-land .aq-c > .aq-v { align-self: stretch; text-align: center; font-size: calc(4.259cqw * var(--fs)); margin: 0 0 0.556cqw; }
.ds[data-style="dar"] .aq-land .aq-c > span { align-self: stretch; text-align: center; font-size: calc(2.593cqw * var(--fs)); }
.ds[data-style="dar"][data-tl="land"] .r-body:has(.mk) { color: var(--aq-clay); }

/* ---------- خطوات وقائمة تحقق ---------- */
.ds[data-style="dar"][data-tl="steps"] .ds-bgl, .ds[data-style="dar"][data-tl="faq"] .ds-bgl, .ds[data-style="dar"][data-tl="compare"] .ds-bgl { background: #fff; }
.ds[data-style="dar"] .aq-steps, .ds[data-style="dar"] .aq-check { list-style: none; margin: 7.407cqw 0 0; padding: 0; display: flex; flex-direction: column; gap: 2.407cqw; }
.ds[data-style="dar"] .aq-steps li, .ds[data-style="dar"] .aq-check li { display: flex; align-items: center; gap: 2.222cqw; min-height: 11.204cqw; padding: 0.926cqw 2.778cqw; background: var(--aq-sand); }
.ds[data-style="dar"] .aq-steps li > b { flex: none; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.259cqw * var(--fs)); color: var(--aq-clay); }
.ds[data-style="dar"] :is(.aq-steps, .aq-check) li > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.35; color: var(--aq-ink); }
.ds[data-style="dar"] :is(.aq-steps, .aq-check) li:last-child { background: var(--aq-ink); }
.ds[data-style="dar"] :is(.aq-steps, .aq-check) li:last-child > span { color: var(--aq-cream); }
.ds[data-style="dar"] .aq-steps li:last-child > b { color: var(--aq-gold); }
.ds[data-style="dar"][data-tl="steps"] .r-body:has(.mk) { color: var(--aq-clay); }
.ds[data-style="dar"] svg.aq-big { position: absolute; }
.ds[data-style="dar"]:is([data-tl="steps"], [data-tl="faq"]) svg.aq-big { left: 6.481cqw; top: 101.852cqw; width: 9.259cqw; height: 9.259cqw; color: var(--aq-gold); }
.ds[data-style="dar"][data-tl="check"] .ds-bgl { background: var(--aq-gold); }
.ds[data-style="dar"][data-tl="check"] { --aq-t: var(--aq-brown); --aq-b: var(--aq-brown); --aq-tag: var(--aq-brown); --aq-punch: var(--aq-brown); }
.ds[data-style="dar"] .aq-check { gap: 2.037cqw; margin-top: 5.556cqw; }
.ds[data-style="dar"] .aq-check li { min-height: 10cqw; background: #fff; }
.ds[data-style="dar"] .aq-check li > span { font-size: calc(4.074cqw * var(--fs)) !important; }
.ds[data-style="dar"][data-tl="check"] svg.aq-big { left: 8.333cqw; top: 104.63cqw; width: 8.333cqw; height: 8.333cqw; color: var(--aq-brown); opacity: .7; }

/* ---------- رأي عميل ---------- */
.ds[data-style="dar"] .aq-avatar { position: absolute; right: 7.963cqw; top: 10.185cqw; width: 22.222cqw; height: 22.222cqw; border-radius: 50%; background: #e6ddd0 center / cover no-repeat; display: grid; place-items: center; color: var(--aq-clay); }
.ds[data-style="dar"] .aq-avatar svg { width: 10.185cqw; height: 10.185cqw; }
.ds[data-style="dar"][data-tl="review"] .aq-hd { padding-right: 25.926cqw; padding-top: 4.63cqw; min-height: 26.852cqw; }
.ds[data-style="dar"][data-tl="review"] .aq-hd .r-head { font-size: calc(5cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="dar"][data-tl="review"] .aq-hd .r-body { font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="dar"] .aq-quote { margin: 11.111cqw 0 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(6.111cqw * var(--fs)); font-weight: 500; line-height: 1.55; color: var(--aq-ink); text-wrap: pretty; }
.ds[data-style="dar"][data-tl="review"] .r-body:has(.mk) { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); color: var(--aq-body); }

/* ---------- مقولة داكنة ---------- */
.ds[data-style="dar"][data-tl="quote"] .ds-bgl { background: var(--aq-ink); }
.ds[data-style="dar"][data-tl="quote"] { padding-bottom: 15.741cqw; }
.ds[data-style="dar"][data-tl="quote"] .aq-hd { margin-top: auto; }
.ds[data-style="dar"]:is([data-tl="quote"], [data-tl="build"], [data-tl="market"]) .r-tag { color: var(--aq-gold) !important; }
.ds[data-style="dar"][data-tl="quote"] .aq-bd { margin-top: 0; padding-top: 3.148cqw; }
.ds[data-style="dar"][data-tl="quote"] svg.aq-big { left: 39.815cqw; top: 25cqw; width: 20.37cqw; height: 22.222cqw; color: var(--aq-cream); stroke-width: 3; }

/* ---------- دعوة ---------- */
.ds[data-style="dar"][data-tl="cta"] .ds-bgl { background: var(--aq-clay); }
.ds[data-style="dar"][data-tl="cta"] { padding-top: 37.037cqw; padding-bottom: 5.556cqw; }
.ds[data-style="dar"][data-tl="cta"] .r-head { color: #fff; font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="dar"][data-tl="cta"] .aq-bar { background: #fff; }
.ds[data-style="dar"][data-tl="cta"] .aq-bd { margin-top: 0; padding-top: 3.148cqw; }
.ds[data-style="dar"][data-tl="cta"] .aq-bd .r-body:not(:has(.mk)) { font-size: calc(4.074cqw * var(--fs)); max-width: 48.148cqw; }
.ds[data-style="dar"][data-tl="cta"] .r-body:has(.mk) { align-self: flex-start; margin-top: 4.63cqw; padding: 3.148cqw 5.926cqw; background: #fff; color: var(--aq-ink) !important; font-size: calc(5cqw * var(--fs)); }
.ds[data-style="dar"] .aq-phone { align-self: flex-start; margin-top: 4.074cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(5.37cqw * var(--fs)); color: #fff; }

/* ---------- عرض إيجار ---------- */
.ds[data-style="dar"][data-tl="rent"] .ds-bgl { background: var(--aq-olive); }
.ds[data-style="dar"][data-tl="rent"] .aq-ph { height: 45.37cqw; }
.ds[data-style="dar"][data-tl="rent"][data-ph="1"] { padding-top: 51.852cqw; }
.ds[data-style="dar"][data-tl="rent"] .aq-badge { background: #fff; color: var(--aq-ink); }
.ds[data-style="dar"][data-tl="rent"] .aq-pn { font-size: calc(11.852cqw * var(--fs)); }
.ds[data-style="dar"] .aq-rent { margin-top: 3.704cqw; }
.ds[data-style="dar"] .aq-rent .aq-c { min-height: 14.444cqw; justify-content: flex-end; }
.ds[data-style="dar"] .aq-rent .aq-c svg.aq-ci { width: 4.074cqw; height: 4.074cqw; top: 1.852cqw; right: auto; left: 50%; transform: translateX(-50%); }
.ds[data-style="dar"] .aq-rent .aq-c > span { font-size: calc(3.333cqw * var(--fs)); color: var(--aq-ink); }

/* ---------- مقارنة خيارين ---------- */
.ds[data-style="dar"] .aq-cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 1.574cqw; margin-top: 6.481cqw; }
.ds[data-style="dar"] .aq-cmp .aq-c { min-height: 27.778cqw; background: var(--aq-sand); padding: 10.185cqw 2.778cqw 2.778cqw; }
.ds[data-style="dar"] .aq-cmp .aq-c > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(5.185cqw * var(--fs)); line-height: 1.2; color: var(--aq-ink); }
.ds[data-style="dar"] .aq-cmp .aq-c2 { background: var(--aq-ink); }
.ds[data-style="dar"] .aq-cmp .aq-c2 > b { color: var(--aq-cream); }
.ds[data-style="dar"][data-tl="compare"] .aq-rows { margin-top: 3.704cqw; border-top: 0.185cqw solid var(--aq-line); }
.ds[data-style="dar"][data-tl="compare"] .aq-row { min-height: 8.796cqw; }
.ds[data-style="dar"][data-tl="compare"] .r-body:has(.mk) { color: var(--aq-clay); }

/* ---------- شبكة مزايا ---------- */
.ds[data-style="dar"] .aq-feat { margin-top: 8.333cqw; }
.ds[data-style="dar"] .aq-feat .aq-c { min-height: 15.741cqw; justify-content: flex-end; }
.ds[data-style="dar"] .aq-feat .aq-c > span { font-size: calc(3.148cqw * var(--fs)); color: var(--aq-ink); }

/* ---------- مراحل الإنشاء ---------- */
.ds[data-style="dar"][data-tl="build"] .ds-bgl { background: var(--aq-ink); }
.ds[data-style="dar"][data-tl="build"] .aq-ph { height: 36.111cqw; }
.ds[data-style="dar"][data-tl="build"][data-ph="1"] { padding-top: 40.741cqw; }
.ds[data-style="dar"] .aq-build { display: flex; flex-direction: column; gap: 2.778cqw; margin-top: 8.333cqw; }
.ds[data-style="dar"] .aq-build .aq-row { border: 0; min-height: 5.741cqw; gap: 2.407cqw; }
.ds[data-style="dar"] .aq-build .aq-row > span { flex: none; min-width: 18.519cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.444cqw * var(--fs)); color: var(--aq-clay); }
.ds[data-style="dar"] .aq-track { flex: 1; position: relative; height: 0.926cqw; background: #3d423c; display: flex; justify-content: flex-start; direction: rtl; }
.ds[data-style="dar"] .aq-track i { display: block; height: 100%; background: var(--aq-clay); }
.ds[data-style="dar"] .aq-build .aq-row > .aq-v { min-width: 10.185cqw; font-size: calc(3.519cqw * var(--fs)); color: var(--aq-cream); }

/* ---------- أسئلة متكررة ---------- */
.ds[data-style="dar"] .aq-faq { display: flex; flex-direction: column; margin-top: 6.481cqw; }
.ds[data-style="dar"] .aq-qa { display: flex; flex-direction: column; gap: 1.296cqw; padding: 3.148cqw 0; }
.ds[data-style="dar"] .aq-qa + .aq-qa { border-top: 0.185cqw solid var(--aq-line); }
.ds[data-style="dar"] .aq-qa > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: var(--aq-ink); }
.ds[data-style="dar"] .aq-qa > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.45; color: var(--aq-body); }

/* ---------- مؤشر السوق ---------- */
.ds[data-style="dar"][data-tl="market"] .ds-bgl { background: var(--aq-ink); }
.ds[data-style="dar"] .aq-bars { display: flex; align-items: flex-end; gap: 1.574cqw; height: 33.333cqw; margin-top: 5.556cqw; }
.ds[data-style="dar"] .aq-bc { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 1.481cqw; }
.ds[data-style="dar"] .aq-bc i { display: block; width: 100%; }
.ds[data-style="dar"] .aq-bc > span { text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-size: calc(2.963cqw * var(--fs)); color: var(--aq-cream); }
.ds[data-style="dar"] .aq-b1 i { background: #4a4d48; }
.ds[data-style="dar"] .aq-b2 i { background: var(--aq-olive); }
.ds[data-style="dar"] .aq-b3 i { background: var(--aq-gold); }
.ds[data-style="dar"] .aq-b4 i, .ds[data-style="dar"] .aq-b5 i { background: var(--aq-clay); }
.ds[data-style="dar"] .aq-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1.574cqw; margin-top: 3.704cqw; }
.ds[data-style="dar"] .aq-st { display: flex; flex-direction: column; gap: 0.926cqw; padding-top: 2.222cqw; border-top: 0.185cqw solid var(--aq-clay); }
.ds[data-style="dar"] .aq-st > .aq-v { align-self: flex-end; font-size: calc(5.37cqw * var(--fs)); color: var(--aq-cream); }
.ds[data-style="dar"] .aq-st > span { font-family: var(--ft), Tahoma, sans-serif; font-size: calc(2.963cqw * var(--fs)); color: rgba(247, 242, 233, .75); }
/* بلا صورة: السعر في منتصف السلايد لا في أعلاه، والخُلاصة في الأسفل */
.ds[data-style="dar"]:is([data-tl="price"], [data-tl="rent"])[data-ph="0"] { padding-top: 27.778cqw; }
.ds[data-style="dar"]:is([data-tl="price"], [data-tl="rent"])[data-ph="0"] .aq-badge { top: 8.333cqw; }
/* dar:end */

/* ---- الهاتف: شريط الأداة لا يتجاوز عرض الشاشة، وشريط الأدوات صفّ واحد يُسحب أفقيًا ----
   كان محتوى الشريط العلوي أعرض من الشاشة (436 من 375) فتتسع الصفحة كلها وينقصّ
   التصميم من اليمين، وشريط الأدوات ثلاثة صفوف قبل أن يظهر التصميم. */
@media (max-width: 640px) {
  .mkd-top { min-width: 0; }
  .mkd-top > * { min-width: 0; }
  .mkd-brand-t { display: none; }
  .mkd-top-r { flex-wrap: nowrap; min-width: 0; }
  .mkd-stage > .mkd-bar { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; gap: 8px; margin-inline: -12px; padding-inline: 12px; }
  .mkd-stage > .mkd-bar::-webkit-scrollbar { display: none; }
  .mkd-stage > .mkd-bar > * { flex: none; }
  .mkd-bar-g { flex-wrap: nowrap; }
  .mkd-bar .mkd-btn, .mkd-bar .mkd-tog { white-space: nowrap; }
  .mkd-bar-mid { order: 0; flex-basis: auto; }
}
@media (max-width: 420px) {
  .mkd-chip > span:nth-child(2) { display: none; }
  .mkd-top .mkd-btn { padding: 6px 10px; }
}

/* fonts:ghasaq:start */
.ds[data-kit="ghasaq"] { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.3; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:ghasaq:end */

/* ghasaq:start */
/* ==========================================================================
   أسلوب «غَسَق» — من نظام Dusk الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350. الشكل من gsPlan (data-tl). مكوّن البيانات داخل
   كتلة النص فلا يتداخل نص مع بطاقة. هوية مستديرة: بطاقات 16px وكبسولات.
   التدرّجات على عناصر حقيقية داخل .ds-bgl (لا ::before) فتبقى في التصدير.
   ========================================================================== */
.ds[data-style="ghasaq"] {
  --gs-bg: #110D10; --gs-ink: #F8F6F8; --gs-tag: #ED7855; --gs-body: #CFBFCB; --gs-mark: #FFBB7C;
  --gs-card: #1D161B; --gs-line: #40303C;
  --fg: #F8F6F8 !important; --sub: #CFBFCB !important; --tag: #ED7855 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--gs-ink); padding: 9.63cqw 7.407cqw 10.185cqw;
}
.ds[data-style="ghasaq"] .ds-bgl { background: var(--gs-bg); }
.ds[data-style="ghasaq"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="ghasaq"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="ghasaq"] .gs-hd, .ds[data-style="ghasaq"] .gs-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="ghasaq"] .gs-bd { margin-top: auto; padding-top: 0; }
.ds[data-style="ghasaq"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الأرضيات ولون النص عليها ---------- */
.ds[data-style="ghasaq"]:is([data-tl="guest"], [data-tl="myth"]) { --gs-bg: #1D161B; --gs-card: #2C2129; }
.ds[data-style="ghasaq"]:is([data-tl="topics"], [data-tl="photo"], [data-tl="timeline"]) {
  --gs-bg: #F8F6F8; --gs-ink: #1D161B; --gs-tag: #AF3713; --gs-body: #574252; --gs-mark: #B85C4F; --gs-card: #FFFFFF; --gs-line: #E5DCE3;
  --fg: #1D161B !important; --sub: #574252 !important; --tag: #AF3713 !important; }
.ds[data-style="ghasaq"][data-tl="timeline"] { --gs-bg: #F2EEF1; }
.ds[data-style="ghasaq"][data-tl="sand"] { --gs-bg: #FFBB7C; --gs-ink: #110D10; --gs-tag: #81280E; --gs-body: #110D10; --gs-mark: #81280E;
  --fg: #110D10 !important; --sub: #110D10 !important; --tag: #81280E !important; }
.ds[data-style="ghasaq"][data-tl="grid"] { --gs-bg: #63465A; --gs-tag: #FFBB7C; padding-top: 11.111cqw; }
.ds[data-style="ghasaq"]:is([data-tl="cover"], [data-tl="cta"]) { --gs-tag: #FFBB7C; }
.ds[data-style="ghasaq"][data-tl="quote"] { --gs-body: #F8F6F8; --gs-mark: #F8F6F8; }

/* ---------- الخط: Qahwa للعناوين، Graphik للمتن ---------- */
.ds[data-style="ghasaq"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.056cqw * var(--fs)); line-height: 1.45; color: var(--gs-tag); word-spacing: .2em; margin: 0 0 1.481cqw; }
.ds[data-style="ghasaq"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(7.963cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); color: var(--gs-ink); text-wrap: balance; max-width: 55.556cqw; }
.ds[data-style="ghasaq"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.63cqw * var(--fs)); line-height: 1.6; color: var(--gs-body); text-wrap: pretty; }
.ds[data-style="ghasaq"] .r-body.gs-mark, .ds[data-style="ghasaq"] .gs-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.556cqw * var(--fs)); line-height: 1.5; color: var(--gs-mark); text-wrap: balance; }
.ds[data-style="ghasaq"] .hl, .ds[data-style="ghasaq"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="ghasaq"] .mk { font-weight: inherit !important; }
.ds[data-style="ghasaq"] .gs-bd > * + * { margin-top: 2.222cqw; }
.ds[data-style="ghasaq"] .gs-bd .r-body.gs-mark { max-width: 37.037cqw; }
.ds[data-style="ghasaq"] .gs-v { font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 600; line-height: 1; }
.ds[data-style="ghasaq"] svg:is(.gs-ico, .gs-ri, .gs-ci, .gs-big, .gs-fi) {
  display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="ghasaq"] svg.gs-big { position: absolute; }

/* ---------- الغلاف: رأس بتدرّج الأفق، ولوح داكن، وزر سحب كبسولي ---------- */
.ds[data-style="ghasaq"] .gs-sky { position: absolute; left: 0; top: 0; width: 100%; height: 39.815cqw; background: linear-gradient(180deg, #FFBB7C, #ED7855); }
.ds[data-style="ghasaq"][data-tl="cover"] { padding-top: 50.093cqw; }
.ds[data-style="ghasaq"][data-tl="cover"] svg.gs-big { left: 40.926cqw; top: 9.722cqw; width: 18.148cqw; height: 18.148cqw; color: #110D10; }
.ds[data-style="ghasaq"][data-tl="cover"] .r-tag { margin-bottom: 2.778cqw; }
.ds[data-style="ghasaq"][data-tl="cover"] .r-head { font-size: calc(11.296cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.3); max-width: 64.815cqw; }
.ds[data-style="ghasaq"][data-tl="cover"] .gs-bd { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="ghasaq"][data-tl="cover"] .gs-bd .r-body:not(.gs-mark) { max-width: 51.852cqw; }
.ds[data-style="ghasaq"] .gs-swipe { position: absolute; right: 7.407cqw; top: 108.704cqw; display: flex; align-items: center; justify-content: center; gap: 1.296cqw; width: 21.019cqw; height: 7.963cqw; border-radius: 92.5cqw;
  background: #ED7855; color: #110D10; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 600; font-size: 3.333cqw; line-height: 1; }
.ds[data-style="ghasaq"] .gs-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 600; }
.ds-frame.is-story .ds[data-style="ghasaq"] .gs-swipe { display: none; }

/* ---------- بطاقة الضيف ---------- */
.ds[data-style="ghasaq"] .gs-guest { display: flex; flex-direction: column; align-items: stretch; margin-top: 8.889cqw; }
.ds[data-style="ghasaq"] .gs-guest .gs-card { display: flex; align-items: center; gap: 3.519cqw; min-height: 25cqw; padding: 3.704cqw; background: var(--gs-card); border: 0.093cqw solid var(--gs-line); border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-av { flex: none; display: grid; place-items: center; width: 16.667cqw; height: 16.667cqw; border-radius: 50%; background: rgba(248, 246, 248, .04); color: #AC6D7E; }
.ds[data-style="ghasaq"] .gs-av svg { width: 7.778cqw; height: 7.778cqw; }
.ds[data-style="ghasaq"] .gs-ph { background-color: #2C2129; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ds[data-style="ghasaq"] .gs-gt { display: flex; flex-direction: column; min-width: 0; max-width: 32.407cqw; }
.ds[data-style="ghasaq"] .gs-gt > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: #F8F6F8; }
.ds[data-style="ghasaq"] .gs-gt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.42; color: #B299AC; margin-top: 0.37cqw; text-wrap: balance; }
.ds[data-style="ghasaq"] .gs-pills { display: flex; flex-wrap: wrap; gap: 1.574cqw; margin-top: 6.481cqw; }
.ds[data-style="ghasaq"] .gs-pill { display: flex; align-items: center; height: 6.296cqw; padding: 0 2.593cqw; border-radius: 92.5cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1; }
.ds[data-style="ghasaq"] .gs-p1 { background: rgba(255, 187, 124, .16); color: #FFBB7C; }
.ds[data-style="ghasaq"] .gs-p2 { background: rgba(172, 109, 126, .2); color: #D1A6B2; }
.ds[data-style="ghasaq"] .gs-p3 { background: rgba(184, 92, 79, .18); color: #E3A79A; }

/* ---------- محاور مرقّمة ---------- */
.ds[data-style="ghasaq"] .gs-topics { display: flex; flex-direction: column; gap: 1.944cqw; margin-top: 13.889cqw; }
.ds[data-style="ghasaq"] .gs-topics .gs-row { display: flex; align-items: center; gap: 2.593cqw; min-height: 12.315cqw; padding: 1.296cqw 3.333cqw; background: #fff; border: 0.093cqw solid #E5DCE3; border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-badge { flex: none; display: grid; place-items: center; width: 5.926cqw; height: 5.926cqw; border-radius: 50%; background: #FBE2DA; color: #AF3713;
  font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1; }
.ds[data-style="ghasaq"] .gs-topics .gs-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #110D10; }
.ds[data-style="ghasaq"] .gs-topics .gs-last { background: #63465A; border-color: #63465A; }
.ds[data-style="ghasaq"] .gs-topics:has(> :nth-child(5)) { gap: 1.481cqw; margin-top: 10.185cqw; }
.ds[data-style="ghasaq"] .gs-topics:has(> :nth-child(5)) .gs-row { min-height: 10.37cqw; }
.ds[data-style="ghasaq"] .gs-topics .gs-last .gs-badge { background: #FFBB7C; color: #110D10; }
.ds[data-style="ghasaq"] .gs-topics .gs-last > span { color: #F8F6F8; }

/* ---------- مقولة على Nightfall ---------- */
.ds[data-style="ghasaq"] .gs-night { position: absolute; inset: 0; background: linear-gradient(160deg, #ED7855, #B85C4F 55%, #63465A); }
.ds[data-style="ghasaq"][data-tl="quote"] { padding-top: 40.37cqw; text-align: center; }
.ds[data-style="ghasaq"][data-tl="quote"] svg.gs-big { left: 42.87cqw; top: 18.148cqw; width: 14.259cqw; height: 14.259cqw; color: #F8F6F8; stroke-width: 3.4; }
.ds[data-style="ghasaq"][data-tl="quote"] .gs-hd { align-items: center; }
.ds[data-style="ghasaq"][data-tl="quote"] .r-tag { color: #F8F6F8; }
.ds[data-style="ghasaq"][data-tl="quote"] .r-head { font-size: calc(7.593cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.52 * var(--dlh) / 1.3); max-width: 64.815cqw; }
.ds[data-style="ghasaq"][data-tl="quote"] .gs-bd { margin-top: 0; padding-top: 5cqw; align-items: center; }
.ds[data-style="ghasaq"] .gs-rule { display: block; width: 8.333cqw; height: 0.278cqw; background: rgba(248, 246, 248, .6); margin-bottom: 3.704cqw; }
.ds[data-style="ghasaq"][data-tl="quote"] .gs-bd > .gs-rule + * { margin-top: 0; }
.ds[data-style="ghasaq"][data-tl="quote"] .r-body:not(.gs-mark) { font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="ghasaq"][data-tl="quote"] .gs-bd .r-body.gs-mark { max-width: 70.37cqw; }

/* ---------- بطاقات أرقام ---------- */
.ds[data-style="ghasaq"] .gs-stats { display: flex; flex-direction: column; gap: 1.759cqw; margin-top: 11.296cqw; }
.ds[data-style="ghasaq"] .gs-stats .gs-row { display: flex; align-items: center; gap: 2.963cqw; min-height: 19.074cqw; padding: 3.148cqw 3.519cqw 2.407cqw 3.704cqw; background: #1D161B; border: 0.093cqw solid #40303C; border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-stats svg.gs-ri { flex: none; width: 6.852cqw; height: 6.852cqw; }
.ds[data-style="ghasaq"] .gs-sc { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="ghasaq"] .gs-sc .gs-v { align-self: flex-end; font-size: calc(7.037cqw * var(--fs)); line-height: 1.1; }
.ds[data-style="ghasaq"] .gs-sc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.519cqw * var(--fs)); line-height: 1.4; color: #B299AC; margin-top: 0.741cqw; }
.ds[data-style="ghasaq"] .gs-c1 { color: #FFBB7C; }
.ds[data-style="ghasaq"] .gs-c2 { color: #ED7855; }
.ds[data-style="ghasaq"] .gs-c3 { color: #AC6D7E; }

/* ---------- خط زمني متدرّج ---------- */
.ds[data-style="ghasaq"] .gs-tl { display: flex; flex-direction: column; gap: 2.87cqw; margin-top: 9.074cqw; }
.ds[data-style="ghasaq"] .gs-tl .gs-row { display: flex; align-items: center; gap: 2.593cqw; min-height: 6.667cqw; }
.ds[data-style="ghasaq"] .gs-time { flex: none; display: grid; place-items: center; min-width: 6.667cqw; height: 6.667cqw; padding: 0 2.778cqw; border-radius: 92.5cqw; background: #FFBB7C; color: #110D10;
  font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1; }
.ds[data-style="ghasaq"] .gs-bar { flex: 1 1 auto; min-width: 5.556cqw; height: 1.296cqw; border-radius: 92.5cqw; background: linear-gradient(90deg, #FFBB7C, #FFA477); }
.ds[data-style="ghasaq"] .gs-tl .gs-row > span { flex: none; width: 25.926cqw; text-align: left; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #40303C; }
.ds[data-style="ghasaq"] .gs-t2 .gs-time { background: #FFA477; }
.ds[data-style="ghasaq"] .gs-t2 .gs-bar { background: linear-gradient(90deg, #FFA477, #ED7855); }
.ds[data-style="ghasaq"] .gs-t3 .gs-time { background: #ED7855; }
.ds[data-style="ghasaq"] .gs-t3 .gs-bar { background: linear-gradient(90deg, #ED7855, #B85C4F); }
.ds[data-style="ghasaq"] .gs-tx .gs-time { background: #63465A; color: #F8F6F8; }
.ds[data-style="ghasaq"] .gs-tx .gs-bar { background: linear-gradient(90deg, #B85C4F, #63465A); }

/* ---------- شائع مقابل الصحيح ---------- */
.ds[data-style="ghasaq"][data-tl="myth"] { padding-bottom: 12.963cqw; }
.ds[data-style="ghasaq"] .gs-myth { display: flex; flex-direction: column; gap: 2.87cqw; margin-top: 16.296cqw; }
.ds[data-style="ghasaq"] .gs-mc { display: flex; flex-direction: column; padding: 2.593cqw 3.796cqw 2.778cqw 4.167cqw; background: #2C2129; border-right: 0.37cqw solid #74586D; border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-mc > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: #B299AC; }
.ds[data-style="ghasaq"] .gs-mc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; color: #CFBFCB; margin-top: 0.556cqw; }
.ds[data-style="ghasaq"] .gs-yes { border-right-color: #ED7855; }
.ds[data-style="ghasaq"] .gs-yes > b { color: #ED7855; }
.ds[data-style="ghasaq"] .gs-yes > span { font-weight: 400; font-size: calc(4.63cqw * var(--fs)); color: #F8F6F8; }
.ds[data-style="ghasaq"][data-tl="myth"] svg.gs-big { left: 7.222cqw; top: 101.667cqw; width: 11.574cqw; height: 11.574cqw; color: #FFBB7C; opacity: .6; stroke-width: 3.2; }

/* ---------- تجربة على الرمل ---------- */
.ds[data-style="ghasaq"][data-tl="sand"] { padding-top: 36.296cqw; text-align: center; }
.ds[data-style="ghasaq"][data-tl="sand"] svg.gs-big { left: 42.315cqw; top: 13.611cqw; width: 15.278cqw; height: 15.278cqw; color: #110D10; stroke-width: 3.6; }
.ds[data-style="ghasaq"][data-tl="sand"] .gs-hd { align-items: center; }
.ds[data-style="ghasaq"][data-tl="sand"] .r-head { max-width: 55.556cqw; }
.ds[data-style="ghasaq"] .gs-box { display: flex; flex-direction: column; align-items: center; margin: 3.704cqw 1.852cqw 0; padding: 3.704cqw 4.63cqw; background: rgba(17, 13, 16, .08); border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-box > * { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.63cqw * var(--fs)); line-height: 1.6; color: #110D10; text-wrap: pretty; max-width: 70.37cqw; }
.ds[data-style="ghasaq"] .gs-box > * + * { margin-top: 1.111cqw; }
.ds[data-style="ghasaq"][data-tl="sand"] .gs-bd { align-items: center; }
.ds[data-style="ghasaq"]:is([data-tl="sand"], [data-tl="cta"], [data-tl="cover"]) .gs-bd .r-body.gs-mark { max-width: 59.259cqw; }

/* ---------- صورة كبيرة ---------- */
.ds[data-style="ghasaq"][data-tl="photo"] { padding-top: 8.333cqw; padding-bottom: 16.667cqw; }
.ds[data-style="ghasaq"] .gs-phw { display: grid; place-items: center; flex: none; height: 51.852cqw; margin-bottom: 11.481cqw; border-radius: 1.481cqw; overflow: hidden; background: #EFEDEF; color: #CFBFCB; }
.ds[data-style="ghasaq"] .gs-phw .gs-ph { display: block; width: 100%; height: 100%; }
.ds[data-style="ghasaq"] .gs-noph svg { width: 11.111cqw; height: 11.111cqw; }
.ds[data-style="ghasaq"][data-tl="photo"] .gs-bd { margin-top: 0; padding-top: 2.037cqw; }
.ds[data-style="ghasaq"][data-tl="photo"] .r-head { max-width: 55.556cqw; }
.ds[data-style="ghasaq"][data-tl="photo"] .r-body:not(.gs-mark) { font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; }

/* ---------- رسائل المستمعين ---------- */
.ds[data-style="ghasaq"] .gs-notes { display: flex; flex-direction: column; gap: 2.315cqw; margin-top: 15.37cqw; }
.ds[data-style="ghasaq"] .gs-nc { display: flex; flex-direction: column; justify-content: center; min-height: 20.185cqw; padding: 2.778cqw 3.611cqw; background: #1D161B; border: 0.093cqw solid #40303C; border-radius: 1.481cqw; }
.ds[data-style="ghasaq"] .gs-nc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: #F8F6F8; }
.ds[data-style="ghasaq"] .gs-nc > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; color: #96738D; margin-top: 1.111cqw; }
.ds[data-style="ghasaq"] .gs-foot { display: flex; align-items: center; gap: 2.5cqw; }
.ds[data-style="ghasaq"] .gs-foot svg.gs-fi { flex: none; width: 6.667cqw; height: 6.667cqw; margin: -0.37cqw; color: #FFBB7C; stroke-width: 3.4; }
.ds[data-style="ghasaq"] .gs-foot .r-body { font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; }

/* ---------- منصّات: شبكة ٢×٢ على البرقوقي ---------- */
.ds[data-style="ghasaq"] .gs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.944cqw 1.852cqw; margin-top: 16.296cqw; }
.ds[data-style="ghasaq"] .gs-cell { display: flex; flex-direction: column; justify-content: space-between; min-height: 19.444cqw; padding: 3.426cqw 2.87cqw 2.778cqw; background: rgba(248, 246, 248, .1); border-radius: 1.481cqw; color: #FFBB7C; }
.ds[data-style="ghasaq"] .gs-cell svg.gs-ci { width: 6.296cqw; height: 6.296cqw; margin-bottom: 1.296cqw; stroke-width: 4.6; }
.ds[data-style="ghasaq"] .gs-cell > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.35; color: #F8F6F8; }
.ds[data-style="ghasaq"] .gs-cell.gs-hot { background: #ED7855; color: #110D10; }
.ds[data-style="ghasaq"] .gs-cell.gs-hot > span { font-weight: 500; color: #110D10; }
.ds[data-style="ghasaq"] .gs-g3 .gs-hot { grid-column: 1 / -1; }

/* ---------- الدعوة: ليل ينحدر إلى برتقالي، وزر كبسولي داكن ---------- */
.ds[data-style="ghasaq"] .gs-dusk { position: absolute; inset: 0; background: linear-gradient(180deg, #110D10 61.5%, #ED7855); }
.ds[data-style="ghasaq"][data-tl="cta"] { padding-top: 38.889cqw; text-align: center; }
.ds[data-style="ghasaq"][data-tl="cta"] svg.gs-big { left: 41.852cqw; top: 15.37cqw; width: 16.296cqw; height: 16.296cqw; color: #FFBB7C; stroke-width: 4; }
.ds[data-style="ghasaq"][data-tl="cta"] .gs-hd { align-items: center; }
.ds[data-style="ghasaq"][data-tl="cta"] .r-tag { font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="ghasaq"][data-tl="cta"] .r-head { font-size: calc(10cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.3); max-width: 48.148cqw; }
.ds[data-style="ghasaq"][data-tl="cta"] .gs-bd { margin-top: 0; padding-top: 3.148cqw; align-items: center; }
.ds[data-style="ghasaq"][data-tl="cta"] .r-body:not(.gs-mark) { font-size: calc(4.444cqw * var(--fs)); line-height: 1.5; max-width: 55.556cqw; }
.ds[data-style="ghasaq"][data-tl="cta"] .r-body.gs-mark { max-width: none; margin-top: 13.148cqw; padding: 2.037cqw 6.481cqw; border-radius: 92.5cqw; background: #110D10; color: #FFBB7C;
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(5.185cqw * var(--fs)); line-height: 1.45; }
/* ghasaq:end */

/* ---- شريط النص أعلى التصميم: أضف نص، الخط، حجم النص والعنوان ---- */
.mkd-txtctl { display: inline-flex; align-items: center; gap: 6px; padding: 3px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; }
.mkd-fontsel { position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 0 6px 0 4px; }
.mkd-fontsel svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.mkd-fontsel select { max-width: 120px; min-height: 32px; border: 0; background: transparent; font: inherit; font-size: 13px; font-weight: 700; color: var(--ink); cursor: pointer; padding: 0 2px; }
.mkd-step { display: inline-flex; align-items: center; gap: 2px; padding-inline-start: 6px; border-inline-start: 1px solid var(--line); }
.mkd-step small { font-size: 11.5px; color: var(--muted); margin-inline-end: 2px; }
.mkd-step button { width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--paper); font: inherit; font-size: 17px; font-weight: 700; line-height: 1; color: var(--ink); cursor: pointer; }
.mkd-step button:hover { background: var(--line); }
.mkd-step b { min-width: 42px; text-align: center; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.mkd-txtctl > .mkd-btn { min-height: 30px; padding: 4px 12px; }
.mkd-addtx svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }

/* ---- نص حرّ على التصميم: يُسحب ويُكبَّر ويُدوَّر، ولونه ووزنه من شريط النص ---- */
.ds-el.is-text { line-height: normal; }
.ds-eltx { font-family: var(--fd), Tahoma, sans-serif; font-size: var(--ts, 7cqw); font-weight: var(--tw, 700); color: var(--tc, var(--fg));
  line-height: 1.35; white-space: pre-wrap; overflow-wrap: anywhere; outline: none; min-height: 1em; }
.mkd-big .ds-eltx[contenteditable] { cursor: text; }
.mkd-big .ds-el.is-text { cursor: grab; }
.mkd-big .ds-eltx:not([contenteditable]) { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.mkd-txtctl.is-el { padding: 3px 6px; }
.mkd-txtctl-t { font-size: 12px; color: var(--muted); padding-inline: 4px; white-space: nowrap; }
.mkd-swatches { display: inline-flex; align-items: center; gap: 4px; padding-inline-start: 6px; border-inline-start: 1px solid var(--line); }
.mkd-swatch { position: relative; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid rgba(0, 0, 0, .15); padding: 0; cursor: pointer; overflow: hidden; }
.mkd-swatch.on { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--org); }
.mkd-swatch.is-pick { background: conic-gradient(#f44, #fd4, #4d6, #4bf, #84f, #f4a, #f44); display: inline-block; }
.mkd-swatch.is-pick input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; border: 0; padding: 0; }
.mkd-step-b { min-width: 30px; height: 30px; border-radius: 50%; border: 0; background: var(--paper); font: inherit; font-size: 15px; cursor: pointer; }
.mkd-step-b.on { background: var(--ink); color: #fff; }
.ds-eltx .rs-n { unicode-bidi: isolate; direction: ltr; }

/* fonts:haraka:start */
@font-face { font-family: "MKD Graphik Super"; font-weight: 900; font-display: swap; src: url(fonts/graphik-950.woff2) format("woff2"); }
.ds[data-kit="grsuper"] { --fd: "MKD Graphik Super", "MKD Graphik"; --fdw: 900; --dk: 1; --dlh: 1.2; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:haraka:end */

/* haraka:start */
/* ==========================================================================
   أسلوب «حركة» — من نظام «حِمل» للمدربين واللياقة.
   المقاسات من لوحة 1080×1350 بهوامش 70 جانبًا و100 أعلى و90 أسفل. الشكل من
   hrPlan (data-tl). زوايا حادة تمامًا: لا border-radius في أي مكوّن.
   الأرضيات: أسود #0e0f0e · فولتي #ccf141 · إسمنتي #e4e4df · أبيض.
   ========================================================================== */
.ds[data-style="haraka"] {
  --hr-bg: #0e0f0e; --hr-ink: #fff; --hr-tag: #ccf141; --hr-body: #c9cbc5; --hr-line: #2a2d29;
  --fg: var(--hr-ink) !important; --sub: var(--hr-body) !important; --tag: var(--hr-tag) !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--hr-ink); padding: 9.259cqw 6.481cqw 9.259cqw;
}
.ds[data-style="haraka"]:is([data-tl="coach"], [data-tl="result"], [data-tl="review"]) { --hr-bg: #e4e4df; --hr-ink: #0e0f0e; --hr-tag: #4b5b13; --hr-body: #5c605a; }
.ds[data-style="haraka"]:is([data-tl="split"], [data-tl="macros"], [data-tl="ladder"]) { --hr-bg: #fff; --hr-ink: #0e0f0e; --hr-tag: #4b5b13; --hr-body: #5c605a; }
.ds[data-style="haraka"]:is([data-tl="big"], [data-tl="cta"]) { --hr-bg: #ccf141; --hr-ink: #0e0f0e; --hr-tag: #3f4c0f; --hr-body: #2b3305; }
.ds[data-style="haraka"][data-tl="big"][data-hv="dark"] { --hr-bg: #0e0f0e; --hr-ink: #fff; --hr-tag: #ccf141; --hr-body: #c9cbc5; }

.ds[data-style="haraka"] .ds-bgl { background: var(--hr-bg); }
.ds[data-style="haraka"] .ds-scene, .ds[data-style="haraka"] .ds-bgimg, .ds[data-style="haraka"] .ds-shade, .ds[data-style="haraka"] .ds-me, .ds[data-style="haraka"] .ds-mast, .ds[data-style="haraka"] .ds-num, .ds[data-style="haraka"] .ds-swipe { display: none !important; }
.ds[data-style="haraka"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="haraka"] .hr-hd, .ds[data-style="haraka"] .hr-bd, .ds[data-style="haraka"] .hr-mid, .ds[data-style="haraka"] .hr-q { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="haraka"] .hr-hd { min-height: 31.481cqw; }
.ds[data-style="haraka"] .hr-bd { margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="haraka"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Graphik Arabic — سوبر للعناوين والأرقام، والباقي بأوزانه ---------- */
.ds[data-style="haraka"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--hr-tag); word-spacing: .2em; margin: 0 0 1.111cqw; }
.ds[data-style="haraka"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.1 * var(--dlh) / 1.2); color: var(--hr-ink); text-wrap: balance; max-width: 55.556cqw; }
.ds[data-style="haraka"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.63cqw * var(--fs)); line-height: 1.45; color: var(--hr-body); text-wrap: pretty; }
.ds[data-style="haraka"] .r-body:has(.mk) { font-weight: 900; font-size: calc(5.185cqw * var(--fs)); line-height: 1.26; color: var(--hr-ink); text-wrap: balance; max-width: 53.704cqw; }
.ds[data-style="haraka"] .hl, .ds[data-style="haraka"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="haraka"] .mk { font-weight: inherit !important; }
.ds[data-style="haraka"] .hr-bd > * + * { margin-top: 2.407cqw; }
.ds[data-style="haraka"] .hr-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; line-height: 1; }
.ds[data-style="haraka"] svg:is(.hr-ico, .hr-ri, .hr-fi, .hr-big, .hr-pi) { display: block; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="haraka"] svg.hr-big { position: absolute; }
.ds[data-style="haraka"] .hr-ph { position: absolute; display: block; background: #dcdcd7 center / cover no-repeat; }

/* ---------- الغلاف: صورة كاملة بتدرّج أسود، شارة فولتية، عنوان ضخم أسفل ---------- */
.ds[data-style="haraka"][data-tl="cover"] .ds-bgl { background: #171817; }
.ds[data-style="haraka"] .hr-full { inset: 0; }
.ds[data-style="haraka"] .hr-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 15, 14, 0) 38%, rgba(14, 15, 14, .6) 58%, #0e0f0e 92%); }
.ds[data-style="haraka"] .hr-badge { position: absolute; right: 6.481cqw; top: 6.481cqw; min-width: 27.407cqw; height: 6.759cqw; padding: 0 3.519cqw; display: flex; align-items: center; justify-content: center; background: #ccf141; color: #0e0f0e; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 900; font-size: 3.148cqw; line-height: 1; white-space: nowrap; }
.ds[data-style="haraka"][data-tl="cover"] { padding-bottom: 7.593cqw; }
.ds[data-style="haraka"][data-tl="cover"] .hr-hd { margin-top: auto; min-height: 0; }
.ds[data-style="haraka"][data-tl="cover"] .r-tag { margin-bottom: 2.037cqw; }
.ds[data-style="haraka"][data-tl="cover"] .r-head { font-size: calc(12.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.02 * var(--dlh) / 1.2); max-width: 74.074cqw; }
.ds[data-style="haraka"][data-tl="cover"] .hr-bd { margin-top: 0; padding-top: 2.407cqw; }
.ds[data-style="haraka"] .hr-swipe { display: flex; align-items: center; gap: 1.667cqw; margin-top: 4.63cqw; font-style: normal; }
.ds[data-style="haraka"] .hr-swipe b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 3.148cqw; line-height: 1.2; color: #ccf141; }
.ds[data-style="haraka"] .hr-swipe i { display: block; width: 8.333cqw; height: 0.37cqw; background: #ccf141; }
.ds-frame.is-story .ds[data-style="haraka"] .hr-swipe { display: none; }

/* ---------- تعريف المدرب: صورة يمينًا، الاسم بجانبها، ثلاث بطاقات أرقام ---------- */
.ds[data-style="haraka"] .hr-side { right: 0; top: 0; width: 51.852cqw; height: 64.815cqw; }
.ds[data-style="haraka"] .hr-side.is-empty { display: grid; place-items: center; color: #0e0f0e; }
.ds[data-style="haraka"] svg.hr-pi { width: 20.37cqw; height: 20.37cqw; opacity: .85; }
.ds[data-style="haraka"][data-tl="coach"] .hr-hd { margin-right: 50cqw; min-height: 61.111cqw; padding-top: 1.852cqw; }
.ds[data-style="haraka"] .hr-bar0 { display: block; align-self: flex-start; width: 11.111cqw; height: 0.741cqw; margin-top: 1.111cqw; background: #0e0f0e; }
.ds[data-style="haraka"] .hr-stats { display: flex; gap: 1.481cqw; }
.ds[data-style="haraka"] .hr-st { flex: 1 1 0; min-width: 0; min-height: 16.852cqw; display: flex; flex-direction: column; justify-content: space-between; padding: 3.148cqw 2.407cqw 2.778cqw; background: #0e0f0e; }
.ds[data-style="haraka"] .hr-st .hr-v { align-self: flex-end; font-size: calc(5.926cqw * var(--fs)); color: #ccf141; }
.ds[data-style="haraka"] .hr-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: #c9cbc5; margin-top: 1.296cqw; }
.ds[data-style="haraka"][data-tl="coach"] .hr-stats[data-n="3"] .hr-st3 { background: #ccf141; }
.ds[data-style="haraka"][data-tl="coach"] .hr-stats[data-n="3"] .hr-st3 .hr-v { color: #0e0f0e; }
.ds[data-style="haraka"][data-tl="coach"] .hr-stats[data-n="3"] .hr-st3 > span { color: #2b3305; }

/* ---------- نتيجة متدرّب: صورة واحدة عريضة ثم بطاقات الأرقام ---------- */
.ds[data-style="haraka"][data-tl="result"] .hr-hd { min-height: 0; }
.ds[data-style="haraka"] .hr-wide { position: relative; height: 40.741cqw; margin: 11.852cqw 0 6.667cqw; }
.ds[data-style="haraka"][data-tl="result"] .hr-bd { padding-top: 2.593cqw; }
/* بلا صورة: البطاقات أطول وأرقامها أكبر فتملأ موضع الصورة */
.ds[data-style="haraka"][data-tl="result"]:not([data-ph]) .hr-stats { margin-top: 13.889cqw; }
.ds[data-style="haraka"][data-tl="result"]:not([data-ph]) .hr-st { min-height: 31.481cqw; padding: 4.074cqw 2.778cqw 3.519cqw; }
.ds[data-style="haraka"][data-tl="result"]:not([data-ph]) .hr-st .hr-v { font-size: calc(9.63cqw * var(--fs)); }
.ds[data-style="haraka"][data-tl="result"]:not([data-ph]) .hr-st > span { font-size: calc(3.519cqw * var(--fs)); }
.ds[data-style="haraka"][data-tl="result"] .hr-st { min-height: 16.204cqw; padding-top: 2.778cqw; padding-bottom: 2.407cqw; }

/* ---------- جدول التقسيم: صفوف إسمنتية، والأخير فولتي ---------- */
.ds[data-style="haraka"] .hr-split { display: flex; flex-direction: column; gap: 1.667cqw; }
.ds[data-style="haraka"] .hr-split .hr-row { display: flex; align-items: center; gap: 2.778cqw; min-height: 10.37cqw; padding: 0.926cqw 3.704cqw 0.926cqw 2.963cqw; background: #e4e4df; }
.ds[data-style="haraka"] .hr-split .hr-row.is-last { background: #ccf141; }
.ds[data-style="haraka"] .hr-split svg.hr-ri { flex: none; width: 4.074cqw; height: 4.074cqw; color: #0e0f0e; stroke-width: 6; }
.ds[data-style="haraka"] .hr-split .hr-row > b { flex: 1 1 auto; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.259cqw * var(--fs)); line-height: 1.25; color: #0e0f0e; }
.ds[data-style="haraka"] .hr-split .hr-row > span { flex: none; max-width: 45%; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #5c605a; text-align: left; }
.ds[data-style="haraka"] .hr-split .hr-row.is-last > span { color: #2b3305; }

/* ---------- رقم كبير على الفولتي ---------- */
.ds[data-style="haraka"][data-tl="big"] .hr-hd { min-height: 0; }
.ds[data-style="haraka"] .hr-bignum { margin-top: 17.593cqw; }
.ds[data-style="haraka"] .hr-bn { display: flex; align-items: baseline; gap: 3.704cqw; }
.ds[data-style="haraka"] .hr-bn .hr-v { flex: none; font-size: calc(21.296cqw * var(--fs)); line-height: .8; color: var(--hr-ink); }
.ds[data-style="haraka"] .hr-bn > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.63cqw * var(--fs)); line-height: 1.2; color: var(--hr-body); }
.ds[data-style="haraka"][data-tl="big"] .hr-mid { margin-top: 7.407cqw; }
.ds[data-style="haraka"][data-tl="big"] .hr-mid .r-body { line-height: 1.76; max-width: 51.852cqw; }
.ds[data-style="haraka"][data-tl="big"] svg.hr-big { left: 6.111cqw; top: 81.111cqw; width: 16.389cqw; height: 16.389cqw; color: var(--hr-ink); stroke-width: 5; margin: 0; }

/* ---------- خطوات مرقّمة على الأسود ---------- */
.ds[data-style="haraka"] .hr-steps { display: flex; flex-direction: column; margin-top: 0.926cqw; }
.ds[data-style="haraka"] .hr-steps .hr-row { display: flex; align-items: center; gap: 2.407cqw; min-height: 10.833cqw; padding: 0.741cqw 2.593cqw 0.741cqw 0; border-top: 0.278cqw solid #2a2d29; }
.ds[data-style="haraka"] .hr-steps .hr-row .hr-v { flex: none; width: 3.704cqw; font-size: calc(4.63cqw * var(--fs)); color: #ccf141; text-align: center; }
.ds[data-style="haraka"] .hr-steps .hr-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="haraka"][data-tl="steps"] svg.hr-big { left: 6.204cqw; top: 100.648cqw; width: 14.352cqw; height: 14.352cqw; color: #ccf141; opacity: .7; }
.ds[data-style="haraka"][data-tl="steps"] .hr-bd { padding-right: 0; padding-left: 22.222cqw; }

.ds[data-style="haraka"] .hr-bd .r-body:not(:has(.mk)) { max-width: 59.259cqw; text-wrap: wrap; }
/* ---------- أشرطة النسب (الماكروز) وتدرّج الحِمل ---------- */
.ds[data-style="haraka"] .hr-bar { position: relative; display: block; height: 2.037cqw; background: #e4e4df; }
.ds[data-style="haraka"] .hr-bar > i { position: absolute; right: 0; top: 0; bottom: 0; background: #0e0f0e; }
.ds[data-style="haraka"] .is-peak .hr-bar > i { background: #ccf141; }
.ds[data-style="haraka"] .is-after .hr-bar > i { background: #5c605a; }
.ds[data-style="haraka"] .hr-macros { display: flex; flex-direction: column; gap: 2.963cqw; margin-top: 0; }
.ds[data-style="haraka"] .hr-macros .hr-row { display: grid; grid-template-columns: 1fr auto; align-items: center; row-gap: 1.481cqw; }
.ds[data-style="haraka"] .hr-macros .hr-row > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.259cqw * var(--fs)); line-height: 1.2; color: #0e0f0e; }
.ds[data-style="haraka"] .hr-macros .hr-row .hr-v { font-size: calc(4.815cqw * var(--fs)); color: #0e0f0e; }
.ds[data-style="haraka"][data-tl="macros"] .hr-bd > * + * { margin-top: 5.556cqw; }
.ds[data-style="haraka"] .hr-macros .hr-bar { grid-column: 1 / -1; }
.ds[data-style="haraka"] .hr-note { display: flex; align-items: center; gap: 2.222cqw; }
.ds[data-style="haraka"] .hr-note svg.hr-fi, .ds[data-style="haraka"] .hr-foot svg.hr-fi { flex: none; width: 6.667cqw; height: 6.667cqw; color: #0e0f0e; stroke-width: 5; }
.ds[data-style="haraka"] .hr-foot svg.hr-fi { width: 7.685cqw; height: 7.685cqw; margin-inline-start: -0.741cqw; }
.ds[data-style="haraka"] .hr-note .r-body { font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="haraka"] .hr-ladder { display: flex; flex-direction: column; gap: 2.963cqw; margin-top: 1.667cqw; }
.ds[data-style="haraka"] .hr-ladder .hr-row { display: flex; align-items: center; gap: 3.333cqw; }
.ds[data-style="haraka"] .hr-ladder .hr-row > b { flex: none; width: 18.519cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.889cqw * var(--fs)); line-height: 1.2; color: #0e0f0e; white-space: nowrap; }
.ds[data-style="haraka"] .hr-ladder .hr-bar { flex: 1 1 auto; height: 2.407cqw; }
.ds[data-style="haraka"][data-tl="ladder"] .hr-bd .r-body:not(:has(.mk)) { font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; }

/* ---------- شائع مقابل الصحيح ---------- */
.ds[data-style="haraka"] .hr-myth { display: flex; flex-direction: column; margin-top: 1.481cqw; }
.ds[data-style="haraka"] .hr-mc { display: flex; flex-direction: column; gap: 2.222cqw; padding: 0 0 4.259cqw; }
.ds[data-style="haraka"] .hr-mc + .hr-mc { border-top: 0.278cqw solid #2a2d29; padding-top: 3.704cqw; }
.ds[data-style="haraka"] .hr-mc p { display: flex; align-items: center; gap: 2.037cqw; margin: 0; }
.ds[data-style="haraka"] .hr-mc p i { flex: none; width: 4.074cqw; height: 4.074cqw; }
.ds[data-style="haraka"] .hr-no i { background: #ff4d2e; }
.ds[data-style="haraka"] .hr-yes i { background: #ccf141; }
.ds[data-style="haraka"] .hr-mc p span { font-family: var(--ft), Tahoma, sans-serif; line-height: 1.3; }
.ds[data-style="haraka"] .hr-no span { font-weight: 400; font-size: calc(4.259cqw * var(--fs)); color: #9ea29b; }
.ds[data-style="haraka"] .hr-yes span { max-width: 38.889cqw; text-wrap: balance; font-weight: 900; font-size: calc(4.63cqw * var(--fs)); color: #fff; }
.ds[data-style="haraka"][data-tl="myth"] svg.hr-big { left: 6.019cqw; top: 102.593cqw; width: 12.778cqw; height: 12.778cqw; color: #ccf141; opacity: .6; }

/* ---------- رأي متدرّب ---------- */
.ds[data-style="haraka"] .hr-sq { right: 6.481cqw; top: 10.185cqw; width: 21.111cqw; height: 21.111cqw; }
.ds[data-style="haraka"][data-tl="review"] .hr-hd { min-height: 0; padding-top: 3.704cqw; }
.ds[data-style="haraka"][data-tl="review"][data-ph] .hr-hd { margin-right: 25cqw; min-height: 22.037cqw; }
.ds[data-style="haraka"][data-tl="review"] .hr-hd .r-head { font-size: calc(5.37cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="haraka"][data-tl="review"] .r-tag { margin-bottom: 0.741cqw; }
.ds[data-style="haraka"] .hr-sub { font-size: calc(3.519cqw * var(--fs)); margin-top: 0.556cqw; }
.ds[data-style="haraka"] .hr-q { margin-top: 12.037cqw; }
.ds[data-style="haraka"] .hr-q .r-body { max-width: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(5.926cqw * var(--fs)); line-height: 1.5; color: #0e0f0e; text-wrap: pretty; }
.ds[data-style="haraka"] .hr-foot { flex-direction: row !important; align-items: center !important; gap: 2.778cqw; }
.ds[data-style="haraka"] .hr-foot .r-body { font-size: calc(4.259cqw * var(--fs)); }

/* ---------- مقولة ضخمة على الأسود ---------- */
.ds[data-style="haraka"][data-tl="quote"] .hr-hd { margin-top: auto; min-height: 0; }
.ds[data-style="haraka"][data-tl="quote"] .r-head { font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.02 * var(--dlh) / 1.2); max-width: 64.815cqw; text-wrap: wrap; }
.ds[data-style="haraka"][data-tl="quote"] .hr-bd { margin-top: 0; padding-top: 3.241cqw; }
.ds[data-style="haraka"][data-tl="quote"] .r-tag { margin-bottom: 2.13cqw; }
.ds[data-style="haraka"][data-tl="quote"] svg.hr-big { left: 35.648cqw; top: 27.13cqw; width: 28.704cqw; height: 28.704cqw; color: #ccf141; }

.ds[data-style="haraka"][data-hlong]:is([data-tl="cover"], [data-tl="quote"], [data-tl="cta"]) .r-head { font-size: calc(9.074cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.06 * var(--dlh) / 1.2); max-width: 79.63cqw; }
/* ---------- الدعوة على الفولتي: زر أسود ---------- */
.ds[data-style="haraka"] .hr-strip { left: 6.481cqw; right: 6.481cqw; top: 7.407cqw; height: 21.111cqw; }
.ds[data-style="haraka"][data-tl="cta"] .hr-hd { margin-top: auto; min-height: 0; }
.ds[data-style="haraka"][data-tl="cta"] .r-head { font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.02 * var(--dlh) / 1.2); }
.ds[data-style="haraka"][data-tl="cta"] .hr-bd { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="haraka"][data-tl="cta"] .r-body:not(:has(.mk)) { color: #2b3305; max-width: 40.741cqw; text-wrap: balance; }
.ds[data-style="haraka"] .hr-btn { align-self: flex-start; margin-top: 10.37cqw !important; min-width: 35.185cqw; padding: 2.407cqw 5.556cqw; background: #0e0f0e; text-align: center; font-family: var(--fd), Tahoma, sans-serif !important; font-size: calc(5.926cqw * var(--fs)) !important; color: #ccf141 !important; }
.ds[data-style="haraka"] .hr-link.r-body { font-weight: 900; font-size: calc(4.259cqw * var(--fs)); color: #0e0f0e !important; margin-top: 5.185cqw !important; }
.ds[data-style="haraka"][data-tl="cta"] { padding-bottom: 8.148cqw; }
/* haraka:end */

/* mada:start */
/* ==========================================================================
   أسلوب «مَدى» — من نظام التسويق الإلكتروني الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350 (P ← cqw). الشكل من mdPlan (data-tl)، والأرضية
   البديلة للتكرار في data-tn. كتل مصمتة وزوايا حادة بلا استدارة، والبيانات
   داخل كتلة النص فلا يتداخل نص مع بطاقة.
   ========================================================================== */
.ds[data-style="mada"] {
  --md-bg: #fff5ef; --md-head: #141026; --md-tag: #ff2d6f; --md-body: #5b5474; --md-mk: #141026;
  --fg: #141026 !important; --sub: #5b5474 !important; --tag: #ff2d6f !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--md-head); padding: 9.259cqw 7.407cqw 9.259cqw;
}
/* الأرضيات: الحبر، الأبيض، الوردي، التركوازي (والكريمي افتراضي) */
.ds[data-style="mada"]:is([data-tl="cover"], [data-tl="anatomy"], [data-tl="case"], [data-tl="quote"], [data-tn="ink"]) { --md-bg: #141026; --md-head: #fff5ef; --md-tag: #00d3c7; --md-body: #a49cc0; --md-mk: #fff5ef; }
.ds[data-style="mada"]:is([data-tl="metrics"], [data-tl="myth"]) { --md-bg: #fff; }
.ds[data-style="mada"]:is([data-tl="cta"], [data-tn="pink"]) { --md-bg: #ff2d6f; --md-head: #fff; --md-tag: #ffe1ec; --md-body: #ffe1ec; --md-mk: #fff; }
.ds[data-style="mada"][data-tn="cyan"] { --md-bg: #00d3c7; --md-head: #062e2b; --md-tag: #045049; --md-body: #045049; --md-mk: #062e2b; }
.ds[data-style="mada"][data-tn="cream"] { --md-bg: #fff5ef; --md-head: #141026; --md-tag: #ff2d6f; --md-body: #5b5474; --md-mk: #141026; }

.ds[data-style="mada"] .ds-bgl { background: var(--md-bg); }
.ds[data-style="mada"] .ds-scene, .ds[data-style="mada"] .ds-bgimg, .ds[data-style="mada"] .ds-shade, .ds[data-style="mada"] .ds-me, .ds[data-style="mada"] .ds-mast, .ds[data-style="mada"] .ds-num, .ds[data-style="mada"] .ds-swipe { display: none !important; }
.ds[data-style="mada"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="mada"] .md-hd, .ds[data-style="mada"] .md-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mada"] .md-bd { margin-top: auto; padding-top: 4.63cqw; }
.ds[data-style="mada"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Zain، والتراتب بالوزن والحجم ---------- */
.ds[data-style="mada"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--md-tag); word-spacing: .2em; margin: 0 0 1.296cqw; }
.ds[data-style="mada"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.12 * var(--dlh) / 1.2); color: var(--md-head); text-wrap: balance; }
.ds[data-style="mada"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.815cqw * var(--fs)); line-height: 1.34; color: var(--md-body); text-wrap: pretty; }
.ds[data-style="mada"] .r-body:has(.mk), .ds[data-style="mada"] .md-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.37cqw * var(--fs)); line-height: 1.28; color: var(--md-mk); text-wrap: balance; }
.ds[data-style="mada"] .hl, .ds[data-style="mada"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="mada"] .mk { font-weight: inherit !important; }
.ds[data-style="mada"] .md-hd .r-head { max-width: 74.074cqw; }
.ds[data-style="mada"][data-hs] .md-hd .r-head { max-width: 46.296cqw; }
.ds[data-style="mada"] .md-bd .r-body { max-width: 59.259cqw; }
.ds[data-style="mada"] .md-bd .r-body:not(:has(.mk)) { max-width: 62.963cqw; }
.ds[data-style="mada"] .md-nb, .ds[data-style="mada"] .r-head .rs-n { white-space: nowrap; }
.ds[data-style="mada"]:is([data-tl="cover"], [data-tl="bignum"], [data-tl="quote"]) .md-bd .r-body:not(:has(.mk)) { max-width: none; }
.ds[data-style="mada"] .md-bd > * + * { margin-top: 0.926cqw; }
/* متن ثم خُلاصة على الفاتح: الخُلاصة وردية */
.ds[data-style="mada"]:not([data-tl="cta"]):is([data-tl="funnel"], [data-tl="metrics"], [data-tl="ab"], [data-tl="myth"], [data-tl="plan"], [data-tn="cream"]) .md-bd .r-body:not(:has(.mk)) + .r-body:has(.mk) { color: #ff2d6f; }
.ds[data-style="mada"] svg.md-ico, .ds[data-style="mada"] svg.md-ci, .ds[data-style="mada"] svg.md-ri, .ds[data-style="mada"] svg.md-big-ico {
  display: block; fill: none; stroke: currentColor; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="mada"] .md-v { font-family: "MKD Graphik", var(--fd), Tahoma, sans-serif; font-weight: 700; line-height: 1; }
.ds[data-style="mada"] .md-data { margin-top: 8.889cqw; }

/* ---------- الكتل اللونية ---------- */
.ds[data-style="mada"] .md-blk, .ds[data-style="mada"] .md-sq, .ds[data-style="mada"] .md-qi { position: absolute; display: block; }
.ds[data-style="mada"] svg.md-big-ico { position: absolute; }

/* ---------- الغلاف: كتلة وردية بالرسمة وكتلة تركوازية، والنص أسفل ---------- */
.ds[data-style="mada"][data-tl="cover"] .md-blk-a { left: 42.593cqw; top: 0; width: 57.407cqw; height: 38.889cqw; background: #ff2d6f; color: #141026; }
.ds[data-style="mada"][data-tl="cover"] .md-blk-b { left: 0; top: 38.889cqw; width: 35.185cqw; height: 20.37cqw; background: #00d3c7; }
.ds[data-style="mada"][data-tl="cover"] .md-blk-a svg.md-big-ico { left: 29.259cqw; top: 9.815cqw; width: 18.519cqw; height: 18.519cqw; }
.ds[data-style="mada"][data-tl="cover"] { padding-bottom: 8.426cqw; }
.ds[data-style="mada"][data-tl="cover"] .md-hd { margin-top: auto; }
.ds[data-style="mada"][data-tl="cover"] .r-tag { margin-bottom: 1.852cqw; }
.ds[data-style="mada"][data-tl="cover"] .r-head { font-size: calc(12.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.06 * var(--dlh) / 1.2); max-width: 83.333cqw; }
.ds[data-style="mada"][data-tl="cover"] .md-bd { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="mada"][data-tl="cover"] .md-bd .r-body { font-weight: 700; color: #d6d0e6; }
.ds[data-style="mada"] .md-swipe { align-self: flex-start; display: flex; align-items: center; justify-content: center; gap: 2.037cqw; margin-top: 2.778cqw; width: 23.519cqw; height: 7.593cqw;
  background: #ff2d6f; color: #fff; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: calc(3.704cqw * var(--fs)); line-height: 1; }
.ds[data-style="mada"] .md-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 500; }
.ds-frame.is-story .ds[data-style="mada"] .md-swipe { display: none; }

/* ---------- قمع التحويل: أشرطة متدرّجة العرض في الوسط ---------- */
.ds[data-style="mada"] .md-funnel { display: flex; flex-direction: column; align-items: center; gap: 1.389cqw; margin: 7.963cqw -3.333cqw 0; }
.ds[data-style="mada"] .md-fr { display: flex; align-items: center; justify-content: space-between; gap: 2.222cqw; min-height: 11.389cqw; padding: 0.926cqw 3.519cqw 0.926cqw 3.333cqw; background: #141026; color: #fff; }
.ds[data-style="mada"] .md-fr > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.2; }
.ds[data-style="mada"] .md-fr .md-v { font-size: calc(5.185cqw * var(--fs)); }
.ds[data-style="mada"] .md-fr.md-fe1 { background: #00d3c7; color: #062e2b; }
.ds[data-style="mada"] .md-fr.md-fe2 { background: #3a2f66; }
.ds[data-style="mada"] .md-fr.md-fe3:not(:first-child) { background: #2a2150; }
.ds[data-style="mada"] .md-fr.md-fe0 { background: #ff2d6f; color: #fff; }

/* ---------- شبكة مؤشرات ودراسة حالة ---------- */
.ds[data-style="mada"] .md-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.759cqw 1.667cqw; }
.ds[data-style="mada"] .md-grid.is-odd .md-c:last-child { grid-column: 1 / -1; }
.ds[data-style="mada"] .md-c { display: flex; flex-direction: column; align-items: stretch; min-height: 26.852cqw; padding: 2.593cqw 2.963cqw 2.778cqw; background: #fff5ef; }
.ds[data-style="mada"] .md-c .md-v { align-self: flex-end; direction: ltr; font-size: calc(7.037cqw * var(--fs)); color: #141026; }
.ds[data-style="mada"] .md-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.704cqw * var(--fs)); line-height: 1.2; color: #5b5474; }
.ds[data-style="mada"] .md-metrics svg.md-ci { width: 5.556cqw; height: 5.556cqw; color: #ff2d6f; margin-bottom: 1.481cqw; }
.ds[data-style="mada"] .md-metrics .md-c .md-v { margin-bottom: 1.111cqw; }
.ds[data-style="mada"] .md-metrics .md-c > span { max-width: 36.111cqw; }
.ds[data-style="mada"] .md-metrics { margin-top: 4.63cqw; }
.ds[data-style="mada"] .md-grid .md-c4 { background: #ff2d6f; }
.ds[data-style="mada"] .md-grid .md-c4 > * { color: #fff !important; }
.ds[data-style="mada"] .md-grid .md-c4 > span { color: #ffe1ec !important; }
.ds[data-style="mada"] .md-case .md-c { min-height: 19.259cqw; background: #221a3d; padding: 3.704cqw 3.148cqw 3.148cqw; justify-content: space-between; }
.ds[data-style="mada"] .md-case .md-c .md-v { color: #00d3c7; }
.ds[data-style="mada"] .md-case .md-c > span { color: #a49cc0; margin-top: 1.852cqw; font-size: calc(3.519cqw * var(--fs)); }
.ds[data-style="mada"] .md-case .md-c4 { background: #ff2d6f; }
.ds[data-style="mada"] .md-case .md-c4 > .md-v { color: #fff; }
.ds[data-style="mada"] .md-case .md-c4 > span { color: #ffe1ec; }

/* ---------- رقم كبير ---------- */
.ds[data-style="mada"] .md-big { display: flex; justify-content: flex-start; margin-top: 13.889cqw; }
.ds[data-style="mada"] .md-big .md-v { font-size: calc(22.222cqw * var(--fs)); color: var(--md-head); }
.ds[data-style="mada"] .md-big { align-items: baseline; gap: 2.222cqw; }
.ds[data-style="mada"] .md-big .md-u { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(7.407cqw * var(--fs)); line-height: 1; color: var(--md-head); }
.ds[data-style="mada"][data-tn="ink"] .md-big .md-u { color: #fff5ef; }
.ds[data-style="mada"][data-tn="ink"] .md-big .md-v { color: #ff2d6f; }
.ds[data-style="mada"][data-tl="bignum"] .md-bd { flex: 1 1 auto; margin-top: 0; padding-top: 10.185cqw; }
.ds[data-style="mada"][data-tl="bignum"] .md-bd > .r-body:has(.mk) { margin-top: auto; padding-top: 5.556cqw; max-width: 44.444cqw; }
.ds[data-style="mada"]:is([data-tl="metrics"], [data-tl="ab"]) .md-bd { padding-top: 2.778cqw; }
.ds[data-style="mada"][data-tl="bignum"] svg.md-big-ico { left: 7.407cqw; top: 81.852cqw; width: 16.296cqw; height: 16.296cqw; color: #fff5ef; }
.ds[data-style="mada"][data-tl="bignum"][data-tn="ink"] svg.md-big-ico { color: #00d3c7; }

/* ---------- قائمة بشريط جانبي (تشريح إعلان) ---------- */
.ds[data-style="mada"] .md-list { display: flex; flex-direction: column; gap: 2.037cqw; }
.ds[data-style="mada"] .md-list .md-row { display: flex; flex-direction: column; justify-content: center; min-height: 9.537cqw; padding-right: 3.148cqw; border-right: 0.556cqw solid #ff2d6f; }
.ds[data-style="mada"] .md-list .md-row:last-child { border-right-color: #00d3c7; }
.ds[data-style="mada"] .md-list .md-row > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.25; color: var(--md-head); }
.ds[data-style="mada"] .md-list .md-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--md-body); }
.ds[data-style="mada"] .md-list .md-row:last-child > span { color: #9fe7e1; }

/* ---------- اختبار A/B ---------- */
.ds[data-style="mada"] .md-ab { margin-top: 7.407cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.667cqw; }
.ds[data-style="mada"] .md-abc { display: flex; flex-direction: column; align-items: stretch; min-height: 37.315cqw; padding: 3.148cqw 3.148cqw 3.333cqw; background: #fff; border: 0.278cqw solid #e2dbd4; }
.ds[data-style="mada"] .md-abc > em { font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #8d8598; word-spacing: .2em; }
.ds[data-style="mada"] .md-abc > p { margin-top: 1.296cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.35; color: #141026; }
.ds[data-style="mada"] .md-abc .md-v { align-self: flex-end; margin-top: auto; padding-top: 1.296cqw; direction: ltr; font-size: calc(7.037cqw * var(--fs)); color: #8d8598; }
.ds[data-style="mada"] .md-abc > span { margin-top: 0.741cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #5b5474; }
.ds[data-style="mada"] .md-ab-b { background: #141026; border-color: #141026; }
.ds[data-style="mada"] .md-ab-b > em, .ds[data-style="mada"] .md-ab-b .md-v { color: #00d3c7; }
.ds[data-style="mada"] .md-ab-b > p { color: #fff5ef; }
.ds[data-style="mada"] .md-ab-b > span { color: #a49cc0; }

/* ---------- توزيع الميزانية ---------- */
.ds[data-style="mada"] .md-budget { display: flex; flex-direction: column; gap: 1.667cqw; }
.ds[data-style="mada"] .md-budget .md-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 12.685cqw; padding: 0.926cqw 3.426cqw; background: #fff; }
.ds[data-style="mada"] .md-budget .md-row > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.25; color: #062e2b; }
.ds[data-style="mada"] .md-budget .md-row .md-v { font-size: calc(5.741cqw * var(--fs)); color: #062e2b; }
.ds[data-style="mada"] .md-budget .md-row:last-child { background: #141026; }
.ds[data-style="mada"] .md-budget .md-row:last-child > span { color: #fff5ef; }
.ds[data-style="mada"] .md-budget .md-row:last-child .md-v { color: #00d3c7; }
.ds[data-style="mada"][data-tl="budget"] svg.md-big-ico { left: 7.407cqw; top: 86.111cqw; width: 13.889cqw; height: 13.889cqw; color: #0e4b56; }
.ds[data-style="mada"][data-tl="budget"][data-tn="cream"] svg.md-big-ico { color: #ff2d6f; }

/* ---------- شائع مقابل الصحيح ---------- */
.ds[data-style="mada"] .md-myth { display: flex; flex-direction: column; margin-top: 9.259cqw; }
.ds[data-style="mada"] .md-mc { display: flex; flex-direction: column; gap: 2.963cqw; padding: 0 0 4.074cqw; }
.ds[data-style="mada"] .md-mc + .md-mc { border-top: 0.278cqw solid #e2dbd4; padding-top: 3.704cqw; }
.ds[data-style="mada"] .md-mc p { display: flex; align-items: center; gap: 1.944cqw; margin: 0; }
.ds[data-style="mada"] .md-mc p i { flex: none; width: 4.074cqw; height: 4.074cqw; background: #e2dbd4; }
.ds[data-style="mada"] .md-mc .md-yes i { background: #ff2d6f; }
.ds[data-style="mada"] .md-mc p span { text-wrap: balance; font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; line-height: 1.3; }
.ds[data-style="mada"] .md-no span { font-size: calc(4.259cqw * var(--fs)); color: #5b5474; }
.ds[data-style="mada"] .md-yes span { max-width: 59.259cqw; font-weight: 800 !important; font-size: calc(4.815cqw * var(--fs)); color: #141026; }
.ds[data-style="mada"][data-tl="myth"] svg.md-big-ico { left: 8.333cqw; top: 104.63cqw; width: 10.185cqw; height: 10.185cqw; color: #ff2d6f; opacity: .6; }

/* ---------- خطة محتوى ---------- */
.ds[data-style="mada"] .md-plan { display: flex; flex-direction: column; gap: 1.852cqw; }
.ds[data-style="mada"] .md-plan .md-row { display: flex; align-items: center; gap: 2.778cqw; min-height: 10.37cqw; padding: 0.926cqw 2.963cqw; background: #fff; }
.ds[data-style="mada"] .md-plan svg.md-ri { flex: none; width: 5.278cqw; height: 5.278cqw; color: #ff2d6f; stroke-width: 6; }
.ds[data-style="mada"] .md-plan .md-row > span { flex: 1 1 auto; font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.25; color: #141026; }
.ds[data-style="mada"] .md-plan .md-row > b { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #5b5474; }
.ds[data-style="mada"] .md-plan .md-row:last-child { background: #141026; }
.ds[data-style="mada"] .md-plan .md-row:last-child > span { color: #fff5ef; }
.ds[data-style="mada"] .md-plan .md-row:last-child > b { color: #a49cc0; }
.ds[data-style="mada"] .md-plan .md-row:last-child svg.md-ri { color: #fff5ef; }

/* ---------- مقولة: كتلتان ورسمة في الوسط والنص أسفل ---------- */
.ds[data-style="mada"][data-tl="quote"] .md-blk-a { left: 72.222cqw; top: 0; width: 27.778cqw; height: 27.778cqw; background: #ff2d6f; }
.ds[data-style="mada"][data-tl="quote"] .md-blk-b { left: 0; top: 27.778cqw; width: 20.37cqw; height: 20.37cqw; background: #00d3c7; }
.ds[data-style="mada"][data-tl="quote"] .md-qi { left: 36.574cqw; top: 34.722cqw; width: 26.852cqw; height: 26.852cqw; color: #fff5ef; }
.ds[data-style="mada"][data-tl="quote"][data-tn="cream"] .md-qi { color: #141026; }
.ds[data-style="mada"][data-tl="quote"] .md-qi svg { position: static; width: 100%; height: 100%; stroke-width: 3.2; }
.ds[data-style="mada"][data-tl="quote"] { padding-bottom: 15.741cqw; }
.ds[data-style="mada"][data-tl="quote"] .md-hd { margin-top: auto; }
.ds[data-style="mada"][data-tl="quote"] .md-hd .r-head { font-size: calc(10.278cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.06 * var(--dlh) / 1.2); max-width: 79.63cqw; }
.ds[data-style="mada"][data-tl="quote"] .md-bd { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="mada"][data-tl="quote"] .md-bd .r-body:not(:has(.mk)) { font-weight: 700; font-size: calc(4.259cqw * var(--fs)); }

/* ---------- الدعوة: كتلة حبر ومربع أبيض بالرسمة، نص في الوسط، زر حبر ---------- */
.ds[data-style="mada"][data-tl="cta"] { text-align: center; padding-bottom: 11.019cqw; }
.ds[data-style="mada"][data-tl="cta"] .md-blk-a { left: 0; top: 0; width: 38.889cqw; height: 24.074cqw; background: #141026; }
.ds[data-style="mada"][data-tl="cta"] .md-sq { left: 37.037cqw; top: 18.519cqw; width: 25.926cqw; height: 25.926cqw; background: #fff; color: #ff2d6f; }
.ds[data-style="mada"][data-tl="cta"] .md-sq svg { position: absolute; left: 6.481cqw; top: 6.481cqw; width: 12.963cqw; height: 12.963cqw; }
.ds[data-style="mada"][data-tl="cta"] .md-hd { margin-top: auto; align-items: center; }
.ds[data-style="mada"][data-tl="cta"] .md-hd .r-head { font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.2); max-width: 75.926cqw; }
.ds[data-style="mada"][data-tl="cta"] .md-bd { margin-top: 0; padding-top: 0.926cqw; align-items: center; }
.ds[data-style="mada"][data-tl="cta"] .md-bd .r-body:not(:has(.mk)) { font-weight: 700; max-width: 59.259cqw; }
.ds[data-style="mada"][data-tl="cta"] .md-bd .r-body:has(.mk) { align-self: center; min-width: 47.315cqw; margin-top: 4.63cqw; padding: 2.037cqw 6.481cqw; background: #141026; color: #fff !important; }
/* mada:end */

/* fonts:nudra:start */
@font-face { font-family: "MKD Graphik"; font-weight: 100; font-display: swap; src: url(fonts/graphik-100.woff2) format("woff2"); }
@font-face { font-family: "MKD Graphik"; font-weight: 200; font-display: swap; src: url(fonts/graphik-200.woff2) format("woff2"); }
@font-face { font-family: "MKD Malmoom"; font-weight: 400; font-display: swap; src: url(fonts/malmoom-400.woff2) format("woff2"); }
.ds[data-kit="nudra"] { --fd: "MKD Graphik"; --fdw: 200; --dk: 1; --dlh: 1.3; --ft: "MKD Graphik"; --ftw: 300; }
/* fonts:nudra:end */

/* nudra:start */
/* ==========================================================================
   أسلوب «نُدرة» — من نظام «هوية فخمة» الذي أرسله صاحب الأداة.
   ثلاثة ألوان فقط: أسود #0b0b0c، شمبانيا #c9a96a، أبيض دافئ #f2eee7.
   Graphik بأوزان 100–400 (لا شيء فوق 500)، خطوط 1px، نص متمركز، بلا استدارة
   إلا للصورة الدائرية. الشكل من ndPlan (data-tl)، والمقاسات من لوحة 1080×1350.
   ========================================================================== */
.ds[data-style="nudra"] {
  --nd-bg: #0b0b0c; --nd-ink: #f2eee7; --nd-tag: #c9a96a; --nd-sub: #cfc9bf; --nd-mute: #a8a39a; --nd-ln: rgba(242, 238, 231, .2); --nd-ic: #c9a96a; --nd-rl: #c9a96a; --nd-fr: rgba(201, 169, 106, .5);
  --fg: #f2eee7 !important; --sub: #cfc9bf !important; --tag: #c9a96a !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: center; color: var(--nd-ink); padding: 11.574cqw 8.333cqw 10.185cqw;
  /* رسم الحروف الافتراضي (لا antialiased): أوزان 100–300 تظهر بسُمك ملفه نفسه */
  -webkit-font-smoothing: auto !important;
}
/* الأرضيات: الأسود افتراضي، والأبيض الدافئ، والشمبانيا للمقولة وحدها */
.ds[data-style="nudra"]:is([data-tl="piece"], [data-tl="materials"], [data-tl="editorial"], [data-tl="testimonial"], [data-tl="showroom"]) {
  --nd-bg: #f2eee7; --nd-ink: #0b0b0c; --nd-tag: #8a7241; --nd-sub: #57544e; --nd-mute: #57544e; --nd-ln: #ddd6c9;
  --fg: #0b0b0c !important; --sub: #57544e !important; --tag: #8a7241 !important;
}
.ds[data-style="nudra"][data-tl="quote"] {
  --nd-bg: #c9a96a; --nd-ink: #0b0b0c; --nd-tag: #3a3223; --nd-sub: #3a3223; --nd-mute: #3a3223; --nd-ln: rgba(11, 11, 12, .35); --nd-ic: #0b0b0c; --nd-rl: #0b0b0c; --nd-fr: rgba(11, 11, 12, .35);
  --fg: #0b0b0c !important; --sub: #3a3223 !important; --tag: #3a3223 !important;
}
.ds[data-style="nudra"][data-tl="numbers"] { --nd-bg: #12120f; }

.ds[data-style="nudra"] .ds-bgl { background: var(--nd-bg); }
.ds[data-style="nudra"] .ds-scene, .ds[data-style="nudra"] .ds-bgimg, .ds[data-style="nudra"] .ds-shade, .ds[data-style="nudra"] .ds-me, .ds[data-style="nudra"] .ds-mast, .ds[data-style="nudra"] .ds-num, .ds[data-style="nudra"] .ds-swipe { display: none !important; }
.ds[data-style="nudra"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="nudra"] .nd-hd, .ds[data-style="nudra"] .nd-bd { display: flex; flex-direction: column; align-items: center; }
.ds[data-style="nudra"] .nd-bd { margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="nudra"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: الفخامة من الخفّة ---------- */
.ds[data-style="nudra"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--nd-tag); word-spacing: .3em; margin: 0 0 2.037cqw; }
.ds[data-style="nudra"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 200; font-size: calc(7.593cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); color: var(--nd-ink); text-wrap: balance; word-spacing: .04em; max-width: 79.63cqw; }
.ds[data-style="nudra"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; color: var(--nd-sub); text-wrap: balance; max-width: 75.926cqw; }
.ds[data-style="nudra"] .r-body:has(.mk) { font-weight: 300; color: var(--nd-ink); }
.ds[data-style="nudra"] .hl, .ds[data-style="nudra"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="nudra"] .mk { font-weight: inherit !important; }
.ds[data-style="nudra"] .nd-bd > * + * { margin-top: 2.222cqw; }
.ds[data-style="nudra"] .nd-rule { display: block; flex: none; width: 7.407cqw; height: 0.093cqw; margin: 3.704cqw auto 4.074cqw; background: var(--nd-rl); }
.ds[data-style="nudra"] svg.nd-ico, .ds[data-style="nudra"] svg.nd-ci, .ds[data-style="nudra"] svg.nd-ri {
  display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.ds[data-style="nudra"] .nd-frame { position: absolute; inset: 6.481cqw; border: 0.093cqw solid var(--nd-fr); }
.ds[data-style="nudra"] .nd-bico { position: absolute; display: block; color: var(--nd-ic); }

/* ---------- غلاف بالشعار ---------- */
.ds[data-style="nudra"][data-tl="cover"] { padding: 42.963cqw 11.111cqw 16.667cqw; }
.ds[data-style="nudra"][data-tl="cover"] .nd-bico { left: 42.037cqw; top: 18.426cqw; width: 15.926cqw; height: 15.926cqw; }
.ds[data-style="nudra"][data-tl="cover"] .r-tag { margin-bottom: 2.593cqw; }
.ds[data-style="nudra"][data-tl="cover"] .r-head { font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.5; font-weight: 400; }
.ds[data-style="nudra"][data-tl="cover"][data-kit="nudra"] .r-head { font-family: "MKD Malmoom", var(--fd), Tahoma, sans-serif; }
.ds[data-style="nudra"][data-tl="cover"] .nd-rule { width: 8.333cqw; margin: 2.685cqw auto 3.981cqw; }
.ds[data-style="nudra"][data-tl="cover"] .nd-bd { margin-top: 0; padding-top: 0; }
.ds[data-style="nudra"][data-tl="cover"] .r-body { font-weight: 200; max-width: 38.889cqw; }
.ds[data-style="nudra"] .nd-swipe { position: absolute; left: 0; right: 0; top: 108.148cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.963cqw; line-height: 1.4; color: #c9a96a; text-align: center; }
.ds-frame.is-story .ds[data-style="nudra"] .nd-swipe { display: none; }

/* ---------- القطعة بصورة: الصورة أعلى، والنص تحتها ---------- */
.ds[data-style="nudra"] .nd-pbox { position: absolute; left: 0; top: 0; right: 0; height: 70.37cqw; display: grid; place-items: center; background: #e9e5df; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-pbox > svg { width: 17.593cqw; height: 17.593cqw; }
.ds[data-style="nudra"] .nd-ph { position: absolute; inset: 0; display: block; background: #e9e5df center / cover no-repeat; }
.ds[data-style="nudra"][data-tl="piece"] { padding-top: 81.019cqw; }
.ds[data-style="nudra"][data-tl="piece"] .nd-rule { margin: 2.037cqw auto 2.222cqw; }
.ds[data-style="nudra"]:is([data-tl="piece"], [data-tl="editorial"]) .r-head { font-size: calc(8.704cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="nudra"]:is([data-tl="piece"], [data-tl="editorial"]) .r-body { font-size: calc(3.889cqw * var(--fs)); }

/* ---------- جدول مواصفات ---------- */
.ds[data-style="nudra"] .nd-tbl { display: flex; flex-direction: column; margin: 13.056cqw 0 0; border-top: 0.093cqw solid var(--nd-ln); }
.ds[data-style="nudra"] .nd-tbl .nd-row { display: flex; align-items: center; justify-content: space-between; gap: 3.704cqw; min-height: 10.741cqw; padding: 1.111cqw 0; border-bottom: 0.093cqw solid var(--nd-ln); }
.ds[data-style="nudra"] .nd-tbl .nd-l { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: var(--nd-mute); text-align: right; }
.ds[data-style="nudra"] .nd-tbl .nd-v { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: var(--nd-ink); text-align: left; }
.ds[data-style="nudra"] .nd-tbl .nd-row:last-child .nd-v { color: #c9a96a; }
.ds[data-style="nudra"] .nd-sico { display: block; flex: none; width: 11.296cqw; height: 11.296cqw; margin: 0 auto -2.593cqw; color: var(--nd-ic); }
.ds[data-style="nudra"][data-tl="spec"] .nd-bd > .nd-sico + * { margin-top: 0; }
.ds[data-style="nudra"][data-tl="spec"] .r-body { max-width: 38.889cqw; }

/* ---------- مقولة ذهبية ---------- */
.ds[data-style="nudra"][data-tl="quote"] { padding-top: 44.444cqw; }
.ds[data-style="nudra"][data-tl="quote"] .nd-rule { margin: 4.074cqw auto 3.241cqw; }
.ds[data-style="nudra"][data-tl="quote"] .nd-bico { left: 42.593cqw; top: 20.37cqw; width: 14.815cqw; height: 14.815cqw; }
.ds[data-style="nudra"][data-tl="quote"] .r-head { font-size: calc(7.963cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.44; max-width: 66.667cqw; }
.ds[data-style="nudra"][data-tl="quote"] .nd-bd { margin-top: 0; padding-top: 0; }
.ds[data-style="nudra"][data-tl="quote"] .r-body { font-size: calc(3.981cqw * var(--fs)); }

/* ---------- شبكة خامات ---------- */
.ds[data-style="nudra"] .nd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.222cqw; margin: 13.981cqw 0 0; }
.ds[data-style="nudra"]:is([data-tl="materials"], [data-tl="stages"]) { padding-top: 10.648cqw; }
.ds[data-style="nudra"]:is([data-tl="materials"], [data-tl="stages"], [data-tl="service"], [data-tl="numbers"]) .nd-bd .r-body { max-width: 48.148cqw; }
.ds[data-style="nudra"] .nd-c { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 20.463cqw; padding: 3.611cqw 2.222cqw 2.778cqw; border: 0.093cqw solid var(--nd-ln); }
.ds[data-style="nudra"] .nd-c svg.nd-ci { width: 6.019cqw; height: 6.019cqw; flex: none; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--nd-ink); margin-top: 1.852cqw; }
.ds[data-style="nudra"] .nd-c4 { background: #0b0b0c; border-color: #c9a96a; }
.ds[data-style="nudra"] .nd-c4 > span { color: #f2eee7; }

/* ---------- مراحل الصنعة ---------- */
.ds[data-style="nudra"] .nd-stg { display: flex; flex-direction: column; gap: 3.611cqw; margin: 14.722cqw 0 0; }
.ds[data-style="nudra"] .nd-stg .nd-row { display: flex; align-items: center; gap: 3.704cqw; }
.ds[data-style="nudra"] .nd-rn { flex: none; width: 7.87cqw; font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 200; font-size: calc(4.444cqw * var(--fs)); line-height: 1; color: #c9a96a; direction: ltr; text-align: left; }
.ds[data-style="nudra"] .nd-st { display: flex; flex-direction: column; align-items: flex-start; text-align: right; min-width: 0; }
.ds[data-style="nudra"] .nd-st > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: var(--nd-ink); }
.ds[data-style="nudra"] .nd-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; color: var(--nd-mute); }
.ds[data-style="nudra"][data-tl="stages"] .r-body:has(.mk), .ds[data-style="nudra"][data-tl="service"] .r-body:has(.mk) { color: #c9a96a; }
.ds[data-style="nudra"][data-tl="service"] .nd-bd .r-body { max-width: 38.889cqw; text-wrap: wrap; }

/* ---------- صورتان تحريريتان: صورة واحدة مقسومة على لوحين ---------- */
.ds[data-style="nudra"] .nd-pair { position: absolute; left: 8.333cqw; top: 8.333cqw; width: 83.333cqw; height: 47.963cqw; display: flex; gap: 1.852cqw; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-pair > b { position: relative; flex: 1 1 0; display: grid; place-items: center; overflow: hidden; background: #e9e5df; }
.ds[data-style="nudra"] .nd-pair > b > svg { width: 13.889cqw; height: 13.889cqw; }
.ds[data-style="nudra"] .nd-pair .nd-ph { inset: 0 auto; width: 83.333cqw; }
.ds[data-style="nudra"] .nd-pair .nd-pha { left: -42.593cqw; }
.ds[data-style="nudra"] .nd-pair .nd-phb { left: 0; }
.ds[data-style="nudra"][data-tl="editorial"] { padding-top: 71.296cqw; }
.ds[data-style="nudra"][data-tl="editorial"] .nd-rule { margin: 3.241cqw auto 2.037cqw; }
.ds[data-style="nudra"][data-tl="editorial"] .r-head { max-width: 51.852cqw; text-wrap: wrap; font-size: calc(7.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); }

/* ---------- أرقام رأسية ---------- */
.ds[data-style="nudra"] .nd-nums { display: flex; flex-direction: column; margin: 4.537cqw 0 0; }
.ds[data-style="nudra"] .nd-nm { display: flex; flex-direction: column; align-items: center; padding: 5.37cqw 0 5.093cqw; border-bottom: 0.093cqw solid rgba(242, 238, 231, .2); }
.ds[data-style="nudra"] .nd-nm.is-last { border-bottom: 0; padding-bottom: 0; }
.ds[data-style="nudra"] .nd-big { font-family: "MKD Graphik", var(--fd), Tahoma, sans-serif; font-weight: 100; font-size: calc(11.111cqw * var(--fs)); line-height: 1.2; color: #f2eee7; }
.ds[data-style="nudra"] .nd-nm.is-last .nd-big { color: #c9a96a; }
.ds[data-style="nudra"] .nd-nm > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #a8a39a; word-spacing: .2em; margin-top: 0.556cqw; }
.ds[data-style="nudra"][data-tl="numbers"] .nd-bd { padding-top: 0; }
.ds[data-style="nudra"][data-tl="numbers"] .r-body:has(.mk) { font-size: calc(4.074cqw * var(--fs)); font-weight: 300; }

/* ---------- شهادة عميل ---------- */
.ds[data-style="nudra"] .nd-circ { position: absolute; left: 38.889cqw; top: 13.889cqw; width: 22.222cqw; height: 22.222cqw; border-radius: 50%; overflow: hidden; background: #e9e5df; }
.ds[data-style="nudra"] .nd-seal { position: absolute; left: 44.722cqw; top: 104.537cqw; width: 10.556cqw; height: 10.556cqw; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-seal.is-top { left: 43.056cqw; top: 18.056cqw; width: 13.889cqw; height: 13.889cqw; }
.ds[data-style="nudra"][data-tl="testimonial"] { padding-top: 43.704cqw; }
.ds[data-style="nudra"][data-tl="testimonial"] .nd-rule { margin: 4.167cqw auto 2.685cqw; }
.ds[data-style="nudra"] .nd-circ.is-empty { display: grid; place-items: center; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-circ.is-empty > svg { width: 11.111cqw; height: 11.111cqw; }
.ds[data-style="nudra"][data-tl="testimonial"] .r-head { font-size: calc(5.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.44; max-width: 83.333cqw; text-wrap: wrap; }
.ds[data-style="nudra"][data-tl="testimonial"] .nd-bd, .ds[data-style="nudra"][data-tl="piece"] .nd-bd, .ds[data-style="nudra"][data-tl="editorial"] .nd-bd, .ds[data-style="nudra"][data-tl="cta"] .nd-bd { margin-top: 0; padding-top: 0; }
.ds[data-style="nudra"][data-tl="testimonial"] .r-body { font-size: calc(3.704cqw * var(--fs)); font-weight: 400; word-spacing: .2em; }

/* ---------- ما يرافق القطعة ---------- */
.ds[data-style="nudra"] .nd-svc { display: flex; flex-direction: column; margin: 10.833cqw 0 0; }
.ds[data-style="nudra"] .nd-svc .nd-row { display: flex; align-items: center; gap: 2.593cqw; min-height: 11.389cqw; padding: 0.926cqw 0; border-bottom: 0.093cqw solid rgba(242, 238, 231, .15); }
.ds[data-style="nudra"] .nd-svc svg.nd-ri { flex: none; width: 5.556cqw; height: 5.556cqw; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-svc .nd-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--nd-ink); text-align: right; }

/* ---------- معلومات المعرض ---------- */
.ds[data-style="nudra"] .nd-info { display: flex; flex-direction: column; align-items: center; margin: 11.111cqw 0 0; }
.ds[data-style="nudra"] .nd-arch { display: block; width: 16.944cqw; height: 16.944cqw; margin-bottom: 4.907cqw; color: var(--nd-ic); }
.ds[data-style="nudra"] .nd-pr { display: flex; flex-direction: column; align-items: center; }
.ds[data-style="nudra"] .nd-pr + .nd-pr { margin-top: 1.759cqw; }
.ds[data-style="nudra"] .nd-pr > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: #8a7241; }
.ds[data-style="nudra"] .nd-pr > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: var(--nd-ink); }
.ds[data-style="nudra"][data-tl="showroom"] .r-body { font-weight: 200; font-size: calc(4.167cqw * var(--fs)); }
.ds[data-style="nudra"][data-tl="showroom"] { padding-bottom: 9.352cqw; }

/* ---------- الدعوة: تاج، عنوان، وزر بإطار 1px ---------- */
.ds[data-style="nudra"][data-tl="cta"] { padding-top: 45.648cqw; }
.ds[data-style="nudra"][data-tl="cta"] .r-tag { margin-bottom: 2.407cqw; }
.ds[data-style="nudra"][data-tl="cta"] .nd-rule { margin: 3.704cqw auto 3.148cqw; }
.ds[data-style="nudra"][data-tl="cta"] .nd-bico { left: 43.148cqw; top: 21.389cqw; width: 13.796cqw; height: 13.796cqw; }
.ds[data-style="nudra"][data-tl="cta"] .r-head { font-size: calc(8.704cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.32; max-width: 55.556cqw; }
.ds[data-style="nudra"][data-tl="cta"] .r-body { font-weight: 200; font-size: calc(4.074cqw * var(--fs)); max-width: 42.593cqw; }
.ds[data-style="nudra"][data-tl="cta"] .r-body:has(.mk) { margin-top: 6.204cqw; min-width: 32.037cqw; padding: 1.667cqw 5.556cqw; border: 0.093cqw solid #c9a96a; color: #c9a96a; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.6; }
/* nudra:end */

/* fonts:minassa:start */
@font-face { font-family: "MKD Camel";   font-weight: 300; font-display: swap; src: url(fonts/camel-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel";   font-weight: 500; font-display: swap; src: url(fonts/camel-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel";   font-weight: 800; font-display: swap; src: url(fonts/camel-800.woff2) format("woff2"); }
.ds[data-kit="camel"] { --fd: "MKD Camel"; --fdw: 800; --dk: 1; --dlh: 1.3; --ft: "MKD Camel"; --ftw: 400; }
/* fonts:minassa:end */

/* minassa:start */
/* ==========================================================================
   أسلوب «مِنصّة» — من نظام «هوية التدريب والدورات» الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350. الشكل من mnPlan (data-tl). مكوّن البيانات داخل
   كتلة النص فلا يتداخل نص مع بطاقة، والملاءمة تصغّر الكل معًا. زوايا حادة.
   ========================================================================== */
.ds[data-style="minassa"] {
  --mn-in: #1b2a6b; --mn-ink: #121a3d; --mn-gold: #f0b429; --mn-gi: #3d2a04; --mn-ge: #574008; --mn-ch: #fbfaf7;
  --mn-pn: #f6f7fb; --mn-body: #565e80; --mn-bod: #d5daf0; --mn-line: #e3e5ee; --mn-soft: #8f96bd;
  --mn-bg: #fbfaf7; --mn-tag: #1b2a6b; --mn-hd: #121a3d; --mn-tx: #565e80; --mn-mk: #121a3d;
  --fg: #121a3d !important; --sub: #565e80 !important; --tag: #1b2a6b !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mn-hd); padding: 9.815cqw 7.407cqw 9.074cqw;
}
.ds[data-style="minassa"] .ds-bgl { background: var(--mn-bg); }
.ds[data-style="minassa"] .ds-scene, .ds[data-style="minassa"] .ds-bgimg, .ds[data-style="minassa"] .ds-shade, .ds[data-style="minassa"] .ds-me, .ds[data-style="minassa"] .ds-mast, .ds[data-style="minassa"] .ds-num, .ds[data-style="minassa"] .ds-swipe { display: none !important; }
.ds[data-style="minassa"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="minassa"] .mn-hd, .ds[data-style="minassa"] .mn-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="minassa"] .mn-bd { margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="minassa"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Camel، التراتب بالوزن والحجم ---------- */
.ds[data-style="minassa"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--mn-tag); word-spacing: .2em; margin: 0 0 1.204cqw; }
.ds[data-style="minassa"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.333cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.3); color: var(--mn-hd); max-width: 51.852cqw; text-wrap: pretty; }
.ds[data-style="minassa"] .mn-wide .r-head { max-width: 79.63cqw; }
.ds[data-style="minassa"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.815cqw * var(--fs)); line-height: 1.45; color: var(--mn-tx); text-wrap: pretty; }
.ds[data-style="minassa"] .r-body:has(.mk) { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.185cqw * var(--fs)); line-height: 1.3; color: var(--mn-mk); max-width: 57.407cqw; }
.ds[data-style="minassa"] .hl, .ds[data-style="minassa"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="minassa"] .mk { font-weight: inherit !important; }
.ds[data-style="minassa"] .mn-bd > * + * { margin-top: 2.407cqw; }
.ds[data-style="minassa"] .mn-bd > .r-body:has(.mk) + .r-body:has(.mk), .ds[data-style="minassa"] .mn-hd > .r-head + .r-head { margin-top: 0; }
.ds[data-style="minassa"] .mn-ul { display: block; align-self: flex-start; width: 15.741cqw; height: 0.741cqw; margin-top: 4.074cqw; background: var(--mn-gold); }
.ds[data-style="minassa"] svg.mn-ico, .ds[data-style="minassa"] svg.mn-ri, .ds[data-style="minassa"] svg.mn-ci, .ds[data-style="minassa"] svg.mn-big, .ds[data-style="minassa"] svg.mn-phi {
  display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="minassa"] .mn-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1; }
.ds[data-style="minassa"] svg.mn-big { position: absolute; }

/* ---------- الأرضيات ---------- */
.ds[data-style="minassa"]:is([data-tl="cover"], [data-tl="cta"]) { --mn-bg: #1b2a6b; }
.ds[data-style="minassa"]:is([data-tl="who"], [data-tl="quote"]) { --mn-bg: #121a3d; }
.ds[data-style="minassa"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="who"], [data-tl="quote"]) { --mn-tag: #f0b429; --mn-hd: #fbfaf7; --mn-tx: #d5daf0; --mn-mk: #fbfaf7; }
.ds[data-style="minassa"]:is([data-tl="modules"], [data-tl="sched"], [data-tl="review"]) { --mn-bg: #fff; }
.ds[data-style="minassa"][data-tl="price"] { --mn-bg: #f6f7fb; }
.ds[data-style="minassa"]:is([data-tl="modules"], [data-tl="bars"], [data-tl="objec"]) { --mn-mk: #1b2a6b; }
.ds[data-style="minassa"][data-tl="grid"] { --mn-bg: #f0b429; --mn-tag: #574008; --mn-hd: #3d2a04; --mn-tx: #3d2a04; --mn-mk: #3d2a04; }
.ds[data-style="minassa"][data-tl="grid"][data-mn-alt] { --mn-bg: #f6f7fb; --mn-tag: #1b2a6b; --mn-hd: #121a3d; --mn-tx: #565e80; --mn-mk: #121a3d; }
.ds[data-style="minassa"] .mn-top { position: absolute; top: 0; left: 0; right: 0; height: 2.037cqw; background: var(--mn-gold); }

/* ---------- الغلاف: مربّع ذهبي، شارة الدفعة، عنوان كبير وخط ذهبي ---------- */
.ds[data-style="minassa"][data-tl="cover"] { padding-top: 35.185cqw; padding-bottom: 26.574cqw; }
.ds[data-style="minassa"][data-tl="cover"] .mn-hd { margin-top: auto; }
.ds[data-style="minassa"][data-tl="cover"] .r-tag { margin-bottom: 2.593cqw; font-size: calc(3.333cqw * var(--fs)); }
.ds[data-style="minassa"][data-tl="cover"] .mn-ul { margin-top: 3.426cqw; }
.ds[data-style="minassa"][data-tl="cover"] .r-head { font-size: calc(11.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.08 * var(--dlh) / 1.3); max-width: 64.815cqw; }
.ds[data-style="minassa"][data-tl="cover"] .mn-long .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 75.926cqw; }
.ds[data-style="minassa"][data-tl="cover"] .mn-bd { margin-top: 0; padding-top: 3.333cqw; }
.ds[data-style="minassa"] .mn-sq { position: absolute; display: grid; place-items: center; background: var(--mn-gold); color: var(--mn-in); }
.ds[data-style="minassa"][data-tl="cover"] .mn-sq { left: 73.148cqw; top: 12.037cqw; width: 19.444cqw; height: 19.444cqw; }
.ds[data-style="minassa"][data-tl="cover"] .mn-sq svg { width: 12.315cqw; height: 12.315cqw; }
.ds[data-style="minassa"] .mn-badge { position: absolute; left: 7.407cqw; top: 14.815cqw; display: flex; align-items: center; height: 6.481cqw; padding: 0 3.333cqw; background: var(--mn-ch); color: var(--mn-in); font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.148cqw; line-height: 1; white-space: nowrap; }
.ds[data-style="minassa"] .mn-swipe { position: absolute; right: 7.407cqw; top: 112.222cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.148cqw; line-height: 1.45; color: var(--mn-gold); white-space: nowrap; word-spacing: .2em; }
.ds[data-style="minassa"] .mn-swipe b { font-weight: 500; margin-right: 0.185cqw; }
.ds-frame.is-story .ds[data-style="minassa"] .mn-swipe { display: none; }

/* ---------- تعريف المدرّب: صورة يمينًا، الاسم يسارها، ثلاث بطاقات أرقام ---------- */
.ds[data-style="minassa"] .mn-ph { position: absolute; display: grid; place-items: center; background: #f0efeb center / cover no-repeat; color: var(--mn-in); }
.ds[data-style="minassa"] .mn-ph-t { left: 51.852cqw; top: 0; right: 0; height: 59.259cqw; }
.ds[data-style="minassa"] .mn-ph-t svg { width: 15.741cqw; height: 15.741cqw; opacity: .35; }
.ds[data-style="minassa"][data-tl="trainer"] .mn-hd { padding: 2.685cqw 46.296cqw 0 0; min-height: 49.444cqw; }
.ds[data-style="minassa"][data-tl="trainer"] .r-head { max-width: 38.889cqw; font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="minassa"][data-tl="trainer"] .mn-ul { width: 11.111cqw; margin-top: 1.944cqw; }
.ds[data-style="minassa"] .mn-meta { margin-top: 1.667cqw; font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="minassa"] .mn-stats { display: flex; gap: 1.481cqw; margin-top: 7.407cqw; }
.ds[data-style="minassa"] .mn-st { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: 16.944cqw; padding: 2.778cqw 2.407cqw 2.593cqw; background: var(--mn-in); }
.ds[data-style="minassa"] .mn-st .mn-v { align-self: flex-end; font-size: calc(5.741cqw * var(--fs)); color: var(--mn-gold); }
.ds[data-style="minassa"] .mn-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--mn-ch); margin-top: 1.111cqw; }
.ds[data-style="minassa"] .mn-st.mn-on { background: var(--mn-gold); }
.ds[data-style="minassa"] .mn-st.mn-on > * { color: var(--mn-gi) !important; }

/* ---------- وحدات مرقّمة ---------- */
.ds[data-style="minassa"] .mn-mods { display: flex; flex-direction: column; margin-top: 7.037cqw; border-bottom: 0.185cqw solid var(--mn-line); }
.ds[data-style="minassa"] .mn-mods .mn-row { display: flex; align-items: center; gap: 2.407cqw; min-height: 9.907cqw; padding: 0.741cqw 2.407cqw 0.741cqw 0; border-top: 0.185cqw solid var(--mn-line); }
.ds[data-style="minassa"] .mn-mods .mn-row > span { font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="minassa"] .mn-mods .mn-v { flex: none; min-width: 4.444cqw; font-size: calc(4.074cqw * var(--fs)); color: var(--mn-gold); text-align: right; }
.ds[data-style="minassa"] .mn-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: var(--mn-ink); }
.ds[data-style="minassa"][data-tl="modules"] { padding-bottom: 8.889cqw; }
.ds[data-style="minassa"][data-tl="modules"] .mn-bd { padding-top: 0.556cqw; }
.ds[data-style="minassa"][data-tl="modules"] .mn-bd .r-body:has(.mk) { font-size: calc(5.185cqw * var(--fs)); line-height: 1.28; }
.ds[data-style="minassa"][data-tl="grid"] .mn-bd .r-body:has(.mk) { font-size: calc(5.463cqw * var(--fs)); }
.ds[data-style="minassa"][data-tl="modules"] .r-head { font-size: calc(8.333cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.3); }

/* ---------- بطاقات أرقام على الذهبي ---------- */
.ds[data-style="minassa"] .mn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.667cqw; margin-top: 8.981cqw; }
.ds[data-style="minassa"] .mn-c { display: flex; flex-direction: column; min-height: 25.463cqw; padding: 3.704cqw 2.778cqw 3.333cqw; background: #fff; }
.ds[data-style="minassa"] .mn-g3 .mn-c:last-child { grid-column: 1 / -1; }
.ds[data-style="minassa"] .mn-c svg.mn-ci { align-self: flex-start; width: 5.556cqw; height: 5.556cqw; margin: -0.556cqw -0.37cqw 0; color: var(--mn-in); stroke-width: 3.6; }
.ds[data-style="minassa"] .mn-c .mn-v { align-self: flex-end; margin-top: 1.296cqw; font-size: calc(5.741cqw * var(--fs)); color: var(--mn-ink); }
.ds[data-style="minassa"] .mn-c > span { margin-top: auto; padding-top: 1.852cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--mn-body); }
.ds[data-style="minassa"] .mn-c.mn-on { background: var(--mn-in); }
.ds[data-style="minassa"] .mn-c.mn-on svg, .ds[data-style="minassa"] .mn-c.mn-on .mn-v { color: var(--mn-gold); }
.ds[data-style="minassa"] .mn-c.mn-on > span { color: var(--mn-ch); }
.ds[data-style="minassa"][data-mn-alt] .mn-c.mn-on { background: var(--mn-ink); }

/* ---------- أشرطة نسب ---------- */
.ds[data-style="minassa"] .mn-bars { display: flex; flex-direction: column; gap: 2.87cqw; margin-top: 8.889cqw; }
.ds[data-style="minassa"] .mn-bt { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="minassa"] .mn-bt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.259cqw * var(--fs)); line-height: 1.35; color: var(--mn-ink); }
.ds[data-style="minassa"] .mn-bt .mn-v { font-size: calc(4.815cqw * var(--fs)); color: var(--mn-in); }
.ds[data-style="minassa"] .mn-tr { display: block; height: 2.037cqw; margin-top: 1.481cqw; background: var(--mn-line); }
.ds[data-style="minassa"] .mn-fl { display: block; height: 100%; background: var(--mn-in); }
.ds[data-style="minassa"] .mn-b2 .mn-fl { background: var(--mn-gold); }
.ds[data-style="minassa"] .mn-b3 .mn-fl { background: var(--mn-body); }
.ds[data-style="minassa"] .mn-b4 .mn-fl { background: var(--mn-ink); }
.ds[data-style="minassa"][data-tl="bars"] svg.mn-big { left: 7.037cqw; top: 88.704cqw; width: 13.333cqw; height: 13.333cqw; color: var(--mn-soft); stroke-width: 3.6; }

/* ---------- صفوف على الحبر، والخُلاصة في لوح ذهبي ---------- */
.ds[data-style="minassa"] .mn-who { display: flex; flex-direction: column; gap: 2.407cqw; margin-top: 16.574cqw; }
.ds[data-style="minassa"] .mn-who .mn-row { display: flex; align-items: center; gap: 2.778cqw; min-height: 10.926cqw; padding: 0.926cqw 3.704cqw; background: var(--mn-in); }
.ds[data-style="minassa"] .mn-who svg.mn-ri { flex: none; width: 5.556cqw; height: 5.556cqw; margin: -0.37cqw; color: var(--mn-gold); stroke-width: 3.4; }
.ds[data-style="minassa"] .mn-who .mn-row > span { color: var(--mn-ch); }
.ds[data-style="minassa"][data-tl="who"] { padding-bottom: 10.185cqw; }
.ds[data-style="minassa"][data-tl="who"] .mn-bd .r-body:has(.mk) { max-width: none; padding: 2.778cqw 3.704cqw; background: var(--mn-gold); color: var(--mn-gi); }
.ds[data-style="minassa"][data-tl="who"] .mn-bd > .r-body:has(.mk) + .r-body:has(.mk) { padding-top: 0; margin-top: -2.778cqw; }

/* ---------- جدول ---------- */
.ds[data-style="minassa"] .mn-sch { display: flex; flex-direction: column; gap: 1.852cqw; margin-top: 16.574cqw; }
.ds[data-style="minassa"] .mn-sch .mn-row { display: flex; align-items: center; gap: 2.778cqw; min-height: 10.741cqw; padding: 0.926cqw 3.704cqw 0.926cqw 3.148cqw; background: var(--mn-pn); }
.ds[data-style="minassa"] .mn-sch svg.mn-ri { flex: none; width: 5.185cqw; height: 5.185cqw; margin: -0.37cqw; color: var(--mn-in); stroke-width: 3.4; }
.ds[data-style="minassa"] .mn-sch .mn-row > b { margin-inline-start: auto; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--mn-in); text-align: left; }
.ds[data-style="minassa"] .mn-sch .mn-on { background: var(--mn-in); }
.ds[data-style="minassa"] .mn-sch .mn-on > span { color: var(--mn-ch); }
.ds[data-style="minassa"] .mn-sch .mn-on > b, .ds[data-style="minassa"] .mn-sch .mn-on svg { color: var(--mn-gold); }

/* ---------- اعتراضات: بطاقات بإطار، والسؤال يسار الخُلاصة ---------- */
.ds[data-style="minassa"] .mn-obj { display: flex; flex-direction: column; gap: 2.778cqw; margin-top: 6.019cqw; }
.ds[data-style="minassa"] .mn-oc { display: flex; flex-direction: column; min-height: 26.389cqw; padding: 3.056cqw 3.704cqw; background: #fff; border: 0.278cqw solid var(--mn-line); }
.ds[data-style="minassa"] .mn-oq { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.35; color: #8a90ad; margin: 0 0 1.111cqw; }
.ds[data-style="minassa"] .mn-oa { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(5cqw * var(--fs)); line-height: 1.35; color: var(--mn-ink); max-width: 44.444cqw; }
.ds[data-style="minassa"][data-tl="objec"] .mn-bd { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="minassa"][data-tl="objec"] svg.mn-big { left: 7.315cqw; top: 101.759cqw; width: 12.222cqw; height: 12.222cqw; color: #9ea3c7; stroke-width: 3; }

/* ---------- رأي خرّيج ---------- */
.ds[data-style="minassa"] .mn-ph-r { left: 71.296cqw; top: 10.185cqw; width: 21.296cqw; height: 21.296cqw; }
.ds[data-style="minassa"] .mn-ph-r svg { width: 10.185cqw; height: 10.185cqw; opacity: .35; }
.ds[data-style="minassa"][data-tl="review"] .mn-hd { padding: 2.778cqw 24.074cqw 0 0; min-height: 22.222cqw; }
.ds[data-style="minassa"][data-tl="review"] .r-head { font-size: calc(5.185cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.3; max-width: none; }
.ds[data-style="minassa"][data-tl="review"] .r-tag { margin-bottom: 0.648cqw; }
.ds[data-style="minassa"][data-tl="review"] .mn-meta { margin-top: 0; font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="minassa"][data-tl="review"] .mn-bd { margin-top: 0; padding-top: 11.111cqw; }
.ds[data-style="minassa"][data-tl="review"] .mn-bd .r-body { font-weight: 500; font-size: calc(6.481cqw * var(--fs)); line-height: 1.42; color: var(--mn-ink); max-width: none; }
.ds[data-style="minassa"] .mn-rate { display: flex; align-items: center; gap: 2.778cqw; margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="minassa"] .mn-rate svg.mn-ri { flex: none; width: 7.037cqw; height: 7.037cqw; margin: -0.556cqw 1.111cqw -0.556cqw 0; color: var(--mn-in); stroke-width: 3; }
.ds[data-style="minassa"] .mn-rate > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--mn-body); }

/* ---------- الباقات ---------- */
.ds[data-style="minassa"] .mn-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 1.667cqw; margin-top: 17.5cqw; }
.ds[data-style="minassa"] .mn-p3 { grid-template-columns: 1fr 1fr 1fr; }
.ds[data-style="minassa"] .mn-pc { display: flex; flex-direction: column; min-height: 36.759cqw; padding: 2.778cqw 2.963cqw 2.5cqw; background: #fff; }
.ds[data-style="minassa"] .mn-pl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.519cqw * var(--fs)); line-height: 1.4; color: var(--mn-body); }
.ds[data-style="minassa"] .mn-pc .mn-v { align-self: flex-end; margin-top: 1.667cqw; font-size: calc(7.037cqw * var(--fs)); color: var(--mn-ink); }
.ds[data-style="minassa"] .mn-pu { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--mn-body); margin-top: 1.667cqw; }
.ds[data-style="minassa"] .mn-px { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.55; color: var(--mn-body); margin-top: auto; padding-top: 2.222cqw; max-width: 29.63cqw; }
.ds[data-style="minassa"] .mn-pc.mn-on { background: var(--mn-in); }
.ds[data-style="minassa"] .mn-pc.mn-on .mn-pl { color: var(--mn-gold); }
.ds[data-style="minassa"] .mn-pc.mn-on .mn-v, .ds[data-style="minassa"] .mn-pc.mn-on .mn-pu { color: var(--mn-ch); }
.ds[data-style="minassa"] .mn-pc.mn-on .mn-px { color: var(--mn-bod); }
.ds[data-style="minassa"][data-tl="price"] .mn-bd .r-body:not(:has(.mk)) { font-size: calc(3.889cqw * var(--fs)); }
.ds[data-style="minassa"][data-tl="price"] .mn-bd > * + * { margin-top: 3.519cqw; }

/* ---------- مقولة على الحبر ---------- */
.ds[data-style="minassa"][data-tl="quote"] .mn-hd { margin-top: auto; }
.ds[data-style="minassa"][data-tl="quote"] .r-head { font-size: calc(10cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.145 * var(--dlh) / 1.3); max-width: 38.519cqw; }
.ds[data-style="minassa"][data-tl="quote"] { padding-bottom: 10.463cqw; }
.ds[data-style="minassa"][data-tl="quote"] .mn-long .r-head { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 75.926cqw; }
.ds[data-style="minassa"][data-tl="quote"] .mn-bd { margin-top: 0; padding-top: 6.481cqw; }
.ds[data-style="minassa"][data-tl="quote"] .mn-bd .r-body:not(:has(.mk)) { font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="minassa"][data-tl="quote"] svg.mn-big { left: 36.296cqw; top: 29.444cqw; width: 26.852cqw; height: 26.852cqw; color: var(--mn-gold); stroke-width: 4.5; }

/* ---------- الدعوة: مربّع ذهبي في الوسط، نص في الوسط، زر ذهبي ---------- */
.ds[data-style="minassa"][data-tl="cta"] { padding-top: 55.185cqw; padding-bottom: 5.556cqw; text-align: center; }
.ds[data-style="minassa"][data-tl="cta"] .mn-sq { left: 36.574cqw; top: 18.519cqw; width: 26.852cqw; height: 26.852cqw; }
.ds[data-style="minassa"][data-tl="cta"] .mn-sq svg { width: 16.204cqw; height: 16.204cqw; }
.ds[data-style="minassa"][data-tl="cta"] :is(.mn-hd, .mn-bd) { align-items: center; }
.ds[data-style="minassa"][data-tl="cta"] .r-head { max-width: 43.519cqw; font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="minassa"][data-tl="cta"] .r-tag { font-size: calc(3.333cqw * var(--fs)); margin-bottom: 1.852cqw; }
.ds[data-style="minassa"][data-tl="cta"] .mn-long .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 70.37cqw; }
.ds[data-style="minassa"][data-tl="cta"] .mn-bd { margin-top: 0; padding-top: 2.5cqw; }
.ds[data-style="minassa"][data-tl="cta"] .mn-bd .r-body:not(:has(.mk)) { font-size: calc(4.63cqw * var(--fs)); line-height: 1.47; max-width: 42.593cqw; text-wrap: balance; }
.ds[data-style="minassa"][data-tl="cta"] .mn-bd .r-body:has(.mk) { margin-top: 3.981cqw; font-size: calc(5.463cqw * var(--fs)); padding: 2.778cqw 6.481cqw; background: var(--mn-gold); color: var(--mn-gi); max-width: none; }
/* minassa:end */

/* fonts:nafs:start */
@font-face { font-family: "MKD Crafts"; font-weight: 700; font-display: swap; src: url(fonts/crafts-700.woff2) format("woff2"); }
.ds[data-kit="nafs"] { --fd: "MKD Crafts"; --fdw: 900; --dk: 1; --dlh: 1.2; --ft: "MKD Crafts"; --ftw: 400; }
/* fonts:nafs:end */

/* nafs:start */
/* ==========================================================================
   أسلوب «نَفَس» — من نظام الصحة النفسية الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350 محوّلة إلى cqw. الشكل من nfPlan (data-tl).
   مكوّن البيانات داخل كتلة النص فلا يتداخل نص مع بطاقة، والملاءمة تصغّر الكل
   معًا. هوية ناعمة: زوايا 30–40px ودوائر وأزرار كبسولية، بلا خطوط سميكة.
   ========================================================================== */
.ds[data-style="nafs"] {
  --nf-lav: #6f5b96; --nf-mist: #e6dcf2; --nf-tint: #f3eefa; --nf-cream: #f7f3ec;
  --nf-ink: #2b2a3d; --nf-body: #56526b; --nf-apr: #e0a06b; --nf-aprink: #3d2410; --nf-sage: #8fa895; --nf-sageink: #12251a;
  --nf-bg: var(--nf-cream); --nf-h: var(--nf-ink); --nf-b: var(--nf-body); --nf-t: var(--nf-lav); --nf-m: var(--nf-lav);
  --fg: #2b2a3d !important; --sub: #56526b !important; --tag: #6f5b96 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--nf-h); padding: 10.185cqw 8.889cqw 11.111cqw;
}
.ds[data-style="nafs"] .ds-bgl { background: var(--nf-bg); }
.ds[data-style="nafs"] .ds-scene, .ds[data-style="nafs"] .ds-bgimg, .ds[data-style="nafs"] .ds-shade, .ds[data-style="nafs"] .ds-me, .ds[data-style="nafs"] .ds-mast, .ds[data-style="nafs"] .ds-num, .ds[data-style="nafs"] .ds-swipe { display: none !important; }
.ds[data-style="nafs"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="nafs"] .nf-hd, .ds[data-style="nafs"] .nf-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="nafs"] .nf-bd { margin-top: auto; padding-top: calc(2.222cqw * var(--fs)); }
.ds[data-style="nafs"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: سنة الحرف، التراتب بالوزن والحجم ---------- */
.ds[data-style="nafs"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--nf-t); word-spacing: .3em; margin: 0 0 calc(1.759cqw * var(--fs)); }
.ds[data-style="nafs"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); color: var(--nf-h); text-wrap: balance; }
.ds[data-style="nafs"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.815cqw * var(--fs)); line-height: 1.6; color: var(--nf-b); text-wrap: pretty; }
.ds[data-style="nafs"] .r-body:has(.mk), .ds[data-style="nafs"] .nf-bd .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.556cqw * var(--fs)); line-height: 1.28; color: var(--nf-m); text-wrap: balance; }
.ds[data-style="nafs"] .hl, .ds[data-style="nafs"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="nafs"] .mk { font-weight: inherit !important; }
.ds[data-style="nafs"] .nf-hd .r-head { max-width: 50cqw; }
.ds[data-style="nafs"] .nf-hd .r-head.nf-seq { max-width: none; }
.ds[data-style="nafs"] .nf-bd .r-body:has(.mk) { max-width: 59.259cqw; }
.ds[data-style="nafs"] .nf-bd > * + * { margin-top: calc(3.333cqw * var(--fs)); }
.ds[data-style="nafs"] svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="nafs"] .nf-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1; }
.ds[data-style="nafs"] .nf-side { position: absolute; color: var(--nf-lav); opacity: .45; }
.ds[data-style="nafs"] :is(.nf-arc, .nf-cc) { position: absolute; border-radius: 50%; }
.ds[data-style="nafs"] .nf-cc { display: grid; place-items: center; }
/* بطاقات: صفوف نص على بطاقة مستديرة */
.ds[data-style="nafs"] .nf-cards { display: flex; flex-direction: column; gap: calc(2.13cqw * var(--fs)); margin: calc(8.426cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-cards .nf-row { display: flex; align-items: center; gap: calc(3.333cqw * var(--fs)); min-height: calc(11.852cqw * var(--fs)); padding: calc(1.852cqw * var(--fs)) calc(4.074cqw * var(--fs)); background: #fff; border-radius: 2.778cqw; }
.ds[data-style="nafs"] .nf-cards .nf-row > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: var(--nf-ink); }

/* ---------- الغلاف: قوس ضبابي ودائرة تحمل الرسمة، وزر اسحب ---------- */
.ds[data-style="nafs"][data-tl="cover"] { padding-top: 43.519cqw; padding-bottom: 5cqw; }
.ds[data-style="nafs"][data-tl="cover"] .nf-hd { margin-top: auto; }
.ds[data-style="nafs"][data-tl="cover"] .nf-arc { left: 33.333cqw; top: -27.778cqw; width: 83.333cqw; height: 83.333cqw; background: var(--nf-mist); }
.ds[data-style="nafs"][data-tl="cover"] .nf-cc { left: 35.185cqw; top: 13.889cqw; width: 29.63cqw; height: 29.63cqw; background: var(--nf-cream); color: var(--nf-lav); }
.ds[data-style="nafs"][data-tl="cover"] .nf-cc svg { width: 18.519cqw; height: 18.519cqw; }
.ds[data-style="nafs"][data-tl="cover"] .r-tag { margin-bottom: 3.056cqw; }
.ds[data-style="nafs"][data-tl="cover"] .nf-hd .r-head { font-size: calc(11.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.2); max-width: 55.556cqw; }
.ds[data-style="nafs"][data-tl="cover"] .nf-bd { margin-top: 0; padding-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="nafs"][data-tl="cover"] .nf-bd > .nf-swipe { margin-top: calc(0.926cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-swipe { align-self: flex-start; display: block; padding: calc(2.037cqw * var(--fs)) calc(3.889cqw * var(--fs)); border-radius: 92.5cqw; background: var(--nf-lav); color: #fff; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: 3.148cqw; line-height: 1.5; }
.ds[data-style="nafs"] .nf-bd > .nf-swipe { align-self: flex-start; }
.ds-frame.is-story .ds[data-style="nafs"] .nf-swipe { display: none; }

/* ---------- علامة برقم: دائرة ورقم، ومتن، وخلاصة في صندوق فاتح ---------- */
.ds[data-style="nafs"][data-tl="sign"] { --nf-bg: #fff; --nf-m: var(--nf-ink); }
.ds[data-style="nafs"] .nf-stat { display: flex; align-items: stretch; gap: calc(3.519cqw * var(--fs)); margin: calc(5.648cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-circ { flex: none; display: grid; place-items: center; width: 24.074cqw; height: 24.074cqw; border-radius: 50%; background: var(--nf-mist); color: var(--nf-lav); }
.ds[data-style="nafs"] .nf-circ svg { width: 11.111cqw; height: 11.111cqw; }
.ds[data-style="nafs"] .nf-sv { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: calc(2.778cqw * var(--fs)); min-width: 0; }
.ds[data-style="nafs"] .nf-sv .nf-v { align-self: flex-end; font-size: calc(8.704cqw * var(--fs)); color: var(--nf-lav); }
.ds[data-style="nafs"] .nf-sv > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.889cqw * var(--fs)); line-height: 1.4; color: var(--nf-body); }
.ds[data-style="nafs"][data-tl="sign"] .nf-bd > * + * { margin-top: calc(3.426cqw * var(--fs)); }
.ds[data-style="nafs"]:is([data-tl="sign"], [data-tl="help"]) .nf-bd .r-body:has(.mk) { max-width: none; padding: calc(2.778cqw * var(--fs)) calc(4.074cqw * var(--fs)); border-radius: 3.704cqw; background: var(--nf-tint); }
.ds[data-style="nafs"][data-tl="sign"] .nf-bd .r-body:has(.mk) { padding-block: calc(3.519cqw * var(--fs)); }

/* ---------- قائمة إشارات: بطاقات بيضاء برسمة، والأخيرة بنفسجية ---------- */
.ds[data-style="nafs"] .nf-signs svg.nf-ri { flex: none; width: 5.741cqw; height: 5.741cqw; margin: calc(-0.741cqw * var(--fs)) calc(-0.741cqw * var(--fs)) calc(-0.741cqw * var(--fs)) calc(-0.926cqw * var(--fs)); color: var(--nf-lav); }
.ds[data-style="nafs"] .nf-cards .nf-hi { background: var(--nf-lav); }
.ds[data-style="nafs"] .nf-cards .nf-hi > span { color: #fff; }
.ds[data-style="nafs"] .nf-cards .nf-hi svg.nf-ri { color: var(--nf-mist); }

/* ---------- تمرين تنفّس: بطاقات رقم وكلمة على الضبابي ---------- */
.ds[data-style="nafs"][data-tl="breath"] { --nf-bg: var(--nf-mist); --nf-m: var(--nf-ink); }
.ds[data-style="nafs"] .nf-grid { display: flex; gap: calc(1.852cqw * var(--fs)); margin: calc(16.296cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-grid .nf-c { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(3.704cqw * var(--fs)); min-height: calc(26.111cqw * var(--fs)); padding: calc(2.778cqw * var(--fs)) calc(1.852cqw * var(--fs)); background: #fff; border-radius: 3.704cqw; text-align: center; }
.ds[data-style="nafs"] .nf-grid .nf-v { font-size: calc(8.148cqw * var(--fs)); color: var(--nf-lav); }
.ds[data-style="nafs"] .nf-grid .nf-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.519cqw * var(--fs)); line-height: 1.3; color: var(--nf-ink); }
.ds[data-style="nafs"][data-tl="breath"] .nf-bd > * + * { margin-top: calc(7.5cqw * var(--fs)); }
.ds[data-style="nafs"][data-tl="breath"] .nf-side { left: 8.704cqw; top: 73.611cqw; width: 17.037cqw; height: 17.037cqw; opacity: .55; }
.ds[data-style="nafs"][data-tl="breath"] .nf-bd { padding-left: 21.296cqw; }

/* ---------- مقولة على البنفسجي ---------- */
.ds[data-style="nafs"][data-tl="quote"] { --nf-bg: var(--nf-lav); --nf-h: #fff; --nf-b: #ece5f7; --nf-t: var(--nf-mist); --nf-m: #fff; padding-bottom: 12.778cqw; }
.ds[data-style="nafs"][data-tl="quote"] .nf-arc { left: -20.37cqw; top: -20.37cqw; width: 64.815cqw; height: 64.815cqw; background: rgba(255, 255, 255, .1); }
.ds[data-style="nafs"][data-tl="quote"] svg.nf-big { position: absolute; left: 37.037cqw; top: 27.778cqw; width: 25.926cqw; height: 25.926cqw; color: var(--nf-mist); }
.ds[data-style="nafs"][data-tl="quote"] .nf-hd { margin-top: auto; }
.ds[data-style="nafs"][data-tl="quote"] .nf-hd .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); max-width: 55.556cqw; }
.ds[data-style="nafs"][data-tl="quote"] .nf-bd { margin-top: 0; padding-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="nafs"][data-tl="quote"] .r-body:not(:has(.mk)) { font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; font-weight: 500; }

/* ---------- شائع مقابل الصحيح ---------- */
.ds[data-style="nafs"][data-tl="myth"] { --nf-bg: #fff; padding-bottom: 12.315cqw; }
.ds[data-style="nafs"] .nf-myth { display: flex; flex-direction: column; gap: calc(3.241cqw * var(--fs)); margin: calc(15.278cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-mc { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); padding: calc(3.148cqw * var(--fs)) calc(3.704cqw * var(--fs)) calc(3.704cqw * var(--fs)); border-radius: 3.704cqw; background: var(--nf-cream); }
.ds[data-style="nafs"] .nf-mc p { margin: 0; font-family: var(--fd), Tahoma, sans-serif; }
.ds[data-style="nafs"] .nf-no { font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #7a7490; }
.ds[data-style="nafs"] .nf-yes { font-weight: 700; font-size: calc(5.093cqw * var(--fs)); line-height: 1.35; color: var(--nf-ink); }
.ds[data-style="nafs"]:is([data-tl="myth"], [data-tl="bounds"], [data-tl="journal"]) .nf-bd { padding-left: 13.889cqw; }
.ds[data-style="nafs"]:is([data-tl="myth"], [data-tl="bounds"], [data-tl="journal"]) .nf-side, .ds[data-style="nafs"][data-tl="breath"] .nf-side.nf-low { left: 8.889cqw; top: 101.111cqw; width: 11.667cqw; height: 11.667cqw; }

/* ---------- تمرين مرقّم على المريمي ---------- */
.ds[data-style="nafs"][data-tl="ground"] { --nf-bg: var(--nf-sage); --nf-h: var(--nf-sageink); --nf-b: var(--nf-sageink); --nf-t: #1f3327; --nf-m: var(--nf-sageink); padding-bottom: 8.333cqw; }
.ds[data-style="nafs"] .nf-steps { display: flex; flex-direction: column; gap: calc(1.759cqw * var(--fs)); margin: calc(9.259cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-steps .nf-row { display: flex; align-items: center; gap: calc(3.519cqw * var(--fs)); min-height: calc(11.204cqw * var(--fs)); padding: calc(1.481cqw * var(--fs)) calc(4.815cqw * var(--fs)); background: #fff; border-radius: 2.778cqw; }
.ds[data-style="nafs"] .nf-steps .nf-v { flex: none; min-width: 2.963cqw; font-size: calc(4.63cqw * var(--fs)); color: #4b7556; text-align: center; }
.ds[data-style="nafs"] .nf-steps .nf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.889cqw * var(--fs)); line-height: 1.4; color: var(--nf-sageink); }
.ds[data-style="nafs"] .nf-steps .nf-hi { background: var(--nf-sageink); }
.ds[data-style="nafs"] .nf-steps .nf-hi > * { color: #fff !important; }
.ds[data-style="nafs"][data-tl="ground"] .nf-bd { margin-top: calc(-0.926cqw * var(--fs)); padding-top: 0; }
.ds[data-style="nafs"][data-tl="ground"] .nf-hd .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); }

/* ---------- جمل على بطاقات، والأخيرة مشمشية ---------- */
.ds[data-style="nafs"][data-tl="bounds"] { padding-bottom: 13.889cqw; }
.ds[data-style="nafs"][data-tl="signs"] { padding-bottom: 10.37cqw; }
.ds[data-style="nafs"] .nf-bounds { gap: calc(2.315cqw * var(--fs)); margin-top: calc(7.5cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-journal { gap: calc(2.315cqw * var(--fs)); margin-top: calc(8.426cqw * var(--fs)); }
.ds[data-style="nafs"] :is(.nf-bounds, .nf-journal) .nf-row { min-height: calc(13.148cqw * var(--fs)); padding: calc(1.852cqw * var(--fs)) calc(3.704cqw * var(--fs)); border-radius: 3.704cqw; }
.ds[data-style="nafs"] :is(.nf-bounds, .nf-journal) .nf-row > span { font-size: calc(4.815cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-bounds .nf-row { min-height: calc(13.333cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-bounds .nf-hi { background: var(--nf-apr); }
.ds[data-style="nafs"] .nf-bounds .nf-hi > span { color: var(--nf-aprink); }

/* ---------- متى تطلب المساعدة: على الحبر، بشريط جانبي ---------- */
.ds[data-style="nafs"][data-tl="help"] { --nf-bg: var(--nf-ink); --nf-h: #fff; --nf-t: #c3b4de; --nf-m: #fff; --nf-tint: var(--nf-lav); padding-bottom: 10.185cqw; }
.ds[data-style="nafs"] .nf-help { display: flex; flex-direction: column; gap: calc(2.5cqw * var(--fs)); margin: calc(7.5cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-help .nf-row { display: flex; min-height: calc(13.704cqw * var(--fs)); padding: 0 calc(2.963cqw * var(--fs)) 0 0; border-right: 0.556cqw solid var(--nf-lav); }
.ds[data-style="nafs"] .nf-help .nf-hi { border-right-color: var(--nf-apr); }
.ds[data-style="nafs"] :is(.nf-help, .nf-routine) p { margin: 0; display: flex; flex-direction: column; justify-content: center; gap: calc(1.296cqw * var(--fs)); }
.ds[data-style="nafs"] :is(.nf-help, .nf-routine) p > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.815cqw * var(--fs)); line-height: 1.35; color: #fff; }
.ds[data-style="nafs"] :is(.nf-help, .nf-routine) p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #a8a2bd; }
.ds[data-style="nafs"] .nf-help .nf-hi p > span { color: #e8b88f; }
.ds[data-style="nafs"][data-tl="help"] .nf-bd { padding-top: calc(3.704cqw * var(--fs)); }

/* ---------- روتين يومي: دوائر فاتحة برسمات ---------- */
.ds[data-style="nafs"][data-tl="routine"] { --nf-bg: #fff; padding-bottom: 10.648cqw; }
.ds[data-style="nafs"] .nf-routine { display: flex; flex-direction: column; gap: calc(3.519cqw * var(--fs)); margin: calc(7.5cqw * var(--fs)) 0 0; }
.ds[data-style="nafs"] .nf-routine .nf-row { display: flex; align-items: flex-start; gap: calc(2.87cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-rc { flex: none; margin-top: calc(1.111cqw * var(--fs)); display: grid; place-items: center; width: 10.185cqw; height: 10.185cqw; border-radius: 50%; background: var(--nf-tint); color: var(--nf-lav); }
.ds[data-style="nafs"] .nf-rc svg { width: 5.185cqw; height: 5.185cqw; }
.ds[data-style="nafs"] .nf-routine p { gap: calc(1.019cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-routine p > b { font-size: calc(4.444cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-routine p > span { font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-routine p > b { color: var(--nf-ink); }
.ds[data-style="nafs"] .nf-routine p > span { color: #6d6785; }

/* ---------- أسئلة على المشمشي ---------- */
.ds[data-style="nafs"][data-tl="journal"] { --nf-bg: var(--nf-apr); --nf-h: var(--nf-aprink); --nf-b: var(--nf-aprink); --nf-t: #5c3a17; --nf-m: var(--nf-aprink); padding-bottom: 12.5cqw; }
.ds[data-style="nafs"] .nf-journal .nf-row > span { color: var(--nf-aprink); }
.ds[data-style="nafs"][data-tl="journal"] .nf-side { color: var(--nf-aprink); opacity: .6; }

/* ---------- الدعوة: قوس ودائرة بنفسجية، نص في الوسط، زر كبسولي ---------- */
.ds[data-style="nafs"][data-tl="cta"] { padding-top: 55.648cqw; padding-bottom: 9.259cqw; text-align: center; }
.ds[data-style="nafs"][data-tl="cta"] .nf-arc { left: -22.222cqw; top: -22.222cqw; width: 70.37cqw; height: 70.37cqw; background: var(--nf-mist); }
.ds[data-style="nafs"][data-tl="cta"] .nf-cc { left: 36.111cqw; top: 18.519cqw; width: 27.778cqw; height: 27.778cqw; background: var(--nf-lav); color: var(--nf-mist); }
.ds[data-style="nafs"][data-tl="cta"] .nf-cc svg { width: 16.667cqw; height: 16.667cqw; }
.ds[data-style="nafs"][data-tl="cta"] .nf-hd .r-head { align-self: center; max-width: 42.593cqw; font-size: calc(9.259cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.19 * var(--dlh) / 1.2); }
.ds[data-style="nafs"][data-tl="cta"] .nf-bd { margin-top: 0; padding-top: calc(2.778cqw * var(--fs)); align-items: center; }
.ds[data-style="nafs"][data-tl="cta"] .r-body:not(:has(.mk)) { max-width: 55.556cqw; font-size: calc(4.815cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="nafs"][data-tl="cta"] .r-body:has(.mk) { max-width: none; margin-top: calc(3.704cqw * var(--fs)); padding: calc(3.704cqw * var(--fs)) calc(6.667cqw * var(--fs)); border-radius: 92.5cqw; background: var(--nf-lav); color: #fff; font-size: calc(5.37cqw * var(--fs)); }
/* خمسة عناصر: بطاقات أقصر حتى لا يصغر الخط كثيرًا */
.ds[data-style="nafs"] .nf-cards:has(> :nth-child(5)) { gap: calc(1.481cqw * var(--fs)); margin-top: calc(5.556cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-cards:has(> :nth-child(5)) .nf-row { min-height: calc(9.63cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-help:has(> :nth-child(4)) { gap: calc(1.481cqw * var(--fs)); margin-top: calc(5.556cqw * var(--fs)); }
.ds[data-style="nafs"] .nf-help:has(> :nth-child(4)) .nf-row { min-height: calc(11.111cqw * var(--fs)); }
/* nafs:end */









/* mihfaza:start */
/* ==========================================================================
   أسلوب «مِحفظة» — هوية التعليم والدورات (templates/mihfaza).
   صفحة من ملف دورة: شريط جانبي 110px على اليمين بحدّ 4px واسم الوحدة عموديًا،
   كتلة المحتوى من 160px يمينًا و80px يسارًا، وسطر سفلي فوق خط 4px.
   بطاقات بإطار 2px، مربّع رقم 56px، زوايا حادة تمامًا. الشكل من mhPlan (data-tl).
   ========================================================================== */
.ds[data-style="mihfaza"] {
  --mh-bg: #FAF9F5; --mh-sb: #fff; --mh-edge: #E86A33; --mh-side: #1B3A6B; --mh-rule: #E86A33;
  --mh-ink: #14203A; --mh-body: #4c5670; --mh-lab: #5c6680; --mh-line: #e3e0d6;
  --fg: #14203A !important; --sub: #4c5670 !important; --tag: #1B3A6B !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mh-ink); padding: 12.963cqw 14.815cqw 9.259cqw 7.407cqw;
}
.ds[data-style="mihfaza"]:is([data-tl="trainer"], [data-tl="mistakes"], [data-tl="plans"]) { --mh-bg: #fff; --mh-sb: #FAF9F5; --mh-edge: #1B3A6B; --mh-rule: #1B3A6B; }
.ds[data-style="mihfaza"][data-tl="units"] { --mh-bg: #fff; --mh-sb: #1B3A6B; --mh-edge: transparent; --mh-side: #fff; }
.ds[data-style="mihfaza"][data-tl="exercise"] { --mh-bg: #1B3A6B; --mh-sb: #14203A; --mh-edge: transparent; --mh-side: #F0A87E; --mh-ink: #fff; --mh-body: #c3ccdd; }
.ds[data-style="mihfaza"][data-tl="cta"] { --mh-bg: #14203A; --mh-sb: #1B3A6B; --mh-edge: #E86A33; --mh-side: #F0A87E; --mh-ink: #fff; --mh-body: #c3ccdd; }

.ds[data-style="mihfaza"] .ds-bgl { background: var(--mh-bg); }
.ds[data-style="mihfaza"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="mihfaza"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mihfaza"] :is(.mh-hd, .mh-bd) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mihfaza"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="mihfaza"] .hl, .ds[data-style="mihfaza"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }

/* ---------- الشريط الجانبي وحدّه، واسم الوحدة عموديًا ---------- */
.ds[data-style="mihfaza"] .mh-strip { position: absolute; top: 0; right: 0; bottom: 0; width: 10.185cqw; background: var(--mh-sb); }
.ds[data-style="mihfaza"] .mh-edge { position: absolute; top: 0; right: 10.185cqw; bottom: 0; width: 0.37cqw; background: var(--mh-edge); }
.ds[data-style="mihfaza"] .mh-side { position: absolute; top: 0.926cqw; right: -15.37cqw; width: 10.185cqw; display: flex; justify-content: center; align-items: flex-start; }
.ds[data-style="mihfaza"] .mh-side .r-tag { writing-mode: vertical-rl; direction: ltr; word-spacing: .15em; margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: 2.87cqw; line-height: 1.4; color: var(--mh-side); white-space: nowrap; max-height: 92.593cqw; overflow: visible; }
.ds[data-style="mihfaza"] .mh-side .r-tag + .r-tag { display: none; }

/* ---------- الخط: Camel للعناوين والأرقام، Graphik للمتن ---------- */
.ds[data-style="mihfaza"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--mh-side); margin: 0; }
.ds[data-style="mihfaza"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.24 * var(--dlh) / 1.3); color: var(--mh-ink); text-wrap: balance; margin: 0; }
.ds[data-style="mihfaza"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; color: var(--mh-body); text-wrap: pretty; margin: 0; }
.ds[data-style="mihfaza"] .r-body.mh-mk { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.815cqw * var(--fs)); line-height: 1.35; color: var(--mh-ink); }
.ds[data-style="mihfaza"] .mh-bd > * + * { margin-top: 2.222cqw; }
.ds[data-style="mihfaza"] .mh-hd + .mh-bd { margin-top: calc(4.074cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-lead { margin-top: calc(3.704cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-num { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1.1; }
.ds[data-style="mihfaza"] svg:is(.mh-ico, .mh-gi, .mh-ci) { display: block; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- السطر السفلي فوق خط 4px ---------- */
.ds[data-style="mihfaza"] .mh-ft { margin-top: auto; padding-top: calc(3.704cqw * var(--fs)); display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mihfaza"] .mh-rule { display: block; height: 0.37cqw; background: var(--mh-rule); }
.ds[data-style="mihfaza"] .mh-fl { display: flex; align-items: baseline; justify-content: space-between; gap: 2.778cqw; margin-top: calc(2.037cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-fb { font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--mh-body); }
.ds[data-style="mihfaza"] .mh-fb.mh-mk { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #1B3A6B; }
.ds[data-style="mihfaza"] .mh-fb.r-head { font-weight: 500; font-size: calc(5cqw * var(--fs) * var(--dk)); line-height: 1.4; color: var(--mh-ink); }
.ds[data-style="mihfaza"] .mh-swipe { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: #1B3A6B; }
.ds[data-style="mihfaza"] .mh-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 500; margin-right: 1.296cqw; }
.ds-frame.is-story .ds[data-style="mihfaza"] .mh-swipe { display: none; }

/* ---------- غلاف الدرس: شارة، عنوان، تمهيد، بطاقات مرقّمة ---------- */
.ds[data-style="mihfaza"] .mh-eb { align-self: flex-start; background: #1B3A6B; color: #fff; padding: 1.111cqw 3.519cqw 1.481cqw; font-size: calc(2.963cqw * var(--fs)); margin-bottom: calc(1.574cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="cover"] .mh-hd .r-head { font-size: calc(9.074cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.22 * var(--dlh) / 1.3); }
.ds[data-style="mihfaza"][data-tl="cover"] .mh-lead { margin-top: calc(3.519cqw * var(--fs)); max-width: 61.111cqw; }
.ds[data-style="mihfaza"] .mh-list { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); margin-top: calc(4.815cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-card { display: flex; align-items: center; gap: 2.222cqw; min-height: calc(10.37cqw * var(--fs)); padding: 0.926cqw 2.778cqw; box-sizing: border-box; background: #fff; border: 0.185cqw solid var(--mh-line); }
.ds[data-style="mihfaza"] .mh-sq { flex: none; display: grid; place-items: center; width: 5.185cqw; height: 5.185cqw; background: #1B3A6B; color: #fff; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: 2.778cqw; line-height: 1; }
.ds[data-style="mihfaza"] .mh-card:first-child .mh-sq { background: #E86A33; }
.ds[data-style="mihfaza"] .mh-card > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: #14203A; }

/* ---------- وحدات المنهج: صفوف مرقّمة بخطوط فاصلة ---------- */
.ds[data-style="mihfaza"] .mh-rows { display: flex; flex-direction: column; margin-top: calc(16.667cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-rows .mh-row { display: flex; align-items: center; gap: 2.407cqw; min-height: calc(9.722cqw * var(--fs)); padding: 0.37cqw 1.852cqw; border-bottom: 0.185cqw solid #eceae2; }
.ds[data-style="mihfaza"] .mh-rows .mh-row:last-child { border-bottom: 0; }
.ds[data-style="mihfaza"] .mh-idx { flex: none; min-width: 4.63cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.074cqw * var(--fs)); line-height: 1.2; color: #E86A33; text-align: center; }
.ds[data-style="mihfaza"] .mh-rows .mh-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: #14203A; }

/* ---------- شرح مفهوم: بطاقتان بحدّ علوي 8px، ولوح القاعدة النيلي ---------- */
.ds[data-style="mihfaza"] .mh-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 2.037cqw; margin-top: calc(7.407cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-vc { display: flex; flex-direction: column; background: #fff; border: 0.185cqw solid var(--mh-line); border-top: 0.741cqw solid #8f99ad; padding: calc(3.333cqw * var(--fs)) 2.963cqw calc(3.704cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-vc2 { border-top-color: #E86A33; }
.ds[data-style="mihfaza"] .mh-vc > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: #5c6680; margin-bottom: calc(1.296cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-vc2 > b { color: #C44E1C; }
.ds[data-style="mihfaza"] .mh-vc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.42; color: #14203A; }
.ds[data-style="mihfaza"] .mh-rule-box { display: flex; flex-direction: column; margin-top: calc(7.222cqw * var(--fs)); background: #1B3A6B; padding: calc(3.519cqw * var(--fs)) 3.519cqw calc(4.074cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-rl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: #F0A87E; margin-bottom: calc(1.111cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-rule-box .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.815cqw * var(--fs)); line-height: 1.4; color: #fff; max-width: 42.593cqw; align-self: flex-start; text-wrap: balance; }
.ds[data-style="mihfaza"][data-tl="concept"] .mh-ft { padding-top: calc(4.63cqw * var(--fs)); }

/* ---------- تمرين تطبيقي: نيلي، مربّعات تحقّق، الأخير مصمت برتقالي ---------- */
.ds[data-style="mihfaza"][data-tl="exercise"] .mh-lead { margin-top: calc(2.407cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-checks { display: flex; flex-direction: column; margin-top: auto; }
.ds[data-style="mihfaza"] .mh-checks .mh-row { display: flex; align-items: center; gap: 2.593cqw; min-height: calc(9.815cqw * var(--fs)); border-bottom: 0.093cqw solid rgba(255, 255, 255, .25); }
.ds[data-style="mihfaza"] .mh-checks .mh-row:last-child { border-bottom: 0; }
.ds[data-style="mihfaza"] .mh-box { flex: none; width: 4.444cqw; height: 4.444cqw; box-sizing: border-box; border: 0.278cqw solid #fff; }
.ds[data-style="mihfaza"] .mh-row.is-on .mh-box { border: 0; background: #E86A33; }
.ds[data-style="mihfaza"] .mh-checks .mh-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: #fff; }
.ds[data-style="mihfaza"][data-tl="exercise"] .mh-ft { margin-top: 0; padding-top: calc(12.037cqw * var(--fs)); }

/* ---------- تعريف المدرّب: صورة واسم، ثلاث خانات أرقام، فقرة ---------- */
.ds[data-style="mihfaza"] .mh-who { display: flex; align-items: center; gap: 3.333cqw; }
.ds[data-style="mihfaza"] .mh-ph { flex: none; width: 17.593cqw; height: 17.593cqw; margin-top: -0.926cqw; background: #eceae2 center / cover no-repeat; }
.ds[data-style="mihfaza"] .mh-who .mh-hd { flex: 1 1 auto; min-width: 0; }
.ds[data-style="mihfaza"][data-tl="trainer"] .mh-hd .r-head { font-size: calc(5.926cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mihfaza"][data-tl="trainer"] .mh-lead { margin-top: calc(0.556cqw * var(--fs)); font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; font-weight: 400; }
.ds[data-style="mihfaza"] .mh-stats { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 1.667cqw; margin-top: calc(10.185cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-st { display: flex; flex-direction: column; justify-content: space-between; min-height: calc(16.667cqw * var(--fs)); box-sizing: border-box; padding: calc(2.593cqw * var(--fs)) 2.407cqw calc(2.407cqw * var(--fs)); background: #1B3A6B; }
.ds[data-style="mihfaza"] .mh-st.is-hot { background: #E86A33; }
.ds[data-style="mihfaza"] .mh-st .mh-num { align-self: flex-end; font-size: calc(5.37cqw * var(--fs)); color: #fff; }
.ds[data-style="mihfaza"] .mh-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.35; color: #c3ccdd; }
.ds[data-style="mihfaza"] .mh-st.is-hot > span { color: #ffe0d0; }
.ds[data-style="mihfaza"][data-tl="trainer"] .mh-bd { margin-top: calc(18.519cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="trainer"] .mh-bd .r-body:not(.mh-mk) { line-height: 1.66; }
.ds[data-style="mihfaza"][data-tl="trainer"] .mh-fb { font-weight: 600; }

/* ---------- محتوى الدورة: شبكة 2×2، رسمة ورقم وتسمية، الأخيرة نيلية ---------- */
.ds[data-style="mihfaza"] .mh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.852cqw 2.037cqw; margin-top: calc(12.963cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-gc { display: flex; flex-direction: column; min-height: calc(35.185cqw * var(--fs)); box-sizing: border-box; padding: calc(3.148cqw * var(--fs)) 2.963cqw; background: #fff; border: 0.185cqw solid var(--mh-line); color: #1B3A6B; }
.ds[data-style="mihfaza"] .mh-gc.is-hot { background: #1B3A6B; border-color: #1B3A6B; color: #FAF9F5; }
.ds[data-style="mihfaza"] .mh-gc svg.mh-gi { width: 5.185cqw; height: 5.185cqw; margin: 0 -0.556cqw 0 0; }
.ds[data-style="mihfaza"] .mh-gc .mh-num { align-self: flex-end; margin-top: calc(1.667cqw * var(--fs)); font-size: calc(5.37cqw * var(--fs)); color: #14203A; }
.ds[data-style="mihfaza"] .mh-gc > span { margin-top: calc(0.741cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #4c5670; }
.ds[data-style="mihfaza"] .mh-gc.is-hot .mh-num { color: #fff; }
.ds[data-style="mihfaza"] .mh-gc.is-hot > span { color: #c3ccdd; }
.ds[data-style="mihfaza"][data-tl="included"] .mh-ft { padding-top: calc(0.926cqw * var(--fs)); }

/* ---------- أخطاء شائعة: حدّ جانبي 6px، الأخير برتقالي ---------- */
.ds[data-style="mihfaza"] .mh-mis { display: flex; flex-direction: column; gap: calc(3.333cqw * var(--fs)); margin-top: calc(24.537cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-mr { display: flex; flex-direction: column; border-right: 0.556cqw solid #8f99ad; padding-right: 2.963cqw; }
.ds[data-style="mihfaza"] .mh-mr.is-hot { border-right-color: #E86A33; }
.ds[data-style="mihfaza"] .mh-mr > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: #5c6680; }
.ds[data-style="mihfaza"] .mh-mr.is-hot > b { color: #C44E1C; }
.ds[data-style="mihfaza"] .mh-mr > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; color: #14203A; }

/* ---------- آراء المتدرّبين: بطاقات بيضاء واسم بعد شرطة برتقالية ---------- */
.ds[data-style="mihfaza"] .mh-voices { display: flex; flex-direction: column; gap: calc(2.407cqw * var(--fs)); margin-top: calc(23.611cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-qc { display: flex; flex-direction: column; background: #fff; border: 0.185cqw solid var(--mh-line); padding: calc(3.333cqw * var(--fs)) 3.148cqw calc(3.148cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-qc > p { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.6; color: #14203A; }
.ds[data-style="mihfaza"] .mh-qc > small { display: flex; align-items: center; gap: 1.481cqw; margin-top: calc(1.111cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: #5c6680; }
.ds[data-style="mihfaza"] .mh-qc > small > i { flex: none; width: 3.148cqw; height: 0.278cqw; background: #E86A33; }

/* ---------- الباقات: بطاقتان، الأخيرة نيلية ---------- */
.ds[data-style="mihfaza"] .mh-plans { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2.037cqw; margin-top: calc(15.741cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-pc { display: flex; flex-direction: column; background: #FAF9F5; border: 0.185cqw solid var(--mh-line); padding: calc(3.519cqw * var(--fs)) 2.963cqw calc(4.074cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-pc.is-hot { background: #1B3A6B; border-color: #1B3A6B; }
.ds[data-style="mihfaza"] .mh-pl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: #14203A; }
.ds[data-style="mihfaza"] .mh-pc.is-hot .mh-pl { color: #F0A87E; }
.ds[data-style="mihfaza"] .mh-pc .mh-num { align-self: flex-end; font-size: calc(6.481cqw * var(--fs)); line-height: 1.2; color: #14203A; }
.ds[data-style="mihfaza"] .mh-pc.is-hot .mh-num { color: #fff; }
.ds[data-style="mihfaza"] .mh-pc > small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: #4c5670; }
.ds[data-style="mihfaza"] .mh-pc > span { margin-top: calc(1.667cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.45; color: #4c5670; }
.ds[data-style="mihfaza"] .mh-pc.is-hot > :is(small, span) { color: #c3ccdd; }
.ds[data-style="mihfaza"][data-tl="plans"] .mh-bd { margin-top: calc(7.87cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="plans"] .mh-bd .r-body:not(.mh-mk) { font-size: calc(3.889cqw * var(--fs)); }

/* ---------- دعوة تسجيل: حبر، رسمة ونص في الوسط، زر برتقالي ---------- */
.ds[data-style="mihfaza"][data-tl="cta"] { text-align: center; padding-bottom: 7.037cqw; }
.ds[data-style="mihfaza"][data-tl="cta"] :is(.mh-hd, .mh-bd) { align-items: center; }
.ds[data-style="mihfaza"] .mh-cap { align-self: center; margin-top: calc(4.352cqw * var(--fs)); color: #fff; }
.ds[data-style="mihfaza"] .mh-cap svg.mh-ci { width: calc(17.037cqw * var(--fs)); height: calc(17.037cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-hd { margin-top: calc(11.667cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-eb { align-self: center; background: none; padding: 0; color: #F0A87E; font-size: calc(3.333cqw * var(--fs)); margin-bottom: calc(0.926cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-hd .r-head { max-width: 43.519cqw; font-size: calc(8.333cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-lead { max-width: 36.111cqw; margin-top: calc(4.074cqw * var(--fs)); }
.ds[data-style="mihfaza"] .mh-btn { align-self: center; margin-top: calc(7.87cqw * var(--fs)) !important; padding: 2.778cqw 6.111cqw 3.148cqw; background: #E86A33; font-family: var(--ft), Tahoma, sans-serif !important; font-weight: 600 !important; font-size: calc(4.259cqw * var(--fs)) !important; line-height: 1.2 !important; color: #fff !important; }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-ft { margin-top: 0; padding-top: calc(1.944cqw * var(--fs)); padding-inline: 2.778cqw; }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-fl { justify-content: center; margin-top: calc(1.759cqw * var(--fs)); }
.ds[data-style="mihfaza"][data-tl="cta"] .mh-fb { font-weight: 600; color: #c3ccdd; }
/* mihfaza:end */









/* fonts:majlis:start */
.ds[data-kit="majlis"] { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.3; --ft: "MKD Camel"; --ftw: 300; }
/* fonts:majlis:end */

/* majlis:start */
/* ==========================================================================
   أسلوب «مَجلِس» — هوية كلاسيكية للمحتوى التراثي والأدبي.
   عنّابي #6e1f2a · ذهبي #b18b4a · كريمي #f5efe3 / #fbf7ef · حبر #241c18 · متن #4a4038.
   الشكل من mjPlan (data-tl). النص متمركز، والإطار المزدوج في الغلاف والدعوة فقط.
   كل المقاسات من لوحة 1080×1350. زوايا حادة بلا استدارة (إلا الميداليات والرسوم الدائرية).
   ========================================================================== */
.ds[data-style="majlis"] {
  --mj-mar: #6e1f2a; --mj-gold: #b18b4a; --mj-cr: #f5efe3; --mj-cr2: #fbf7ef; --mj-ink: #241c18; --mj-body: #4a4038;
  --mj-mut: #8a8073; --mj-bod: #e6d9c4; --mj-line: #ddd1bc;
  --mj-h: var(--mj-ink); --mj-b: var(--mj-body); --mj-t: var(--mj-gold); --mj-k: var(--mj-mar); --mj-dvc: var(--mj-gold); --mj-ic: var(--mj-gold);
  --fg: #241c18 !important; --sub: #4a4038 !important; --tag: #b18b4a !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: center; color: var(--mj-h); padding: 10.833cqw 9.259cqw 11.111cqw;
  font-synthesis: none;
}
.ds[data-style="majlis"] .ds-bgl { background: var(--mj-cr); }
.ds[data-style="majlis"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe, .ds-tex, .ds-deco) { display: none !important; }
.ds[data-style="majlis"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; text-align: center; }
.ds[data-style="majlis"] :is(.mj-hd, .mj-bd, .mj-ft, .mj-col, .mj-mid, .mj-end) { display: flex; flex-direction: column; align-items: center; }
.ds[data-style="majlis"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="majlis"] .mj-br { display: inline; }

/* ---------- الخط: قهوة للعناوين والخُلاصات، جمل للمتن والتسميات ---------- */
.ds[data-style="majlis"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--mj-t); word-spacing: .26em; margin: 0 0 1.667cqw; }
.ds[data-style="majlis"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(7.593cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); color: var(--mj-h); text-wrap: balance; max-width: 75.926cqw; word-spacing: 0; }
.ds[data-style="majlis"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.444cqw * var(--fs)); line-height: 1.7; color: var(--mj-b); text-wrap: balance; max-width: 79.63cqw; }
.ds[data-style="majlis"] .r-body.mj-mk { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.185cqw * var(--fs)); line-height: 1.44; color: var(--mj-k); max-width: 70.37cqw; }
.ds[data-style="majlis"] :is(.mk, .hl) { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="majlis"] .mj-bd > * + *, .ds[data-style="majlis"] .mj-ft > * + * { margin-top: 1.852cqw; }
.ds[data-style="majlis"] .mj-data + .mj-bd { margin-top: calc(4.63cqw * var(--fs)); }

/* ---------- الزخارف المشتركة ---------- */
.ds[data-style="majlis"] svg.mj-svg, .ds[data-style="majlis"] svg.mj-ri { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="majlis"] .mj-ico { display: block; flex: none; align-self: center; color: var(--mj-ic); }
.ds[data-style="majlis"] .mj-dv { display: block; flex: none; align-self: center; color: var(--mj-dvc); }
.ds[data-style="majlis"] .mj-dv-leaf { width: calc(6.111cqw * var(--fs)); height: calc(2.093cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-dv-dots { width: calc(4.259cqw * var(--fs)); height: calc(0.491cqw * var(--fs)); }
/* الإطار المزدوج: 3px على بعد 54px، و1px على بعد 72px */
.ds[data-style="majlis"] .mj-fr { position: absolute; inset: 5cqw; border: 0.278cqw solid var(--mj-gold); }
.ds[data-style="majlis"] .mj-fr2 { position: absolute; inset: 6.667cqw; border: 0.093cqw solid var(--mj-gold); }
.ds[data-style="majlis"] .mj-fr1 { position: absolute; inset: 5.556cqw; border: 0.093cqw solid rgba(245, 239, 227, .5); }
.ds[data-style="majlis"] .mj-bar { position: absolute; top: 0; left: 0; right: 0; height: 1.111cqw; background: var(--mj-mar); }

/* ---------- الأرضيات ---------- */
.ds[data-style="majlis"]:is([data-tl="rule"], [data-tl="thennow"], [data-tl="ornaments"], [data-tl="figures"]) .ds-bgl { background: var(--mj-cr2); }
.ds[data-style="majlis"]:is([data-tl="quote"], [data-tl="number"]) .ds-bgl { background: var(--mj-mar); }
.ds[data-style="majlis"][data-tl="plate"] .ds-bgl { background: var(--mj-ink); }
.ds[data-style="majlis"]:is([data-tl="quote"], [data-tl="number"], [data-tl="plate"]) { --mj-h: var(--mj-cr); --mj-b: var(--mj-bod); --mj-k: var(--mj-cr); --fg: #f5efe3 !important; --sub: #e6d9c4 !important; }
.ds[data-style="majlis"][data-tl="plate"] .mj-fr1 { inset: 5.185cqw; border-color: var(--mj-gold); }

/* ---------- الغلاف المؤطَّر ---------- */
.ds[data-style="majlis"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="number"], [data-tl="quote"]) .mj-col { margin-block: auto; }
.ds[data-style="majlis"][data-tl="cover"] { padding: 12.778cqw 12.037cqw 17.593cqw; }
.ds[data-style="majlis"][data-tl="cover"] .mj-ico { width: calc(13.889cqw * var(--fs)); height: calc(13.889cqw * var(--fs)); margin: -0.463cqw 0 calc(7.037cqw * var(--fs)); color: var(--mj-gold); }
.ds[data-style="majlis"][data-tl="cover"] .r-tag { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); word-spacing: 0; font-size: calc(3.704cqw * var(--fs)); color: var(--mj-mar); margin-bottom: calc(4.444cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="cover"] .r-head { font-size: calc(11.296cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.24 * var(--dlh) / 1.3); max-width: 64.815cqw; }
.ds[data-style="majlis"][data-tl="cover"] .mj-dv { margin-top: calc(6.296cqw * var(--fs)); color: var(--mj-mar); }
.ds[data-style="majlis"][data-tl="cover"] .mj-bd { margin-top: calc(5.741cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="cover"] .r-body { font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; }
.ds[data-style="majlis"][data-tl="cover"] .mj-ft { margin-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-swipe { position: absolute; left: 40.741cqw; right: 40.741cqw; top: 109.259cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 2.963cqw; line-height: 1.4; color: var(--mj-mar); text-align: center; }
.ds-frame.is-story .ds[data-style="majlis"] .mj-swipe { display: none; }

/* ---------- قاعدة متمركزة ---------- */
.ds[data-style="majlis"][data-tl="rule"] { padding-top: 11.759cqw; padding-bottom: 11.111cqw; }
.ds[data-style="majlis"][data-tl="rule"] .r-head { font-size: calc(8.056cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="majlis"][data-tl="rule"] .r-body { font-size: calc(4.63cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="rule"] .r-body.mj-mk { font-size: calc(5.37cqw * var(--fs)); max-width: 64.815cqw; }
.ds[data-style="majlis"][data-tl="rule"] .mj-dv { margin-top: calc(5.463cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="rule"] .mj-mid { margin-top: calc(17.87cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="rule"] .mj-mid .mj-ico { width: calc(16.111cqw * var(--fs)); height: calc(16.111cqw * var(--fs)); margin-top: calc(13.796cqw * var(--fs)); color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-end { margin-top: auto; padding-top: calc(3.704cqw * var(--fs)); }

/* ---------- قائمة بميداليات ---------- */
.ds[data-style="majlis"] .mj-medals { display: flex; flex-direction: column; gap: calc(3.148cqw * var(--fs)); margin-top: calc(14.167cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-medals .mj-row { display: flex; align-items: center; gap: 2.963cqw; }
.ds[data-style="majlis"] .mj-md { flex: none; display: grid; place-items: center; width: calc(9.259cqw * var(--fs)); height: calc(9.259cqw * var(--fs)); border: 0.185cqw solid var(--mj-gold); border-radius: 50%; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.444cqw * var(--fs)); line-height: 1; color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: var(--mj-ink); text-align: right; }
.ds[data-style="majlis"]:is([data-tl="medals"], [data-tl="versus"]) .mj-end .mj-dv { margin-bottom: calc(0.37cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="medals"] .mj-dv-leaf { width: calc(5.37cqw * var(--fs)); height: calc(1.833cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="medals"] .mj-end .mj-dv { margin-bottom: calc(-0.556cqw * var(--fs)); }

/* ---------- مقولة عنّابية ---------- */
.ds[data-style="majlis"][data-tl="quote"] { padding: 13.889cqw 12.037cqw 21.667cqw; }
.ds[data-style="majlis"][data-tl="quote"] .mj-ico { width: calc(14.815cqw * var(--fs)); height: calc(14.815cqw * var(--fs)); margin-bottom: calc(8.241cqw * var(--fs)); color: var(--mj-gold); }
.ds[data-style="majlis"][data-tl="quote"] .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.4 * var(--dlh) / 1.3); max-width: 51.852cqw; }
.ds[data-style="majlis"][data-tl="quote"] .mj-dv { margin-top: calc(6.111cqw * var(--fs)); color: var(--mj-cr); }
.ds[data-style="majlis"][data-tl="quote"] .mj-bd { margin-top: calc(4.352cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="quote"] .r-body { font-size: calc(4.074cqw * var(--fs)); }

/* ---------- مقارنة زمنية ---------- */
.ds[data-style="majlis"][data-tl="thennow"] { padding-bottom: 10.185cqw; }
.ds[data-style="majlis"] .mj-thennow { display: flex; gap: calc(2.407cqw * var(--fs)); margin-top: calc(13.333cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-thennow .mj-box { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; min-height: calc(27.222cqw * var(--fs)); padding: calc(3.333cqw * var(--fs)) 2.778cqw; border: 0.185cqw solid var(--mj-line); }
.ds[data-style="majlis"] .mj-thennow .mj-box2 { border-color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-box > small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--mj-mut); }
.ds[data-style="majlis"] .mj-thennow .mj-box2 > small { color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-thennow .mj-box > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.861cqw * var(--fs)); line-height: 1.41; color: var(--mj-ink); text-wrap: balance; margin-top: calc(1.667cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="thennow"] .mj-end .mj-ico { position: relative; z-index: -1; width: calc(11.111cqw * var(--fs)); height: calc(11.111cqw * var(--fs)); margin: calc(-4.63cqw * var(--fs)) 0 calc(-1.111cqw * var(--fs)); color: var(--mj-gold); }

/* ---------- صفحة كتاب: يمين، زاويتان متقابلتان، خط ذهبي والمصدر ---------- */
.ds[data-style="majlis"][data-tl="book"] { padding: 11.481cqw 10.185cqw 11.481cqw; text-align: right; }
.ds[data-style="majlis"][data-tl="book"] .mj-hd { margin-top: calc(12.315cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="book"] .ds-txt { text-align: right; }
.ds[data-style="majlis"][data-tl="book"] :is(.mj-hd, .mj-bd, .mj-end, .mj-ft) { align-items: stretch; }
.ds[data-style="majlis"][data-tl="book"] .r-head { font-size: calc(7.13cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 44.444cqw; }
.ds[data-style="majlis"][data-tl="book"] .mj-bd { margin-top: calc(10.463cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="book"] .r-tag { margin-bottom: calc(2.222cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="book"] .r-body { max-width: none; text-wrap: pretty; line-height: 1.8; }
.ds[data-style="majlis"] .mj-hr { display: block; height: 0.093cqw; background: var(--mj-gold); margin-bottom: calc(2.222cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="book"] .r-body.mj-mk { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; color: var(--mj-mar); max-width: none; }
.ds[data-style="majlis"] .mj-cn { position: absolute; width: 12.037cqw; height: 12.037cqw; color: var(--mj-gold); }
.ds[data-style="majlis"] .mj-cn-a { left: 82.315cqw; top: 5.463cqw; }
.ds[data-style="majlis"] .mj-cn-b { left: 5.556cqw; top: 107.407cqw; transform: rotate(180deg); }

/* ---------- قائمة بزخارف ---------- */
.ds[data-style="majlis"] .mj-orns { display: flex; flex-direction: column; margin-top: calc(13.241cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-orns .mj-row > span { font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-orns .mj-row { display: flex; align-items: center; gap: 2.5cqw; min-height: calc(10.463cqw * var(--fs)); padding: 0; border-bottom: 0.093cqw solid var(--mj-line); }
.ds[data-style="majlis"] .mj-orns svg.mj-ri { flex: none; width: calc(5.37cqw * var(--fs)); height: calc(5.37cqw * var(--fs)); color: var(--mj-gold); }

/* ---------- لوح داكن ---------- */
.ds[data-style="majlis"][data-tl="plate"] { padding: 20.37cqw 12.037cqw 12.685cqw; }
.ds[data-style="majlis"][data-tl="plate"] .mj-ico { width: calc(17.407cqw * var(--fs)); height: calc(17.407cqw * var(--fs)); margin: -2.778cqw 0 calc(8.333cqw * var(--fs)); color: var(--mj-gold); }
.ds[data-style="majlis"][data-tl="plate"] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.41 * var(--dlh) / 1.3); max-width: 51.852cqw; }
.ds[data-style="majlis"][data-tl="plate"] .r-tag { margin-bottom: calc(2.222cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="plate"] .r-body { font-size: calc(4.074cqw * var(--fs)); }

/* ---------- المألوف والأليق ---------- */
.ds[data-style="majlis"] .mj-versus { display: flex; flex-direction: column; gap: calc(2.778cqw * var(--fs)); margin-top: calc(15.185cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-versus .mj-box { display: flex; flex-direction: column; align-items: stretch; text-align: right; min-height: calc(17.407cqw * var(--fs)); padding: calc(2.685cqw * var(--fs)) 3.333cqw calc(1.852cqw * var(--fs)); background: var(--mj-cr2); border-right: 0.37cqw solid var(--mj-mut); }
.ds[data-style="majlis"] .mj-versus .mj-box2 { border-right-color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-versus .mj-box2 > small { color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-versus .mj-box > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: var(--mj-body); margin-top: calc(0.926cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-versus .mj-box2 > b { color: var(--mj-ink); }

/* ---------- ثلاثة أعلام ---------- */
.ds[data-style="majlis"][data-tl="figures"] { padding-inline: 10.185cqw; padding-top: 11.852cqw; }
.ds[data-style="majlis"][data-tl="figures"] .mj-hd .r-head { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="majlis"] .mj-figs { display: flex; flex-direction: column; margin-top: calc(10.37cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-fig { display: flex; flex-direction: column; align-items: center; padding: calc(3.889cqw * var(--fs)) 0 calc(2.593cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-fig:last-child { padding-bottom: 0; }
.ds[data-style="majlis"][data-tl="figures"] .mj-end { padding-top: calc(1.481cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-fig + .mj-fig { border-top: 0.093cqw solid var(--mj-line); }
.ds[data-style="majlis"] .mj-fig > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5cqw * var(--fs)); line-height: 1.44; color: var(--mj-mar); }
.ds[data-style="majlis"] .mj-fig > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.6; color: var(--mj-body); margin-top: calc(0.833cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="figures"] .r-body.mj-mk { color: var(--mj-ink); }

/* ---------- خُلاصة برقم ---------- */
.ds[data-style="majlis"][data-tl="number"] { padding: 19.722cqw 9.259cqw 22.222cqw; }
.ds[data-style="majlis"] .mj-num { position: relative; flex: none; width: calc(27.778cqw * var(--fs)); height: calc(27.778cqw * var(--fs)); color: var(--mj-gold); margin: 0 0 calc(7.315cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-num > b { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(12.037cqw * var(--fs)); line-height: 1; color: var(--mj-cr); }
.ds[data-style="majlis"] .mj-num > b.mj-n3 { font-size: calc(8.889cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-num > b.mj-n4 { font-size: calc(6.667cqw * var(--fs)); }
.ds[data-style="majlis"] .mj-num-ico { position: absolute; inset: 30%; }
.ds[data-style="majlis"][data-tl="number"] .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.42 * var(--dlh) / 1.3); max-width: 70.37cqw; }
.ds[data-style="majlis"][data-tl="number"] .mj-dv { margin-top: calc(5.37cqw * var(--fs)); color: var(--mj-cr); }
.ds[data-style="majlis"][data-tl="number"] .mj-bd { margin-top: calc(4.63cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="number"] .r-body { font-size: calc(4.074cqw * var(--fs)); }

/* ---------- دعوة بختم ---------- */
.ds[data-style="majlis"][data-tl="cta"] { padding: 20.648cqw 12.037cqw 13.056cqw; }
.ds[data-style="majlis"][data-tl="cta"] .mj-ico { width: calc(18.519cqw * var(--fs)); height: calc(18.519cqw * var(--fs)); margin-bottom: calc(4.537cqw * var(--fs)); color: var(--mj-mar); }
.ds[data-style="majlis"][data-tl="cta"] .r-tag { margin-bottom: calc(1.852cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="cta"] .r-head { font-size: calc(8.704cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 57.407cqw; }
.ds[data-style="majlis"][data-tl="cta"] .mj-dv { margin-top: calc(5.37cqw * var(--fs)); color: var(--mj-mar); }
.ds[data-style="majlis"][data-tl="cta"] .mj-bd { margin-top: calc(5.278cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="cta"] .r-body { font-size: calc(4.259cqw * var(--fs)); line-height: 1.62; }
.ds[data-style="majlis"][data-tl="cta"] .mj-ft { margin-top: calc(-0.185cqw * var(--fs)); }
.ds[data-style="majlis"][data-tl="cta"] .r-body.mj-mk { padding: calc(3.056cqw * var(--fs)) 6.111cqw; border: 0.185cqw solid var(--mj-mar); font-size: calc(4.815cqw * var(--fs)); line-height: 1.5; color: var(--mj-mar); }
/* majlis:end */

/* fonts:terminal:start */
.ds[data-kit="terminal"] { --fd: "MKD Graphik"; --fdw: 700; --dk: 1; --dlh: 1.2; --ft: "MKD Graphik"; --ftw: 300; }
/* fonts:terminal:end */

/* terminal:start */
/* ==========================================================================
   أسلوب «تِرمِنال» — هوية التقنية والذكاء الاصطناعي. كل سلايد إطار محرّر:
   شريط تبويبات 86px في طبقة الخلفية، والمحتوى لوحات بحدود 1px، وسطر أمر «$»
   آخر كتلة النص. الفراغات بين الرأس والمكوّن والسطر فواصل مرنة (tr-sp) بنسب
   ملف كل شكل، فتتوزع المساحة كما في المرجع ويصغّر fit الكل معًا. زوايا حادة.
   ========================================================================== */
.ds[data-style="terminal"] {
  --tr-bg: #0F131C; --tr-deep: #0A0C12; --tr-gut: #0C1017; --tr-panel: #151A26; --tr-alt: #1B2233; --tr-line: #1E2532;
  --tr-blue: #5B8CFF; --tr-mint: #3DDC97; --tr-amber: #F2B33D; --tr-red: #F2645A;
  --tr-fg: #E6E9F0; --tr-body: #B7BECC; --tr-muted: #8B93A5; --tr-dim: #5A6273; --tr-gnum: #3F4757; --tr-mono: "MKD Graphik", var(--ft), Tahoma, sans-serif;
  --fg: #E6E9F0 !important; --sub: #B7BECC !important; --tag: #3DDC97 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--tr-fg); padding: 7.963cqw 0 0 !important;
}
.ds[data-style="terminal"] .ds-bgl { background: var(--tr-bg); }
.ds[data-style="terminal"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="terminal"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="terminal"] .rs-n, .ds[data-style="terminal"] .tr-l { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="terminal"] .tr-l { font-family: var(--tr-mono); }
.ds[data-style="terminal"] .tr-sp { display: block; flex: 1 1 0; min-height: 0; }
.ds[data-style="terminal"] .hl, .ds[data-style="terminal"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="terminal"] svg:is(.tr-ico, .tr-ck, .tr-si, .tr-ci, .tr-ni, .tr-tk, .tr-sg) { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- شريط التبويبات ---------- */
.ds[data-style="terminal"] .tr-tabs { position: absolute; top: 0; left: 0; right: 0; height: 7.963cqw; display: flex; align-items: center; justify-content: space-between; padding: 0 4.167cqw; background: var(--tr-panel); font-style: normal; }
.ds[data-style="terminal"] .tr-tabs b { font-family: var(--tr-mono); font-weight: 500; line-height: 1; white-space: nowrap; }
.ds[data-style="terminal"] .tr-file { font-size: 2.963cqw; color: var(--tr-fg); }
.ds[data-style="terminal"] .tr-num { font-size: 2.778cqw; color: var(--tr-dim); }
.ds[data-style="terminal"] .tr-tabs.is-cover { justify-content: flex-start; padding: 0 3.148cqw 0 0; }
.ds[data-style="terminal"] .tr-dots { display: flex; gap: 1.296cqw; margin-inline-end: 3.148cqw; }
.ds[data-style="terminal"] .tr-dots b { width: 1.667cqw; height: 1.667cqw; border-radius: 50%; }
.ds[data-style="terminal"] .tr-dots b:nth-child(1) { background: var(--tr-red); }
.ds[data-style="terminal"] .tr-dots b:nth-child(2) { background: var(--tr-amber); }
.ds[data-style="terminal"] .tr-dots b:nth-child(3) { background: var(--tr-mint); }
.ds[data-style="terminal"] .tr-tab { display: flex; align-items: center; height: 7.963cqw; padding: 0 3.426cqw; font-size: 2.963cqw; color: var(--tr-dim); }
.ds[data-style="terminal"] .tr-tab.is-on { background: var(--tr-bg); color: var(--tr-fg); }

/* ---------- عمود أرقام الأسطر ---------- */
.ds[data-style="terminal"] .tr-gut { position: absolute; top: 7.963cqw; right: 0; bottom: 12.037cqw; width: 8.981cqw; display: flex; flex-direction: column; align-items: center; padding-top: 2.5cqw;
  background: var(--tr-gut); border-left: 0.093cqw solid var(--tr-line); font-family: var(--tr-mono); font-style: normal; font-size: 2.593cqw; line-height: 5.509cqw; color: var(--tr-gnum); }
.ds[data-style="terminal"] .tr-gut b { font-weight: 400; }

/* ---------- الرأس والمتن ---------- */
.ds[data-style="terminal"] .tr-hd { display: flex; flex-direction: column; align-items: stretch; margin: 5cqw 6.481cqw 0; }
.ds[data-style="terminal"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(5.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.24 * var(--dlh) / 1.2); color: var(--tr-fg); text-wrap: balance; }
.ds[data-style="terminal"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--tr-mint); text-align: left; margin: 0 0 calc(2.222cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-hash { font-family: var(--tr-mono); font-weight: inherit; }
.ds[data-style="terminal"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--tr-body); text-wrap: pretty; }
.ds[data-style="terminal"] .ds-txt > .r-body { margin: calc(2.222cqw * var(--fs)) 6.481cqw 0; }

/* ---------- سطر الأمر ---------- */
.ds[data-style="terminal"] .tr-cmd { position: relative; flex: none; display: flex; align-items: center; gap: 2.407cqw; min-height: 11.111cqw; padding: calc(1.481cqw * var(--fs)) 4.167cqw; background: var(--tr-panel); }
.ds[data-style="terminal"] .tr-dl { flex: none; font-family: var(--tr-mono); font-weight: 700; font-size: 3.148cqw; line-height: 1; color: var(--tr-mint); }
.ds[data-style="terminal"] .tr-mks .r-body { font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--tr-body); }
.ds[data-style="terminal"] .tr-cur { flex: none; width: 1.481cqw; height: 2.963cqw; margin-inline-start: -0.741cqw; background: var(--tr-mint); }
.ds[data-style="terminal"] .tr-cnt { position: absolute; left: 4.167cqw; top: 50%; transform: translateY(-50%); font-family: var(--tr-mono); font-weight: 500; font-size: 2.778cqw; line-height: 1; color: var(--tr-dim); }

/* ---------- لوحات ---------- */
.ds[data-style="terminal"] .tr-note { display: flex; align-items: center; gap: 3.056cqw; background: var(--tr-panel); }
.ds[data-style="terminal"] .tr-note > div { flex: 1 1 auto; min-width: 0; }
.ds[data-style="terminal"] .tr-note .r-body + .r-body { margin-top: 1.111cqw; }

/* ---------- غلاف محرّر وملف ملاحظات ---------- */
.ds[data-style="terminal"]:is([data-tl="cover"], [data-tl="doc"]) .tr-hd { margin-right: 12.963cqw; }
.ds[data-style="terminal"]:is([data-tl="cover"], [data-tl="cta"]) .r-head { font-size: calc(8.704cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.18 * var(--dlh) / 1.2); padding-bottom: 0.556cqw; }
.ds[data-style="terminal"][data-hs="s"]:is([data-tl="cover"], [data-tl="cta"]) .r-head { max-width: 43.519cqw; align-self: flex-start; }
.ds[data-style="terminal"][data-hs="l"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="rule"], [data-tl="doc"]) .r-head { font-size: calc(6.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="terminal"][data-tl="doc"] .r-head { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); }
.ds[data-style="terminal"]:is([data-tl="cover"], [data-tl="doc"]) .r-tag { font-size: calc(2.963cqw * var(--fs)); margin-bottom: calc(3.704cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-note .r-body { text-wrap: wrap; font-weight: 400; }
.ds[data-style="terminal"][data-hs="s"][data-tl="cta"] .r-head { max-width: 50cqw; }
.ds[data-style="terminal"] .tr-note.is-bar { margin: calc(9.63cqw * var(--fs)) 12.963cqw 0 6.481cqw; padding: calc(3.519cqw * var(--fs)) 3.333cqw; border-right: 0.37cqw solid var(--tr-blue); }
.ds[data-style="terminal"] .tr-chips { display: flex; flex-wrap: wrap; gap: 1.296cqw; margin: calc(2.593cqw * var(--fs)) 12.963cqw 0 6.481cqw; }
.ds[data-style="terminal"] .tr-chip { display: flex; align-items: center; height: calc(5.926cqw * var(--fs)); padding: 0 2.685cqw; background: var(--tr-alt); font-family: var(--tr-mono); font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1; white-space: nowrap; }
.ds[data-style="terminal"] .tr-c1 { color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-c2 { color: var(--tr-mint); }
.ds[data-style="terminal"] .tr-c3 { color: var(--tr-amber); }
.ds[data-style="terminal"]:is([data-tl="cover"], [data-tl="doc"]) .tr-cmd { min-height: 12.037cqw; }
.ds[data-style="terminal"][data-tl="doc"] .tr-gut { bottom: 12.037cqw; }
.ds[data-style="terminal"] .tr-val { margin: calc(3.704cqw * var(--fs)) 12.963cqw 0 6.481cqw; }
.ds[data-style="terminal"] .tr-val b { font-family: var(--tr-mono); font-weight: 700; font-size: calc(11.111cqw * var(--fs)); line-height: 1.1; color: var(--tr-mint); }

/* ---------- صفوف فروقات ---------- */
.ds[data-style="terminal"][data-tl="diff"] .tr-sp1 { flex-grow: 83; }
.ds[data-style="terminal"][data-tl="diff"] .tr-sp2 { flex-grow: 145; }
.ds[data-style="terminal"] .tr-diff { margin: 0 6.481cqw; }
.ds[data-style="terminal"] :is(.tr-del, .tr-add) { display: flex; align-items: flex-start; gap: 2.5cqw; padding: calc(3.148cqw * var(--fs)) 3.426cqw calc(3.148cqw * var(--fs)) 3.704cqw; border-right: 0.556cqw solid; }
.ds[data-style="terminal"] .tr-del { background: #1A0F12; border-color: var(--tr-red); color: #E8B4B0; }
.ds[data-style="terminal"] .tr-add { margin-top: calc(2.407cqw * var(--fs)); background: #0D1A14; border-color: var(--tr-mint); color: #A8E8C8; }
.ds[data-style="terminal"] :is(.tr-del, .tr-add) > b { flex: none; position: relative; width: 1.852cqw; height: 1.852cqw; margin-top: calc(1.296cqw * var(--fs)); }
.ds[data-style="terminal"] :is(.tr-del, .tr-add) > b > i { position: absolute; left: 0; right: 0; top: 0.694cqw; height: 0.463cqw; background: currentColor; }
.ds[data-style="terminal"] .tr-add > b > i + i { left: 0.694cqw; right: auto; top: 0; width: 0.463cqw; height: 1.852cqw; }
.ds[data-style="terminal"] .tr-del > b { color: var(--tr-red); }
.ds[data-style="terminal"] .tr-add > b { color: var(--tr-mint); }
.ds[data-style="terminal"] :is(.tr-del, .tr-add) > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="terminal"] .tr-checks { margin-top: calc(15.463cqw * var(--fs)); display: flex; flex-direction: column; gap: 0.37cqw; }
.ds[data-style="terminal"] .tr-checks p { display: flex; align-items: center; gap: 2.037cqw; }
.ds[data-style="terminal"] svg.tr-ck { width: 3.889cqw; height: 3.889cqw; margin-right: -0.37cqw; color: var(--tr-mint); stroke-width: 5; }
.ds[data-style="terminal"] .tr-checks span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--tr-body); }

/* ---------- قالب أمر ---------- */
.ds[data-style="terminal"][data-tl="tmpl"] .tr-gut { bottom: 11.111cqw; padding-top: 3.426cqw; line-height: 7.185cqw; }
.ds[data-style="terminal"][data-tl="tmpl"] .tr-hd { margin-right: 12.963cqw; }
.ds[data-style="terminal"][data-tl="tmpl"] .tr-sp1 { flex: 0 0 calc(6.296cqw * var(--fs)); }
.ds[data-style="terminal"][data-tl="tmpl"] .tr-hd + .tr-sp1 { flex-basis: calc(3.704cqw * var(--fs)); }
.ds[data-style="terminal"][data-tl="tmpl"] .ds-txt > .r-body { margin-right: 12.963cqw; }
.ds[data-style="terminal"] .tr-tmpl { margin: 0 12.963cqw 0 6.481cqw; display: flex; flex-direction: column; gap: calc(2.037cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-f { display: flex; flex-direction: column; }
.ds[data-style="terminal"] .tr-f > b { align-self: flex-end; font-family: var(--tr-mono); font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-f.is-out > b { color: var(--tr-amber); }
.ds[data-style="terminal"] .tr-f > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--tr-fg); }

/* ---------- قياس أداء ---------- */
.ds[data-style="terminal"][data-tl="bench"] .tr-sp1 { flex: 0 0 calc(8.981cqw * var(--fs)); }
.ds[data-style="terminal"][data-tl="bench"] .tr-sp2 { flex-grow: 195; }
.ds[data-style="terminal"][data-tl="bench"] .tr-sp3 { flex-grow: 222; }
.ds[data-style="terminal"] .tr-bench { margin: 0 6.481cqw; display: flex; flex-direction: column; gap: calc(2.593cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-b p { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="terminal"] .tr-b p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--tr-body); }
.ds[data-style="terminal"] .tr-b p > b { font-family: var(--tr-mono); font-weight: 700; font-size: calc(4.074cqw * var(--fs)); line-height: 1; white-space: nowrap; }
.ds[data-style="terminal"] .tr-bar { display: flex; justify-content: flex-start; height: calc(2.222cqw * var(--fs)); margin-top: calc(0.463cqw * var(--fs)); background: var(--tr-alt); }
.ds[data-style="terminal"] .tr-bar b { display: block; height: 100%; }
.ds[data-style="terminal"] .tr-b.is-low b { color: #6B7385; }
.ds[data-style="terminal"] .tr-b.is-low .tr-bar b { background: #6B7385; }
.ds[data-style="terminal"] .tr-b.is-mid b { color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-b.is-mid .tr-bar b { background: var(--tr-blue); }
.ds[data-style="terminal"] .tr-b.is-top b { color: var(--tr-mint); }
.ds[data-style="terminal"] .tr-b.is-top .tr-bar b { background: var(--tr-mint); }
.ds[data-style="terminal"][data-tl="bench"] .tr-note { margin: 0 6.481cqw; padding: calc(2.778cqw * var(--fs)) 3.611cqw calc(2.778cqw * var(--fs)) 3.704cqw; }
.ds[data-style="terminal"][data-tl="bench"] .tr-note .r-body { font-size: calc(3.704cqw * var(--fs)); line-height: 1.18; }
.ds[data-style="terminal"] svg.tr-ni { width: 3.889cqw; height: 3.889cqw; color: var(--tr-amber); stroke-width: 7; }

/* ---------- سلسلة عمل ---------- */
.ds[data-style="terminal"][data-tl="pipe"] .tr-sp1 { flex-grow: 262; }
.ds[data-style="terminal"][data-tl="pipe"] .tr-sp2 { flex-grow: 190; }
.ds[data-style="terminal"] .tr-pipe { margin: 0 6.481cqw; display: flex; flex-direction: column; gap: calc(3.148cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-st { position: relative; display: flex; align-items: center; gap: 2.593cqw; min-height: calc(10.556cqw * var(--fs)); padding: calc(0.926cqw * var(--fs)) 4.722cqw calc(0.926cqw * var(--fs)) 3.333cqw; background: var(--tr-panel); border: 0.093cqw solid var(--tr-line); }
.ds[data-style="terminal"] .tr-cn { position: absolute; right: 4.167cqw; bottom: 100%; width: 0.185cqw; height: calc(3.148cqw * var(--fs) + 0.185cqw); background: var(--tr-line); }
.ds[data-style="terminal"] .tr-st > b { flex: none; font-family: var(--tr-mono); font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1; color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-st > span { flex: 1 1 auto; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--tr-fg); }
.ds[data-style="terminal"] svg.tr-si { width: 3.333cqw; height: 3.333cqw; color: #6B7385; stroke-width: 5; }
.ds[data-style="terminal"] .tr-st.is-done { background: #0D1A14; border-color: #1E5540; }
.ds[data-style="terminal"] .tr-st.is-done > b, .ds[data-style="terminal"] .tr-st.is-done svg.tr-si { color: var(--tr-mint); }

/* ---------- لوح قاعدة: أزرق كامل وحبر داكن ---------- */
.ds[data-style="terminal"][data-tl="rule"] .ds-bgl { background: var(--tr-blue); }
.ds[data-style="terminal"][data-tl="rule"] .tr-tabs { background: var(--tr-bg); }
.ds[data-style="terminal"][data-tl="rule"] .tr-hd { margin-top: 0; }
.ds[data-style="terminal"][data-tl="rule"] .tr-sp1 { flex-grow: 300; }
.ds[data-style="terminal"][data-tl="rule"] .tr-sp2 { flex-grow: 170; }
.ds[data-style="terminal"][data-tl="rule"] .tr-sp3 { flex: 0 0 12.037cqw; }
.ds[data-style="terminal"][data-tl="rule"] .r-tag { color: var(--tr-deep); font-weight: 600; margin-bottom: calc(3.704cqw * var(--fs)); }
.ds[data-style="terminal"][data-tl="rule"] .r-head { max-width: 81.481cqw; text-wrap: wrap; font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.32 * var(--dlh) / 1.2); color: var(--tr-deep); }
.ds[data-style="terminal"][data-tl="rule"] .ds-txt > .r-body { color: var(--tr-deep); font-weight: 400; }
.ds[data-style="terminal"] .tr-note.is-dark { margin: 0 6.481cqw; min-height: calc(10.926cqw * var(--fs)); padding: calc(1.852cqw * var(--fs)) 3.611cqw calc(1.852cqw * var(--fs)) 3.704cqw; background: var(--tr-bg); }
.ds[data-style="terminal"] .tr-note.is-dark .r-body { font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; }
.ds[data-style="terminal"] .tr-note.is-dark svg.tr-ni { stroke-width: 6; }

/* ---------- حزمة أدوات ---------- */
.ds[data-style="terminal"][data-tl="stack"] .tr-sp1 { flex-grow: 105; }
.ds[data-style="terminal"][data-tl="stack"] .tr-sp2 { flex-grow: 40; }
.ds[data-style="terminal"] .tr-stack { margin: 0 6.481cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.852cqw; }
.ds[data-style="terminal"] .tr-stack.tr-n3 .tr-card:last-child { grid-column: 1 / -1; }
.ds[data-style="terminal"] .tr-card { display: flex; flex-direction: column; align-items: stretch; min-height: calc(38.889cqw * var(--fs)); padding: calc(3.704cqw * var(--fs)) 2.778cqw 2.778cqw; background: var(--tr-panel); border: 0.093cqw solid var(--tr-line); }
.ds[data-style="terminal"] .tr-stack.tr-n2 .tr-card { min-height: calc(59.259cqw * var(--fs)); }
.ds[data-style="terminal"] svg.tr-ci { width: 4.074cqw; height: 4.074cqw; margin: 0 -0.185cqw calc(2.593cqw * var(--fs)) 0; color: var(--tr-blue); stroke-width: 5.5; }
.ds[data-style="terminal"] .tr-card > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.074cqw * var(--fs)); line-height: 1.15; color: var(--tr-fg); }
.ds[data-style="terminal"] .tr-card > span { margin-top: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--tr-muted); }
.ds[data-style="terminal"] .tr-card.is-hi { background: #0D1A14; border-color: #1E5540; }
.ds[data-style="terminal"] .tr-card.is-hi svg.tr-ci { color: var(--tr-mint); }
.ds[data-style="terminal"] .tr-card.is-hi > span { color: #A8E8C8; }

/* ---------- سجلّ أعطال ---------- */
.ds[data-style="terminal"][data-tl="errors"] .tr-sp1 { flex-grow: 158; }
.ds[data-style="terminal"][data-tl="errors"] .tr-sp2 { flex-grow: 103; }
.ds[data-style="terminal"] .tr-errs { margin: 0 6.481cqw; display: flex; flex-direction: column; gap: calc(2.407cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-err { display: flex; flex-direction: column; padding: calc(2.685cqw * var(--fs)) 3.519cqw calc(2.778cqw * var(--fs)) 3.056cqw; background: var(--tr-panel); border-right: 0.556cqw solid var(--tr-red); }
.ds[data-style="terminal"] .tr-err > b { align-self: flex-end; font-family: var(--tr-mono); font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--tr-red); }
.ds[data-style="terminal"] .tr-err.tr-s2 { border-color: var(--tr-amber); }
.ds[data-style="terminal"] .tr-err.tr-s2 > b { color: var(--tr-amber); }
.ds[data-style="terminal"] .tr-err.tr-s3 { border-color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-err.tr-s3 > b { color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-err > span { margin-top: calc(0.741cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; color: var(--tr-fg); }
.ds[data-style="terminal"] .tr-err > small { margin-top: calc(0.37cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.45; color: var(--tr-muted); }

/* ---------- سجلّ تغييرات ---------- */
.ds[data-style="terminal"][data-tl="log"] .tr-sp1 { flex-grow: 320; }
.ds[data-style="terminal"][data-tl="log"] .tr-sp2 { flex-grow: 275; }
.ds[data-style="terminal"] .tr-log { margin: 0 6.481cqw; display: flex; flex-direction: column; }
.ds[data-style="terminal"] .tr-lg { display: flex; align-items: center; gap: 2.407cqw; padding: calc(2.685cqw * var(--fs)) 0; }
.ds[data-style="terminal"] .tr-lg:first-child { padding-top: 0; }
.ds[data-style="terminal"] .tr-lg:last-child { padding-bottom: 0; }
.ds[data-style="terminal"] .tr-lg + .tr-lg { border-top: 0.093cqw solid var(--tr-line); }
.ds[data-style="terminal"] .tr-bd { flex: none; display: flex; align-items: center; justify-content: center; min-width: 8.148cqw; height: calc(4.907cqw * var(--fs)); padding: 0 2.037cqw; font-family: var(--tr-mono); font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1; }
.ds[data-style="terminal"] .tr-bd.is-new { background: #0D1A14; color: var(--tr-mint); }
.ds[data-style="terminal"] .tr-bd.is-imp { background: var(--tr-alt); color: var(--tr-blue); }
.ds[data-style="terminal"] .tr-bd.is-fix { background: #2A2112; color: var(--tr-amber); }
.ds[data-style="terminal"] .tr-bd.is-dep { background: #2A1416; color: var(--tr-red); }
.ds[data-style="terminal"] .tr-lg > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--tr-fg); }

/* ---------- دعوة اشتراك ---------- */
.ds[data-style="terminal"][data-tl="cta"] .ds-bgl { background: var(--tr-deep); }
.ds[data-style="terminal"][data-tl="cta"] .tr-sp1 { flex-grow: 154; }
.ds[data-style="terminal"][data-tl="cta"] .tr-sp2 { flex-grow: 130; }
.ds[data-style="terminal"][data-tl="cta"] .tr-sp3 { flex-grow: 100; }
.ds[data-style="terminal"][data-tl="cta"] .tr-sp4 { flex-grow: 40; }
.ds[data-style="terminal"][data-tl="cta"] .tr-hd { margin-top: 0; }
.ds[data-style="terminal"][data-tl="cta"] .ds-txt > .r-body { margin-top: calc(1.852cqw * var(--fs)); font-size: calc(3.704cqw * var(--fs)); color: var(--tr-muted); }
.ds[data-style="terminal"] .tr-term { margin: 0 6.481cqw; padding: calc(3.704cqw * var(--fs)) 3.889cqw calc(3.704cqw * var(--fs)); background: var(--tr-bg); border: 0.093cqw solid var(--tr-line); display: flex; flex-direction: column; align-items: flex-end; }
.ds[data-style="terminal"] .tr-in { font-family: var(--tr-mono); font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.55; color: var(--tr-dim); }
.ds[data-style="terminal"] .tr-ok { display: flex; align-items: center; gap: 1.111cqw; margin-top: calc(0.556cqw * var(--fs)); }
.ds[data-style="terminal"] .tr-ok > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.4; color: var(--tr-mint); }
.ds[data-style="terminal"] svg.tr-tk { width: 2.778cqw; height: 2.778cqw; color: var(--tr-mint); stroke-width: 28; }
.ds[data-style="terminal"] .tr-btn { margin: 0 6.481cqw; display: flex; align-items: center; justify-content: center; min-height: calc(11.111cqw * var(--fs)); padding: 0.926cqw 3.704cqw; background: var(--tr-mint); text-align: center; }
.ds[data-style="terminal"] .tr-btn .r-body { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: #06301F; }
.ds[data-style="terminal"][data-tl="cta"] .tr-cmd { min-height: 9.259cqw; }
.ds-frame.is-story .ds[data-style="terminal"] { padding-top: 24cqw !important; padding-bottom: 20cqw !important; }
.ds-frame.is-story .ds[data-style="terminal"] .tr-tabs { top: calc(24cqw - 7.963cqw); }
.ds-frame.is-story .ds[data-style="terminal"] .tr-gut { top: 24cqw; bottom: calc(20cqw + 12.037cqw); }
/* terminal:end */

/* fonts:khabar:start */
.ds[data-kit="zgraphik"] { --fd: "MKD Zain", "MKD Graphik"; --fdw: 800; --dk: 1; --dlh: 1.2; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:khabar:end */

/* khabar:start */
/* ==========================================================================
   أسلوب «خَبَر» — من نظام الأخبار والتحليل الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350 (هوامش 60 جانبًا و90 أعلى وأسفل). الشكل من kbPlan
   (data-tl). ترويسة فوق خط 3px، والوسط بيانات ومتن، وسطر المصدر (الخُلاصة)
   فوق خط 3px في آخر كل سلايد. مستطيلات بلا استدارة، والأحمر للعاجل والتوكيد.
   ========================================================================== */
.ds[data-style="khabar"] {
  --kb-ink: #0D0D0D; --kb-red: #B81C22; --kb-redl: #FF6B70; --kb-amber: #E8A33D; --kb-amberd: #B87A16; --kb-paper: #F5F5F3;
  --kb-slate: #4A4F57; --kb-body: #2b2b2b; --kb-bodyd: #c9c9c5; --kb-muted: #9a9a97; --kb-line: #d9d9d5; --kb-lined: #2a2a2a; --kb-card: #1a1a1a; --kb-bar: #b9b9b4;
  --fg: #0D0D0D !important; --sub: #2b2b2b !important; --tag: #B81C22 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--kb-ink); padding: 7.778cqw 5.556cqw 7.963cqw;
}
.ds[data-style="khabar"] .ds-bgl { background: var(--kb-paper); }
.ds[data-style="khabar"] .ds-scene, .ds[data-style="khabar"] .ds-bgimg, .ds[data-style="khabar"] .ds-shade, .ds[data-style="khabar"] .ds-me, .ds[data-style="khabar"] .ds-mast, .ds[data-style="khabar"] .ds-num, .ds[data-style="khabar"] .ds-swipe { display: none !important; }
.ds[data-style="khabar"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="khabar"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="khabar"] :is(.kb-hd, .kb-mid, .kb-ft, .kb-data) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="khabar"] .kb-mid { margin-block: auto; padding-top: 3.704cqw; }
.ds[data-style="khabar"] svg:is(.kb-ico, .kb-fi, .kb-ci, .kb-ri, .kb-qm, .kb-pi) { display: block; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- الخط: Zain للعناوين، Graphik لكل ما يُقرأ سطرًا ---------- */
.ds[data-style="khabar"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.5; color: var(--kb-red); word-spacing: .2em; margin: 0; }
.ds[data-style="khabar"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(6.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); color: var(--kb-ink); margin: 0; text-wrap: wrap; word-spacing: 0; }
.ds[data-style="khabar"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.55; color: var(--kb-body); margin: 0; text-wrap: pretty; }
.ds[data-style="khabar"] .hl, .ds[data-style="khabar"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="khabar"] .kb-hd .r-tag + .r-head { margin-top: 1.111cqw; }
.ds[data-style="khabar"] .kb-mid > .r-body { margin-top: 2.778cqw; }
.ds[data-style="khabar"] .kb-mid > .kb-data + .r-body { margin-top: 4.63cqw; }

/* الترويسة: تعريف وعنوان فوق خط 3px */
.ds[data-style="khabar"] .kb-hd { border-bottom: 0.278cqw solid var(--kb-ink); padding-bottom: 2.037cqw; }

/* سطر المصدر فوق خط 3px */
.ds[data-style="khabar"] .kb-ft { flex: none; border-top: 0.278cqw solid var(--kb-ink); padding-top: 1.574cqw; margin-top: 3.704cqw; }
.ds[data-style="khabar"] .kb-ft .r-body { font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); text-wrap: pretty; }

/* الشريط العلوي: 14px في السلايدات، و92px للعاجل */
.ds[data-style="khabar"] .kb-bar { position: absolute; top: 0; left: 0; right: 0; height: 1.296cqw; background: var(--kb-red); }

/* ---------- الغلاف العاجل: شريط أحمر، لوح الصورة، النص على الحبر ---------- */
.ds[data-style="khabar"]:is([data-tl="cover"], [data-tl="quote"], [data-tl="scen"]) .ds-bgl { background: var(--kb-ink); }
.ds[data-style="khabar"] .kb-brk { height: 8.519cqw; display: flex; align-items: center; justify-content: space-between; padding: 0 5.556cqw; font-style: normal; color: #fff; z-index: 1; }
.ds[data-style="khabar"] .kb-brk > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 3.704cqw; line-height: 1.2; }
.ds[data-style="khabar"] .kb-brk > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: 2.963cqw; line-height: 1.2; }
.ds[data-style="khabar"] .kb-ph { position: absolute; left: 0; right: 0; background: center / cover no-repeat var(--kb-card); }
.ds[data-style="khabar"] .kb-cph { top: 8.519cqw; height: 51.667cqw; }
.ds[data-style="khabar"] .kb-noph { display: grid; place-items: center; color: var(--kb-amber); }
.ds[data-style="khabar"] .kb-noph svg.kb-pi { width: 17.593cqw; height: 17.593cqw; stroke-width: 3; opacity: .85; }
.ds[data-style="khabar"][data-tl="cover"] { padding: 63.889cqw 5.556cqw 0; }
.ds[data-style="khabar"][data-tl="cover"] .kb-mid { margin-top: auto; margin-bottom: 0; padding-top: 0; }
.ds[data-style="khabar"][data-tl="cover"] .r-tag { color: var(--kb-amber); }
.ds[data-style="khabar"][data-tl="cover"] .r-head { max-width: 81.481cqw; font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.16 * var(--dlh) / 1.2); color: #fff; margin-top: 1.296cqw; }
.ds[data-style="khabar"][data-tl="cover"] .kb-mid > .r-body { color: var(--kb-bodyd); margin-top: 3.148cqw; max-width: 59.259cqw; }
.ds[data-style="khabar"][data-tl="cover"] .kb-ft { flex-direction: row; align-items: center; justify-content: space-between; gap: 2.778cqw; height: 11.389cqw; margin: 7.222cqw -5.556cqw 0; padding: 0 5.556cqw; border-top-color: var(--kb-lined); }
.ds[data-style="khabar"][data-tl="cover"] .kb-ft .r-body { font-weight: 500; color: var(--kb-muted); }
.ds[data-style="khabar"] .kb-swipe { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--kb-amber); }
.ds[data-style="khabar"] .kb-swipe b { font-weight: 400; margin-inline-start: 1.111cqw; }
.ds-frame.is-story .ds[data-style="khabar"] .kb-swipe { display: none; }

/* ---------- ملخّص الخبر: تعريف وترقيم فوق الخط، العنوان تحته، ونقاط مرقّمة ---------- */
.ds[data-style="khabar"] .kb-tr { display: flex; align-items: baseline; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="khabar"] .kb-cnt { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); }
.ds[data-style="khabar"][data-tl="points"] .kb-hd { padding-bottom: 1.852cqw; }
.ds[data-style="khabar"][data-tl="points"] .kb-mid { padding-top: 6.667cqw; }
.ds[data-style="khabar"][data-tl="points"] .ds-txt > .r-head { margin-top: 6.481cqw; max-width: 62.963cqw; }
.ds[data-style="khabar"] .kb-pts .kb-row { display: flex; align-items: center; gap: 2.778cqw; min-height: calc(11.759cqw * var(--fs)); }
.ds[data-style="khabar"] .kb-pts .kb-row + .kb-row { border-top: 0.093cqw solid var(--kb-line); }
.ds[data-style="khabar"] .kb-n { flex: none; width: 6.481cqw; text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.815cqw * var(--fs)); line-height: 1; color: var(--kb-red); }
.ds[data-style="khabar"] .kb-pts .kb-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; color: var(--kb-ink); }

/* ---------- الأرضية البيضاء بشريط حبر: المخطط والتدقيق والتقرير المصوّر ---------- */
.ds[data-style="khabar"]:is([data-tl="chart"], [data-tl="fact"], [data-tl="photo"]) .ds-bgl { background: #fff; }
.ds[data-style="khabar"]:is([data-tl="chart"], [data-tl="fact"], [data-tl="photo"]) .kb-bar { background: var(--kb-ink); }

/* ---------- مخطط بيانات: أعمدة مستطيلة، آخرها أحمر ---------- */
.ds[data-style="khabar"] .kb-cols { display: flex; }
.ds[data-style="khabar"] .kb-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.ds[data-style="khabar"] .kb-bw { width: 100%; height: calc(22.222cqw * var(--fs)); display: flex; align-items: flex-end; justify-content: center; margin-bottom: 0.741cqw; }
.ds[data-style="khabar"] .kb-b { display: block; width: 56%; background: var(--kb-bar); }
.ds[data-style="khabar"] .kb-last .kb-b { background: var(--kb-red); }
.ds[data-style="khabar"] .kb-cv { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--kb-slate); }
.ds[data-style="khabar"] .kb-last .kb-cv { color: var(--kb-red); }
.ds[data-style="khabar"] .kb-cl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); margin-top: 2.037cqw; }
.ds[data-style="khabar"] .kb-sum { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; margin-top: calc(7.778cqw * var(--fs)); padding-top: calc(2.778cqw * var(--fs)); border-top: 0.093cqw solid var(--kb-line); }
.ds[data-style="khabar"] .kb-sum > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--kb-ink); }
.ds[data-style="khabar"] .kb-sum > b { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(7.037cqw * var(--fs)); line-height: 1.1; color: var(--kb-red); }

/* ---------- تسلسل زمني: خط رأسي بمربّعات 20px ---------- */
.ds[data-style="khabar"] .kb-tl { position: relative; }
.ds[data-style="khabar"] .kb-ev { position: relative; display: flex; flex-direction: column; padding-right: 6.759cqw; }
.ds[data-style="khabar"] .kb-ev + .kb-ev { margin-top: calc(3.611cqw * var(--fs)); }
.ds[data-style="khabar"][data-tl="timeline"] .kb-mid { padding-top: 16.667cqw; }
.ds[data-style="khabar"] .kb-eh { display: flex; align-items: center; justify-content: flex-end; min-height: 3.704cqw; }
.ds[data-style="khabar"] .kb-sq { position: absolute; right: 1.111cqw; top: 0; width: 1.852cqw; height: 1.852cqw; background: var(--kb-slate); z-index: 1; }
.ds[data-style="khabar"] .kb-first .kb-sq { background: var(--kb-red); }
.ds[data-style="khabar"] .kb-last .kb-sq { background: var(--kb-ink); }
.ds[data-style="khabar"] .kb-vl { position: absolute; right: 1.898cqw; top: 0.926cqw; bottom: calc(-3.611cqw * var(--fs) - 0.926cqw); width: 0.278cqw; background: var(--kb-line); }
.ds[data-style="khabar"] .kb-dt { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: var(--kb-slate); }
.ds[data-style="khabar"] .kb-first .kb-dt { color: var(--kb-red); }
.ds[data-style="khabar"] .kb-last .kb-dt { color: var(--kb-ink); }
.ds[data-style="khabar"] .kb-ev > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--kb-ink); }

/* ---------- تصريح: أرضية الحبر وعلامة اقتباس عنبرية ---------- */
.ds[data-style="khabar"][data-tl="quote"] .kb-mid { padding: 0 0 11.111cqw; }
.ds[data-style="khabar"] svg.kb-qm { align-self: flex-start; width: 10.926cqw; height: 10.926cqw; margin: 0 -1.667cqw 15.278cqw 0; color: var(--kb-amberd); }
.ds[data-style="khabar"][data-tl="quote"] .r-tag { color: var(--kb-amber); margin-bottom: 1.852cqw; }
.ds[data-style="khabar"][data-tl="quote"] .r-head { font-weight: 600; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.42 * var(--dlh) / 1.2); color: #fff; text-wrap: pretty; }
.ds[data-style="khabar"][data-tl="quote"] .kb-mid > .r-body { color: var(--kb-bodyd); margin-top: 3.148cqw; }
.ds[data-style="khabar"][data-tl="quote"] .kb-ft { border-top-color: var(--kb-lined); padding-top: 1.296cqw; }
.ds[data-style="khabar"][data-tl="quote"] .kb-ft .r-body:not(.kb-srcl) { font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #fff; }
.ds[data-style="khabar"][data-tl="quote"] .kb-ft .kb-srcl { color: var(--kb-muted); }

/* ---------- تدقيق معلومة: متداوَل مقابل الثابت ---------- */
.ds[data-style="khabar"] .kb-fr { display: flex; align-items: flex-start; gap: 2.407cqw; }
.ds[data-style="khabar"] .kb-fr + .kb-fr { border-top: 0.093cqw solid var(--kb-line); margin-top: calc(3.704cqw * var(--fs)); padding-top: calc(2.407cqw * var(--fs)); }
.ds[data-style="khabar"][data-tl="fact"] .kb-mid { padding-top: 19.259cqw; }
.ds[data-style="khabar"] svg.kb-fi { flex: none; width: 5.185cqw; height: 5.185cqw; margin-top: 0.185cqw; }
.ds[data-style="khabar"] .kb-no svg.kb-fi { color: var(--kb-muted); }
.ds[data-style="khabar"] .kb-yes svg.kb-fi { color: var(--kb-red); }
.ds[data-style="khabar"] .kb-fr > div { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="khabar"] .kb-fr b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); }
.ds[data-style="khabar"] .kb-yes b { color: var(--kb-red); }
.ds[data-style="khabar"] .kb-fr span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); }
.ds[data-style="khabar"] .kb-yes span { font-weight: 600; font-size: calc(4.259cqw * var(--fs)); line-height: 1.55; color: var(--kb-ink); }

/* ---------- القطاعات: شبكة بطاقات بيضاء، الأخيرة حمراء ---------- */
.ds[data-style="khabar"] .kb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.852cqw; }
.ds[data-style="khabar"] .kb-grid[data-n="3"] .kb-c:last-child { grid-column: span 2; }
.ds[data-style="khabar"] .kb-c { display: flex; flex-direction: column; align-items: stretch; min-height: calc(34.722cqw * var(--fs)); padding: 4.074cqw 2.778cqw 2.778cqw; background: #fff; border: 0.185cqw solid #e2e2de; }
.ds[data-style="khabar"] svg.kb-ci { width: 4.815cqw; height: 4.815cqw; margin: 0 -0.37cqw 2.407cqw 0; color: var(--kb-ink); }
.ds[data-style="khabar"] .kb-c > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.815cqw * var(--fs)); line-height: 1.1; color: var(--kb-ink); }
.ds[data-style="khabar"] .kb-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); margin-top: 0.185cqw; }
.ds[data-style="khabar"] .kb-c.kb-last { background: var(--kb-red); border-color: var(--kb-red); }
.ds[data-style="khabar"] .kb-c.kb-last > * { color: #fff !important; }
.ds[data-style="khabar"][data-tl="sectors"] .kb-ft { margin-top: 0.37cqw; }
.ds[data-style="khabar"][data-tl="sectors"] .kb-mid { margin-bottom: 0; }

/* ---------- تقرير مصوّر: صورة كاملة العرض وسطر تعريف فوق خط 1px ---------- */
.ds[data-style="khabar"] .kb-rph { top: 0; height: 44.444cqw; }
.ds[data-style="khabar"][data-tl="photo"][data-ph="1"] { padding-top: 44.444cqw; }
.ds[data-style="khabar"] .kb-cap { flex: none; margin: 0; padding: 0.926cqw 0 1.296cqw; border-bottom: 0.093cqw solid var(--kb-line); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--kb-slate); }
.ds[data-style="khabar"][data-tl="photo"] .kb-mid { padding-top: 9.074cqw; }
.ds[data-style="khabar"][data-tl="photo"] .kb-mid > .r-head { margin-top: 1.852cqw; max-width: 60.185cqw; }
.ds[data-style="khabar"][data-tl="photo"] .kb-mid > .r-body { margin-top: 2.778cqw; line-height: 1.7; text-wrap: wrap; }

/* ---------- سيناريوهات: شريط عنبري، بطاقات حبرية بشريط جانبي 6px ---------- */
.ds[data-style="khabar"] .kb-amb { height: 8.519cqw; background: var(--kb-amber); }
.ds[data-style="khabar"][data-tl="scen"] { padding-top: 0; }
.ds[data-style="khabar"] .kb-top { flex: none; display: flex; align-items: center; height: 8.519cqw; }
.ds[data-style="khabar"][data-tl="scen"] .kb-top .r-tag { color: var(--kb-ink); }
.ds[data-style="khabar"][data-tl="scen"] .ds-txt > .r-head { color: #fff; margin-top: 8.333cqw; }
.ds[data-style="khabar"] .kb-sc { display: flex; align-items: flex-start; justify-content: space-between; gap: 2.778cqw; min-height: calc(17.593cqw * var(--fs)); padding: calc(3.148cqw * var(--fs)) 3.241cqw calc(2.778cqw * var(--fs)); background: var(--kb-card); border-right: 0.556cqw solid var(--kb-amber); }
.ds[data-style="khabar"] .kb-sc + .kb-sc { margin-top: calc(2.315cqw * var(--fs)); }
.ds[data-style="khabar"] .kb-sc.kb-s2 { border-right-color: var(--kb-muted); }
.ds[data-style="khabar"] .kb-sc.kb-s3 { border-right-color: var(--kb-red); }
.ds[data-style="khabar"] .kb-sc.kb-s4 { border-right-color: var(--kb-slate); }
.ds[data-style="khabar"] .kb-sc > div { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="khabar"] .kb-sc b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; color: #fff; }
.ds[data-style="khabar"] .kb-sc div > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--kb-bodyd); margin-top: 0.556cqw; }
.ds[data-style="khabar"] .kb-pv { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(5.185cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="khabar"] .kb-s1 .kb-pv { color: var(--kb-amber); }
.ds[data-style="khabar"] .kb-s3 .kb-pv { color: var(--kb-redl); }
.ds[data-style="khabar"][data-tl="scen"] .kb-ft { border-top: 0; padding-top: 3.611cqw; }
.ds[data-style="khabar"][data-tl="scen"] .kb-mid { padding-top: 15.926cqw; }
.ds[data-style="khabar"][data-tl="scen"] .kb-ft .r-body { color: var(--kb-muted); }

/* ---------- المصادر والدعوة: قائمة برسمات، عنوان كبير، شريط حبر ---------- */
.ds[data-style="khabar"][data-tl="cta"] .kb-hd { padding: 1.852cqw 0 1.481cqw; }
.ds[data-style="khabar"] .kb-src { margin-top: 8.148cqw; }
.ds[data-style="khabar"] .kb-src .kb-row { display: flex; align-items: center; gap: 2.593cqw; min-height: calc(9.352cqw * var(--fs)); border-bottom: 0.093cqw solid var(--kb-line); }
.ds[data-style="khabar"] svg.kb-ri { flex: none; width: 4.074cqw; height: 4.074cqw; margin-right: -0.185cqw; color: var(--kb-ink); stroke-width: 4; }
.ds[data-style="khabar"] .kb-src .kb-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--kb-ink); }
.ds[data-style="khabar"][data-tl="cta"] .r-head { max-width: 60.185cqw; font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="khabar"][data-tl="cta"] .kb-mid { padding-top: 10.185cqw; }
.ds[data-style="khabar"][data-tl="cta"] .kb-mid > .r-body { margin-top: 0.926cqw; line-height: 1.6; max-width: 59.259cqw; }
.ds[data-style="khabar"] .kb-btn { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 10cqw; margin-top: 4.63cqw; padding: 0.926cqw 3.241cqw; background: var(--kb-ink); }
.ds[data-style="khabar"] .kb-btn .r-body { font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #fff; }
.ds[data-style="khabar"] .kb-link { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: var(--kb-amber); }
/* khabar:end */


/* fonts:mizan:start */
@font-face { font-family: "MKD Malmoom"; font-weight: 400; font-display: swap; src: url(fonts/malmoom-400.woff2) format("woff2"); }
.ds[data-kit="mizan"] { --fd: "MKD Malmoom", "MKD Graphik"; --fdw: 400; --dk: 1; --dlh: 1.3; --ft: "MKD Graphik"; --ftw: 300; }
/* fonts:mizan:end */

/* mizan:start */
/* ==========================================================================
   أسلوب «مِيزان» — من نظام «هوية المحتوى القانوني والاستشاري» الذي أرسله
   صاحب الأداة. كل سلايد صفحة من مذكّرة: شريط علوي 12px، ترويسة فوق خط 2px،
   بنود 1.1، صندوق «انتبه» بشريط نحاسي 6px، وسطر إخلاء مسؤولية فوق خط 2px
   في كل سلايد فاتح. الداكن (الغلاف والقاعدة والدعوة) بإطار نحاسي 1px.
   Malmoom للعناوين (--fd) وGraphik بوزن 300 للمتن (--ft). زوايا حادة.
   ========================================================================== */
.ds[data-style="mizan"] {
  --mz-ink: #141c26; --mz-slate: #2e3d4f; --mz-brass: #8a6a2f; --mz-brl: #c9a55f; --mz-bur: #8a2e2e; --mz-paper: #f4f2ed;
  --mz-bg: #f4f2ed; --mz-bar: #141c26; --mz-hd: #141c26; --mz-body: #2b323c; --mz-body2: #3a424e; --mz-label: #5c6774; --mz-muted: #8e97a3;
  --mz-tag: #8a6a2f; --mz-line: #ddd9d0; --mz-line2: #d3cec3;
  --fg: #141c26 !important; --sub: #2b323c !important; --tag: #8a6a2f !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mz-hd); padding: 8.519cqw 7.407cqw 13.889cqw;
  font-synthesis: none;
}
.ds[data-style="mizan"]:is([data-tl="defs"], [data-tl="check"], [data-tl="errors"]) { --mz-bg: #fff; --mz-bar: #8a6a2f; }
.ds[data-style="mizan"][data-tl="errors"] { --mz-bar: #8a2e2e; --mz-tag: #8a2e2e; --tag: #8a2e2e !important; }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"]) {
  --mz-bg: #141c26; --mz-hd: #f4f2ed; --mz-body: #c2c8d0; --mz-tag: #c9a55f;
  --fg: #f4f2ed !important; --sub: #c2c8d0 !important; --tag: #c9a55f !important;
}
.ds[data-style="mizan"][data-tl="rule"] {
  --mz-bg: #2e3d4f; --mz-hd: #f4f2ed; --mz-body: #c2c8d0; --mz-tag: #f4f2ed;
  --fg: #f4f2ed !important; --sub: #c2c8d0 !important; --tag: #f4f2ed !important;
}

.ds[data-style="mizan"] .ds-bgl { background: var(--mz-bg); }
.ds[data-style="mizan"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe, .ds-tex, .ds-deco) { display: none !important; }
.ds[data-style="mizan"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="mizan"] :is(.mz-hd, .mz-bd, .mz-mid, .mz-foot) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mizan"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="mizan"] .mz-sp { display: block; flex: 1 1 0; min-height: 0; }
.ds[data-style="mizan"] .mz-sp1 { flex-grow: 1.5; }
.ds[data-style="mizan"] .mz-sp2 { flex-grow: 1; }
.ds[data-style="mizan"] svg { display: block; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- الخط ---------- */
.ds[data-style="mizan"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.5; color: var(--mz-tag); word-spacing: .22em; }
.ds[data-style="mizan"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(6.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.36 * var(--dlh) / 1.3); color: var(--mz-hd); text-wrap: balance; }
.ds[data-style="mizan"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.259cqw * var(--fs)); line-height: 1.75; color: var(--mz-body); }
.ds[data-style="mizan"] .hl, .ds[data-style="mizan"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="mizan"] .mz-hd .r-head { margin-top: calc(1.852cqw * var(--fs)); max-width: 43.519cqw; }
.ds[data-style="mizan"] .mz-rule { display: block; flex: none; height: 0.185cqw; margin-top: calc(1.296cqw * var(--fs)); background: var(--mz-ink); }
.ds[data-style="mizan"] .mz-bd:has(> .mz-note:last-child) { padding-bottom: calc(2.407cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-bd > * + * { margin-top: calc(2.222cqw * var(--fs)); }

/* ---------- الشريط العلوي وسطر الإخلاء ---------- */
.ds[data-style="mizan"] .mz-bar { position: absolute; left: 0; right: 0; top: 0; height: 1.111cqw; background: var(--mz-bar); }
.ds[data-style="mizan"] .mz-disc { position: absolute; left: 7.407cqw; right: 7.407cqw; top: 111.111cqw; border-top: 0.185cqw solid var(--mz-ink); padding-top: 1.852cqw;
  font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 2.778cqw; line-height: 1.5; color: var(--mz-label); word-spacing: .18em; text-align: right; }

/* ---------- صندوق «انتبه» ---------- */
.ds[data-style="mizan"] .mz-note { display: flex; flex-direction: column; align-items: stretch; margin-top: calc(2.778cqw * var(--fs)); padding: calc(2.407cqw * var(--fs)) 3.704cqw calc(2.778cqw * var(--fs)) 3.704cqw; background: #fff; border-right: 0.556cqw solid var(--mz-brass); }
.ds[data-style="mizan"] .mz-nl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.5; color: var(--mz-brass); word-spacing: .22em; }
.ds[data-style="mizan"] .mz-note .r-body { font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.7; color: var(--mz-ink); margin-top: calc(0.37cqw * var(--fs)); }

/* ---------- الغلاف والدعوة: إطار نحاسي، كل شيء في الوسط ---------- */
.ds[data-style="mizan"] .mz-frame { position: absolute; inset: 5.185cqw; border: 0.093cqw solid rgba(138, 106, 47, .55); }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"]) { text-align: center; padding: 23.704cqw 10.185cqw 10.185cqw; }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"]) .ds-txt { align-items: center; }
.ds[data-style="mizan"] .mz-mast { position: absolute; left: 9.259cqw; right: 9.259cqw; top: 9.63cqw; height: 6.019cqw; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 0.093cqw solid rgba(244, 242, 237, .2); font-style: normal; }
.ds[data-style="mizan"] .mz-mast b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: 2.778cqw; line-height: 1.4; color: var(--mz-brl); word-spacing: .22em; }
.ds[data-style="mizan"] .mz-mast span { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 600; font-size: 2.778cqw; line-height: 1.4; color: var(--mz-muted); letter-spacing: .12em; }
.ds[data-style="mizan"] .mz-big { display: block; flex: none; color: var(--mz-brass); }
.ds[data-style="mizan"] .mz-big svg { width: 100%; height: 100%; }
.ds[data-style="mizan"][data-tl="cover"] .mz-big { width: calc(15.926cqw * var(--fs)); height: calc(15.926cqw * var(--fs)); margin-bottom: calc(8.148cqw * var(--fs)); }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"]) .r-head { font-size: calc(9.259cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.3); max-width: 31.481cqw; margin-top: calc(2.593cqw * var(--fs)); }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"]) .r-body { font-size: calc(3.889cqw * var(--fs)); color: var(--mz-body); max-width: 33.333cqw; text-wrap: balance; }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"])[data-mzl] .r-head { max-width: 72.222cqw; }
.ds[data-style="mizan"]:is([data-tl="cover"], [data-tl="cta"])[data-mzl] .r-body { max-width: 59.259cqw; }
.ds[data-style="mizan"] .mz-short { display: block; flex: none; width: 8.333cqw; height: 0.093cqw; margin: calc(3.889cqw * var(--fs)) 0 calc(2.87cqw * var(--fs)); background: var(--mz-brass); }
.ds[data-style="mizan"] .mz-swipe { display: block; flex: none; margin-top: calc(-1.296cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 600; font-size: calc(2.593cqw * var(--fs)); line-height: 1.3; color: var(--mz-brl); }
.ds-frame.is-story .ds[data-style="mizan"] .mz-swipe { visibility: hidden; }

.ds[data-style="mizan"][data-tl="cta"] { padding-top: 18.241cqw; padding-bottom: 13.889cqw; }
.ds[data-style="mizan"][data-tl="cta"] .mz-big { width: calc(17.222cqw * var(--fs)); height: calc(17.222cqw * var(--fs)); margin-bottom: calc(8.611cqw * var(--fs)); }
.ds[data-style="mizan"][data-tl="cta"] .mz-short { margin: calc(3.426cqw * var(--fs)) 0 calc(2.407cqw * var(--fs)); }
.ds[data-style="mizan"][data-tl="cta"] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.3); max-width: 38.889cqw; margin-top: calc(2.13cqw * var(--fs)); }
.ds[data-style="mizan"][data-tl="cta"] .r-body { font-size: calc(3.889cqw * var(--fs)); line-height: 1.65; max-width: 42.593cqw; }
.ds[data-style="mizan"] .mz-btn { flex: none; margin-top: calc(8.333cqw * var(--fs)); padding: calc(1.389cqw * var(--fs)) 5.926cqw; border: 0.093cqw solid var(--mz-brl); }
.ds[data-style="mizan"] .mz-btn .r-body { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.2; color: var(--mz-brl); max-width: none; }
.ds[data-style="mizan"] .mz-disc.is-full { left: 10.185cqw; right: 10.185cqw; top: 111.667cqw; border: 0; padding: 0; font-weight: 400; color: var(--mz-muted); text-align: center; }

/* ---------- بند مشروح ---------- */
.ds[data-style="mizan"] .mz-hrow { flex-direction: row; justify-content: space-between; align-items: baseline; }
.ds[data-style="mizan"] .mz-pg { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.5; color: var(--mz-label); }
.ds[data-style="mizan"][data-tl="clause"] { padding-bottom: 15.741cqw; }
.ds[data-style="mizan"][data-tl="clause"] .mz-rule { margin-top: calc(1.852cqw * var(--fs)); }
.ds[data-style="mizan"][data-tl="clause"] .mz-sp1 { flex-grow: .95; }
.ds[data-style="mizan"][data-tl="clause"] .mz-sp2 { flex-grow: 1.05; }
.ds[data-style="mizan"][data-tl="clause"] > .ds-mv > .ds-txt > .r-head, .ds[data-style="mizan"][data-tl="clause"] .ds-txt > .r-head { margin-top: calc(7.963cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-mid { flex: none; }
.ds[data-style="mizan"] .mz-src { display: flex; align-items: center; gap: 2.037cqw; }
.ds[data-style="mizan"] svg.mz-si { flex: none; width: 4.259cqw; height: 4.259cqw; margin-right: -0.556cqw; color: var(--mz-label); stroke-width: 3; }
.ds[data-style="mizan"] .mz-src .r-body { font-size: calc(3.519cqw * var(--fs)); line-height: 1.6; color: var(--mz-label); }

/* ---------- تعريفات مرقّمة ---------- */
.ds[data-style="mizan"] .mz-data { flex: none; display: flex; flex-direction: column; }
.ds[data-style="mizan"] .mz-defs .mz-row { display: flex; align-items: flex-start; gap: 3.333cqw; padding: calc(2.037cqw * var(--fs)) 2.222cqw calc(2.222cqw * var(--fs)) 0; }
.ds[data-style="mizan"][data-tl="defs"] .mz-sp1 { flex-grow: 2; }
.ds[data-style="mizan"][data-tl="steps"] .mz-sp1 { flex-grow: 1.8; }
.ds[data-style="mizan"][data-tl="check"] .mz-sp1 { flex-grow: 1.8; }
.ds[data-style="mizan"] .mz-row + .mz-row { border-top: 0.093cqw solid var(--mz-line); }
.ds[data-style="mizan"] .mz-no { flex: none; font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--mz-brass); }
.ds[data-style="mizan"] .mz-rc { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="mizan"] .mz-term { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.15; color: var(--mz-ink); }
.ds[data-style="mizan"] .mz-def { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.45; color: var(--mz-body); }

/* ---------- جدول مقارنة ---------- */
.ds[data-style="mizan"][data-tl="compare"] .mz-sp1 { flex-grow: 1; }
.ds[data-style="mizan"][data-tl="compare"] .mz-sp2 { flex-grow: 2; }
.ds[data-style="mizan"] .mz-tbl { background: #fff; border: 0.093cqw solid var(--mz-line); }
.ds[data-style="mizan"] .mz-tr { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: stretch; }
.ds[data-style="mizan"] .mz-tbl[data-cols="2"] .mz-tr { grid-template-columns: 1fr 2fr; }
.ds[data-style="mizan"] .mz-tbl[data-cols="1"] .mz-tr { grid-template-columns: 1fr; }
.ds[data-style="mizan"] .mz-tr + .mz-tr { border-top: 0.093cqw solid var(--mz-line); }
.ds[data-style="mizan"] .mz-td { display: flex; align-items: center; justify-content: center; min-height: calc(9.167cqw * var(--fs)); padding: 0.741cqw 1.852cqw; text-align: center;
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.519cqw * var(--fs)); line-height: 1.35; color: var(--mz-body2); }
.ds[data-style="mizan"] .mz-td.mz-c1 { justify-content: flex-start; text-align: right; padding-right: 2.407cqw; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); color: var(--mz-ink); }
.ds[data-style="mizan"] .mz-th { background: var(--mz-ink); border: 0 !important; margin: -0.093cqw -0.093cqw 0; }
.ds[data-style="mizan"] .mz-th .mz-td { min-height: calc(7.778cqw * var(--fs)); font-weight: 600; font-size: calc(2.963cqw * var(--fs)); color: var(--mz-paper); }
.ds[data-style="mizan"] .mz-th .mz-td:last-child:not(:first-child) { background: var(--mz-slate); }
.ds[data-style="mizan"][data-tl="compare"] .mz-bd .r-body { font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.6; color: var(--mz-body2); }

/* ---------- أخطاء متكرّرة وقائمة تحقّق ---------- */
.ds[data-style="mizan"] :is(.mz-errors, .mz-check) .mz-row { display: flex; align-items: center; gap: 2.407cqw; }
.ds[data-style="mizan"] .mz-errors .mz-li { font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-errors .mz-row { min-height: calc(11.944cqw * var(--fs)); padding: 0.37cqw 0; }
.ds[data-style="mizan"] .mz-check .mz-row { min-height: calc(9.537cqw * var(--fs)); padding: 0.37cqw 0; }
.ds[data-style="mizan"] .mz-li { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.45; color: var(--mz-ink); }
.ds[data-style="mizan"] svg.mz-ri { flex: none; align-self: flex-start; width: 5cqw; height: 5cqw; margin-top: calc(3.333cqw * var(--fs)); color: var(--mz-brass); }
.ds[data-style="mizan"] .mz-box { flex: none; display: block; width: 3.889cqw; height: 3.889cqw; border: 0.185cqw solid var(--mz-ink); }
.ds[data-style="mizan"] .mz-box.is-on { background: var(--mz-brass); border-color: var(--mz-brass); }

/* ---------- خطوات إجرائية ---------- */
.ds[data-style="mizan"] .mz-steps { position: relative; }
.ds[data-style="mizan"] .mz-steps .mz-row { position: relative; display: flex; align-items: flex-start; gap: 4.259cqw; padding: 0 1.481cqw calc(3.056cqw * var(--fs)) 0; border: 0 !important; }
.ds[data-style="mizan"] .mz-vl { position: absolute; right: 2.315cqw; top: 2.222cqw; bottom: 5.556cqw; width: 0.185cqw; background: var(--mz-line2); }
.ds[data-style="mizan"] .mz-sq { position: relative; flex: none; width: 1.852cqw; height: 1.852cqw; margin-top: calc(1.111cqw * var(--fs)); background: var(--mz-slate); }
.ds[data-style="mizan"] .mz-sq.is-first { background: var(--mz-brass); }
.ds[data-style="mizan"] .mz-sq.is-last { background: var(--mz-ink); }
.ds[data-style="mizan"] .mz-steps .mz-term { font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-steps .mz-def.is-solo { font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.4; color: var(--mz-ink); }
.ds[data-style="mizan"] .mz-steps .mz-def { font-size: calc(3.333cqw * var(--fs)); color: var(--mz-body2); }

/* ---------- قاعدة على لوح إردوازي ---------- */
.ds[data-style="mizan"][data-tl="rule"] { padding: 13.889cqw 7.407cqw 7.037cqw; }
.ds[data-style="mizan"] svg.mz-gv { position: absolute; right: 7.407cqw; top: 13.704cqw; width: 11.296cqw; height: 11.296cqw; color: var(--mz-paper); }
.ds[data-style="mizan"][data-tl="rule"] .mz-sp1 { flex-grow: 1.4; }
.ds[data-style="mizan"][data-tl="rule"][data-mzl="2"] .r-head { max-width: 74.074cqw !important; }
.ds[data-style="mizan"][data-tl="rule"] .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.48 * var(--dlh) / 1.3); max-width: 31.481cqw; }
.ds[data-style="mizan"] .mz-foot { border-top: 0.093cqw solid rgba(244, 242, 237, .3); padding-top: calc(1.296cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-foot .r-tag { font-weight: 500; font-size: calc(3.704cqw * var(--fs)); color: var(--mz-paper); word-spacing: 0; }
.ds[data-style="mizan"] .mz-foot .r-body { font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: #bcc3cb; }

/* ---------- تعريف المكتب ---------- */
.ds[data-style="mizan"][data-tl="firm"] .mz-rule { margin-top: calc(1.852cqw * var(--fs)); }
.ds[data-style="mizan"][data-tl="firm"] .mz-sp1 { flex-grow: 1; }
.ds[data-style="mizan"][data-tl="firm"] .mz-sp0 { flex: none; height: calc(7.593cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-prof { display: flex; align-items: center; gap: 3.519cqw; }
.ds[data-style="mizan"] .mz-ph { flex: none; display: grid; place-items: center; width: 18.519cqw; height: 18.519cqw; background: #ebe9e4 center / cover no-repeat; color: #c9c4b8; }
.ds[data-style="mizan"] svg.mz-phi { width: 7.778cqw; height: 7.778cqw; stroke-width: 3; }
.ds[data-style="mizan"] .mz-pt { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="mizan"] .mz-pt .r-head { font-size: calc(5.185cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.3; }
.ds[data-style="mizan"] .mz-pt .r-body { font-size: calc(3.333cqw * var(--fs)); line-height: 1.45; }
.ds[data-style="mizan"] .mz-pt .mz-role { font-weight: 400; color: var(--mz-body2); }
.ds[data-style="mizan"] .mz-pt .mz-meta { font-size: calc(3.148cqw * var(--fs)); color: #67717d; }
.ds[data-style="mizan"] .mz-cards { flex-direction: row; gap: 1.852cqw; margin-top: calc(7.407cqw * var(--fs)); }
.ds[data-style="mizan"] .mz-card { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: stretch; min-height: calc(20.926cqw * var(--fs)); padding: calc(2.593cqw * var(--fs)) 2.222cqw calc(2.593cqw * var(--fs)); background: #fff; border: 0.093cqw solid var(--mz-line); }
.ds[data-style="mizan"] .mz-card.is-ink { background: var(--mz-ink); border-color: var(--mz-ink); }
.ds[data-style="mizan"] svg.mz-ci { width: 5.185cqw; height: 5.185cqw; margin: 0 -0.926cqw calc(1.296cqw * var(--fs)) 0; color: var(--mz-body2); stroke-width: 3; }
.ds[data-style="mizan"] .mz-card.is-ink svg.mz-ci { color: var(--mz-paper); }
.ds[data-style="mizan"] .mz-card b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.1; color: var(--mz-ink); }
.ds[data-style="mizan"] .mz-card.is-ink b { color: var(--mz-paper); }
.ds[data-style="mizan"][data-tl="firm"] .mz-bd .r-body { font-size: calc(4.074cqw * var(--fs)); color: #353c45; }
/* mizan:end */

/* fonts:shaghir:start */
@font-face { font-family: "MKD Camel"; font-weight: 800; font-display: swap; src: url(fonts/camel-800.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel"; font-weight: 500; font-display: swap; src: url(fonts/camel-500.woff2) format("woff2"); }
.ds[data-kit="camzain"] { --fd: "MKD Camel"; --fdw: 800; --dk: 1; --dlh: 1.2; --ft: "MKD Zain", "MKD Graphik"; --ftw: 400; }
/* fonts:shaghir:end */

/* shaghir:start */
/* ==========================================================================
   أسلوب «شاغِر» — هوية التوظيف والموارد البشرية من نظام صاحب الأداة.
   كل سلايد بين شريطين: شريط بيانات علوي 110px (tag يمينًا ووصفه يسارًا) وشريط
   ملاحظة سفلي 120px (mark يمينًا والترقيم 01 / 10 يسارًا). ألوان الشريطين في
   طبقة الخلفية، ونصوصهما داخل كتلة النص بارتفاع ثابت فتبقى محاذية لهما.
   زوايا حادة تمامًا. Camel للعناوين والأرقام، Zain للمتن والبيانات.
   ========================================================================== */
.ds[data-style="shaghir"] {
  --sg-ink: #14171C; --sg-ink2: #1c2026; --sg-rose: #A81E55; --sg-rt: #FBDCE7; --sg-grn: #1F6B4E; --sg-gt: #CFE8DC;
  --sg-pap: #F2F0EA; --sg-body: #4A5059; --sg-body2: #3d434c; --sg-lab: #656a73; --sg-mut: #8b9099; --sg-bod: #b6bbc3;
  --sg-line: #ddd9d0; --sg-line2: #e6e3dc; --sg-dis: #b9b5ad;
  --sg-g: #fff; --sg-bar: #F2F0EA;
  --fg: #14171C !important; --sub: #4A5059 !important; --tag: #14171C !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--sg-ink); padding: 0 !important; -webkit-font-smoothing: auto; font-synthesis: none;
}
.ds[data-style="shaghir"] .ds-bgl { background: var(--sg-g); }
.ds[data-style="shaghir"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="shaghir"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; display: flex; flex-direction: column; }
.ds[data-style="shaghir"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="shaghir"] .hl, .ds[data-style="shaghir"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="shaghir"] svg:is(.sg-ci, .sg-lic, .sg-pi, .sg-qi, .sg-phi) { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="shaghir"] p { margin: 0; }

/* ---------- الشريطان وترقيم السلايد ---------- */
.ds[data-style="shaghir"] .sg-bt { position: absolute; left: 0; right: 0; top: 0; height: 10.185cqw; background: var(--sg-bar); }
.ds[data-style="shaghir"] .sg-bb { position: absolute; left: 0; right: 0; bottom: 0; height: 11.111cqw; background: var(--sg-bar); }
.ds[data-style="shaghir"] .sg-pg { position: absolute; left: 6.481cqw; top: 113.889cqw; height: 11.111cqw; display: flex; align-items: center; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 3.148cqw; line-height: 1; color: var(--sg-lab); white-space: nowrap; }
.ds[data-style="shaghir"] .sg-top { flex: none; box-sizing: border-box; height: 10.185cqw; display: flex; align-items: center; justify-content: space-between; gap: 3.704cqw; padding: 0 6.481cqw; }
.ds[data-style="shaghir"] .sg-top > .r-tag, .ds[data-style="shaghir"] .sg-ch > .r-tag { font-family: var(--ft), Tahoma, sans-serif; line-height: 1.3; margin: 0; min-width: 0; }
.ds[data-style="shaghir"] .sg-tt { font-weight: 600; font-size: calc(2.963cqw * var(--fs)); color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-td { font-weight: 500; font-size: calc(2.778cqw * var(--fs)); color: var(--sg-lab); text-align: left; }
.ds[data-style="shaghir"] .sg-main { flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; padding: 0 6.481cqw; min-height: 0; }
.ds[data-style="shaghir"] .sg-foot { flex: none; box-sizing: border-box; height: 11.111cqw; display: flex; align-items: center; padding: 0 6.481cqw 0 23.148cqw; }
.ds[data-style="shaghir"] .sg-foot > .sg-note, .ds[data-style="shaghir"] .sg-main > .sg-note { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.35; color: var(--sg-body); }
.ds[data-style="shaghir"] .sg-sp { flex: 1 1 0; min-height: 0; }

/* ---------- الخط ---------- */
.ds[data-style="shaghir"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(6.111cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.24 * var(--dlh) / 1.2); color: var(--sg-ink); text-wrap: balance; margin: 0; }
.ds[data-style="shaghir"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.7; color: var(--sg-body2); text-wrap: wrap; }
.ds[data-style="shaghir"] .sg-main > .r-head:first-child { margin-top: 6.667cqw; }
.ds[data-style="shaghir"] .sg-s1 { flex-grow: 1.25; }
.ds[data-style="shaghir"] .sg-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1.15; }

/* ---------- الغلاف: بطاقة الشاغر ---------- */
.ds[data-style="shaghir"][data-tl="job"] { --sg-g: #F2F0EA; }
.ds[data-style="shaghir"][data-tl="job"] .sg-bb { height: 13.889cqw; background: var(--sg-ink); }
.ds[data-style="shaghir"][data-tl="job"] .sg-pg { top: 111.111cqw; height: 13.889cqw; color: var(--sg-mut); }
.ds[data-style="shaghir"][data-tl="job"] .sg-foot { height: 13.889cqw; }
.ds[data-style="shaghir"][data-tl="job"] .sg-foot > .sg-note { color: var(--sg-pap); font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="shaghir"] .sg-swipe { position: absolute; right: 6.481cqw; top: 111.111cqw; height: 13.889cqw; display: flex; align-items: center; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 4.074cqw; color: var(--sg-pap); }
.ds-frame.is-story .ds[data-style="shaghir"] .sg-swipe { display: none; }
.ds[data-style="shaghir"][data-tl="job"] .sg-main { padding-top: 6.481cqw; }
.ds[data-style="shaghir"] .sg-card { display: flex; flex-direction: column; background: #fff; border: 0.185cqw solid var(--sg-line); border-bottom: 0; }
.ds[data-style="shaghir"] .sg-ch { box-sizing: border-box; min-height: 9.537cqw; display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; padding: 0.926cqw 3.148cqw; background: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-ch > .sg-tt { color: var(--sg-pap); }
.ds[data-style="shaghir"] .sg-badge { flex: none; display: inline-block; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.593cqw * var(--fs)); line-height: 4.63cqw; padding: 0 2.407cqw; background: var(--sg-grn); color: #fff; white-space: nowrap; }
.ds[data-style="shaghir"] .sg-badge.is-soon { background: var(--sg-dis); color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-cb { display: flex; flex-direction: column; padding: 2.593cqw 3.148cqw 2.593cqw; }
.ds[data-style="shaghir"] .sg-cb > .sg-td { text-align: right; margin-bottom: 0.741cqw; }
.ds[data-style="shaghir"][data-tl="job"] .r-head { font-weight: 800; font-size: calc(7.963cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); max-width: 59.259cqw; text-wrap: pretty; }
.ds[data-style="shaghir"] .sg-chips { display: flex; flex-wrap: wrap; gap: 1.111cqw; margin-top: 4.074cqw; }
.ds[data-style="shaghir"] .sg-chip { display: flex; align-items: center; gap: 1.481cqw; box-sizing: border-box; min-height: 5.833cqw; padding: 0.556cqw 2.037cqw; background: var(--sg-pap); }
.ds[data-style="shaghir"] .sg-chip > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--sg-ink); }
.ds[data-style="shaghir"] svg.sg-ci { width: 2.407cqw; height: 2.407cqw; stroke-width: 7; color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-sal { box-sizing: border-box; min-height: 13.704cqw; margin: 0 -0.185cqw; display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; padding: 0.926cqw 3.241cqw; background: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-sal > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: var(--sg-rt); }
.ds[data-style="shaghir"] .sg-sal > .sg-v { font-size: calc(5.741cqw * var(--fs)); color: #fff; white-space: nowrap; }
.ds[data-style="shaghir"][data-tl="job"] .sg-bd { margin-top: 2.778cqw; }
.ds[data-style="shaghir"][data-tl="job"] .sg-bd .r-body { font-weight: 600; font-size: calc(4.259cqw * var(--fs)); max-width: 81.481cqw; }

/* غلاف بلا شرائح ولا راتب: البطاقة والمتن في وسط المساحة */
.ds[data-style="shaghir"][data-tl="job"] .sg-main.is-bare { justify-content: center; padding-bottom: 6.481cqw; }
.ds[data-style="shaghir"][data-tl="job"] .is-bare .r-head { font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: none; text-wrap: balance; }
.ds[data-style="shaghir"][data-tl="job"] .is-bare .sg-cb { padding-bottom: 4.074cqw; }

/* ---------- المتطلبات ---------- */
.ds[data-style="shaghir"] .sg-reqs { display: flex; flex-direction: column; }
.ds[data-style="shaghir"] .sg-grp + .sg-grp { margin-top: 2.037cqw; }
.ds[data-style="shaghir"] .sg-gl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: var(--sg-lab); margin-bottom: 0.37cqw; }
.ds[data-style="shaghir"] .is-must .sg-gl { color: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-li { display: flex; align-items: center; gap: 2.037cqw; box-sizing: border-box; min-height: calc(8.796cqw * var(--fs)); padding: 0.741cqw 0; border-bottom: 0.093cqw solid var(--sg-line2); }
.ds[data-style="shaghir"] .sg-grp:last-child .sg-li:last-child { border-bottom: 0; }
.ds[data-style="shaghir"] .sg-li > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.4; color: var(--sg-ink); }
.ds[data-style="shaghir"] .is-nice .sg-li > span { color: var(--sg-body); }
.ds[data-style="shaghir"] svg.sg-lic { width: 4.074cqw; height: 4.074cqw; stroke-width: 5; color: var(--sg-grn); margin: 0 -0.37cqw 0 0; }
.ds[data-style="shaghir"] .sg-box { flex: none; box-sizing: border-box; width: 4.167cqw; height: 4.167cqw; border: 0.185cqw solid var(--sg-dis); }
.ds[data-style="shaghir"][data-tl="reqs"] .sg-bd { margin-top: 2.778cqw; }

/* ---------- مسار التقديم ---------- */
.ds[data-style="shaghir"][data-tl="process"] { --sg-g: #F2F0EA; --sg-bar: #fff; }
.ds[data-style="shaghir"] .sg-prog { margin-top: 8.333cqw; }
.ds[data-style="shaghir"] .sg-track { display: block; position: relative; height: 1.852cqw; background: var(--sg-line); }
.ds[data-style="shaghir"] .sg-track > b { position: absolute; right: 0; top: 0; bottom: 0; background: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-pl { display: flex; justify-content: space-between; gap: 1.852cqw; margin-top: 0.926cqw; }
.ds[data-style="shaghir"] .sg-pl > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.4; color: var(--sg-lab); }
.ds[data-style="shaghir"][data-tl="process"] .sg-s1 { flex-grow: 2; min-height: 2.778cqw; }
.ds[data-style="shaghir"] .sg-steps { display: flex; flex-direction: column; gap: 1.944cqw; }
.ds[data-style="shaghir"] .sg-step { display: flex; align-items: center; gap: 2.593cqw; box-sizing: border-box; min-height: calc(13.611cqw * var(--fs)); padding: 1.296cqw 3.056cqw 1.296cqw 3.056cqw; background: #fff; border-right: 0.556cqw solid var(--sg-line); }
.ds[data-style="shaghir"] .sg-step.is-on { border-right-color: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-sn { flex: none; width: 4.63cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.074cqw * var(--fs)); line-height: 1; color: var(--sg-dis); text-align: center; }
.ds[data-style="shaghir"] .is-on .sg-sn { color: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-st { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="shaghir"] .sg-st > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.35; color: var(--sg-body); }
.ds[data-style="shaghir"] .sg-step > em { flex: none; max-width: 22.222cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--sg-lab); text-align: left; }
.ds[data-style="shaghir"][data-tl="process"] .sg-s2 { flex-grow: 1; min-height: 1.852cqw; }

/* ---------- حزمة المزايا ---------- */
.ds[data-style="shaghir"][data-tl="perks"] .sg-s1 { flex: 0 0 7.778cqw; }
.ds[data-style="shaghir"][data-tl="perks"] .sg-s2 { flex: 0 0 2.778cqw; }
.ds[data-style="shaghir"] .sg-perks { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 1.852cqw; }
.ds[data-style="shaghir"] .sg-pc { display: flex; flex-direction: column; align-items: stretch; box-sizing: border-box; min-height: calc(27.778cqw * var(--fs)); padding: 3.704cqw 2.87cqw 3.333cqw 2.778cqw; background: var(--sg-pap); }
.ds[data-style="shaghir"] svg.sg-pi { align-self: flex-start; width: 4.259cqw; height: 4.259cqw; margin: -0.278cqw -0.278cqw 0 0; stroke-width: 5; color: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-pc > .sg-v { direction: ltr; text-align: left; margin-top: 1.852cqw; font-size: calc(4.815cqw * var(--fs)); color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-pc > span { margin-top: 0.741cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--sg-body); }
.ds[data-style="shaghir"] .sg-pc.is-go { background: var(--sg-grn); }
.ds[data-style="shaghir"] .sg-pc.is-go > .sg-v { color: #fff; }
.ds[data-style="shaghir"] .sg-pc.is-go > span { color: var(--sg-gt); }
.ds[data-style="shaghir"] .sg-pc.is-go > svg.sg-pi { color: var(--sg-pap); }
.ds[data-style="shaghir"][data-tl="perks"] .sg-bd { margin-top: 2.222cqw; }

/* ---------- داخل الفريق: داكن، صورة، ثلاثة أرقام في الشريط السفلي ---------- */
.ds[data-style="shaghir"][data-tl="team"] { --sg-g: #14171C; --sg-bar: #1c2026; }
.ds[data-style="shaghir"][data-tl="team"] .sg-bb { height: 18.519cqw; }
.ds[data-style="shaghir"]:is([data-tl="team"], [data-tl="voice"], [data-tl="cta"]) .sg-pg { top: 0; height: 10.185cqw; color: var(--sg-mut); }
.ds[data-style="shaghir"]:is([data-tl="team"], [data-tl="voice"], [data-tl="cta"]) .sg-tt { color: var(--sg-pap); }
.ds[data-style="shaghir"]:is([data-tl="team"], [data-tl="voice"], [data-tl="cta"]) .sg-top { padding-left: 23.148cqw; }
.ds[data-style="shaghir"]:is([data-tl="team"], [data-tl="cta"]) .sg-td { color: var(--sg-mut); }
.ds[data-style="shaghir"] .sg-ph { flex: none; display: grid; place-items: center; height: calc(38.704cqw * var(--fs)); margin-top: 6.481cqw; background: #1c2026 center / cover no-repeat; color: #3a3f47; }
.ds[data-style="shaghir"] svg.sg-phi { width: 13.889cqw; height: 13.889cqw; stroke-width: 4; }
.ds[data-style="shaghir"][data-tl="team"] .sg-s1 { max-height: 12.593cqw; }
.ds[data-style="shaghir"][data-tl="team"] .r-head { color: var(--sg-pap); font-weight: 700; max-width: 51.852cqw; }
.ds[data-style="shaghir"][data-tl="team"] .r-body { color: var(--sg-bod); font-weight: 600; font-size: calc(3.889cqw * var(--fs)); margin-top: 1.667cqw; }
.ds[data-style="shaghir"][data-tl="team"] .sg-main > .sg-note { color: var(--sg-pap); font-size: calc(3.148cqw * var(--fs)); margin-top: 1.667cqw; }
.ds[data-style="shaghir"] .sg-stats { height: 18.519cqw; padding: 0 6.481cqw; justify-content: space-around; gap: 1.852cqw; }
.ds[data-style="shaghir"] .sg-stat { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.ds[data-style="shaghir"] .sg-stat > .sg-v { font-size: calc(4.63cqw * var(--fs)); color: var(--sg-pap); }
.ds[data-style="shaghir"] .sg-stat > span { margin-top: 0.926cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--sg-mut); }

.ds[data-style="shaghir"][data-tl="team"] .sg-main:not(:has(.sg-ph)) .r-head { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 70.37cqw; }
.ds[data-style="shaghir"] .sg-main > .sg-bd:not(:first-child) { margin-top: 2.778cqw; }
.ds[data-style="shaghir"][data-tl="team"] .sg-main:not(:has(.sg-ph)) .sg-s1 { max-height: none; }

/* ---------- قبل وبعد ---------- */
.ds[data-style="shaghir"] .sg-main.is-bare > .sg-s2 { flex-grow: 1.6; }
.ds[data-style="shaghir"] .sg-main.is-bare > .r-head { margin-top: 0; }
.ds[data-style="shaghir"][data-tl="cv"] { --sg-g: #F2F0EA; --sg-bar: #fff; }
.ds[data-style="shaghir"][data-tl="cv"] .sg-s1 { flex: 0 1 9.259cqw; }
.ds[data-style="shaghir"][data-tl="cv"] .sg-s2 { flex: 0 1 15.741cqw; }
.ds[data-style="shaghir"]
.ds[data-style="shaghir"] .sg-ba { display: flex; flex-direction: column; background: #fff; }
.ds[data-style="shaghir"] .sg-bx { padding: 2.963cqw 3.148cqw 3.333cqw 6.481cqw; border-right: 0.556cqw solid var(--sg-dis); }
.ds[data-style="shaghir"] .sg-bx.is-b { border-right-color: var(--sg-grn); padding-bottom: 2.037cqw; }
.ds[data-style="shaghir"] .sg-bl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.4; color: var(--sg-lab); margin-bottom: 0.556cqw; }
.ds[data-style="shaghir"] .is-b .sg-bl { color: var(--sg-grn); }
.ds[data-style="shaghir"] .sg-bxt { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.889cqw * var(--fs)); line-height: 1.65; color: var(--sg-body); }
.ds[data-style="shaghir"] .is-b .sg-bxt { color: var(--sg-ink); }

/* ---------- أسئلة المقابلة ---------- */
.ds[data-style="shaghir"] .sg-qs { display: flex; flex-direction: column; }
.ds[data-style="shaghir"] .sg-q { display: flex; align-items: flex-start; gap: 2.222cqw; padding: 4.259cqw 0 3.889cqw; border-bottom: 0.093cqw solid var(--sg-line2); }
.ds[data-style="shaghir"] .sg-q:last-child { border-bottom: 0; }
.ds[data-style="shaghir"] svg.sg-qi { width: 4.259cqw; height: 4.259cqw; margin-top: 0.741cqw; stroke-width: 5; color: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-q > div { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="shaghir"] .sg-q b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.889cqw * var(--fs)); line-height: 1.45; color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-q span { margin-top: 0.926cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; color: var(--sg-body); }

/* ---------- صوت الموظفين: توتي وبطاقات بيضاء ---------- */
.ds[data-style="shaghir"][data-tl="voice"] { --sg-g: #A81E55; --sg-bar: #14171C; }
.ds[data-style="shaghir"][data-tl="voice"] .sg-bb { display: none; }
.ds[data-style="shaghir"][data-tl="voice"] .r-head { color: #fff; margin-top: 5.741cqw; }
.ds[data-style="shaghir"] .sg-vs { display: flex; flex-direction: column; gap: calc(13.796cqw * var(--fs)); margin-top: 11.111cqw; }
.ds[data-style="shaghir"] .sg-vc { padding: 5.278cqw 4.167cqw 4.907cqw 5.556cqw; background: #fff; }
.ds[data-style="shaghir"] .sg-vq { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.444cqw * var(--fs)); line-height: 1.6; color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-va { display: flex; align-items: center; gap: 1.481cqw; margin-top: 1.296cqw; }
.ds[data-style="shaghir"] .sg-va > i { flex: none; width: 4.074cqw; height: 0.185cqw; background: var(--sg-rose); }
.ds[data-style="shaghir"] .sg-va > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--sg-body); }
.ds[data-style="shaghir"][data-tl="voice"] .r-body { color: var(--sg-rt); font-weight: 600; font-size: calc(3.889cqw * var(--fs)); }
.ds[data-style="shaghir"][data-tl="voice"] .sg-main { padding-bottom: 8.333cqw; }
.ds[data-style="shaghir"][data-tl="voice"] .sg-main > .sg-note { color: var(--sg-rt); font-weight: 600; font-size: calc(3.889cqw * var(--fs)); }

/* ---------- شواغر أخرى ---------- */
.ds[data-style="shaghir"][data-tl="roles"] { --sg-g: #F2F0EA; --sg-bar: #fff; }
.ds[data-style="shaghir"] .sg-roles { display: flex; flex-direction: column; gap: 1.944cqw; }
.ds[data-style="shaghir"] .sg-role { box-sizing: border-box; min-height: calc(15.926cqw * var(--fs)); padding: 2.407cqw 3.148cqw 2.222cqw; background: #fff; border: 0.185cqw solid var(--sg-line); display: flex; flex-direction: column; justify-content: center; }
.ds[data-style="shaghir"] .sg-rh { display: flex; align-items: center; justify-content: space-between; gap: 2.222cqw; }
.ds[data-style="shaghir"] .sg-rh > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.259cqw * var(--fs)); line-height: 1.35; color: var(--sg-ink); }
.ds[data-style="shaghir"] .sg-rh > .sg-badge { font-size: calc(2.407cqw * var(--fs)); line-height: 4.167cqw; padding: 0 2.037cqw; align-self: flex-start; margin-top: 0.37cqw; }
.ds[data-style="shaghir"] .sg-rm { display: flex; flex-wrap: wrap; align-items: center; gap: 0 2.037cqw; margin-top: 0.556cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--sg-body); }
.ds[data-style="shaghir"] .sg-rm > i { font-style: normal; }
.ds[data-style="shaghir"][data-tl="roles"] .sg-bd { margin-top: 2.778cqw; }

/* ---------- الدعوة: داكن، شريط الموعد، زر ورقي ---------- */
.ds[data-style="shaghir"][data-tl="cta"] { --sg-g: #14171C; --sg-bar: #1c2026; }
.ds[data-style="shaghir"][data-tl="cta"] .sg-bb { display: none; }
.ds[data-style="shaghir"] .sg-close { margin: 11.111cqw 0 0; min-height: 13.148cqw; }
.ds[data-style="shaghir"] .sg-close > span { font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="shaghir"] .sg-close > .sg-v { font-size: calc(5.185cqw * var(--fs)); }
.ds[data-style="shaghir"][data-tl="cta"] .sg-s1 { max-height: 13.889cqw; }
.ds[data-style="shaghir"][data-tl="cta"] .r-head { color: var(--sg-pap); font-weight: 700; font-size: calc(7.963cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); }
.ds[data-style="shaghir"][data-tl="cta"] .r-body { color: var(--sg-bod); font-weight: 600; font-size: calc(3.889cqw * var(--fs)); }
.ds[data-style="shaghir"][data-tl="cta"] .r-head + .r-body { margin-top: 2.778cqw; }
.ds[data-style="shaghir"] .sg-btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: calc(11.759cqw * var(--fs)); padding: 0.926cqw 3.704cqw; background: var(--sg-pap); text-align: center; font-family: var(--fd), Tahoma, sans-serif !important; font-weight: 700 !important; font-size: calc(4.63cqw * var(--fs)) !important; line-height: 1.3 !important; color: var(--sg-ink) !important; }
.ds[data-style="shaghir"][data-tl="cta"] .sg-main { padding-bottom: 0; }
.ds[data-style="shaghir"][data-tl="cta"] .sg-main:last-child { padding-bottom: 8.333cqw; }
.ds[data-style="shaghir"][data-tl="cta"] .sg-foot { height: 13.889cqw; justify-content: center; padding: 0 6.481cqw; text-align: center; }
.ds[data-style="shaghir"][data-tl="cta"] .sg-foot .r-body { font-size: calc(2.963cqw * var(--fs)); color: var(--sg-mut); font-weight: 500; }
/* shaghir:end */

/* fonts:sakina:start */
.ds[data-kit="sakina"] { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.34; --ft: "MKD Zain", "MKD Graphik"; --ftw: 400; }
/* fonts:sakina:end */

/* sakina:start */
/* ==========================================================================
   أسلوب «سَكينة» — هوية المحتوى الديني. المقاسات من لوحة 1080×1350.
   الشكل من skPlan (data-tl). تمركز كامل إلا الخطوات والتصحيح، إطار ذهبي في
   السلايدات الداكنة، فاصل نجمي واحد، زوايا حادة بلا استدارة.
   ========================================================================== */
.ds[data-style="sakina"] {
  --sk-g: #123A33; --sk-gold: #B99551; --sk-p: #F6F1E6; --sk-p2: #FBF8F1; --sk-ink: #1E1A15; --sk-sage: #6E8A7E;
  --sk-body: #4a453c; --sk-mut: #7d7563; --sk-bod: #c9d6d0; --sk-line: #ddd5c3; --sk-line2: #efe9da;
  --fg: #1E1A15 !important; --sub: #4a453c !important; --tag: #B99551 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: center; color: var(--sk-ink); padding: 10.556cqw 8.333cqw 9.259cqw; font-synthesis: none;
}
.ds[data-style="sakina"] .ds-bgl { background: var(--sk-p); }
.ds[data-style="sakina"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="sakina"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="sakina"] :is(.sk-hd, .sk-bd) { display: flex; flex-direction: column; align-items: center; }
.ds[data-style="sakina"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Qahwa للنصوص المنقولة والعناوين، Zain للشرح ---------- */
.ds[data-style="sakina"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--sk-gold); word-spacing: .26em; margin: 0 0 calc(2.037cqw * var(--fs)); }
.ds[data-style="sakina"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.34); color: var(--sk-ink); text-wrap: balance; }
.ds[data-style="sakina"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: var(--ftw); font-size: calc(4.444cqw * var(--fs)); line-height: 1.7; color: var(--sk-body); text-wrap: balance; }
.ds[data-style="sakina"] .r-body.sk-mark { max-width: 83.333cqw !important; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.278cqw * var(--fs)); line-height: 1.54; color: var(--sk-sage); }
.ds[data-style="sakina"] :is(.hl, .mk) { background: none !important; padding: 0; color: inherit; }
.ds[data-style="sakina"] .mk { font-weight: inherit !important; }
.ds[data-style="sakina"] .sk-bd > * + * { margin-top: calc(5.556cqw * var(--fs)); }
.ds[data-style="sakina"] svg:is(.sk-ico, .sk-big, .sk-cn, .sk-ri, .sk-ni), .ds[data-style="sakina"] .sk-dv {
  display: block; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="sakina"] svg.sk-big, .ds[data-style="sakina"] svg.sk-cn { position: absolute; color: var(--sk-gold); }
.ds[data-style="sakina"] .sk-div { display: block; align-self: center; flex: none; color: var(--sk-gold); }
.ds[data-style="sakina"] .sk-dv { width: 5.741cqw; height: 2.13cqw; overflow: visible; }

/* ---------- الإطار والأرضيات الداكنة ---------- */
.ds[data-style="sakina"] .sk-frame { position: absolute; left: 5.37cqw; top: 5.37cqw; right: 5.37cqw; bottom: 5.37cqw; border: 0.185cqw solid rgba(185, 149, 81, .45); }
.ds[data-style="sakina"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="dua"], [data-tl="list"]) .ds-bgl { background: var(--sk-g); }
.ds[data-style="sakina"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="dua"], [data-tl="list"]) .r-head { color: var(--sk-p); }
.ds[data-style="sakina"]:is([data-tl="cover"], [data-tl="cta"], [data-tl="dua"]) .r-body { color: var(--sk-bod); }
.ds[data-style="sakina"]:is([data-tl="times"], [data-tl="steps"], [data-tl="qa"]) .ds-bgl { background: var(--sk-p2); }

/* ---------- غلاف مؤطَّر ---------- */
.ds[data-style="sakina"][data-tl="cover"] { padding-top: 47.685cqw; }
.ds[data-style="sakina"][data-tl="cover"] .r-tag { margin-bottom: 2.778cqw; }
.ds[data-style="sakina"][data-tl="cover"] .r-head { font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.34); max-width: 75.926cqw; }
.ds[data-style="sakina"][data-tl="cover"] .sk-div { margin-top: calc(5.741cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="cover"] .sk-bd { margin-top: calc(4.722cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="cover"] .r-body { font-size: calc(4.259cqw * var(--fs)); line-height: 1.62; max-width: 66.667cqw; }
.ds[data-style="sakina"][data-tl="cover"] svg.sk-big { left: 40.093cqw; top: 21.204cqw; width: 19.815cqw; height: 19.815cqw; stroke-width: 3; }
.ds[data-style="sakina"] svg.sk-cn { width: 10.37cqw; height: 10.37cqw; stroke-width: 3.2; }
.ds[data-style="sakina"] svg.sk-cn1 { left: 82.685cqw; top: 7.315cqw; }
.ds[data-style="sakina"] svg.sk-cn2 { left: 6.944cqw; top: 107.407cqw; transform: rotate(180deg); }
.ds[data-style="sakina"] .sk-swipe { position: absolute; left: 0; right: 0; top: 110.37cqw; margin: 0 auto; width: 18.519cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.333cqw; line-height: 1.4; color: var(--sk-gold); text-align: center; }
.ds-frame.is-story .ds[data-style="sakina"] .sk-swipe { display: none; }

/* ---------- ذكر متمركز ---------- */
.ds[data-style="sakina"] .sk-topbar { position: absolute; left: 0; right: 0; top: 0; height: 1.296cqw; background: var(--sk-g); }
.ds[data-style="sakina"][data-tl="dhikr"] { padding-top: 12.037cqw; padding-bottom: 12.13cqw; }
.ds[data-style="sakina"][data-tl="dhikr"] .r-tag { display: flex; align-items: center; justify-content: center; min-width: 23.519cqw; min-height: 6.204cqw; box-sizing: border-box; padding: 0 3.333cqw; border: 0.185cqw solid var(--sk-gold); color: var(--sk-g); font-size: calc(3.056cqw * var(--fs)); margin: 0; }
.ds[data-style="sakina"][data-tl="dhikr"] .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.5 * var(--dlh) / 1.34); margin-top: calc(12.315cqw * var(--fs)); max-width: 64.815cqw; }
.ds[data-style="sakina"][data-tl="dhikr"] .sk-div { margin-top: calc(7.13cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="dhikr"] .sk-bd { flex: 1 1 auto; margin-top: calc(7.685cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="dhikr"] .r-body:not(.sk-mark) { max-width: 75.926cqw; }
.ds[data-style="sakina"][data-tl="dhikr"] .r-body.sk-mark { margin-top: auto; min-width: 35.185cqw; box-sizing: border-box; padding: calc(2.87cqw * var(--fs)) 3.148cqw; background: var(--sk-g); color: var(--sk-p); font-size: calc(4.259cqw * var(--fs)); line-height: 1.35; }

/* ---------- جدول أوقات وورد أسبوعي ---------- */
.ds[data-style="sakina"] .sk-rows { display: flex; flex-direction: column; align-self: stretch; }
.ds[data-style="sakina"] .sk-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="sakina"] .sk-rows .sk-row { border-bottom: 0.093cqw solid var(--sk-line); }
.ds[data-style="sakina"] .sk-rows .sk-row:last-child { border-bottom: 0; }
.ds[data-style="sakina"] .sk-rows .sk-row > span { font-family: var(--fd), Tahoma, sans-serif; text-align: right; }
.ds[data-style="sakina"] .sk-rows .sk-row > b { font-weight: 400; text-align: left; }
.ds[data-style="sakina"][data-tl="times"] .r-tag { margin-bottom: calc(1.667cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="list"] .r-tag { margin-bottom: calc(1.574cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="week"] .r-tag { margin-bottom: calc(1.296cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-times { margin-top: calc(10.556cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-times .sk-row { min-height: calc(13.889cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-times .sk-row:last-child { min-height: calc(13.889cqw * var(--fs)); margin-bottom: calc(-2.037cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-times .sk-row > span { font-size: calc(4.815cqw * var(--fs)); line-height: 1.3; color: var(--sk-g); }
.ds[data-style="sakina"] .sk-times .sk-row > b { font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.63cqw * var(--fs)); line-height: 1.2; color: var(--sk-ink); }
.ds[data-style="sakina"] .sk-note { display: flex; align-items: center; gap: 2.778cqw; align-self: stretch; box-sizing: border-box; min-height: calc(10.278cqw * var(--fs)); padding: calc(0.926cqw * var(--fs)) 3.889cqw; background: var(--sk-g); }
.ds[data-style="sakina"] .sk-note svg.sk-ni { flex: none; width: 5cqw; height: 5cqw; margin: -0.833cqw; color: var(--sk-gold); stroke-width: 4.5; }
.ds[data-style="sakina"] .sk-note .r-body { font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: var(--sk-p); text-align: right; }
.ds[data-style="sakina"][data-tl="week"] { padding-bottom: 5.833cqw; }
.ds[data-style="sakina"] .sk-week { margin-top: calc(2.315cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-week .sk-row { min-height: calc(11.574cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-week .sk-row > span { font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: var(--sk-sage); flex: none; }
.ds[data-style="sakina"] .sk-week .sk-row > b { font-family: var(--fd), Tahoma, sans-serif; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: var(--sk-ink); }
.ds[data-style="sakina"][data-tl="week"] .sk-hd .r-head, .ds[data-style="sakina"][data-tl="times"] .sk-hd .r-head { max-width: 51.852cqw; }

/* ---------- قائمة أذكار على الأخضر ---------- */
.ds[data-style="sakina"] .sk-list { display: flex; flex-direction: column; gap: calc(2.5cqw * var(--fs)); align-self: stretch; margin-top: calc(10.463cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-list .sk-row { justify-content: flex-start; min-height: calc(13.981cqw * var(--fs)); box-sizing: border-box; padding: 0.741cqw 3.148cqw 0.741cqw 3.333cqw; border: 0.093cqw solid rgba(110, 138, 126, .7); }
.ds[data-style="sakina"] .sk-list svg.sk-ri { flex: none; width: 5.185cqw; height: 5.185cqw; color: var(--sk-gold); stroke-width: 4; }
.ds[data-style="sakina"] .sk-list .sk-row > span { flex: 1 1 auto; font-family: var(--fd), Tahoma, sans-serif; font-size: calc(4.815cqw * var(--fs)); line-height: 1.3; color: var(--sk-p); text-align: right; }
.ds[data-style="sakina"] .sk-list .sk-row > b { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.889cqw * var(--fs)); line-height: 1.3; color: var(--sk-gold); text-align: left; }
.ds[data-style="sakina"] .sk-list .sk-hot { background: var(--sk-gold); border-color: var(--sk-gold); }
.ds[data-style="sakina"] .sk-list .sk-hot svg.sk-ri { color: var(--sk-g); }
.ds[data-style="sakina"] .sk-list .sk-hot > span { color: var(--sk-ink); }
.ds[data-style="sakina"] .sk-list .sk-hot > b { color: rgba(30, 26, 21, .8); }
.ds[data-style="sakina"][data-tl="list"] .sk-hd .r-head { max-width: 51.852cqw; }

/* ---------- لوح حديث بين خطّين ---------- */
.ds[data-style="sakina"] .sk-plate { display: flex; flex-direction: column; align-items: center; align-self: stretch; margin-top: calc(10.926cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-rule { display: block; align-self: stretch; height: 0.185cqw; background: var(--sk-gold); }
.ds[data-style="sakina"][data-tl="hadith"] .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.54 * var(--dlh) / 1.34); margin: calc(5.556cqw * var(--fs)) 0 calc(5.648cqw * var(--fs)); max-width: 70.37cqw; }
.ds[data-style="sakina"] .sk-src { margin-top: calc(4.444cqw * var(--fs)); font-size: calc(3.889cqw * var(--fs)); line-height: 1.4; color: var(--sk-sage) !important; font-weight: 500; }
.ds[data-style="sakina"][data-tl="hadith"] .sk-div { margin-top: calc(5.648cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="hadith"] .sk-bd { margin-top: auto; }
.ds[data-style="sakina"][data-tl="hadith"] { padding-bottom: 11.111cqw; }
.ds[data-style="sakina"][data-tl="hadith"] .r-body:not(.sk-src):not(.sk-mark) { max-width: 48.148cqw; }

/* ---------- خطوات عملية (محاذاة يمين) ---------- */
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) { text-align: right; }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) :is(.sk-hd, .sk-bd) { align-items: flex-start; }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) { padding-top: 10.556cqw; padding-bottom: 9.63cqw; }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) .sk-hd .r-head { max-width: 44.444cqw; text-wrap: wrap; }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) .r-tag { margin-bottom: calc(1.481cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-steps { display: flex; flex-direction: column; gap: calc(2.593cqw * var(--fs)); margin-top: calc(9.907cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-step { display: grid; grid-template-columns: 7.5cqw 1fr; column-gap: 2.963cqw; align-items: start; }
.ds[data-style="sakina"] .sk-sn { display: grid; place-items: center; width: 7.5cqw; height: 7.5cqw; box-sizing: border-box; border: 0.185cqw solid var(--sk-gold); font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1; color: var(--sk-g); }
.ds[data-style="sakina"] .sk-hot .sk-sn { background: var(--sk-g); border-color: var(--sk-g); color: var(--sk-p); }
.ds[data-style="sakina"] .sk-st { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ds[data-style="sakina"] .sk-st > strong { display: flex; align-items: center; min-height: 7.5cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.815cqw * var(--fs)); line-height: 1.3; color: var(--sk-g); }
.ds[data-style="sakina"] .sk-st > span { margin-top: calc(1.481cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; color: var(--sk-body); }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) .sk-bd { margin-top: auto; padding-top: calc(0.556cqw * var(--fs)); }
.ds[data-style="sakina"]:is([data-tl="steps"], [data-tl="fix"]) .r-body.sk-mark { max-width: 37.037cqw; text-wrap: wrap; }

/* ---------- عدّاد تسبيح على المريمي ---------- */
.ds[data-style="sakina"][data-tl="counter"] .ds-bgl { background: var(--sk-sage); }
.ds[data-style="sakina"][data-tl="counter"] { padding-top: 42.963cqw; padding-bottom: 11.667cqw; }
.ds[data-style="sakina"][data-tl="counter"] svg.sk-big { left: 39.167cqw; top: 13.704cqw; width: 21.667cqw; height: 21.667cqw; color: var(--sk-p); stroke-width: 2.8; }
.ds[data-style="sakina"][data-tl="counter"] .r-tag { color: #eaf1ed; margin-bottom: calc(1.481cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-big { display: block; font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(17.593cqw * var(--fs)); line-height: 1.1; color: #fff; }
.ds[data-style="sakina"][data-tl="counter"] .r-head { font-size: calc(5.926cqw * var(--fs) * var(--dk) * var(--hk, 1)); color: #fff; margin-top: calc(1.019cqw * var(--fs)); max-width: 70.37cqw; }
.ds[data-style="sakina"][data-tl="counter"] .sk-bd { margin-top: auto; }
.ds[data-style="sakina"][data-tl="counter"] .r-body { color: #eaf1ed; max-width: 83.333cqw; font-size: calc(4.259cqw * var(--fs)); line-height: 1.76; }
.ds[data-style="sakina"][data-tl="counter"] .r-body.sk-mark { color: #fff; }

/* ---------- تصحيح مفهوم ---------- */
.ds[data-style="sakina"][data-tl="fix"] { padding-bottom: 9.907cqw; }
.ds[data-style="sakina"][data-tl="fix"] .r-tag { margin-bottom: calc(1.481cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="fix"] .sk-hd .r-head { font-size: calc(7.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.35 * var(--dlh) / 1.34); }
.ds[data-style="sakina"][data-tl="fix"] .r-body.sk-mark { line-height: 1.5; }
.ds[data-style="sakina"] .sk-fix { display: flex; flex-direction: column; gap: calc(2.87cqw * var(--fs)); margin-top: calc(16.944cqw * var(--fs)); }
.ds[data-style="sakina"] .sk-fc { display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; padding: calc(2.963cqw * var(--fs)) 3.704cqw calc(3.148cqw * var(--fs)); border-right: 0.37cqw solid #a9a08b; background: var(--sk-line2); text-align: right; }
.ds[data-style="sakina"] .sk-fc > small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--sk-mut); }
.ds[data-style="sakina"] .sk-fc > span { margin-top: calc(0.741cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-size: calc(4.259cqw * var(--fs)); line-height: 1.51; color: var(--sk-body); }
.ds[data-style="sakina"] .sk-yes { background: #fff; border-right-color: var(--sk-g); border-right-width: 0.463cqw; }
.ds[data-style="sakina"] .sk-yes > small { color: var(--sk-g); }
.ds[data-style="sakina"] .sk-yes > span { font-family: var(--fd), Tahoma, sans-serif; font-size: calc(4.815cqw * var(--fs)); line-height: 1.5; color: var(--sk-ink); }

/* ---------- لوح دعاء ---------- */
.ds[data-style="sakina"][data-tl="dua"] .sk-frame { border-width: 0.093cqw; border-color: rgba(185, 149, 81, .3); }
.ds[data-style="sakina"][data-tl="dua"] { padding-top: 38.333cqw; }
.ds[data-style="sakina"][data-tl="dua"] svg.sk-big { left: 41.667cqw; top: 15.833cqw; width: 16.667cqw; height: 16.667cqw; stroke-width: 3.4; }
.ds[data-style="sakina"][data-tl="dua"] .r-tag { margin-bottom: calc(2.685cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="dua"] .r-head { font-size: calc(7.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.56 * var(--dlh) / 1.34); max-width: 48.148cqw; }
.ds[data-style="sakina"][data-tl="dua"] .sk-div { margin-top: calc(11.296cqw * var(--fs)); color: #9db0a8; }
.ds[data-style="sakina"][data-tl="dua"] .sk-bd { margin-top: calc(4.259cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="dua"] .r-body { color: #9db0a8; font-size: calc(3.704cqw * var(--fs)); }

/* ---------- سؤال وجواب ---------- */
.ds[data-style="sakina"][data-tl="qa"] .sk-hd .r-head { max-width: 51.852cqw; font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.39 * var(--dlh) / 1.34); }
.ds[data-style="sakina"][data-tl="qa"] { padding-bottom: 9.537cqw; }
.ds[data-style="sakina"][data-tl="qa"] .sk-div { margin-top: calc(15.093cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="qa"] .sk-bd { margin-top: auto; padding-top: calc(5.556cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="qa"] .r-body:not(.sk-mark) { font-size: calc(4.63cqw * var(--fs)); line-height: 1.76; max-width: 79.63cqw; text-wrap: wrap; }
.ds[data-style="sakina"][data-tl="qa"] .r-body.sk-mark { max-width: 37.037cqw; text-wrap: wrap; margin-top: calc(3.889cqw * var(--fs)); }

/* ---------- دعوة ---------- */
.ds[data-style="sakina"][data-tl="cta"] { padding-top: 52.315cqw; }
.ds[data-style="sakina"][data-tl="cta"] svg.sk-big { left: 40.741cqw; top: 19.444cqw; width: 18.519cqw; height: 18.519cqw; }
.ds[data-style="sakina"][data-tl="cta"] .r-tag { margin-bottom: calc(2.037cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="cta"] .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.34); max-width: 74.074cqw; }
.ds[data-style="sakina"][data-tl="cta"] .sk-bd { margin-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="sakina"][data-tl="cta"] .r-body:not(.sk-mark) { font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; max-width: 59.259cqw; }
.ds[data-style="sakina"][data-tl="cta"] .r-body.sk-mark { display: flex; align-items: center; justify-content: center; min-width: 20.37cqw; min-height: calc(12.778cqw * var(--fs)); box-sizing: border-box; padding: 0 5.556cqw; margin-top: calc(8.981cqw * var(--fs)); border: 0.185cqw solid var(--sk-gold); color: var(--sk-gold); font-size: calc(5cqw * var(--fs)); line-height: 1.3; }
/* sakina:end */



/* fonts:farfoush:start */
.ds[data-kit="farfoush"] { --fd: "MKD Handix"; --fdw: 700; --dk: 1; --dlh: 1.3; --ft: "MKD Zain", "MKD Graphik"; --ftw: 700; }
/* fonts:farfoush:end */

/* farfoush:start */
/* ==========================================================================
   أسلوب «فَرفوش» — من نظام هوية الأطفال الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350 (P). الشكل من ffPlan (data-tl)، والأرضية
   (data-gr) ولون الشارة (data-pl) من الخطة. كل شيء مستدير، والزخرفة على
   عناصر حقيقية. مكوّن البيانات داخل كتلة النص فالملاءمة تصغّر الكل معًا.
   ========================================================================== */
.ds[data-style="farfoush"] {
  --ff-g: #FFF8EC; --ff-on: #2B2438; --ff-sub: #5c5270; --ff-ic1: #2B2438; --ff-ic2: #6B4BB5;
  --ff-b1: #FF6B6B; --ff-b2: #2E9BD6; --ff-pl: #6B4BB5; --ff-plt: #FFF8EC;
  --fg: #2B2438 !important; --sub: #5c5270 !important; --tag: #2B2438 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: center; color: var(--ff-on); padding: 8.333cqw 6.481cqw 10.185cqw;
}
.ds[data-style="farfoush"][data-gr="yellow"] { --ff-g: #FFC93C; --ff-sub: #8A6B00; }
.ds[data-style="farfoush"][data-gr="sky"]    { --ff-g: #2E9BD6; --ff-on: #FFF8EC; --ff-sub: #FFF8EC; --ff-ic1: #FFF8EC; --ff-ic2: #FFC93C; --ff-b1: #FFC93C; --ff-b2: #6B4BB5; }
.ds[data-style="farfoush"][data-gr="grape"]  { --ff-g: #6B4BB5; --ff-on: #FFF8EC; --ff-sub: #FFF8EC; --ff-ic1: #FFF8EC; --ff-ic2: #FFC93C; --ff-b1: #FFC93C; --ff-b2: #FF6B6B; }
.ds[data-style="farfoush"][data-gr="coral"]  { --ff-g: #FF6B6B; --ff-on: #FFF8EC; --ff-sub: #FFF8EC; --ff-ic1: #FFF8EC; --ff-ic2: #FFC93C; --ff-b1: #FFC93C; --ff-b2: #2E9BD6; }
.ds[data-style="farfoush"][data-gr="mint"]   { --ff-g: #25B3A8; --ff-on: #FFF8EC; --ff-sub: #FFF8EC; --ff-ic1: #FFF8EC; --ff-ic2: #FFC93C; --ff-b1: #FFC93C; --ff-b2: #FF6B6B; }
.ds[data-style="farfoush"][data-pl="grape"]  { --ff-pl: #6B4BB5; --ff-plt: #FFF8EC; }
.ds[data-style="farfoush"][data-pl="yellow"] { --ff-pl: #FFC93C; --ff-plt: #2B2438; }
.ds[data-style="farfoush"][data-pl="mint"]   { --ff-pl: #25B3A8; --ff-plt: #FFF8EC; }
.ds[data-style="farfoush"][data-pl="coral"]  { --ff-pl: #FF6B6B; --ff-plt: #FFF8EC; }
.ds[data-style="farfoush"][data-pl="sky"]    { --ff-pl: #2E9BD6; --ff-plt: #FFF8EC; }
.ds[data-style="farfoush"][data-pl="ink"]    { --ff-pl: #2B2438; --ff-plt: #FFF8EC; }

.ds[data-style="farfoush"] .ds-bgl { background: var(--ff-g); }
.ds[data-style="farfoush"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="farfoush"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="farfoush"] :is(.ff-hd, .ff-bd, .ff-card, .ff-data) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="farfoush"] .ff-bd { padding-top: 2.778cqw; }
.ds[data-style="farfoush"] .ff-bd > * + * { margin-top: 1.852cqw; }
.ds[data-style="farfoush"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Handix للعناوين وZain للمتن ---------- */
.ds[data-style="farfoush"] .r-tag { align-self: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5;
  padding: 0.926cqw 3.704cqw; border-radius: 92.5cqw; background: var(--ff-pl); color: var(--ff-plt); margin: 0 0 2.037cqw; }
.ds[data-style="farfoush"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); color: var(--ff-on); text-wrap: balance; }
.ds[data-style="farfoush"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: var(--ff-sub); text-wrap: balance; }
.ds[data-style="farfoush"] .r-body:has(.mk) { font-family: var(--fd), Tahoma, sans-serif; font-size: calc(5.556cqw * var(--fs)); line-height: 1.4; color: var(--ff-on); }
.ds[data-style="farfoush"] .hl, .ds[data-style="farfoush"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="farfoush"] .mk { font-weight: inherit !important; }
.ds[data-style="farfoush"] svg.ff-svg { display: block; fill: none; stroke: currentColor; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.ds[data-style="farfoush"] .ff-c-coral { color: #FF6B6B; } .ds[data-style="farfoush"] .ff-c-sky { color: #2E9BD6; } .ds[data-style="farfoush"] .ff-c-mint { color: #25B3A8; } .ds[data-style="farfoush"] .ff-c-grape { color: #6B4BB5; }
.ds[data-style="farfoush"] svg.ff-big, .ds[data-style="farfoush"] svg.ff-small, .ds[data-style="farfoush"] .ff-blob { position: absolute; }
.ds[data-style="farfoush"] .ff-blob { border-radius: 50%; }
.ds[data-style="farfoush"] svg.ff-big { color: var(--ff-ic1); }
.ds[data-style="farfoush"] svg.ff-small { color: var(--ff-ic2); }

/* الأشكال ذات النص يمينًا */
.ds[data-style="farfoush"]:is([data-tl="steps"], [data-tl="photo"], [data-tl="bubble"], [data-tl="tips"]) { text-align: right; }
.ds[data-style="farfoush"]:is([data-tl="steps"], [data-tl="photo"], [data-tl="bubble"], [data-tl="tips"]) .r-tag { align-self: flex-start; }

/* ---------- الغلاف والدعوة: دوائر تقطع الحواف وبطاقة كريمية ---------- */
.ds[data-style="farfoush"] .ff-card { --ff-on: #2B2438; --ff-sub: #5c5270; background: #FFF8EC; border-radius: 5.556cqw; padding: 5.556cqw 5.556cqw 5.556cqw; }
.ds[data-style="farfoush"] .ff-card .ff-bd { padding-top: 1.667cqw; }
.ds[data-style="farfoush"][data-tl="cover"] { padding: 39.815cqw 7.407cqw 10.185cqw; }
.ds[data-style="farfoush"][data-tl="cover"] .r-tag { margin-bottom: 2.407cqw; }
.ds[data-style="farfoush"][data-tl="cover"] .r-head { align-self: center; max-width: 37.037cqw; font-size: calc(10.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.28 * var(--dlh) / 1.3); }
/* عنوان غلاف أطول من «نلعب ونتعلّم!»: بطاقة أعرض وخط أصغر قليلًا بدل تصغير كل السلايد */
.ds[data-style="farfoush"][data-tl="cover"][data-hl="long"] { padding-top: 35.185cqw; }
.ds[data-style="farfoush"][data-tl="cover"][data-hl="long"] .r-head { max-width: 64.815cqw; font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="farfoush"][data-tl="cover"] .ff-card .r-body { align-self: center; max-width: 51.852cqw; line-height: 1.56; }
.ds[data-style="farfoush"] .ff-swipe { align-self: center; margin-top: 3.704cqw; padding: 1.481cqw 5.556cqw; border-radius: 92.5cqw; background: #2B2438; color: #FFF8EC;
  font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: calc(3.889cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="farfoush"] .ff-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 500; }
.ds-frame.is-story .ds[data-style="farfoush"] .ff-swipe { display: none; }
.ds[data-style="farfoush"][data-tl="cover"] .ff-b1 { left: -11.111cqw; top: -12.963cqw; width: 42.593cqw; height: 42.593cqw; background: var(--ff-b1); }
.ds[data-style="farfoush"][data-tl="cover"] .ff-b2 { left: 64.815cqw; top: 93.519cqw; width: 48.148cqw; height: 48.148cqw; background: var(--ff-b2); }
.ds[data-style="farfoush"][data-tl="cover"] svg.ff-big { left: 73.611cqw; top: 10.648cqw; width: 18.519cqw; height: 18.519cqw; }
.ds[data-style="farfoush"][data-tl="cover"][data-gr="yellow"] svg.ff-small { color: #6B4BB5; }
.ds[data-style="farfoush"][data-tl="cover"] svg.ff-small { left: 11.852cqw; top: 30.093cqw; width: 9.444cqw; height: 9.444cqw; transform: rotate(-12deg); }

.ds[data-style="farfoush"][data-tl="cta"] { padding: 41.667cqw 7.407cqw 10.185cqw; }
.ds[data-style="farfoush"][data-tl="cta"] .ff-card { padding: 5.093cqw 5.556cqw 5.556cqw; }
.ds[data-style="farfoush"][data-tl="cta"] .r-head { align-self: center; max-width: 40.741cqw; font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="farfoush"][data-tl="cta"] .ff-card .ff-bd { padding-top: 0.926cqw; }
.ds[data-style="farfoush"][data-tl="cta"] .ff-card .r-body:not(:has(.mk)) { align-self: center; max-width: 51.852cqw; }
.ds[data-style="farfoush"][data-tl="cta"] .ff-card .r-body:has(.mk) { align-self: center; margin-top: 3.519cqw; padding: 1.667cqw 5.926cqw; border-radius: 92.5cqw; background: #FF6B6B; color: #FFF8EC;
  font-family: var(--ft), Tahoma, sans-serif; font-size: calc(4.63cqw * var(--fs)); }
.ds[data-style="farfoush"][data-tl="cta"][data-gr="coral"] .ff-card .r-body:has(.mk) { background: #6B4BB5; }
.ds[data-style="farfoush"][data-tl="cta"] .ff-b1 { left: 72.222cqw; top: -11.111cqw; width: 38.889cqw; height: 38.889cqw; background: var(--ff-b1); }
.ds[data-style="farfoush"][data-tl="cta"] .ff-b2 { left: -12.963cqw; top: 97.222cqw; width: 42.593cqw; height: 42.593cqw; background: var(--ff-b2); }
.ds[data-style="farfoush"][data-tl="cta"] svg.ff-big { left: 40.741cqw; top: 17.593cqw; width: 18.519cqw; height: 18.519cqw; }

/* ---------- قائمة ملوّنة وروتين بصفوف: دائرة رقم لكل عنصر ---------- */
.ds[data-style="farfoush"] :is(.ff-list, .ff-steps) { gap: 2.315cqw; margin-top: 13.704cqw; }
.ds[data-style="farfoush"] .ff-row { display: flex; align-items: center; gap: 2.778cqw; min-height: 14.167cqw; padding: 1.111cqw 3.333cqw; border-radius: 4.63cqw; text-align: right; }
.ds[data-style="farfoush"] .ff-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: #2B2438; }
.ds[data-style="farfoush"] .ff-no { flex: none; display: grid; place-items: center; width: 7.963cqw; height: 7.963cqw; border-radius: 50%; font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1; color: #FFF8EC; }
.ds[data-style="farfoush"] .ff-list .ff-k0 { background: #FFE9E9; } .ds[data-style="farfoush"] .ff-list .ff-k0 .ff-no { background: #FF6B6B; }
.ds[data-style="farfoush"] .ff-list .ff-k1 { background: #E4F3FB; } .ds[data-style="farfoush"] .ff-list .ff-k1 .ff-no { background: #2E9BD6; }
.ds[data-style="farfoush"] .ff-list .ff-k2 { background: #E2F5F2; } .ds[data-style="farfoush"] .ff-list .ff-k2 .ff-no { background: #25B3A8; }
.ds[data-style="farfoush"] .ff-list .ff-k3 { background: #EEE7FA; } .ds[data-style="farfoush"] .ff-list .ff-k3 .ff-no { background: #6B4BB5; }
.ds[data-style="farfoush"] .ff-list .ff-k4 { background: #FFF1D2; } .ds[data-style="farfoush"] .ff-list .ff-k4 .ff-no { background: #E0A800; }
.ds[data-style="farfoush"][data-tl="list"][data-gr]:not([data-gr="cream"]) .ff-list .ff-row { background: #FFF8EC; }

.ds[data-style="farfoush"][data-tl="steps"] { padding-top: 27.778cqw; }
.ds[data-style="farfoush"][data-tl="steps"] .r-head { align-self: flex-start; max-width: 40.741cqw; }
.ds[data-style="farfoush"][data-tl="steps"] .ff-steps { gap: 1.852cqw; margin-top: 7.037cqw; }
.ds[data-style="farfoush"] .ff-steps .ff-row { min-height: 10.741cqw; padding: 0.741cqw 3.148cqw; gap: 2.407cqw; border-radius: 3.704cqw; background: color-mix(in srgb, #FFF8EC 18%, var(--ff-g)); }
.ds[data-style="farfoush"] .ff-steps .ff-row > span { color: #FFF8EC; }
.ds[data-style="farfoush"] .ff-steps .ff-no { width: 5.556cqw; height: 5.556cqw; background: #FFC93C; color: #2B2438; font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="farfoush"] .ff-steps .ff-row:last-child { background: #FFC93C; }
.ds[data-style="farfoush"] .ff-steps .ff-row:last-child > span { color: #2B2438; }
.ds[data-style="farfoush"] .ff-steps .ff-row:last-child .ff-no { background: #2B2438; color: #FFF8EC; }
.ds[data-style="farfoush"][data-tl="steps"] svg.ff-big { left: 6.667cqw; top: 7.963cqw; width: 14.259cqw; height: 14.259cqw; }
.ds[data-style="farfoush"][data-tl="steps"] svg.ff-small { left: 81.667cqw; top: 15.833cqw; width: 6.204cqw; height: 6.204cqw; color: var(--ff-ic1); transform: rotate(12deg); }

/* ---------- لعبة عدّ: رسمات ملوّنة في بطاقة، وخيارات مربعة ---------- */
.ds[data-style="farfoush"][data-tl="count"] { padding-top: 7.407cqw; }
.ds[data-style="farfoush"] .ff-count { margin-top: 11.389cqw; }
.ds[data-style="farfoush"] .ff-grid { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 2.593cqw; padding: 4.352cqw 2.5cqw 4.907cqw; border-radius: 4.63cqw; background: #FFF8EC; }
.ds[data-style="farfoush"] .ff-ci { display: grid; place-items: center; font-style: normal; }
.ds[data-style="farfoush"] .ff-ci svg { width: 10cqw; height: 10cqw; }
.ds[data-style="farfoush"] .ff-opts { display: flex; justify-content: center; gap: 1.852cqw; margin-top: 12.778cqw; direction: ltr; }
.ds[data-style="farfoush"] .ff-opt { display: grid; place-items: center; min-width: 11.574cqw; height: 11.574cqw; padding: 0 4.074cqw; box-sizing: border-box; border-radius: 2.778cqw; background: #FFF8EC;
  font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 700; font-size: calc(5.556cqw * var(--fs)); line-height: 1; color: #2B2438; }
.ds[data-style="farfoush"] .ff-opt.is-on { background: #FFC93C; }
.ds[data-style="farfoush"][data-tl="count"] .ff-bd { padding-top: 5.741cqw; }
.ds[data-style="farfoush"][data-tl="count"] .ff-bd .r-body { align-self: center; max-width: 35.185cqw; text-wrap: wrap; font-family: var(--fd), Tahoma, sans-serif; font-size: calc(5cqw * var(--fs)); line-height: 1.58; color: var(--ff-on); }

/* ---------- بطاقات مشاعر ---------- */
.ds[data-style="farfoush"][data-tl="feelings"] { padding-top: 7.407cqw; }
.ds[data-style="farfoush"][data-tl="feelings"] .ff-hd .r-body { margin-top: 0.463cqw; }
.ds[data-style="farfoush"] .ff-feel { display: grid; grid-template-columns: 1fr 1fr; gap: 2.407cqw; margin-top: 12.963cqw; }
.ds[data-style="farfoush"] .ff-fc { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.741cqw; min-height: 37.222cqw; border-radius: 4.63cqw; }
.ds[data-style="farfoush"] .ff-feel.ff-n2 .ff-fc { min-height: 48.148cqw; }
.ds[data-style="farfoush"] .ff-feel.ff-n3 .ff-fc:last-child { grid-column: span 2; }
.ds[data-style="farfoush"] .ff-fc svg { width: 9.259cqw; height: 9.259cqw; }
.ds[data-style="farfoush"] .ff-fc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.63cqw * var(--fs)); line-height: 1.4; color: #2B2438; }
.ds[data-style="farfoush"] .ff-fc.ff-k0 { background: #FFE9E9; color: #FF6B6B; }
.ds[data-style="farfoush"] .ff-fc.ff-k1 { background: #E4F3FB; color: #2E9BD6; }
.ds[data-style="farfoush"] .ff-fc.ff-k2 { background: #E2F5F2; color: #25B3A8; }
.ds[data-style="farfoush"] .ff-fc.ff-k3 { background: #EEE7FA; color: #6B4BB5; }

/* ---------- صورة من النشاط وبطاقة منتج ---------- */
.ds[data-style="farfoush"] .ff-phw { position: relative; flex: none; }
.ds[data-style="farfoush"] .ff-ph { display: grid; place-items: center; background: center / cover no-repeat; font-style: normal; }
.ds[data-style="farfoush"] .ff-ph.is-empty { background-color: color-mix(in srgb, #2B2438 4%, var(--ff-g)); }
.ds[data-style="farfoush"] .ff-ph.is-empty svg { width: 20.37cqw; height: 20.37cqw; color: #2B2438; opacity: .14; }
.ds[data-style="farfoush"] .ff-phw:has(.is-empty) svg.ff-stk { display: none; }
.ds[data-style="farfoush"] svg.ff-stk { position: absolute; color: var(--ff-ic2); }
.ds[data-style="farfoush"][data-gr="yellow"] svg.ff-stk, .ds[data-style="farfoush"][data-gr="cream"] svg.ff-stk { color: #6B4BB5; }
.ds[data-style="farfoush"][data-tl="photo"] { padding-top: 7.407cqw; }
.ds[data-style="farfoush"] .ff-ph-a { height: 48.148cqw; border-radius: 5.556cqw; }
.ds[data-style="farfoush"][data-tl="photo"] svg.ff-stk { left: 1.667cqw; top: 42.407cqw; width: 12.222cqw; height: 12.222cqw; transform: rotate(-8deg); }
.ds[data-style="farfoush"][data-tl="photo"] .ff-hd { margin-top: 15.463cqw; }
.ds[data-style="farfoush"][data-tl="photo"] .r-tag { margin-bottom: 1.481cqw; }
.ds[data-style="farfoush"][data-tl="photo"] .r-head { align-self: flex-start; max-width: 57.407cqw; }
.ds[data-style="farfoush"][data-tl="photo"] .ff-bd { padding-top: 1.667cqw; }

.ds[data-style="farfoush"] .ff-prod { margin-top: 5.185cqw; }
.ds[data-style="farfoush"] .ff-prod .ff-phw { margin: 0 5.556cqw; }
.ds[data-style="farfoush"] .ff-ph-b { height: 38.704cqw; border-radius: 5.556cqw; }
.ds[data-style="farfoush"][data-tl="product"] svg.ff-stk { left: 69.722cqw; top: 32.222cqw; width: 11.296cqw; height: 11.296cqw; transform: rotate(-10deg); }
.ds[data-style="farfoush"] .ff-bul { margin-top: 5.741cqw; padding: 2.963cqw 3.704cqw 3.056cqw; border-radius: 5.556cqw; background: #FFF8EC; text-align: right; }
.ds[data-style="farfoush"] .ff-bul p { display: flex; align-items: center; gap: 2.037cqw; margin: 0; }
.ds[data-style="farfoush"] .ff-bul i { flex: none; width: 1.852cqw; height: 1.852cqw; border-radius: 50%; background: #FF6B6B; }
.ds[data-style="farfoush"] .ff-bul .ff-k1 i { background: #2E9BD6; } .ds[data-style="farfoush"] .ff-bul .ff-k2 i { background: #25B3A8; } .ds[data-style="farfoush"] .ff-bul .ff-k3 i { background: #6B4BB5; } .ds[data-style="farfoush"] .ff-bul .ff-k4 i { background: #FFC93C; }
.ds[data-style="farfoush"] .ff-bul span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: #2B2438; }
.ds[data-style="farfoush"] .ff-bot { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 2.778cqw; margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="farfoush"] .ff-bot .ff-bd { padding-top: 0; text-align: right; }
.ds[data-style="farfoush"] .ff-price { flex: none; display: grid; place-items: center; height: 9.537cqw; padding: 0 4.074cqw; border-radius: 92.5cqw; background: #2B2438; color: #FFF8EC;
  font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 700; font-size: calc(4.444cqw * var(--fs)); line-height: 1; }
.ds[data-style="farfoush"][data-tl="product"] { padding-bottom: 9.259cqw; }

/* ---------- سؤال بفقاعة ---------- */
.ds[data-style="farfoush"][data-tl="bubble"] { padding: 12.963cqw 7.407cqw 20.37cqw; }
.ds[data-style="farfoush"] .ff-bub { position: relative; padding: 6.481cqw 5.556cqw 7.037cqw; border-radius: 5.556cqw; background: #FFF8EC; text-align: center; }
.ds[data-style="farfoush"] .ff-bub .r-head { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); color: #2B2438; }
.ds[data-style="farfoush"] .ff-bub .r-body { color: #2B2438; font-family: var(--fd), Tahoma, sans-serif; font-size: calc(5.556cqw * var(--fs)); }
.ds[data-style="farfoush"] svg.ff-tail { position: absolute; right: 9.444cqw; bottom: -5.185cqw; width: 9.074cqw; height: 5.278cqw; fill: #FFF8EC; }
.ds[data-style="farfoush"][data-tl="bubble"] .ff-bd { margin-top: auto; padding-top: 7.407cqw; }
.ds[data-style="farfoush"][data-tl="bubble"] .ff-bd > .r-tag + * { margin-top: 0; }
.ds[data-style="farfoush"][data-tl="bubble"] .ff-bd .r-tag { margin-bottom: 2.407cqw; }
.ds[data-style="farfoush"][data-tl="bubble"] .ff-bd .r-body:not(:has(.mk)) { font-size: calc(4.63cqw * var(--fs)); line-height: 1.7; text-wrap: pretty; }

/* ---------- أين الاختلاف ---------- */
.ds[data-style="farfoush"] .ff-spot { flex-direction: row; gap: 2.222cqw; margin-top: 7.963cqw; }
.ds[data-style="farfoush"] .ff-box { flex: 1 1 0; display: grid; grid-template-columns: repeat(2, 7.685cqw); column-gap: 12.5cqw; row-gap: 2.778cqw; justify-content: center; align-content: center; min-height: 26.667cqw; border-radius: 4.63cqw; background: #FFF8EC; }
.ds[data-style="farfoush"] .ff-box svg { width: 7.685cqw; height: 7.685cqw; }
.ds[data-style="farfoush"] .ff-note { margin-top: auto; padding: 3.704cqw 6.481cqw; border-radius: 4.63cqw; background: #FFC93C; }
.ds[data-style="farfoush"][data-gr="yellow"] .ff-note { background: #FFF8EC; }
.ds[data-style="farfoush"] .ff-note .r-body { color: #2B2438; font-size: calc(4.63cqw * var(--fs)); line-height: 1.6; text-wrap: wrap; }
.ds[data-style="farfoush"][data-tl="spot"] .ff-note + .ff-bd { padding-top: 12.593cqw; }
.ds[data-style="farfoush"][data-tl="spot"] .ff-bd .r-body { font-family: var(--fd), Tahoma, sans-serif; font-size: calc(4.815cqw * var(--fs)); line-height: 1.4; color: var(--ff-on); }

/* ---------- نصيحة للأهل ---------- */
.ds[data-style="farfoush"] .ff-tips { gap: 2.407cqw; margin-top: 14.815cqw; }
.ds[data-style="farfoush"][data-tl="tips"] .r-tag { margin-bottom: 1.667cqw; }
.ds[data-style="farfoush"][data-tl="tips"] .r-head { align-self: flex-start; max-width: 57.407cqw; }
.ds[data-style="farfoush"] .ff-tc { display: flex; flex-direction: column; align-items: stretch; padding: 2.778cqw 3.519cqw 3.333cqw; border-radius: 4.63cqw; background: #F2EEF6; text-align: right; }
.ds[data-style="farfoush"] .ff-tc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); line-height: 1.45; color: #8a7fa0; }
.ds[data-style="farfoush"] .ff-tc > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.63cqw * var(--fs)); line-height: 1.5; color: #2B2438; }

/* ---------- جدول أسبوعي ---------- */
.ds[data-style="farfoush"] .ff-week { display: grid; grid-template-columns: 1fr 1fr; gap: 1.852cqw; margin-top: 12.5cqw; }
.ds[data-style="farfoush"] .ff-wc { display: flex; flex-direction: column; align-items: stretch; min-height: 24.722cqw; padding: 2.222cqw 2.778cqw; border-radius: 4.63cqw; text-align: right; }
.ds[data-style="farfoush"] .ff-week.is-odd .ff-wc.is-last { grid-column: span 2; }
.ds[data-style="farfoush"] .ff-wc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; }
.ds[data-style="farfoush"] .ff-wc > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: #2B2438; margin-top: 0.37cqw; }
.ds[data-style="farfoush"] .ff-wc.ff-k0 { background: #FFE9E9; } .ds[data-style="farfoush"] .ff-wc.ff-k0 > span { color: #C74B4B; }
.ds[data-style="farfoush"] .ff-wc.ff-k1 { background: #E4F3FB; } .ds[data-style="farfoush"] .ff-wc.ff-k1 > span { color: #1D6E99; }
.ds[data-style="farfoush"] .ff-wc.ff-k2 { background: #E2F5F2; } .ds[data-style="farfoush"] .ff-wc.ff-k2 > span { color: #167E76; }
.ds[data-style="farfoush"] .ff-wc.ff-k3 { background: #EEE7FA; } .ds[data-style="farfoush"] .ff-wc.ff-k3 > span { color: #543A91; }
.ds[data-style="farfoush"] .ff-wc.ff-k4 { background: #FFF1D2; } .ds[data-style="farfoush"] .ff-wc.ff-k4 > span { color: #8A6B00; }
.ds[data-style="farfoush"] .ff-wc.is-last { background: #2B2438; } .ds[data-style="farfoush"] .ff-wc.is-last > span { color: #FFC93C; } .ds[data-style="farfoush"] .ff-wc.is-last > b { color: #FFF8EC; }
/* farfoush:end */

/* ==========================================================================
   الصف الثاني تحت شريط الأدوات: تنسيق النص يمينًا، ومعاينة المنصات يسارًا.
   الشريط الأول صار: تراجع · علّق · أضف صورة · أضف نص ... الأسلوب · التنزيل */
.mkd-bar2 { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap;
  margin: 10px 0 6px; container-type: inline-size; container-name: mkbar2; }
.mkd-bar2 > .mkd-plats { flex: none; }
@container mkbar2 (max-width: 1180px) { .mkd-bar2 .mkd-plat-b i b { display: none; } }
@container mkbar2 (max-width: 820px) { .mkd-bar2 .mkd-plat-b i { display: none; } .mkd-bar2 .mkd-plat-b { padding: 7px; } }
@media (min-width: 901px) {
  /* الشريط الأول يلتف إن ضاق بدل أن يُقصّ طرفه (كانت أزرار التنزيل تختفي خارج الشاشة) */
  .mkd-stage > .mkd-bar { flex-wrap: wrap; justify-content: space-between; row-gap: 8px; }
}
@media (min-width: 1600px) {
  .mkd-stage { grid-template-areas: "bar bar" "bar2 bar2" "strip canvas" "strip warn" "strip extra"; }
  .mkd-bar2 { grid-area: bar2; margin: 0; }
  .mkd-stage > .mkd-bar2 { grid-area: bar2; justify-self: stretch; width: auto; }
}
@media (max-width: 640px) {
  /* الجوال: صف أفقي يُمرَّر مثل الشريط الأول، بكل الشعارات ظاهرة */
  .mkd-bar2 { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; overscroll-behavior-inline: contain;
    margin: 8px -12px 4px; padding-inline: 12px; justify-content: flex-start; }
  .mkd-bar2::-webkit-scrollbar { display: none; }
  .mkd-bar2 > * { flex: none; }
}
/* المعاينة لا تطفو فوق الصفّين: كانت .mkd-canvas تنكمش (flex:1 و min-height:0) والتصميم
   بعرضه الثابت أطول منها، فيتمدّد لأعلى ويغطي شعارات المنصات. الآن لا تنكمش،
   والتصميم نفسه يصغر مع ارتفاع الشاشة حتى يبقى كله ظاهرًا تحت الشريطين. */
@media (min-width: 981px) {
  .mkd-stage > .mkd-canvas { flex: 0 0 auto; }
  .mkd-shot.is-none { width: min(100%, 540px, calc((100vh - 300px) * .8)); width: min(100%, 540px, calc((100dvh - 300px) * .8)); }
  .mkd-shot.is-ig, .mkd-shot.is-fb { max-width: calc((100dvh - 380px) * .8); }
  .mkd-shot.is-tt { max-width: calc((100dvh - 300px) * .5625); }
}
@media (min-width: 1280px) {
  .mkd-shot.is-none { width: min(100%, 640px, calc((100dvh - 290px) * .8)); }
}
/* لابتوب أضيق (1280 وما حوله): صف واحد لكل شريط بدل أربعة.
   شعارات المنصات بلا أسماء، و«نزّل هذا السلايد» أيقونة وحدها (الاسم في التلميح) */
@container mkbar2 (max-width: 1000px) { .mkd-bar2 .mkd-plat-b i { display: none; } .mkd-bar2 .mkd-plat-b { padding: 7px; } }
@container mkbar (max-width: 900px) {
  .mkd-bar [data-act="dl-one"] { font-size: 0; gap: 0; padding: 8px 10px; }
  .mkd-bar [data-act="dl-one"] svg { margin: 0; }
}
@media (max-width: 640px) {
  /* الجوال: شعارات المنصات في أول الصف ظاهرة كلها، وتنسيق النص تحتها يُمرَّر أفقيًا وحده */
  .mkd-bar2 { flex-wrap: wrap; overflow: visible; row-gap: 8px; }
  .mkd-bar2 > .mkd-plats { order: -1; }
  .mkd-bar2 .mkd-plat-b i { display: none; }
  .mkd-bar2 .mkd-plat-b { padding: 7px; }
  .mkd-bar2 > .mkd-txtctl { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .mkd-bar2 > .mkd-txtctl::-webkit-scrollbar { display: none; }
  .mkd-bar2 > .mkd-txtctl > * { flex: none; }
}
/* ارتفاع السلايد يحسب هيدر الموقع وشريط الإدارة وهيدر الأداة (المتغيرات من كتلة الهيدر أعلاه)،
   فيبقى التصميم كله داخل الشاشة تحت الصفّين على اللابتوب */
@media (min-width: 981px) {
  .mkd-shot.is-none { width: min(100%, 540px, calc((100dvh - var(--mkd-site, 0px) - var(--mkd-adm, 0px) - var(--mkd-toph, 64px) - 200px) * .8)); }
}
@media (min-width: 1280px) {
  .mkd-shot.is-none { width: min(100%, 640px, calc((100dvh - var(--mkd-site, 0px) - var(--mkd-adm, 0px) - var(--mkd-toph, 64px) - 200px) * .8)); }
}
/* شريط الأدوات على لابتوب 1280: حشوة وفجوات أصغر حتى يبقى صفًا واحدًا مع «شكل آخر» */
@container mkbar (max-width: 960px) {
  .mkd-bar-g { gap: 6px; }
  .mkd-bar .mkd-btn.sm, .mkd-bar .mkd-tog.sm { padding: 7px 10px; font-size: 12.5px; }
  .mkd-bar .mkd-cta { padding: 8px 13px; font-size: 13px; }
  .mkd-bar .mkd-ic { width: 36px; height: 36px; }
}
@media (min-width: 901px) { .mkd-stage > .mkd-bar { column-gap: 8px; } }
@container mkbar (max-width: 960px) { .mkd-bar .mkd-btn.sm[data-act="dl-one"] { font-size: 0; gap: 0; padding: 8px 10px; } }
/* صور هذا السلايد */
.mkd-p-sec.is-slph h3 small { font-weight: 500; color: var(--muted); font-size: 12px; margin-inline-start: 6px; }
.mkd-slph { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mkd-slph-i, .mkd-slph-add { position: relative; aspect-ratio: 1; border-radius: 10px; overflow: hidden; }
.mkd-slph-i { border: 1.5px solid var(--line); background: var(--cream); }
.mkd-slph-i img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mkd-slph-i b { position: absolute; inset-inline-start: 5px; top: 5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: rgba(14,13,12,.75); color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.mkd-slph-x, .mkd-slph-up { position: absolute; top: 4px; inset-inline-end: 4px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: #fff; color: var(--ink); font-size: 14px; line-height: 22px; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.18); padding: 0; }
.mkd-slph-up { top: auto; bottom: 4px; font-size: 12px; }
.mkd-slph-add { display: grid; place-content: center; justify-items: center; gap: 2px; border: 1.5px dashed var(--line); background: #fff; cursor: pointer; color: var(--muted); }
.mkd-slph-add span { font-size: 22px; line-height: 1; color: var(--org); }
.mkd-slph-add small { font-size: 11px; }
.mkd-slph-add:hover { border-color: var(--org); }

/* fonts:hamish:start */
.ds[data-kit="hamish"] { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.3; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:hamish:end */

/* hamish:start */
/* ==========================================================================
   أسلوب «هامِش» — من نظام الكتب والمقتطفات الذي أرسله صاحب الأداة.
   صفحة كتاب: هامش يساري 190px بحدّ 2px وتعليق بخط اليد، متن يمينًا من 230 إلى
   1000، وسطر تذييل فوق خط 2px عند 1193. الشكل من hmPlan (data-tl)، والورق
   يتناوب بين #F0EAD8 و#F5F1E3 (data-pg). زوايا حادة، والتظليل الأصفر خلف
   نص داكن فقط.
   ========================================================================== */
.ds[data-style="hamish"] {
  --hm-bg: #F0EAD8; --hm-head: #23211C; --hm-body: #3b382e; --hm-label: #55503f; --hm-muted: #6b6759; --hm-tag: #9A4B2B;
  --hm-line: #d8d0b8; --hm-thin: #ddd5bd; --hm-note: #2B4C7E; --hm-tile: rgba(35, 33, 28, .045); --hm-ico: #cfc6ae;
  --fg: #23211C !important; --sub: #3b382e !important; --tag: #9A4B2B !important; --hl: #F2E3A0 !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--hm-head); padding: 11.481cqw 7.407cqw 7.963cqw 21.296cqw; font-synthesis: none;
}
.ds[data-style="hamish"][data-pg="b"] { --hm-bg: #F5F1E3; }
.ds[data-style="hamish"][data-tl="dark"] {
  --hm-bg: #23211C; --hm-head: #F0EAD8; --hm-body: #cfc8b4; --hm-label: #cfc8b4; --hm-muted: #8d8878; --hm-line: #3a362c; --hm-thin: #3a362c; --hm-note: #8FB0DC;
  --fg: #F0EAD8 !important; --sub: #cfc8b4 !important;
}
.ds[data-style="hamish"][data-tl="cta"] {
  --hm-bg: #9A4B2B; --hm-head: #F0EAD8; --hm-body: #F7DFC9; --hm-label: #F7DFC9; --hm-muted: #F7DFC9; --hm-tag: #F7DFC9; --hm-line: #b88267; --hm-thin: #b88267; --hm-note: #F7DFC9;
  --fg: #F0EAD8 !important; --sub: #F7DFC9 !important; --tag: #F7DFC9 !important;
}

.ds[data-style="hamish"] .ds-bgl { background: var(--hm-bg); }
.ds[data-style="hamish"] .ds-scene, .ds[data-style="hamish"] .ds-bgimg, .ds[data-style="hamish"] .ds-shade, .ds[data-style="hamish"] .ds-me, .ds[data-style="hamish"] .ds-mast, .ds[data-style="hamish"] .ds-num, .ds[data-style="hamish"] .ds-swipe { display: none !important; }
.ds[data-style="hamish"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="hamish"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="hamish"] .hm-hd, .ds[data-style="hamish"] .hm-bd, .ds[data-style="hamish"] .hm-hdt { display: flex; flex-direction: column; align-items: stretch; }

/* ---------- الصفحة: حدّ الهامش، خط التذييل، الترقيم ---------- */
.ds[data-style="hamish"] .hm-rail { position: absolute; left: 17.593cqw; top: 0; bottom: 0; width: 0.185cqw; background: var(--hm-line); }
.ds[data-style="hamish"] .hm-rule { position: absolute; left: 21.296cqw; right: 7.407cqw; bottom: 14.352cqw; height: 0.185cqw; background: var(--hm-line); }
.ds[data-style="hamish"] .hm-cnt { position: absolute; left: 21.296cqw; bottom: 8.241cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 2.778cqw; line-height: 1.4; color: var(--hm-muted); }

/* ---------- الخط: Qahwa للعناوين والمقتطف، Graphik للمتن ---------- */
.ds[data-style="hamish"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.45; color: var(--hm-tag); word-spacing: .22em; margin: 0; position: static; }
.ds[data-style="hamish"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.36 * var(--dlh) / 1.3); color: var(--hm-head); text-wrap: balance; word-spacing: 0; }
.ds[data-style="hamish"] .hm-hd .r-tag + .r-head { margin-top: 1.852cqw; }
.ds[data-style="hamish"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.75; color: var(--hm-body); text-wrap: pretty; }
.ds[data-style="hamish"] .hm-sub { font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; color: var(--hm-label); margin-top: 0.37cqw; }
.ds[data-style="hamish"] .mk, .ds[data-style="hamish"] .hl { background: none; padding: 0; color: inherit; font-weight: inherit !important; }
/* التظليل الأصفر: جملة واحدة خلف نص حبري */
.ds[data-style="hamish"] .hm-hl, .ds[data-style="hamish"] .r-head .hl { background: #F2E3A0; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0; color: #23211C; }
.ds[data-style="hamish"]:is([data-tl="dark"], [data-tl="cta"]) :is(.hm-hl, .hl) { background: none; color: inherit; }

/* ---------- التذييل ---------- */
.ds[data-style="hamish"] .hm-ft { display: flex; align-items: center; gap: 2.778cqw; margin-top: auto; min-height: 4.444cqw; }
.ds[data-style="hamish"] .hm-foot { font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--hm-label); }
.ds[data-style="hamish"] .hm-rate { display: flex; align-items: center; gap: 2.778cqw; }
.ds[data-style="hamish"] .hm-stars { display: flex; gap: 1.667cqw; font-style: normal; }
.ds[data-style="hamish"] svg.hm-star { display: block; width: 2.222cqw; height: 2.222cqw; fill: none; stroke: #9A4B2B; stroke-width: 8; stroke-linejoin: round; opacity: .75; }
.ds[data-style="hamish"] .hm-rv { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--hm-label); }

/* ---------- تعليق الهامش بخط اليد ---------- */
.ds[data-style="hamish"] .hm-nw { position: absolute; right: calc(100% + 6.481cqw); top: 0; width: 12.037cqw; transform: rotate(-1deg); display: flex; flex-direction: column; align-items: flex-end; }
.ds[data-style="hamish"] .hm-note { font-family: var(--fh), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.6; color: var(--hm-note); text-align: right; width: 100%; }
.ds[data-style="hamish"] .hm-nlong .hm-note { font-size: calc(2.593cqw * var(--fs)); }
.ds[data-style="hamish"] svg.hm-arw { display: block; align-self: flex-end; width: 7.963cqw; height: 3.148cqw; margin: 5.741cqw 0.833cqw 0 0; fill: none; stroke: var(--hm-note); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }

/* ---------- صور ولوحات بلا صورة ---------- */
.ds[data-style="hamish"] .hm-ph { display: block; font-style: normal; background: center / cover no-repeat; }
.ds[data-style="hamish"] .hm-noph { display: grid; place-items: center; background: var(--hm-tile); }
.ds[data-style="hamish"] svg.hm-phi { display: block; width: 34%; height: 34%; fill: none; stroke: var(--hm-ico); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="hamish"] svg.hm-big { position: absolute; display: block; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- غلاف الكتاب ---------- */
.ds[data-style="hamish"][data-tl="cover"] { padding-top: 10.556cqw; }
.ds[data-style="hamish"][data-tl="cover"] .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.32 * var(--dlh) / 1.3); }
.ds[data-style="hamish"][data-tl="cover"] .hm-hd .r-tag + .r-head { margin-top: 2.315cqw; }
/* عنوان غلاف طويل: 80px بدل أن تصغّر الملاءمة الصفحة كلها */
.ds[data-style="hamish"][data-tl="cover"] .r-head.hm-hlong { font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="hamish"][data-tl="cover"] .hm-sub { margin-top: 0.926cqw; }
.ds[data-style="hamish"] .hm-cov { display: flex; flex-direction: column; margin: auto 0; padding-top: 6.481cqw; }
.ds[data-style="hamish"] .hm-covph { height: calc(46.296cqw * var(--fs)); }
.ds[data-style="hamish"][data-tl="cover"] .hm-ft { margin-top: 0; }
.ds[data-style="hamish"][data-tl="cover"] .hm-nw { top: 2.13cqw; }

/* ---------- مقتطف مظلَّل ومقولة داكنة ---------- */
.ds[data-style="hamish"]:is([data-tl="quote"], [data-tl="dark"]) .hm-bd { margin-top: auto; }
.ds[data-style="hamish"][data-tl="dark"] .hm-bd { padding-top: 6.296cqw; }
.ds[data-style="hamish"][data-tl="quote"] .hm-bd .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.56 * var(--dlh) / 1.3); text-wrap: pretty; }
.ds[data-style="hamish"][data-tl="dark"] .hm-bd .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.5 * var(--dlh) / 1.3); text-wrap: pretty; }
.ds[data-style="hamish"]:is([data-tl="quote"], [data-tl="dark"]) .hm-bd .r-body { margin-top: 2.778cqw; }
.ds[data-style="hamish"][data-tl="quote"] .hm-nw { top: 27.593cqw; }
.ds[data-style="hamish"][data-tl="dark"] .hm-nw { top: 23.796cqw; }
.ds[data-style="hamish"] svg.hm-qi { left: 82.407cqw; top: 13.981cqw; width: 10.093cqw; height: 10.093cqw; color: #9A4B2B; stroke-width: 3.6; }

/* ---------- صفوف: أفكار، فصول، خطة ---------- */
.ds[data-style="hamish"] .hm-list { display: flex; flex-direction: column; margin: auto 0; padding-top: 6.481cqw; }
.ds[data-style="hamish"] .hm-list .hm-row { display: flex; align-items: center; gap: 2.593cqw; }
.ds[data-style="hamish"] .hm-list .hm-row + .hm-row { border-top: 0.093cqw solid var(--hm-thin); }
.ds[data-style="hamish"] .hm-rt { flex: 1 1 auto; min-width: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.5; color: var(--hm-head); }
.ds[data-style="hamish"] .hm-list ~ .hm-ft, .ds[data-style="hamish"] .hm-books ~ .hm-ft, .ds[data-style="hamish"] .hm-opin ~ .hm-ft, .ds[data-style="hamish"] .hm-cov ~ .hm-ft { margin-top: 0; }

.ds[data-style="hamish"] .hm-ideas { padding-top: 0; padding-bottom: 3.148cqw; }
.ds[data-style="hamish"] .hm-ideas .hm-row { min-height: calc(11.944cqw * var(--fs)); padding: 0.37cqw 0 1.481cqw; }
.ds[data-style="hamish"] .hm-no { flex: none; width: 5.093cqw; margin-right: -0.278cqw; text-align: left; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.63cqw * var(--fs)); line-height: 1; color: #9A4B2B; }
.ds[data-style="hamish"][data-tl="ideas"] .hm-hd .r-head { max-width: 55.556cqw; align-self: flex-start; }

.ds[data-style="hamish"] .hm-chap { padding-top: 4.074cqw; }
.ds[data-style="hamish"] .hm-chap .hm-row { min-height: calc(8.796cqw * var(--fs)); padding: 0.185cqw 0 0.926cqw; justify-content: space-between; }
.ds[data-style="hamish"] .hm-chap .hm-rt { font-weight: 400; }
.ds[data-style="hamish"] .hm-pg { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: var(--hm-muted); }
.ds[data-style="hamish"] .hm-chap .hm-on { background: #F2E3A0; border-bottom: 0.093cqw solid var(--hm-thin); }
.ds[data-style="hamish"] .hm-chap .hm-on .hm-rt { font-weight: 600; color: #23211C; }
.ds[data-style="hamish"] .hm-chap .hm-on .hm-pg { color: #55503f; }
.ds[data-style="hamish"] .hm-chap .hm-on + .hm-row { border-top: 0; }

.ds[data-style="hamish"] .hm-plan .hm-row { min-height: calc(9.537cqw * var(--fs)); padding: 0.556cqw 0; }
.ds[data-style="hamish"] .hm-plan .hm-rt { font-weight: 300; font-size: calc(4.074cqw * var(--fs)); }
.ds[data-style="hamish"] .hm-plan .hm-row { gap: 2.407cqw; }
.ds[data-style="hamish"] .hm-box { flex: none; width: 3.519cqw; height: 3.519cqw; border: 0.185cqw solid var(--hm-head); font-style: normal; }
.ds[data-style="hamish"] .hm-plan .hm-on .hm-box { background: #9A4B2B; border-color: #9A4B2B; }

/* ---------- بطاقة المؤلّف ---------- */
.ds[data-style="hamish"] .hm-hda { flex-direction: row; align-items: flex-start; gap: 3.056cqw; }
.ds[data-style="hamish"] .hm-hdt { flex: 1 1 auto; min-width: 0; }
.ds[data-style="hamish"] .hm-auph { flex: none; width: 15.741cqw; height: 15.741cqw; margin-top: 1.667cqw; }
.ds[data-style="hamish"] .hm-stats { display: flex; gap: 1.481cqw; margin-top: 7.037cqw; }
.ds[data-style="hamish"] .hm-st { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 1.296cqw; min-height: calc(17.778cqw * var(--fs)); padding: 2.778cqw 2.037cqw 2.037cqw; border: 0.185cqw solid var(--hm-thin); }
.ds[data-style="hamish"] .hm-sv { align-self: flex-end; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.556cqw * var(--fs)); line-height: 1; color: var(--hm-head); }
.ds[data-style="hamish"] .hm-st:last-child .hm-sv { color: #9A4B2B; }
.ds[data-style="hamish"] .hm-sl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.778cqw * var(--fs)); line-height: 1.35; color: var(--hm-label); }
.ds[data-style="hamish"][data-tl="author"] .hm-bd { margin: auto 0; }
.ds[data-style="hamish"][data-tl="author"] .r-head { font-size: calc(5.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="hamish"][data-tl="author"] .hm-sub { margin-top: 1.389cqw; font-size: calc(3.519cqw * var(--fs)); }
.ds[data-style="hamish"][data-tl="author"] .hm-ft { margin-top: 0; }
.ds[data-style="hamish"][data-tl="author"] .hm-nw { top: 16.204cqw; }

/* ---------- كتب قريبة ---------- */
.ds[data-style="hamish"] .hm-books { display: flex; flex-direction: column; gap: 2.407cqw; margin: auto 0; padding-top: 7.593cqw; }
.ds[data-style="hamish"] .hm-bk { display: flex; align-items: center; gap: 2.778cqw; }
.ds[data-style="hamish"] .hm-thumb { flex: none; width: 10.185cqw; height: calc(13.889cqw * var(--fs)); }
.ds[data-style="hamish"] .hm-bt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.ds[data-style="hamish"] .hm-bt > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--hm-head); }
.ds[data-style="hamish"] .hm-bt > span { margin-top: 0.741cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--hm-label); }

/* ---------- رأي القارئ ---------- */
.ds[data-style="hamish"] .hm-opin { display: flex; flex-direction: column; margin: auto 0; padding-top: 9.444cqw; }
.ds[data-style="hamish"] .hm-op { display: flex; flex-direction: column; padding: 2.778cqw 0; }
.ds[data-style="hamish"] .hm-op + .hm-op { border-top: 0.093cqw solid var(--hm-thin); }
.ds[data-style="hamish"] .hm-ol { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.45; word-spacing: .7em; color: #2B4C7E; }
.ds[data-style="hamish"] .hm-op2 .hm-ol { color: #9A4B2B; }
.ds[data-style="hamish"] .hm-ov { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.65; color: var(--hm-head); margin-top: 0.556cqw; }

/* ---------- دعوة اشتراك: أرضية طوبية وزر ورقي ---------- */
.ds[data-style="hamish"][data-tl="cta"] .hm-hd { margin-top: auto; }
.ds[data-style="hamish"][data-tl="cta"] .hm-bd { margin-top: 1.852cqw; }
.ds[data-style="hamish"][data-tl="cta"] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.36 * var(--dlh) / 1.3); color: #F0EAD8; }
.ds[data-style="hamish"][data-tl="cta"] .hm-btn { margin-top: 14.722cqw; min-height: calc(13.148cqw * var(--fs)); display: flex; align-items: center; justify-content: center; background: #F0EAD8; color: #23211C; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; text-align: center; padding: 0.926cqw 3.704cqw; }
.ds[data-style="hamish"][data-tl="cta"] .hm-ft { margin-top: 4.259cqw; }
.ds[data-style="hamish"][data-tl="cta"] .hm-nw { top: 25.37cqw; }
.ds[data-style="hamish"][data-tl="cta"] .r-head.hm-hlong { font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="hamish"] svg.hm-ci { left: 80.463cqw; top: 16.574cqw; width: 12.222cqw; height: 12.222cqw; color: #F0EAD8; stroke-width: 3.6; }

.ds[data-style="hamish"][data-tl="ideas"] .hm-nw { top: 16.019cqw; }
.ds[data-style="hamish"][data-tl="chapters"] .hm-nw { top: 19.907cqw; }
.ds[data-style="hamish"][data-tl="books"] .hm-nw { top: 18.981cqw; }
.ds[data-style="hamish"][data-tl="opinion"] .hm-nw { top: 27.315cqw; }
.ds[data-style="hamish"][data-tl="plan"] .hm-nw { top: 21.667cqw; }
/* ستوري 9:16: الإطار أطول والحشوة 24cqw/32cqw، فخط التذييل والترقيم يتبعان سطر التذييل، والرسمتان تنزلان مع النص */
.ds-frame.is-story .ds[data-style="hamish"] .hm-rule { bottom: 38.426cqw; }
.ds-frame.is-story .ds[data-style="hamish"] .hm-cnt { bottom: 32.315cqw; }
.ds-frame.is-story .ds[data-style="hamish"] svg.hm-qi { top: 26.481cqw; }
.ds-frame.is-story .ds[data-style="hamish"] svg.hm-ci { top: 29.074cqw; }
/* hamish:end */

/* fonts:rihal:start */
.ds[data-kit="rihal"] { --fd: "MKD Camel"; --fdw: 800; --dk: 1; --dlh: 1.3; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:rihal:end */

/* rihal:start */
/* ==========================================================================
   أسلوب «رِحال» — هوية السفر والسياحة من نظام صاحب الأداة (templates/safar).
   المقاسات من لوحة 1080×1350. الشكل من rhPlan (data-tl)، والصورة data-ph،
   والسلايد الفيروزي الثاني بأرضية بيضاء data-g="w". مستطيلات حادة الزوايا.
   ========================================================================== */
.ds[data-style="rihal"] {
  --rh-deep: #0e3b43; --rh-teal: #1f8a8c; --rh-tt: #bde5e2; --rh-coral: #e8623a; --rh-ct: #ffd9cc; --rh-sand: #efe3cf;
  --rh-body: #5c6f72; --rh-bdk: #9fb3b6; --rh-lab: #7d8e7f; --rh-line: #d8cab2; --rh-cool: #d8e2e0;
  --rh-t: var(--rh-deep); --rh-b: var(--rh-body); --rh-tag: var(--rh-coral);
  --fg: #0e3b43 !important; --sub: #5c6f72 !important; --tag: #e8623a !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--rh-t); padding: 8.333cqw 6.481cqw 8.333cqw;
}
.ds[data-style="rihal"] .ds-bgl { background: var(--rh-sand); }
.ds[data-style="rihal"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe, .ds-tex, .ds-deco) { display: none !important; }
.ds[data-style="rihal"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="rihal"] :is(.rh-hd, .rh-bd) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="rihal"] .rh-bd > * + * { margin-top: 1.852cqw; }
.ds[data-style="rihal"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Camel للعناوين والأرقام الكبيرة، Graphik للمتن والقوائم ---------- */
.ds[data-style="rihal"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.056cqw * var(--fs)); line-height: 1.4; color: var(--rh-tag); word-spacing: .22em; margin: 0; }
.ds[data-style="rihal"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.16 * var(--dlh) / 1.3); color: var(--rh-t); text-wrap: balance; max-width: 50cqw; }
.ds[data-style="rihal"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.5; color: var(--rh-b); text-wrap: pretty; }
.ds[data-style="rihal"] .rh-mk { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(5.185cqw * var(--fs)); line-height: 1.36; color: var(--rh-coral); text-wrap: balance; }
.ds[data-style="rihal"] :is(.hl, .mk) { background: none !important; padding: 0; color: inherit; }
.ds[data-style="rihal"] .mk { font-weight: inherit !important; }
.ds[data-style="rihal"] svg:is(.rh-ico, .rh-ri, .rh-pl, .rh-bi, .rh-st, .rh-si, .rh-ti, .rh-ni, .rh-tki, .rh-sli, .rh-avi) {
  display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="rihal"] .rh-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; line-height: 1.2; }
.ds[data-style="rihal"] .rh-ph { position: absolute; left: 0; right: 0; top: 0; height: 46.296cqw; background: #d9cfbd center / cover no-repeat; }

/* ---------- الأرضيات ---------- */
.ds[data-style="rihal"]:is([data-tl="cover"], [data-tl="quote"]) .ds-bgl { background: var(--rh-deep); }
.ds[data-style="rihal"]:is([data-tl="days"], [data-tl="budget"], [data-tl="tips"]) .ds-bgl { background: #fff; }
.ds[data-style="rihal"]:is([data-tl="pack"], [data-tl="seasons"]) .ds-bgl { background: var(--rh-teal); }
.ds[data-style="rihal"]:is([data-tl="pack"], [data-tl="seasons"]):not([data-g="w"]) { --rh-t: #fff; --rh-b: #fff; --rh-tag: var(--rh-tt); }
.ds[data-style="rihal"]:is([data-tl="pack"], [data-tl="seasons"])[data-g="w"] .ds-bgl { background: #fff; }
.ds[data-style="rihal"][data-tl="cta"] .ds-bgl { background: var(--rh-coral); }

/* ---------- غلاف الوجهة: صورة كاملة وظل سفلي، والعنوان والسعر أسفل ---------- */
.ds[data-style="rihal"][data-tl="cover"] .ds-bgl { background: linear-gradient(#174048, #0e3b43 62%); }
.ds[data-style="rihal"][data-tl="cover"] .rh-ph { height: auto; bottom: 0; }
.ds[data-style="rihal"] .rh-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 59, 67, .97) 0%, rgba(14, 59, 67, .82) 36%, rgba(14, 59, 67, 0) 66%); }
.ds[data-style="rihal"][data-tl="cover"] { padding-bottom: 8.889cqw; }
.ds[data-style="rihal"][data-tl="cover"] .rh-hd { margin-top: auto; }
.ds[data-style="rihal"][data-tl="cover"] .r-tag { margin-bottom: 1.019cqw; }
.ds[data-style="rihal"][data-tl="cover"] .r-head { font-size: calc(10cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.3); color: var(--rh-sand); max-width: 57.407cqw; }
.ds[data-style="rihal"][data-tl="cover"] .rh-bd { padding-top: 1.481cqw; }
.ds[data-style="rihal"][data-tl="cover"] .r-body { color: var(--rh-bdk); }
.ds[data-style="rihal"][data-tl="cover"] .rh-mk { color: var(--rh-coral); }
.ds[data-style="rihal"] .rh-from { display: flex; flex-direction: column; align-items: flex-start; margin-top: 1.944cqw; padding-top: 2.593cqw; border-top: 0.185cqw dashed rgba(239, 227, 207, .38); }
.ds[data-style="rihal"] .rh-from > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--rh-bdk); }
.ds[data-style="rihal"] .rh-from .rh-v { font-size: calc(6.111cqw * var(--fs)); line-height: 1.1; color: var(--rh-sand); }
.ds[data-style="rihal"] .rh-cbadge { position: absolute; right: 6.481cqw; top: 6.481cqw; display: flex; align-items: center; gap: 2.037cqw; height: 6.667cqw; padding: 0 3.241cqw 0 3.333cqw; background: var(--rh-sand); color: var(--rh-deep); font-style: normal; }
.ds[data-style="rihal"] .rh-cbadge b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 3.241cqw; line-height: 1.2; white-space: nowrap; }
.ds[data-style="rihal"] .rh-cbadge svg.rh-bi { width: 3.519cqw; height: 3.519cqw; transform: scaleX(-1); stroke-width: 7; }
.ds[data-style="rihal"] .rh-swipe { position: absolute; left: 6.481cqw; top: 108.519cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.704cqw; line-height: 1.4; color: var(--rh-coral); white-space: nowrap; }
.ds[data-style="rihal"] .rh-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 400; }
.ds-frame.is-story .ds[data-style="rihal"] .rh-swipe { display: none; }

/* ---------- بطاقة صعود ---------- */
.ds[data-style="rihal"][data-tl="pass"] { padding-left: 5.556cqw; padding-right: 5.556cqw; }
.ds[data-style="rihal"] .rh-pass { background: #fff; padding: 4.074cqw 4.167cqw 4.259cqw; }
.ds[data-style="rihal"] .rh-route { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; padding-bottom: 3.333cqw; border-bottom: 0.278cqw dashed var(--rh-line); }
.ds[data-style="rihal"] .rh-end { display: flex; flex-direction: column; align-items: flex-start; }
.ds[data-style="rihal"] .rh-end > span, .ds[data-style="rihal"] .rh-m > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--rh-lab); }
.ds[data-style="rihal"] .rh-code { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(7.222cqw * var(--fs)); line-height: .92; color: var(--rh-deep); margin-top: 0.185cqw; }
.ds[data-style="rihal"] .rh-end > em { font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: var(--rh-body); margin-top: 1.481cqw; }
.ds[data-style="rihal"] .rh-e2 { align-items: flex-end; }
.ds[data-style="rihal"] svg.rh-pl { width: 6.111cqw; height: 6.111cqw; margin-top: 4.074cqw; color: var(--rh-coral); stroke-width: 4; }
.ds[data-style="rihal"] .rh-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.222cqw; margin-top: 3.704cqw; }
.ds[data-style="rihal"] .rh-m { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="rihal"] .rh-m > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: var(--rh-deep); margin-top: 0.185cqw; }
.ds[data-style="rihal"] .rh-m.is-ltr > b { text-align: left; }
.ds[data-style="rihal"] .rh-m3 > b { color: var(--rh-coral); }
.ds[data-style="rihal"][data-tl="pass"] .rh-hd { margin-top: 11.667cqw; }
.ds[data-style="rihal"][data-tl="pass"] .r-head { font-size: calc(6.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 83.333cqw; }
.ds[data-style="rihal"] .rh-rows { display: flex; flex-direction: column; gap: 1.481cqw; margin-top: 8.981cqw; }
.ds[data-style="rihal"] .rh-rows .rh-row { display: flex; align-items: center; gap: 2.5cqw; min-height: 9.537cqw; padding: 0.926cqw 3.241cqw; background: #fff; }
.ds[data-style="rihal"] .rh-rows svg.rh-ri { width: 4.259cqw; height: 4.259cqw; color: var(--rh-teal); stroke-width: 6; }
.ds[data-style="rihal"] .rh-rows .rh-row:first-child svg.rh-ri { transform: scaleX(-1); }
.ds[data-style="rihal"] .rh-rows .rh-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--rh-deep); }

/* ---------- برنامج يومي: خط سير رأسي بنقاط ---------- */
.ds[data-style="rihal"] .rh-days { display: flex; flex-direction: column; gap: 3.241cqw; margin-top: 22.685cqw; }
.ds[data-style="rihal"] .rh-day { position: relative; display: flex; flex-direction: column; padding-right: 9.074cqw; }
.ds[data-style="rihal"] .rh-dot { position: absolute; right: 2.222cqw; top: 0.463cqw; width: 2.037cqw; height: 2.037cqw; border-radius: 50%; background: var(--rh-teal); z-index: 1; }
.ds[data-style="rihal"] .rh-da .rh-dot { background: var(--rh-coral); }
.ds[data-style="rihal"] .rh-dz .rh-dot { background: var(--rh-deep); }
.ds[data-style="rihal"] .rh-seg { position: absolute; right: 3.102cqw; top: 1.481cqw; width: 0.278cqw; height: calc(100% + 3.241cqw); background: var(--rh-cool); }
.ds[data-style="rihal"] .rh-day > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--rh-lab); }
.ds[data-style="rihal"] .rh-day > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--rh-deep); }

/* ---------- ألبوم صور: صورة كبيرة، أو ثلاث خانات مصمتة برسمات ---------- */
.ds[data-style="rihal"][data-tl="album"] { padding: 8.333cqw 5.556cqw 11.852cqw; }
.ds[data-style="rihal"][data-tl="album"] .rh-hd { margin-top: auto; }
.ds[data-style="rihal"][data-tl="album"] .rh-hd .r-tag { margin-bottom: 0.741cqw; }
.ds[data-style="rihal"][data-tl="album"] .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="rihal"][data-tl="album"] .rh-bd { margin-top: 2.778cqw; }
.ds[data-style="rihal"][data-tl="album"] .rh-ph { left: 5.556cqw; right: 5.556cqw; top: 7.407cqw; height: 67.407cqw; }
.ds[data-style="rihal"] .rh-slot { position: absolute; display: grid; place-items: center; background: #e6dbc9 center / cover no-repeat; color: #cdbda4; }
.ds[data-style="rihal"] .rh-s1 { right: 5.556cqw; top: 7.407cqw; width: 43.519cqw; height: 33.148cqw; }
.ds[data-style="rihal"] .rh-s2 { left: 5.556cqw; top: 7.407cqw; width: 43.519cqw; height: 33.148cqw; }
.ds[data-style="rihal"] .rh-s3 { left: 5.556cqw; right: 5.556cqw; top: 44.444cqw; height: 30.37cqw; }
.ds[data-style="rihal"] .rh-slot svg.rh-sli { width: 6.667cqw; height: 6.667cqw; stroke-width: 4; }

/* ---------- قائمة الحقيبة: مربّعات تحقّق وشريط داكن ---------- */
.ds[data-style="rihal"][data-tl="pack"] { padding-top: 8.889cqw; }
.ds[data-style="rihal"] .rh-pack { display: flex; flex-direction: column; margin-top: 30.278cqw; }
.ds[data-style="rihal"] .rh-pack .rh-row { display: flex; align-items: center; gap: 2.5cqw; min-height: 9.444cqw; border-bottom: 0.093cqw solid rgba(255, 255, 255, .3); }
.ds[data-style="rihal"] .rh-box { flex: none; width: 4.259cqw; height: 4.259cqw; box-sizing: border-box; border: 0.278cqw solid #fff; }
.ds[data-style="rihal"] .rh-pack .rh-row > span { flex: 1 1 auto; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--rh-t); }
.ds[data-style="rihal"] .rh-pack .rh-row > b { flex: none; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--rh-tt); }
.ds[data-style="rihal"][data-tl="pack"] .rh-bd { margin-top: 3.704cqw; }
.ds[data-style="rihal"] .rh-note { display: flex; align-items: center; gap: 2.315cqw; margin-top: auto; min-height: 11.481cqw; padding: 1.296cqw 4.167cqw; background: var(--rh-deep); color: var(--rh-sand); }
.ds[data-style="rihal"][data-tl="pack"] .rh-bd + .rh-note { margin-top: 3.704cqw; }
.ds[data-style="rihal"] .rh-note svg.rh-ni { width: 4.259cqw; height: 4.259cqw; stroke-width: 6; }
.ds[data-style="rihal"] .rh-note .rh-mk { font-weight: 800; font-size: calc(4.259cqw * var(--fs)); line-height: 1.35; color: var(--rh-sand); }
.ds[data-style="rihal"][data-tl="pack"][data-g="w"] .rh-row { border-color: var(--rh-cool); }
.ds[data-style="rihal"][data-tl="pack"][data-g="w"] .rh-box { border-color: var(--rh-deep); }
.ds[data-style="rihal"][data-tl="pack"][data-g="w"] .rh-row > b { color: var(--rh-teal); }

/* ---------- ميزانية يومية: شرائط وصندوق المجموع ---------- */
.ds[data-style="rihal"] .rh-bars { display: flex; flex-direction: column; gap: 2.685cqw; margin-top: 15cqw; }
.ds[data-style="rihal"] .rh-bar { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }
.ds[data-style="rihal"] .rh-bar > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.815cqw * var(--fs)); line-height: 1.1; color: var(--rh-deep); }
.ds[data-style="rihal"] .rh-bar .rh-v { font-size: calc(4.444cqw * var(--fs)); line-height: 1.1; color: var(--rh-deep); }
.ds[data-style="rihal"] .rh-track { display: flex; flex: 0 0 100%; height: 1.852cqw; margin-top: 1.944cqw; background: #e6efee; }
.ds[data-style="rihal"] .rh-track > i { display: block; height: 100%; background: var(--rh-teal); }
.ds[data-style="rihal"] .rh-bar.is-hot .rh-track > i { background: var(--rh-coral); }
.ds[data-style="rihal"] .rh-total { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; margin-top: auto; min-height: 12.778cqw; padding: 0.926cqw 3.704cqw 0.926cqw 3.519cqw; background: var(--rh-deep); }
.ds[data-style="rihal"] .rh-total > span { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--rh-sand); }
.ds[data-style="rihal"] .rh-total .rh-v { font-size: calc(5.463cqw * var(--fs)); color: var(--rh-sand); }
.ds[data-style="rihal"][data-tl="budget"] .rh-bd { margin-top: 6.759cqw; }
.ds[data-style="rihal"][data-tl="budget"] .rh-bd .r-body { font-weight: 400; font-size: calc(3.333cqw * var(--fs)); }

/* ---------- مقولة بختم ---------- */
.ds[data-style="rihal"][data-tl="quote"] { justify-content: center; padding-bottom: 18.148cqw; text-align: center; }
.ds[data-style="rihal"][data-tl="quote"] .ds-txt { flex: 0 1 auto; align-items: center; }
.ds[data-style="rihal"] .rh-stamp { position: relative; align-self: center; width: 19.63cqw; height: 19.63cqw; color: var(--rh-coral); }
.ds[data-style="rihal"] .rh-stamp svg.rh-st { width: 100%; height: 100%; stroke-width: 2.9; }
.ds[data-style="rihal"] .rh-stamp svg.rh-si { position: absolute; left: 5.741cqw; top: 5.741cqw; width: 8.148cqw; height: 8.148cqw; stroke-width: 5; }
.ds[data-style="rihal"][data-tl="quote"] .rh-hd { align-items: center; margin-top: 7.407cqw; }
.ds[data-style="rihal"][data-tl="quote"] :is(.r-head, .rh-mk) { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.3); color: var(--rh-sand); max-width: 48.148cqw; text-align: center; }
.ds[data-style="rihal"] .rh-line { display: block; align-self: center; width: 9.259cqw; height: 0.278cqw; margin-top: 3.981cqw; background: var(--rh-coral); }
.ds[data-style="rihal"][data-tl="quote"] .rh-bd { align-items: center; margin-top: 3.981cqw; }
.ds[data-style="rihal"][data-tl="quote"] :is(.r-tag, .r-body) { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; color: var(--rh-bdk); text-align: center; word-spacing: 0; }

/* ---------- وجهات قادمة ---------- */
.ds[data-style="rihal"][data-tl="trips"] { padding: 8.333cqw 5.556cqw 16.944cqw; }
.ds[data-style="rihal"] .rh-trips { display: flex; flex-direction: column; gap: 1.63cqw; margin-top: auto; padding-top: 5.556cqw; }
.ds[data-style="rihal"] .rh-trip { display: flex; align-items: center; gap: 2.778cqw; min-height: 14.63cqw; padding: 1.111cqw 3.148cqw 1.111cqw 3.426cqw; background: #fff; }
.ds[data-style="rihal"] .rh-trip svg.rh-ri { width: 4.63cqw; height: 4.63cqw; color: var(--rh-teal); stroke-width: 5; }
.ds[data-style="rihal"] .rh-tn { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="rihal"] .rh-tn > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.722cqw * var(--fs)); line-height: 1.13; color: var(--rh-deep); }
.ds[data-style="rihal"] .rh-tn > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--rh-body); }
.ds[data-style="rihal"] .rh-trip > .rh-v { flex: none; font-size: calc(4.259cqw * var(--fs)); color: var(--rh-deep); }
.ds[data-style="rihal"] .rh-trip.is-hot { background: var(--rh-coral); }
.ds[data-style="rihal"] .rh-trip.is-hot :is(svg.rh-ri, .rh-tn > b, .rh-v) { color: #fff; }
.ds[data-style="rihal"] .rh-trip.is-hot .rh-tn > span { color: var(--rh-ct); }
.ds[data-style="rihal"][data-tl="trips"] .rh-bd { margin-top: 3.704cqw; }

/* ---------- نصائح محلية: صورة علوية وشارة داكنة ---------- */
.ds[data-style="rihal"][data-tl="tips"] { padding: 8.333cqw 6.481cqw 9.259cqw 5.741cqw; }
.ds[data-style="rihal"][data-tl="tips"][data-ph="1"] { padding-top: 38.889cqw; }
.ds[data-style="rihal"] .rh-badge { align-self: flex-start; display: flex; align-items: center; min-height: 7.407cqw; margin-right: -0.926cqw; padding: 0.37cqw 3.333cqw; background: var(--rh-deep); }
.ds[data-style="rihal"] .rh-badge .r-tag { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--rh-sand); word-spacing: 0; }
.ds[data-style="rihal"][data-tl="tips"] .r-head { margin-top: 3.704cqw; }
.ds[data-style="rihal"] .rh-tips { display: flex; flex-direction: column; gap: 2.5cqw; margin: 20.185cqw 0 0; padding: 0; list-style: none; }
.ds[data-style="rihal"][data-tl="tips"][data-ph="0"] .rh-tips { margin-top: 12.963cqw; }
.ds[data-style="rihal"][data-tl="tips"] .rh-hd:has(.r-head) + .rh-tips { margin-top: 9.259cqw; }
.ds[data-style="rihal"] .rh-tips li { display: flex; align-items: flex-start; gap: 2.593cqw; padding-right: 1.389cqw; }
.ds[data-style="rihal"] .rh-tips li .rh-v { flex: none; min-width: 4.167cqw; font-size: calc(4.074cqw * var(--fs)); line-height: 1.48; color: var(--rh-coral); }
.ds[data-style="rihal"] .rh-tips li > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.47; color: var(--rh-deep); text-wrap: wrap; }

/* ---------- الطقس والمواسم: أربع خانات وصندوق الأفضل ---------- */
.ds[data-style="rihal"][data-tl="seasons"] { padding-top: 8.889cqw; }
.ds[data-style="rihal"] .rh-tiles { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 1.296cqw; margin-top: 16.852cqw; }
.ds[data-style="rihal"] .rh-tile { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2.963cqw 1.111cqw 2.222cqw; background: rgba(255, 255, 255, .15); }
.ds[data-style="rihal"] .rh-tile svg.rh-ti { width: 3.889cqw; height: 3.889cqw; color: #fff; stroke-width: 4; }
.ds[data-style="rihal"] .rh-tile > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #fff; margin-top: 1.111cqw; }
.ds[data-style="rihal"] .rh-tile > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--rh-tt); }
.ds[data-style="rihal"] .rh-tile.is-hot { background: var(--rh-coral); }
.ds[data-style="rihal"] .rh-tile.is-hot > span { color: var(--rh-ct); }
.ds[data-style="rihal"][data-tl="seasons"] .rh-bd { margin-top: 3.704cqw; }
.ds[data-style="rihal"] .rh-best { display: flex; flex-direction: column; align-items: stretch; margin-top: 18.981cqw; padding: 3.148cqw 3.704cqw 4.444cqw; background: var(--rh-deep); }
.ds[data-style="rihal"] .rh-lab { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--rh-coral); }
.ds[data-style="rihal"] .rh-best .rh-mk { font-weight: 700; font-size: calc(6.111cqw * var(--fs)); line-height: 1.34; color: var(--rh-sand); max-width: 53.704cqw; text-wrap: wrap; }
.ds[data-style="rihal"][data-tl="seasons"][data-g="w"] .rh-tile:not(.is-hot) { background: var(--rh-sand); }
.ds[data-style="rihal"][data-tl="seasons"][data-g="w"] .rh-tile:not(.is-hot) :is(svg.rh-ti, b) { color: var(--rh-deep); }
.ds[data-style="rihal"][data-tl="seasons"][data-g="w"] .rh-tile:not(.is-hot) > span { color: var(--rh-body); }

/* ---------- تجربة مشارك ---------- */
.ds[data-style="rihal"][data-tl="story"] { padding: 8.333cqw 5.556cqw 6.481cqw; }
.ds[data-style="rihal"][data-tl="story"] .rh-hd { min-height: 15.741cqw; padding-right: 18.519cqw; }
.ds[data-style="rihal"][data-tl="story"] .rh-hd .r-head { font-size: calc(5.463cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); }
.ds[data-style="rihal"][data-tl="story"] .rh-hd .r-body { font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; margin-top: 0.37cqw; }
.ds[data-style="rihal"] .rh-av { position: absolute; right: 5.556cqw; top: 8.333cqw; width: 15.741cqw; height: 15.741cqw; border-radius: 50%; display: grid; place-items: center; background: #e6dbc9 center / cover no-repeat; color: var(--rh-teal); }
.ds[data-style="rihal"] .rh-av svg.rh-avi { width: 6.481cqw; height: 6.481cqw; stroke-width: 5; }
.ds[data-style="rihal"] .rh-card { margin-top: 9.074cqw; padding: 3.981cqw 4.167cqw 4.63cqw 5.556cqw; background: #fff; }
.ds[data-style="rihal"] .rh-card .r-body { font-weight: 400; font-size: calc(4.907cqw * var(--fs)); line-height: 1.5; color: var(--rh-deep); text-wrap: wrap; }
.ds[data-style="rihal"] .rh-stats { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 1.481cqw; margin-top: 9.722cqw; }
.ds[data-style="rihal"] .rh-sc { display: flex; flex-direction: column; align-items: center; text-align: center; min-height: 16.852cqw; padding: 2.037cqw 0.926cqw; background: var(--rh-deep); }
.ds[data-style="rihal"] .rh-sc .rh-v { font-size: calc(5.926cqw * var(--fs)); line-height: 1.25; color: var(--rh-sand); }
.ds[data-style="rihal"] .rh-sc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: var(--rh-bdk); margin-top: 0.556cqw; }
.ds[data-style="rihal"][data-tl="story"] .rh-bd { margin-top: 10.648cqw; }
.ds[data-style="rihal"][data-tl="story"] .rh-bd .rh-mk { max-width: 44.444cqw; line-height: 1.38; }

/* ---------- دعوة حجز: صورة علوية وتذكرة ونص في الوسط وزر داكن ---------- */
.ds[data-style="rihal"][data-tl="cta"] { padding: 8.333cqw 6.481cqw 9.259cqw; text-align: center; justify-content: center; }
.ds[data-style="rihal"][data-tl="cta"][data-ph="1"] { justify-content: flex-start; padding-top: 32.13cqw; }
.ds[data-style="rihal"][data-tl="cta"] .rh-ph { height: 39.63cqw; }
.ds[data-style="rihal"][data-tl="cta"] .ds-txt { flex: 0 1 auto; align-items: center; }
.ds[data-style="rihal"] .rh-tk { align-self: center; color: var(--rh-sand); }
.ds[data-style="rihal"] .rh-tk svg.rh-tki { width: 16.296cqw; height: 16.296cqw; stroke-width: 3.6; }
.ds[data-style="rihal"][data-tl="cta"] .rh-hd { align-items: center; margin-top: 4.815cqw; }
.ds[data-style="rihal"][data-tl="cta"] .r-tag { color: var(--rh-ct); margin-bottom: 0.741cqw; }
.ds[data-style="rihal"][data-tl="cta"] .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.16 * var(--dlh) / 1.3); color: #fff; max-width: 64.815cqw; text-align: center; }
.ds[data-style="rihal"][data-tl="cta"] .rh-bd { align-items: center; margin-top: 2.778cqw; }
.ds[data-style="rihal"][data-tl="cta"] .rh-bd .r-body { color: var(--rh-ct); font-size: calc(4.352cqw * var(--fs)); line-height: 1.6; max-width: 44.444cqw; text-align: center; text-wrap: balance; }
.ds[data-style="rihal"][data-tl="cta"] .ds-txt > .rh-mk { align-self: center; margin-top: 3.704cqw; min-width: 29.63cqw; padding: 1.852cqw 5.556cqw; background: var(--rh-deep); color: var(--rh-sand); text-align: center; font-size: calc(5.185cqw * var(--fs)); line-height: 1.5; }
/* rihal:end */

/* fonts:mawja:start */
.ds[data-kit="mawja"] { --fd: "MKD Graphik"; --fdw: 700; --dk: 1; --dlh: 1.2; --ft: "MKD Graphik"; --ftw: 300; }
/* fonts:mawja:end */

/* mawja:start */
/* ==========================================================================
   أسلوب «مَوجة» — هوية البودكاست والإعلام بلغة مشغّل الصوت.
   لوحة 1080×1350 بهوامش 70 جانبًا و90 أعلى و100 أسفل. الشكل من mwPlan (data-tl).
   الأرضيات: حبر #120E1F · بطاقة #1c1630 · بنفسجي #7A3BFF · فولتي #C7FF4A · لافندر #E8E0FF.
   على الفولتي حبر داكن فقط. بطاقات مستديرة 20–32px. الزخرفة على عناصر حقيقية.
   ========================================================================== */
.ds[data-style="mawja"] {
  --mw-bg: #120E1F; --mw-ink: #fff; --mw-tag: #C7FF4A; --mw-body: #B6ADD6; --mw-card: #1c1630; --mw-line: #2b2340;
  --fg: var(--mw-ink) !important; --sub: var(--mw-body) !important; --tag: var(--mw-tag) !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mw-ink); padding: 7.87cqw 6.481cqw 9.259cqw;
  font-synthesis: none;
}
.ds[data-style="mawja"]:is([data-tl="takeaways"], [data-tl="bts"]) { --mw-bg: #E8E0FF; --mw-ink: #120E1F; --mw-tag: #5A24D6; --mw-body: #120E1F; }
.ds[data-style="mawja"][data-tl="quote"] { --mw-bg: #7A3BFF; --mw-ink: #fff; --mw-tag: #E8E0FF; --mw-body: #E8E0FF; --mw-line: #a276ff; }
.ds[data-style="mawja"][data-tl="stats"] { --mw-bg: #C7FF4A; --mw-ink: #120E1F; --mw-tag: #3E5209; --mw-body: #2B3A06; --mw-line: #120E1F; }
.ds[data-style="mawja"][data-tl="notes"] { --mw-bg: #1c1630; --mw-card: #120E1F; }
.ds[data-style="mawja"][data-tone="dark"]:is([data-tl="quote"], [data-tl="stats"]) { --mw-bg: #120E1F; --mw-ink: #fff; --mw-tag: #C7FF4A; --mw-body: #B6ADD6; --mw-line: #2b2340; }

.ds[data-style="mawja"] .ds-bgl { background: var(--mw-bg); }
.ds[data-style="mawja"] .ds-scene, .ds[data-style="mawja"] .ds-bgimg, .ds[data-style="mawja"] .ds-shade, .ds[data-style="mawja"] .ds-me, .ds[data-style="mawja"] .ds-mast, .ds[data-style="mawja"] .ds-num, .ds[data-style="mawja"] .ds-swipe { display: none !important; }
.ds[data-style="mawja"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="mawja"] :is(.mw-hd, .mw-bd, .mw-tg, .mw-qt) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mawja"] .mw-sp { display: block; flex: 1 1 0; min-height: 0; }
.ds[data-style="mawja"] .mw-sp2 { flex-grow: 2; }
.ds[data-style="mawja"] .mw-sp0 { display: none; }
.ds[data-style="mawja"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Graphik Arabic، والتراتب بالوزن والحجم ---------- */
.ds[data-style="mawja"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--mw-tag); word-spacing: .3em; margin: 0 0 1.481cqw; }
.ds[data-style="mawja"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.16 * var(--dlh) / 1.2); color: var(--mw-ink); text-wrap: balance; padding: 0; }
.ds[data-style="mawja"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.444cqw * var(--fs)); line-height: 1.5; color: var(--mw-body); text-wrap: pretty; }
.ds[data-style="mawja"] .r-body:has(.mk) { font-weight: 700; font-size: calc(4.815cqw * var(--fs)); line-height: 1.3; color: var(--mw-ink); text-wrap: balance; }
.ds[data-style="mawja"] .hl, .ds[data-style="mawja"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="mawja"] .mk { font-weight: inherit !important; }
.ds[data-style="mawja"] .mw-bd > * + * { margin-top: 2.222cqw; }
.ds[data-style="mawja"] .mw-v, .ds[data-style="mawja"] .mw-ts { font-family: var(--ft), Tahoma, sans-serif; font-style: normal; line-height: 1; }
.ds[data-style="mawja"] svg:is(.mw-ico, .mw-qi, .mw-ei, .mw-ci, .mw-li, .mw-pi, .mw-hi, .mw-ti, .mw-bi, .mw-bp, .mw-bf) { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="mawja"] .mw-ph { position: absolute; display: block; background: #1c1630 center / cover no-repeat; }
.ds[data-style="mawja"] .mw-empty { display: grid; place-items: center; }
.ds[data-style="mawja"] .mw-pill { align-self: flex-start; display: flex; align-items: center; justify-content: center; background: #C7FF4A; color: #120E1F !important; border-radius: 999px; font-weight: 700 !important; }

/* ---------- الموجة: أعمدة متفاوتة بنفسجية وفولتية ---------- */
.ds[data-style="mawja"] .mw-wave { display: flex; direction: ltr; align-items: flex-end; flex: none; }
.ds[data-style="mawja"] .mw-wave b { display: block; flex: 1 1 0; min-width: 0; background: #7A3BFF; }
.ds[data-style="mawja"] .mw-wave b.is-v { background: #C7FF4A; }

/* ---------- غلاف الحلقة: رأس متدرّج 420px، شارة الحلقة، عنوان 106، موجة وزر ---------- */
.ds[data-style="mawja"][data-tl="cover"] { padding-top: 7.037cqw; }
.ds[data-style="mawja"] .mw-band { position: absolute; left: 0; top: 0; width: 100%; height: 38.889cqw; background: linear-gradient(160deg, #7A3BFF, #2A1A5E); }
.ds[data-style="mawja"] .mw-cph { left: 6.481cqw; top: 18.519cqw; width: 18.519cqw; height: 18.519cqw; border-radius: 2.222cqw; }
.ds[data-style="mawja"][data-tl="cover"] .mw-tg { height: 38.796cqw; flex: none; }
.ds[data-style="mawja"][data-tl="cover"] .r-tag { display: flex; align-items: center; gap: 2.037cqw; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); color: #E8E0FF; word-spacing: .2em; margin: 0; }
.ds[data-style="mawja"] .mw-dot { display: block; flex: none; width: 1.667cqw; height: 1.667cqw; border-radius: 50%; background: #C7FF4A; }
.ds[data-style="mawja"][data-tl="cover"] .r-head { font-size: calc(9.815cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 59.259cqw; }
.ds[data-style="mawja"][data-tl="cover"][data-hlong] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mawja"][data-tl="cover"] .mw-hd .r-body { margin-top: 2.593cqw; max-width: 48.148cqw; }
.ds[data-style="mawja"] .mw-wv-cover { height: calc(10.185cqw * var(--fs)); gap: 0.833cqw; margin-top: 3.704cqw; }
.ds[data-style="mawja"] .mw-cta { display: flex; align-items: center; gap: 1.944cqw; margin-top: 4.63cqw; }
.ds[data-style="mawja"] .mw-cta .mw-pill { height: 9.259cqw; padding: 0 4.63cqw; min-width: 27.778cqw; font-size: calc(4.259cqw * var(--fs)); line-height: 1; }
.ds[data-style="mawja"] .mw-du { font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.2; color: #B6ADD6; white-space: nowrap; }

/* ---------- فصول بتوقيتات ---------- */
.ds[data-style="mawja"] .mw-chs { display: flex; flex-direction: column; margin-top: -2.778cqw; }
.ds[data-style="mawja"] .mw-ch { display: flex; align-items: center; gap: 2.778cqw; min-height: calc(10.185cqw * var(--fs)); }
.ds[data-style="mawja"] .mw-ch + .mw-ch { border-top: 0.093cqw solid var(--mw-line); }
.ds[data-style="mawja"] .mw-ch .mw-ts { flex: none; width: 12.037cqw; direction: ltr; text-align: left; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); color: #C7FF4A; }
.ds[data-style="mawja"] .mw-ch > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--mw-ink); }

/* ---------- اقتباس بتوقيت: بنفسجي كامل، علامة اقتباس، سطر وشارة فولتية ---------- */
.ds[data-style="mawja"] svg.mw-qi { position: absolute; left: 80.278cqw; top: 15.463cqw; width: 13.148cqw; height: 13.148cqw; color: #E8E0FF; stroke-width: 4.4; }
.ds[data-style="mawja"][data-tone="dark"][data-tl="quote"] svg.mw-qi { color: #C7FF4A; }
.ds[data-style="mawja"][data-tl="quote"] .r-head, .ds[data-style="mawja"] .mw-q { font-family: var(--fd), Tahoma, sans-serif; font-weight: 600; font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.4 * var(--dlh) / 1.2); color: var(--mw-ink); text-wrap: balance; max-width: 61.111cqw; margin-top: -2.222cqw; }
.ds[data-style="mawja"][data-tl="quote"][data-hlong] .r-head { font-size: calc(6.296cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: none; }
.ds[data-style="mawja"] .mw-qf { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; border-top: 0.278cqw solid var(--mw-line); padding-top: 2.315cqw; }
.ds[data-style="mawja"] .mw-qf .r-body { font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--mw-body); }
.ds[data-style="mawja"] .mw-tsp { margin-inline-start: auto; display: flex; align-items: center; justify-content: center; flex: none; height: 6.944cqw; padding: 0 3.148cqw; border-radius: 999px; background: #C7FF4A; color: #120E1F; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); }

/* ---------- بطاقة الضيف: صورة أعلى بتدرّج، شارة فولتية، ثلاث بطاقات أرقام ---------- */
.ds[data-style="mawja"] .mw-gph { position: absolute; left: 0; top: 0; width: 100%; height: 55.556cqw; background-color: #1b1727; }
.ds[data-style="mawja"] .mw-fade { position: absolute; left: 0; top: 0; width: 100%; height: 55.556cqw; background: linear-gradient(180deg, rgba(18, 14, 31, 0) 60%, #120E1F 100%); }
.ds[data-style="mawja"][data-ph="1"] .mw-fade { background: linear-gradient(180deg, rgba(18, 14, 31, 0) 35%, rgba(18, 14, 31, .6) 70%, #120E1F 100%); }
.ds[data-style="mawja"] .mw-gph svg.mw-ei { width: 20.37cqw; height: 20.37cqw; color: #2b2340; margin-top: -3.704cqw; }
.ds[data-style="mawja"][data-tl="guest"] { padding-top: 6.481cqw; }
.ds[data-style="mawja"]:is([data-tl="guest"], [data-tl="bts"]) .mw-tg .r-tag.mw-pill { height: 6.667cqw; padding: 0 2.778cqw; margin: 0; font-size: calc(3.333cqw * var(--fs)); line-height: 1; word-spacing: .1em; align-self: flex-start; }
.ds[data-style="mawja"][data-tl="guest"] { padding-bottom: 8.148cqw; }
.ds[data-style="mawja"][data-tl="guest"] .mw-tg { min-height: 50.741cqw; flex: none; }
.ds[data-style="mawja"][data-tl="guest"] .mw-hd .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mawja"][data-tl="guest"] .mw-hd .r-body { margin-top: 2.407cqw; font-size: calc(4.074cqw * var(--fs)); line-height: 1.48; max-width: 46.296cqw; }
.ds[data-style="mawja"] .mw-gst { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.574cqw; margin-top: 5.648cqw; }
.ds[data-style="mawja"] .mw-gst[data-n="2"] { grid-template-columns: repeat(2, 1fr); }
.ds[data-style="mawja"] .mw-gst[data-n="1"] { grid-template-columns: 1fr; }
.ds[data-style="mawja"] .mw-gc { display: flex; flex-direction: column; justify-content: space-between; gap: 1.296cqw; min-height: calc(15.37cqw * var(--fs)); padding: 3.333cqw 2.222cqw 2.593cqw; border-radius: 1.852cqw; background: #1c1630; }
.ds[data-style="mawja"] .mw-gc .mw-v { align-self: flex-end; font-weight: 900; font-size: calc(5.185cqw * var(--fs)); color: #C7FF4A; }
.ds[data-style="mawja"] .mw-gc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: #B6ADD6; }
.ds[data-style="mawja"][data-tl="guest"] .mw-bd .r-body:has(.mk) { font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #E8E0FF; }

/* ---------- خلاصة الحلقة: لافندر وبطاقات بيضاء مرقّمة، الأخيرة حبر ---------- */
.ds[data-style="mawja"] .mw-tks { display: flex; flex-direction: column; gap: 2.5cqw; }
.ds[data-style="mawja"] .mw-tk { display: flex; align-items: flex-start; gap: 2.778cqw; padding: calc(3.426cqw * var(--fs)) 3.056cqw; border-radius: 2.222cqw; background: #fff; }
.ds[data-style="mawja"] .mw-tk .mw-v { flex: none; width: 6.667cqw; direction: ltr; text-align: left; font-weight: 900; font-size: calc(5.185cqw * var(--fs)); line-height: calc(6.296cqw * var(--fs)); color: #7A3BFF; }
.ds[data-style="mawja"] .mw-tk > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.478; color: #120E1F; }
.ds[data-style="mawja"] .mw-tk.is-last { background: #120E1F; }
.ds[data-style="mawja"] .mw-tk.is-last .mw-v { color: #C7FF4A; }
.ds[data-style="mawja"] .mw-tk.is-last > span { color: #fff; }

/* ---------- مقطع بمشغّل: بطاقة بموجة وأزرار وتوقيتين ---------- */
.ds[data-style="mawja"] .mw-player { display: flex; flex-direction: column; padding: calc(4.63cqw * var(--fs)) 4.074cqw calc(5.556cqw * var(--fs)); border-radius: 2.963cqw; background: #1c1630; }
.ds[data-style="mawja"] .mw-wv-clip { height: calc(12.963cqw * var(--fs)); gap: 0.741cqw; }
.ds[data-style="mawja"] .mw-ctl { position: relative; display: flex; align-items: center; justify-content: space-between; height: 5.185cqw; margin-top: calc(3.889cqw * var(--fs)); }
.ds[data-style="mawja"] .mw-ctl > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.519cqw * var(--fs)); line-height: 1; color: #B6ADD6; }
.ds[data-style="mawja"] .mw-btns { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; direction: ltr; align-items: center; gap: 1.667cqw; }
.ds[data-style="mawja"] .mw-btns svg { width: 4.63cqw; height: 4.63cqw; color: #E8E0FF; stroke-width: 4.6; }
.ds[data-style="mawja"] .mw-btns svg.mw-bp { width: 6.944cqw; height: 6.944cqw; color: #C7FF4A; stroke-width: 5.6; }
.ds[data-style="mawja"][data-tl="player"] .mw-hd .r-head { max-width: 50cqw; }
.ds[data-style="mawja"][data-tl="player"] .mw-sp2 { flex-grow: 1.47; }
.ds[data-style="mawja"][data-tl="player"] .mw-sp1 { flex-grow: 1.84; }
.ds[data-style="mawja"][data-tl="player"] .mw-sp0 { display: block; flex-grow: 1; }
.ds[data-style="mawja"][data-tl="player"] .mw-bd .r-body { font-weight: 500; font-size: calc(5cqw * var(--fs)); line-height: 1.52; color: #fff; }

/* ---------- أرقام الموسم: فولتي كامل، صفوف بفواصل حبر ---------- */
.ds[data-style="mawja"][data-tl="stats"] .ds-txt:has(.mw-bd) .mw-sp1 { display: none; }
.ds[data-style="mawja"][data-tl="stats"] { padding-top: 8.796cqw; }
.ds[data-style="mawja"][data-tl="stats"] .mw-hd .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mawja"][data-tl="stats"] .r-tag { margin-bottom: 1.574cqw; }
.ds[data-style="mawja"][data-tl="stats"] .mw-bd { margin-top: 1.759cqw; }
.ds[data-style="mawja"]:is([data-tl="stats"], [data-tl="platforms"]) .mw-bd .r-body:has(.mk) { max-width: 39.815cqw; font-size: calc(5cqw * var(--fs)); line-height: 1.31; text-wrap: wrap; }
.ds[data-style="mawja"] .mw-sts { display: flex; flex-direction: column; }
.ds[data-style="mawja"] .mw-st { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: calc(14.259cqw * var(--fs)); }
.ds[data-style="mawja"] .mw-st + .mw-st { border-top: 0.278cqw solid var(--mw-line); }
.ds[data-style="mawja"] .mw-st > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: var(--mw-body); }
.ds[data-style="mawja"] .mw-st .mw-v { font-weight: 900; font-size: calc(7.037cqw * var(--fs)); color: var(--mw-ink); }
.ds[data-style="mawja"][data-tl="stats"] .mw-bd .r-body:has(.mk) { color: var(--mw-ink); }

/* ---------- حلقات مقترحة: بطاقات بمربّع غلاف ورقم ومدة ---------- */
.ds[data-style="mawja"] .mw-eps { display: flex; flex-direction: column; gap: 2.037cqw; }
.ds[data-style="mawja"] .mw-ep { display: flex; align-items: center; gap: 2.593cqw; min-height: calc(15.741cqw * var(--fs)); padding: 1.481cqw 2.963cqw; border-radius: 2.222cqw; background: #1c1630; }
.ds[data-style="mawja"] .mw-thumb { flex: none; display: grid; place-items: center; width: 10cqw; height: 10cqw; border-radius: 1.111cqw; background: #241e36; color: #7A3BFF; }
.ds[data-style="mawja"] .mw-thumb svg { width: 5.556cqw; height: 5.556cqw; }
.ds[data-style="mawja"] .mw-thumb.is-ph { background-color: #241e36; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ds[data-style="mawja"] .mw-et { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.278cqw; }
.ds[data-style="mawja"] .mw-et > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(2.778cqw * var(--fs)); line-height: 1.2; color: #C7FF4A; }
.ds[data-style="mawja"] .mw-et > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="mawja"] .mw-ep .mw-du { flex: none; font-size: calc(3.148cqw * var(--fs)); }

/* ---------- رسائل المستمعين: أرضية البطاقة وبطاقات حبر، وقلب في التذييل ---------- */
.ds[data-style="mawja"] .mw-nts { display: flex; flex-direction: column; gap: 2.407cqw; }
.ds[data-style="mawja"][data-tl="notes"] .mw-sp2 { flex-grow: 1.65; }
.ds[data-style="mawja"] .mw-nt { display: flex; flex-direction: column; gap: 1.667cqw; padding: calc(4.537cqw * var(--fs)) 3.519cqw calc(2.963cqw * var(--fs)); border-radius: 2.222cqw; background: #120E1F; }
.ds[data-style="mawja"] .mw-nt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.444cqw * var(--fs)); line-height: 1.5; color: #fff; }
.ds[data-style="mawja"] .mw-nt > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: #6f66a0; }
.ds[data-style="mawja"] .mw-foot { display: flex; align-items: center; gap: 2.593cqw; }
.ds[data-style="mawja"] svg.mw-hi { width: 5.37cqw; height: 5.37cqw; color: #C7FF4A; }
.ds[data-style="mawja"] .mw-foot .r-body { font-weight: 300; font-size: calc(4.074cqw * var(--fs)); color: #B6ADD6; }

/* ---------- خلف الحلقة: شريط صورة 478px، شارة حبر، قائمة برسمات ---------- */
.ds[data-style="mawja"] .mw-bph { position: absolute; left: 0; top: 0; width: 100%; height: 44.259cqw; background-color: #E0D8F5; }
.ds[data-style="mawja"] .mw-bph svg.mw-ei { width: 18.519cqw; height: 18.519cqw; color: #cbbff0; margin-top: -5.556cqw; }
.ds[data-style="mawja"][data-tl="bts"] { padding-top: 37.037cqw; }
.ds[data-style="mawja"][data-tl="bts"] .mw-tg .r-tag.mw-pill { height: 7.13cqw; background: #120E1F; color: #C7FF4A !important; }
.ds[data-style="mawja"][data-tl="bts"] .mw-hd .r-head { margin-top: 3.704cqw; }
.ds[data-style="mawja"][data-tl="bts"] .mw-sp2 { flex-grow: 1.36; }
.ds[data-style="mawja"] .mw-bl { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); }
.ds[data-style="mawja"] .mw-bi-row { display: flex; align-items: center; gap: 2.5cqw; }
.ds[data-style="mawja"] svg.mw-li { width: 5.37cqw; height: 5.37cqw; color: #7A3BFF; }
.ds[data-style="mawja"] .mw-bi-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.565; color: #120E1F; }

/* ---------- منصّات الاستماع: شبكة 2×2، الرابعة بنفسجية ---------- */
.ds[data-style="mawja"] .mw-pfs { display: grid; grid-template-columns: 1fr 1fr; gap: 2.037cqw; }
.ds[data-style="mawja"] .mw-pf { display: flex; flex-direction: column; justify-content: space-between; gap: 1.852cqw; min-height: calc(20.37cqw * var(--fs)); padding: 4.074cqw 3.148cqw 3.704cqw; border-radius: 2.593cqw; background: #1c1630; color: #C7FF4A; }
.ds[data-style="mawja"] .mw-pf.is-p { background: #7A3BFF; color: #fff; }
.ds[data-style="mawja"] .mw-pfs[data-n="3"] .mw-pf:nth-child(3) { grid-column: 1 / -1; }
.ds[data-style="mawja"] svg.mw-pi { width: 5.926cqw; height: 5.926cqw; margin: 0.278cqw 0 -1.574cqw; }
.ds[data-style="mawja"] .mw-pf > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="mawja"][data-tl="platforms"] .mw-bd .r-body:has(.mk) { color: #C7FF4A; }
.ds[data-style="mawja"][data-tl="platforms"] .mw-sp2 { flex-grow: 1; }
.ds[data-style="mawja"][data-tl="platforms"] .mw-sp1 { flex-grow: 1.3; }

/* ---------- دعوة اشتراك: توهّج بنفسجي أسفل، رسمة فولتية، زر كبسولي ---------- */
.ds[data-style="mawja"] .mw-glow { position: absolute; left: 0; bottom: 0; width: 100%; height: 48.148cqw; background: linear-gradient(180deg, rgba(122, 59, 255, 0), #7A3BFF); }
.ds[data-style="mawja"] svg.mw-ci { position: absolute; left: 42.13cqw; top: 16.759cqw; width: 15.556cqw; height: 15.556cqw; color: #C7FF4A; stroke-width: 5.4; }
.ds[data-style="mawja"][data-tl="cta"] { padding-top: 40.278cqw; padding-bottom: 13.889cqw; text-align: center; }
.ds[data-style="mawja"][data-tl="cta"] .mw-hd { align-items: center; }
.ds[data-style="mawja"][data-tl="cta"] .r-tag { margin-bottom: 2.315cqw; }
.ds[data-style="mawja"][data-tl="cta"] .r-head { font-size: calc(9.815cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 38.889cqw; }
.ds[data-style="mawja"][data-tl="cta"][data-hlong] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 83.333cqw; }
.ds[data-style="mawja"][data-tl="cta"] .mw-hd .r-body { margin-top: 2.222cqw; max-width: 46.296cqw; color: #E8E0FF; text-wrap: wrap; }
.ds[data-style="mawja"][data-tl="cta"] .mw-hd .r-body + .r-body { margin-top: 0; }
.ds[data-style="mawja"][data-tl="cta"] .mw-bd { align-items: center; }
.ds[data-style="mawja"][data-tl="cta"] .mw-bd .mw-pill { align-self: center; height: 11.574cqw; padding: 0 6.481cqw; min-width: 41.667cqw; font-size: calc(4.815cqw * var(--fs)); line-height: 1; }
.ds[data-style="mawja"][data-tl="cta"] .mw-bd .r-body:not(.mw-pill) { color: #E8E0FF; }
/* mawja:end */

/* matbaa:start */
/* ==========================================================================
   أسلوب «مَطبَعة» — هوية المجلّة المطبوعة. المقاسات من لوحة 1080×1350.
   الشكل من mtPlan (data-tl). خطوط أفقية: 3px للفواصل الرئيسية، 1px للداخلية،
   18px للشريط العلوي في الغلاف والدعوة. بلا استدارة ولا ظلال.
   ========================================================================== */
.ds[data-style="matbaa"] {
  --mt-bg: #fff; --mt-ink: #1A1A1A; --mt-rust: #8C3A2E; --mt-body: #3d3d3d; --mt-lab: #6d6d6d; --mt-rule: #d8d8d8; --mt-hair: #e2e2e2;
  --mt-head: #1A1A1A; --mt-tag: #8C3A2E; --mt-main: #1A1A1A; --mt-num: #8C3A2E;
  --fg: #1A1A1A !important; --sub: #3d3d3d !important; --tag: #8C3A2E !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mt-ink); padding: 8.148cqw 7.407cqw 9.259cqw;
}
.ds[data-style="matbaa"]:is([data-tl="contents"], [data-tl="quote"], [data-tl="essay"], [data-tl="letters"]) { --mt-bg: #FAF9F7; }
.ds[data-style="matbaa"] .ds-bgl { background: var(--mt-bg); }
.ds[data-style="matbaa"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="matbaa"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="matbaa"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="matbaa"] .mt-hd { display: flex; flex-direction: column; align-items: stretch; }

/* ---------- الخط ---------- */
.ds[data-style="matbaa"] .r-tag { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.2; color: var(--mt-tag); word-spacing: .24em; }
.ds[data-style="matbaa"] .r-head { margin: 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.36 * var(--dlh) / 1.3); color: var(--mt-head); }
.ds[data-style="matbaa"] .r-body { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.7; color: var(--mt-body); }
.ds[data-style="matbaa"] :is(.hl, .mk) { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }
.ds[data-style="matbaa"] .hl { color: var(--mt-rust) !important; }
.ds[data-style="matbaa"] .mt-br { display: inline; }
.ds[data-style="matbaa"] svg:is(.mt-ico, .mt-pi, .mt-bi, .mt-orn) { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

/* ترويسة داخلية: التمهيد وخط 1px */
.ds[data-style="matbaa"] .mt-run { display: flex; align-items: baseline; justify-content: space-between; gap: 2.778cqw; padding-bottom: calc(2.037cqw * var(--fs)); border-bottom: 0.093cqw solid var(--mt-rule); }
.ds[data-style="matbaa"] .mt-rl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.2; color: var(--mt-lab); }
/* السطر السفلي فوق خط 3px */
.ds[data-style="matbaa"] .mt-ft { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; padding-top: calc(1.574cqw * var(--fs)); border-top: 0.278cqw solid var(--mt-main); }
.ds[data-style="matbaa"] .mt-fr { display: flex; flex-direction: column; align-items: flex-start; }
.ds[data-style="matbaa"] .mt-fl { display: flex; align-items: center; }
.ds[data-style="matbaa"] .mt-ft .r-body { font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--mt-lab); }
.ds[data-style="matbaa"] .mt-ft .r-body.mt-mk { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.815cqw * var(--fs)); line-height: 1.4; color: var(--mt-head); }
.ds[data-style="matbaa"] .mt-fl { flex: none; }
/* عمودان للمتن بفاصل 44px، وخط 1px فوق كل عمود */
.ds[data-style="matbaa"] .mt-cols { column-count: 2; column-gap: 4.074cqw; }
.ds[data-style="matbaa"] .mt-cols .r-body { break-inside: auto; }

/* ---------- الغلاف ---------- */
.ds[data-style="matbaa"] .mt-bar { position: absolute; top: 0; left: 0; right: 0; height: 1.667cqw; background: var(--mt-ink); }
.ds[data-style="matbaa"] .mt-mast { display: flex; align-items: baseline; justify-content: space-between; gap: 2.778cqw; padding: 3.426cqw 0 2.963cqw; border-bottom: 0.278cqw solid var(--mt-ink); }
.ds[data-style="matbaa"] .mt-name { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.259cqw * var(--fs)); line-height: 1.2; color: var(--mt-ink); white-space: nowrap; }
.ds[data-style="matbaa"] .mt-no { direction: ltr; unicode-bidi: isolate; font-family: var(--ft), "MKD Graphik", Tahoma, sans-serif; font-weight: 600; font-size: calc(3.056cqw * var(--fs)); letter-spacing: .1em; line-height: 1.2; color: var(--mt-rust); white-space: nowrap; }
.ds[data-style="matbaa"][data-tl="cover"] .mt-hd .r-tag { margin-top: calc(3.056cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="cover"] .mt-hd .r-head { margin-top: calc(4.167cqw * var(--fs)); max-width: 74.074cqw; font-size: calc(10.37cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.32 * var(--dlh) / 1.3); }
.ds[data-style="matbaa"][data-tl="cover"] .mt-cols { margin-top: calc(12.5cqw * var(--fs)); padding-top: calc(2.315cqw * var(--fs)); background: linear-gradient(to left, var(--mt-rule) calc(50% - 2.037cqw), transparent 0, transparent calc(50% + 2.037cqw), var(--mt-rule) 0) top / 100% 0.093cqw no-repeat; }
.ds[data-style="matbaa"][data-tl="cover"] .mt-ft { padding: calc(1.944cqw * var(--fs)) 0 1.296cqw; }
.ds[data-style="matbaa"][data-tl="cover"] .mt-ft .r-body.mt-mk { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.5; color: var(--mt-rust); word-spacing: .1em; }
.ds[data-style="matbaa"] .mt-sw { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--mt-lab); white-space: nowrap; }
.ds[data-style="matbaa"] .mt-sw b { font-weight: 500; }

/* ---------- الفهرس ---------- */
.ds[data-style="matbaa"] .mt-toc { margin: auto 0; padding-top: calc(12.222cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-toc .mt-row { display: flex; align-items: center; gap: 2.407cqw; min-height: calc(13.704cqw * var(--fs)); padding-right: 0; }
.ds[data-style="matbaa"] .mt-toc .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-ix { flex: none; width: 6.481cqw; text-align: left; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.259cqw * var(--fs)); line-height: 1; color: var(--mt-num); }
.ds[data-style="matbaa"] .mt-tt { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.63cqw * var(--fs)); line-height: 1.3; color: var(--mt-head); }

/* ---------- الافتتاحية بصورة ---------- */
.ds[data-style="matbaa"] .mt-ph { position: absolute; background: #f4f4f4 center / cover no-repeat; }
.ds[data-style="matbaa"][data-tl="editorial"] .ds-bgl > .mt-ph { left: 0; right: 0; top: 0; height: 51.852cqw; }
.ds[data-style="matbaa"][data-tl="editorial"][data-ph="1"] { padding-top: 51.852cqw; }
.ds[data-style="matbaa"] .mt-capr { border-bottom: 0.093cqw solid var(--mt-rule); padding: calc(1.389cqw * var(--fs)) 0 calc(1.574cqw * var(--fs)); min-height: 0.093cqw; }
.ds[data-style="matbaa"] .mt-cap { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--mt-lab); }
.ds[data-style="matbaa"][data-tl="editorial"] .mt-hd .r-tag { margin-top: calc(4.722cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="editorial"] .mt-hd .r-head { margin-top: calc(2.037cqw * var(--fs)); max-width: 55.556cqw; text-wrap: balance; }
.ds[data-style="matbaa"][data-tl="editorial"] .mt-cols { margin-top: calc(5.926cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="editorial"] .mt-cols .r-body { font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="matbaa"][data-tl="editorial"] .mt-ft { padding-top: calc(1.667cqw * var(--fs)); margin-bottom: -1.389cqw; }
.ds[data-style="matbaa"] .mt-folio { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(2.778cqw * var(--fs)); letter-spacing: .2em; line-height: 1.5; color: var(--mt-lab); white-space: nowrap; }

/* ---------- الاقتباس بين خطّين ---------- */
.ds[data-style="matbaa"][data-tl="quote"] { text-align: center; }
.ds[data-style="matbaa"] .mt-qi { display: block; align-self: center; width: 11.111cqw; height: 11.111cqw; margin-top: calc(5.556cqw * var(--fs)); color: var(--mt-rust); }
.ds[data-style="matbaa"] .mt-qb { margin-top: calc(6.481cqw * var(--fs)); padding: calc(5.556cqw * var(--fs)) 0; border-top: 0.278cqw solid var(--mt-ink); border-bottom: 0.278cqw solid var(--mt-ink); display: flex; flex-direction: column; align-items: center; }
.ds[data-style="matbaa"] .mt-qb :is(.r-head, .r-body) { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(7.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.5 * var(--dlh) / 1.3); color: var(--mt-head); max-width: 74.074cqw; }
.ds[data-style="matbaa"] .mt-by { margin-top: calc(7.407cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-by .r-tag { font-size: calc(3.333cqw * var(--fs)); word-spacing: .1em; }
.ds[data-style="matbaa"] .mt-dia { display: block; align-self: center; width: 22.593cqw; height: 5.556cqw; margin-top: calc(2.778cqw * var(--fs)); color: var(--mt-ink); }
.ds[data-style="matbaa"] .mt-qf { margin-top: auto; margin-bottom: 2.13cqw; }
.ds[data-style="matbaa"] .mt-qf .r-body { font-size: calc(3.704cqw * var(--fs)); line-height: 1.6; color: var(--mt-body); }

/* ---------- التحقيق المرقّم ---------- */
.ds[data-style="matbaa"]:is([data-tl="feature"], [data-tl="interview"], [data-tl="compare"]) .mt-hd { padding-bottom: calc(2.13cqw * var(--fs)); border-bottom: 0.278cqw solid var(--mt-ink); }
.ds[data-style="matbaa"]:is([data-tl="feature"], [data-tl="interview"], [data-tl="compare"]) .mt-hd .r-head { margin-top: calc(1.759cqw * var(--fs)); max-width: 55.556cqw; text-wrap: balance; }
.ds[data-style="matbaa"] .mt-feat { margin: auto 0; padding-top: calc(6.759cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-feat .mt-row { display: flex; align-items: flex-start; gap: 2.778cqw; padding: calc(2.593cqw * var(--fs)) 0 calc(3.333cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-feat .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-feat .mt-ix { width: 7.407cqw; font-size: calc(6.481cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-rc { display: flex; flex-direction: column; flex: 1 1 auto; }
.ds[data-style="matbaa"] .mt-feat .mt-tt { margin-top: calc(1.296cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-sb { margin-top: calc(1.667cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--mt-body); }

/* ---------- لوح الأرقام الداكن ---------- */
.ds[data-style="matbaa"][data-tl="data"]:not([data-lite]) { --mt-bg: #1A1A1A; --mt-head: #fff; --mt-tag: #E08A7A; --mt-body: #c9c9c9; --mt-lab: #9a9a9a; --mt-rule: rgba(255, 255, 255, .3); --mt-hair: rgba(255, 255, 255, .22); --mt-main: rgba(255, 255, 255, .3); --mt-num: #E08A7A; }
.ds[data-style="matbaa"][data-tl="data"] .mt-stats { margin: auto 0; padding-top: calc(10.463cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-stats .mt-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: calc(19.907cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-stats .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-lb { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.889cqw * var(--fs)); line-height: 1.5; color: var(--mt-body); }
.ds[data-style="matbaa"] .mt-sv { flex: none; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(7.778cqw * var(--fs)); line-height: 1; color: var(--mt-head); }
.ds[data-style="matbaa"] .mt-stats .is-hl .mt-sv { color: var(--mt-num); }
.ds[data-style="matbaa"][data-tl="data"] .mt-ft { border-top-width: 0.093cqw; margin-bottom: -0.556cqw; }
.ds[data-style="matbaa"]:is([data-tl="data"], [data-tl="book"]) .mt-run { padding-bottom: calc(2.222cqw * var(--fs)); }

/* ---------- الحوار ---------- */
.ds[data-style="matbaa"] .mt-qa { margin: auto 0; padding-top: calc(9.444cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-qa .mt-row { display: flex; flex-direction: column; padding: calc(4.352cqw * var(--fs)) 0 calc(3.333cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-qa .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-q { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.259cqw * var(--fs)); line-height: 1.4; color: var(--mt-rust); }
.ds[data-style="matbaa"] .mt-a { margin-top: calc(1.944cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.78; color: var(--mt-body); }

/* ---------- الملف المصوّر ---------- */
.ds[data-style="matbaa"] .mt-pan { position: relative; margin-top: calc(6.667cqw * var(--fs)); height: calc(64.815cqw * var(--fs)); flex: none; }
.ds[data-style="matbaa"] .mt-p { position: absolute; display: flex; align-items: center; justify-content: center; background: #f0efed; color: #9a9a9a; }
.ds[data-style="matbaa"] .mt-p1 { right: 0; top: 0; width: calc(50% - 0.926cqw); height: calc(330 / 700 * 100%); }
.ds[data-style="matbaa"] .mt-p2 { left: 0; top: 0; width: calc(50% - 0.926cqw); height: calc(330 / 700 * 100%); }
.ds[data-style="matbaa"] .mt-p3 { left: 0; right: 0; bottom: 0; height: calc(330 / 700 * 100%); }
.ds[data-style="matbaa"] .mt-pan svg.mt-pi { width: 10.185cqw; height: 10.185cqw; }
.ds[data-style="matbaa"] .mt-pan .mt-phx { inset: 0; z-index: 1; }
.ds[data-style="matbaa"] .mt-pan .mt-pp { inset: 0; }
.ds[data-style="matbaa"] .mt-pan:has(.mt-phx) .mt-p { display: none; }
.ds[data-style="matbaa"] .mt-gv, .ds[data-style="matbaa"] .mt-gh { position: absolute; z-index: 2; background: var(--mt-bg); display: none; }
.ds[data-style="matbaa"] .mt-pan:has(.mt-phx) :is(.mt-gv, .mt-gh) { display: block; }
.ds[data-style="matbaa"] .mt-gv { left: calc(50% - 0.926cqw); width: 1.852cqw; top: 0; height: calc(330 / 700 * 100%); }
.ds[data-style="matbaa"] .mt-gh { left: 0; right: 0; top: calc(330 / 700 * 100%); height: calc(40 / 700 * 100%); }
.ds[data-style="matbaa"][data-tl="essay"] .mt-cols { margin-top: calc(2.778cqw * var(--fs)); padding-top: calc(2.13cqw * var(--fs)); border-top: 0.093cqw solid var(--mt-rule); }
.ds[data-style="matbaa"][data-tl="essay"] .mt-cols .r-body { font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--mt-lab); }

/* ---------- جدول المقارنة ---------- */
.ds[data-style="matbaa"] .mt-cmp { margin: auto 0; padding-top: calc(7.13cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-cmp .mt-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: calc(9.722cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-cmp .mt-row > * { padding: 0 2.315cqw; }
.ds[data-style="matbaa"] .mt-cmp .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-cmp .mt-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: var(--mt-body); }
.ds[data-style="matbaa"] .mt-cmp .mt-th { min-height: 0; padding-bottom: calc(1.852cqw * var(--fs)); border-bottom: 0.278cqw solid var(--mt-ink); }
.ds[data-style="matbaa"] .mt-cmp .mt-th + .mt-row { border-top: 0; }
.ds[data-style="matbaa"] .mt-cmp .mt-th b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: var(--mt-lab); }
.ds[data-style="matbaa"] .mt-cmp .mt-th b + b { color: var(--mt-rust); }

/* ---------- مراجعة الكتاب على الطوبي ---------- */
.ds[data-style="matbaa"][data-tl="book"]:not([data-lite]) { --mt-bg: #8C3A2E; --mt-head: #fff; --mt-tag: #F5D9D3; --mt-body: #fff; --mt-lab: #F5D9D3; --mt-rule: rgba(255, 255, 255, .4); --mt-hair: rgba(255, 255, 255, .4); --mt-main: #fff; --mt-rust: #F5D9D3; }
.ds[data-style="matbaa"] .mt-bk { display: flex; align-items: flex-start; gap: 3.889cqw; margin-top: calc(10.278cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-bc { position: relative; flex: none; width: 23.981cqw; height: calc(33.148cqw * var(--fs)); border: 0.093cqw dashed var(--mt-rule); display: flex; align-items: center; justify-content: center; color: var(--mt-lab); }
.ds[data-style="matbaa"] .mt-bc.has-ph { border: 0; }
.ds[data-style="matbaa"] .mt-bc .mt-ph { inset: 0; }
.ds[data-style="matbaa"] .mt-bc svg.mt-bi { width: 11.111cqw; height: 11.111cqw; }
.ds[data-style="matbaa"] .mt-bt { display: flex; flex-direction: column; flex: 1 1 auto; }
.ds[data-style="matbaa"][data-tl="book"] .mt-bt .r-head { font-size: calc(5.741cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); }
.ds[data-style="matbaa"] .mt-meta { margin: calc(0.926cqw * var(--fs)) 0 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--mt-lab); }
.ds[data-style="matbaa"] .mt-bt .r-body { margin-top: calc(2.037cqw * var(--fs)); font-size: calc(3.519cqw * var(--fs)); line-height: 1.7; color: var(--mt-body); }
.ds[data-style="matbaa"] .mt-b2 { margin-top: calc(9.444cqw * var(--fs)); padding-top: calc(2.685cqw * var(--fs)); border-top: 0.093cqw solid var(--mt-rule); }
.ds[data-style="matbaa"] .mt-b2 .r-body { font-size: calc(3.889cqw * var(--fs)); line-height: 1.66; color: var(--mt-body); }
.ds[data-style="matbaa"][data-tl="book"] .mt-ft { align-items: center; padding-top: calc(3.333cqw * var(--fs)); margin-bottom: 1.019cqw; }
.ds[data-style="matbaa"][data-tl="book"] .mt-ft .r-body.mt-mk { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); color: var(--mt-lab); }
.ds[data-style="matbaa"] .mt-rate { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.63cqw * var(--fs)); line-height: 1.2; color: var(--mt-head); white-space: nowrap; }

/* ---------- رسائل القرّاء ---------- */
.ds[data-style="matbaa"] .mt-lets { margin: auto 0; padding-top: calc(15.37cqw * var(--fs)); display: flex; flex-direction: column; }
.ds[data-style="matbaa"] .mt-lets .mt-row { display: flex; flex-direction: column; padding: calc(4.167cqw * var(--fs)) 0 calc(4.074cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-lets .mt-row + .mt-row { border-top: 0.093cqw solid var(--mt-hair); }
.ds[data-style="matbaa"] .mt-lt { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.7; color: var(--mt-ink); }
.ds[data-style="matbaa"] .mt-sg { display: flex; align-items: center; gap: 1.481cqw; margin-top: calc(1.389cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-dash { flex: none; width: 3.704cqw; height: 0.185cqw; background: var(--mt-rust); }
.ds[data-style="matbaa"] .mt-sg b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--mt-lab); }

/* ---------- دعوة الاشتراك ---------- */
.ds[data-style="matbaa"][data-tl="cta"] { text-align: center; }
.ds[data-style="matbaa"] .mt-ci { display: block; align-self: center; width: 16.667cqw; height: 16.667cqw; margin-top: calc(9.259cqw * var(--fs)); color: var(--mt-ink); }
.ds[data-style="matbaa"][data-tl="cta"] .mt-hd { align-items: center; margin-top: calc(11.667cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="cta"] .mt-hd .r-head { margin-top: calc(2.778cqw * var(--fs)); max-width: 59.259cqw; font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.36 * var(--dlh) / 1.3); text-wrap: balance; }
.ds[data-style="matbaa"] .mt-cb { display: flex; flex-direction: column; align-items: center; margin-top: calc(2.5cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-cb .r-body { max-width: 48.148cqw; font-size: calc(3.889cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-btn { display: flex; justify-content: center; margin-top: calc(3.796cqw * var(--fs)); }
.ds[data-style="matbaa"] .mt-btn .r-body { padding: calc(2.685cqw * var(--fs)) 6.296cqw; border: 0.185cqw solid var(--mt-ink); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw, 400); font-size: calc(4.444cqw * var(--fs)); line-height: 1.6; color: var(--mt-ink); }
.ds[data-style="matbaa"][data-tl="cta"] .mt-ft { margin-top: auto; align-items: center; margin-bottom: -1.111cqw; }
.ds[data-style="matbaa"][data-tl="cta"] .mt-ft .mt-name { font-size: calc(3.333cqw * var(--fs)); color: var(--mt-lab); }
.ds[data-style="matbaa"][data-tl="cta"] .mt-ft .mt-no { font-weight: 500; font-size: calc(2.778cqw * var(--fs)); letter-spacing: .2em; color: var(--mt-lab); }

/* ---------- الأرضيات الورقية حين يتكرر اللوح الملوّن ---------- */
.ds[data-style="matbaa"]:is([data-tl="data"], [data-tl="book"])[data-lite] { --mt-bg: #FAF9F7; }

/* ---------- مقاسات السطر السفلي بحسب الشكل ---------- */
.ds[data-style="matbaa"][data-tl="feature"] .mt-ft .r-body:not(.mt-mk) { font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="letters"] .mt-ft .r-body:not(.mt-mk) { font-size: calc(3.519cqw * var(--fs)); }
.ds[data-style="matbaa"][data-tl="letters"] .mt-ft { margin-bottom: -0.648cqw; }
.ds[data-style="matbaa"]:is([data-tl="interview"], [data-tl="compare"]) .mt-hd .r-head { font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="matbaa"][data-tl="contents"] .mt-ft { margin-bottom: 0.37cqw; }
.ds[data-style="matbaa"][data-tl="feature"] .mt-ft { margin-bottom: -0.741cqw; }
/* خُلاصة بخط العناوين في السطر السفلي */
.ds[data-style="matbaa"]:is([data-tl="essay"], [data-tl="compare"]) .mt-ft { padding-top: calc(2.963cqw * var(--fs)); margin-bottom: 0.833cqw; }
.ds[data-style="matbaa"] .mt-run + .mt-hd { margin-top: calc(3.704cqw * var(--fs)); }
/* matbaa:end */

/* fonts:nadara:start */
.ds[data-kit="nadara"] { --fd: "MKD Qahwa"; --fdw: 400; --dk: 1; --dlh: 1.34; --ft: "MKD Camel"; --ftw: 400; }
/* fonts:nadara:end */

/* nadara:start */
/* ==========================================================================
   أسلوب «نَضارة» — من نظام التجميل والعناية الذي أرسله صاحب الأداة.
   المقاسات من لوحة 1080×1350. الشكل من naPlan (data-tl) ولون الإطار (data-fr).
   بطاقة كريمية 72px داخل إطار لوني بمسافة 70px، أو أرضية كريمية كاملة لأشكال
   البطاقات الداخلية. كل شيء مستدير. مكوّن البيانات داخل كتلة النص.
   ========================================================================== */
.ds[data-style="nadara"] {
  --na-ink: #33262A; --na-clay: #A8443F; --na-sage: #5F7358; --na-powder: #F2DCD7; --na-cream: #FBF6F2; --na-card: #F7EDE8;
  --na-body: #6b5b5c; --na-mute: #8a7a7a; --na-line: #ecdad4;
  --na-fr: var(--na-powder); --na-bg: var(--na-cream); --na-hd: var(--na-ink); --na-tx: var(--na-body); --na-ftc: var(--na-mute); --na-tag: var(--na-clay);
  --fg: #33262A !important; --sub: #6b5b5c !important; --tag: #A8443F !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--na-ink); padding: 13.889cqw 12.037cqw 12.315cqw;
}
.ds[data-style="nadara"][data-fr="cream"] { --na-fr: var(--na-cream); --na-ftc: var(--na-body); }
.ds[data-style="nadara"][data-fr="sage"] { --na-fr: var(--na-sage); }
.ds[data-style="nadara"][data-fr="clay"] { --na-fr: var(--na-clay); }
.ds[data-style="nadara"][data-fr="ink"] { --na-fr: var(--na-ink); --na-bg: #3D2E31; --na-hd: #FBF6F2; --na-tx: #ded2cd; --na-ftc: #a3968f; --na-tag: #E8A9A2;
  --fg: #FBF6F2 !important; --sub: #ded2cd !important; --tag: #E8A9A2 !important; }

.ds[data-style="nadara"] .ds-bgl { background: var(--na-fr); }
.ds[data-style="nadara"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="nadara"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="nadara"] :is(.na-hd, .na-bd, .na-ft, .na-lead, .na-wrap) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="nadara"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="nadara"] .na-card { position: absolute; left: 6.481cqw; top: 6.481cqw; right: 6.481cqw; bottom: 6.481cqw; border-radius: 6.667cqw; background: var(--na-bg); }

/* ---------- الخط: Qahwa للعناوين، Camel للمتن ---------- */
.ds[data-style="nadara"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--na-tag); margin: 0 0 1.111cqw; }
.ds[data-style="nadara"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.34); color: var(--na-hd); text-wrap: balance; word-spacing: 0; }
.ds[data-style="nadara"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.074cqw * var(--fs)); line-height: 1.6; color: var(--na-tx); text-wrap: pretty; }
.ds[data-style="nadara"] .hl, .ds[data-style="nadara"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="nadara"] .mk { font-weight: inherit !important; }
.ds[data-style="nadara"] .na-mk { font-weight: 500; color: var(--na-hd); }
.ds[data-style="nadara"] svg:is(.na-ico, .na-li-i, .na-mr-i, .na-tc-i, .na-apo-i, .na-bap-i, .na-btp-i, .na-qi, .na-phi) {
  display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; color: var(--na-clay); }
.ds[data-style="nadara"] svg:is(.na-i-leaf, .na-i-check) { color: var(--na-sage); }
.ds[data-style="nadara"] .na-rule { display: block; height: 0.185cqw; background: var(--na-line); }

/* الحاشية أسفل اليمين والترقيم أسفل اليسار */
.ds[data-style="nadara"] .na-ft { margin-top: auto; padding: 2.778cqw 0 0 15.741cqw; }
.ds[data-style="nadara"] .na-ft .r-body { font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--na-ftc); }
.ds[data-style="nadara"] .na-ft .na-mk { font-weight: 500; color: var(--na-hd); }
.ds[data-style="nadara"] .na-no { position: absolute; left: 12.037cqw; top: 107.5cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 3.333cqw; line-height: 1.5; color: var(--na-ftc); white-space: nowrap; }
.ds[data-style="nadara"][data-fr="cream"] .na-no { left: 6.481cqw; top: 113.981cqw; color: var(--na-mute); }
.ds[data-style="nadara"]:is([data-tl="result"], [data-tl="bundle"]) .na-no { left: 11.667cqw; top: 108.519cqw; }

/* ---------- أرضية كريمية كاملة: خطوات، أنواع، صباح ومساء ---------- */
.ds[data-style="nadara"]:is([data-tl="steps"], [data-tl="types"], [data-tl="ampm"]) { padding: 6.481cqw 6.481cqw 6.019cqw; }
.ds[data-style="nadara"]:is([data-tl="types"], [data-tl="ampm"]) { padding-top: 7.315cqw; }
.ds[data-style="nadara"]:is([data-tl="steps"], [data-tl="types"]) .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="nadara"]:is([data-tl="result"], [data-tl="bundle"]) .r-head { font-size: calc(6.111cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="nadara"]:is([data-tl="types"], [data-tl="ampm"]) .na-ft { padding-top: 3.796cqw; }

/* ---------- الغلاف: صورة أعلى البطاقة، قرص، عنوان كبير، زر السحب ---------- */
.ds[data-style="nadara"][data-tl="cover"] { padding: 58.333cqw 13.148cqw 25.37cqw; }
.ds[data-style="nadara"][data-tl="cover"] .na-wrap { justify-content: flex-end; }
.ds[data-style="nadara"][data-tl="cover"][data-long="1"] { padding-top: 49.074cqw; }
.ds[data-style="nadara"][data-tl="cover"][data-long="2"] { padding-top: 38.889cqw; }
.ds[data-style="nadara"][data-tl="cover"][data-long="1"] .na-ph { height: 38.889cqw; }
.ds[data-style="nadara"][data-tl="cover"][data-long="2"] .na-ph { height: 30.556cqw; }
.ds[data-style="nadara"][data-tl="cover"] .r-head { font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.32 * var(--dlh) / 1.34); }
.ds[data-style="nadara"][data-tl="cover"] .na-bd { margin-top: 2.5cqw; }
.ds[data-style="nadara"][data-tl="cover"] .r-body { line-height: 1.65; }
.ds[data-style="nadara"] .na-ph { position: absolute; left: 6.481cqw; right: 6.481cqw; top: 6.481cqw; height: 48.148cqw; border-radius: 6.667cqw 6.667cqw 0 0; background: #F1EDE9 center / cover no-repeat; display: grid; place-items: center; }
.ds[data-style="nadara"] .na-ph svg { width: 13.889cqw; height: 13.889cqw; color: #d9c9c4; }
.ds[data-style="nadara"] .na-badge { position: absolute; left: 10.185cqw; top: 10.185cqw; width: 13.889cqw; height: 13.889cqw; border-radius: 50%; background: var(--na-sage); display: grid; place-items: center; font-style: normal; }
.ds[data-style="nadara"] .na-badge b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 4.074cqw; line-height: 1.2; color: var(--na-cream); white-space: nowrap; }
.ds[data-style="nadara"] .na-swipe { position: absolute; right: 12.963cqw; top: 104.259cqw; width: 15.37cqw; height: 7.778cqw; border-radius: 3.889cqw; background: var(--na-clay); display: grid; place-items: center; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: 3.704cqw; line-height: 1; color: var(--na-cream); }
.ds[data-style="nadara"][data-tl="cover"] .na-no { left: auto; right: 30.648cqw; top: 105.833cqw; font-size: 3.056cqw; }
.ds-frame.is-story .ds[data-style="nadara"] .na-swipe { display: none; }

/* ---------- خطوات الروتين ---------- */
.ds[data-style="nadara"] .na-tog { display: flex; gap: 1.667cqw; margin: 0 0 4.537cqw; }
.ds[data-style="nadara"] .na-tog b { flex: 1 1 0; display: grid; place-items: center; height: calc(8.333cqw * var(--fs)); border-radius: 4.259cqw; background: var(--na-powder); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.2; color: var(--na-mute); }
.ds[data-style="nadara"] .na-tog b:first-child { background: var(--na-ink); color: var(--na-cream); font-weight: 500; }
.ds[data-style="nadara"] .na-steps { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); margin: calc(10.648cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"] .na-step { display: flex; align-items: center; gap: 2.685cqw; min-height: calc(11.852cqw * var(--fs)); padding: 0.741cqw 3.148cqw; border-radius: 4.074cqw; background: var(--na-card); }
.ds[data-style="nadara"] .na-step > b { flex: none; display: grid; place-items: center; width: 6.667cqw; height: 6.667cqw; border-radius: 50%; background: var(--na-clay); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 3.333cqw; line-height: 1; color: var(--na-cream); }
.ds[data-style="nadara"] .na-step > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: var(--na-ink); }
.ds[data-style="nadara"] .na-step:last-child { background: var(--na-sage); }
.ds[data-style="nadara"] .na-step:last-child > b { background: var(--na-cream); color: var(--na-ink); }
.ds[data-style="nadara"] .na-step:last-child > span { color: var(--na-cream); }
.ds[data-style="nadara"] .na-steps.is-6 .na-step { min-height: calc(10.37cqw * var(--fs)); }
.ds[data-style="nadara"][data-tl="steps"] .na-hd:first-child + .na-steps { margin-top: 8.333cqw; }

/* ---------- بطاقة مكوّن ---------- */
.ds[data-style="nadara"] .na-ing { display: flex; align-items: center; gap: 3.241cqw; margin: 4.259cqw 0 0; }
.ds[data-style="nadara"] .na-ic { flex: none; display: grid; place-items: center; width: 13.889cqw; height: 13.889cqw; border-radius: 50%; background: var(--na-powder); }
.ds[data-style="nadara"] .na-ic svg { width: 5.741cqw; height: 5.741cqw; }
.ds[data-style="nadara"] .na-ingt { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; position: relative; top: 0.741cqw; }
.ds[data-style="nadara"] .na-ingt > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.741cqw * var(--fs)); line-height: 1.4; color: var(--na-clay); }
.ds[data-style="nadara"] .na-ingt > span { margin-top: 1.481cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.5; color: var(--na-body); }
.ds[data-style="nadara"][data-tl="ingredient"] .na-rule { margin: calc(4.259cqw * var(--fs)) 0 calc(2.685cqw * var(--fs)); }
.ds[data-style="nadara"] .na-list { display: flex; flex-direction: column; }
.ds[data-style="nadara"] .na-li { display: flex; align-items: center; gap: 2.037cqw; min-height: calc(8.241cqw * var(--fs)); }
.ds[data-style="nadara"] .na-li svg { width: 4.074cqw; height: 4.074cqw; margin: 0 0.093cqw 0 0; }
.ds[data-style="nadara"] .na-li > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.889cqw * var(--fs)); line-height: 1.45; color: var(--na-ink); }
.ds[data-style="nadara"] .na-li.is-no > span { color: var(--na-body); font-weight: 400; }

/* ---------- أخطاء شائعة / نصائح ---------- */
.ds[data-style="nadara"] .na-mis { display: flex; flex-direction: column; margin: calc(1.389cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"][data-tl="mistakes"] { padding-top: 13.796cqw; }
.ds[data-style="nadara"] .na-mr { display: flex; align-items: flex-start; gap: 2.037cqw; padding: calc(3.056cqw * var(--fs)) 0 calc(2.315cqw * var(--fs)); }
.ds[data-style="nadara"] .na-mr + .na-mr { border-top: 0.185cqw solid var(--na-line); }
.ds[data-style="nadara"] .na-mr svg { width: 4.722cqw; height: 4.722cqw; margin-top: 0.926cqw; }
.ds[data-style="nadara"] .na-mr p { display: flex; flex-direction: column; margin: 0; }
.ds[data-style="nadara"] .na-mr p > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: var(--na-ink); }
.ds[data-style="nadara"] .na-mr p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.6; color: var(--na-body); margin-top: 0; }

/* ---------- أنواع البشرة: شبكة 2×2 ---------- */
.ds[data-style="nadara"] .na-types { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 2.222cqw 2.222cqw; margin: calc(5.37cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"] .na-tc { display: flex; flex-direction: column; align-items: stretch; min-height: calc(24.074cqw * var(--fs)); padding: 3.981cqw 3.148cqw 2.778cqw; border-radius: 5.185cqw; background: var(--na-card); }
.ds[data-style="nadara"] .na-tc svg { width: 5.556cqw; height: 5.556cqw; }
.ds[data-style="nadara"] .na-tc > b { margin-top: calc(2.13cqw * var(--fs)); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.63cqw * var(--fs)); line-height: 1.4; color: var(--na-ink); }
.ds[data-style="nadara"] .na-tc > span { margin-top: calc(2.407cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.5; color: var(--na-body); }
.ds[data-style="nadara"] .na-tc4 { background: var(--na-clay); }
.ds[data-style="nadara"] .na-tc4 > b, .ds[data-style="nadara"] .na-tc4 svg { color: var(--na-cream); }
.ds[data-style="nadara"] .na-tc4 > span { color: #F6DCD9; }

/* ---------- صباح ومساء ---------- */
.ds[data-style="nadara"] .na-ap { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2.222cqw; margin: calc(5.093cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"] .na-apc { display: flex; flex-direction: column; align-items: stretch; padding: 4.074cqw 3.148cqw 3.704cqw; border-radius: 5.185cqw; background: var(--na-card); }
.ds[data-style="nadara"] .na-apo { align-self: flex-start; display: grid; place-items: center; width: 7.778cqw; height: 7.778cqw; border-radius: 50%; background: var(--na-cream); }
.ds[data-style="nadara"] .na-apo svg { width: 4.63cqw; height: 4.63cqw; }
.ds[data-style="nadara"] .na-apc > b { margin: calc(2.87cqw * var(--fs)) 0 calc(2.5cqw * var(--fs)); font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.63cqw * var(--fs)); line-height: 1.4; color: var(--na-ink); }
.ds[data-style="nadara"] .na-apc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.72; color: var(--na-ink); }
.ds[data-style="nadara"] .na-apc2 { background: var(--na-ink); }
.ds[data-style="nadara"] .na-apc2 .na-apo { background: #3D2E31; }
.ds[data-style="nadara"] .na-apc2 :is(b, span, svg) { color: var(--na-cream); }

/* ---------- قبل وبعد: بطاقة داكنة ولوحتان ---------- */
.ds[data-style="nadara"][data-tl="result"] { padding: 12.963cqw 11.667cqw 11.296cqw; }
.ds[data-style="nadara"] .na-ba { display: grid; grid-template-columns: 1fr 1fr; gap: 2.222cqw; margin: calc(4.259cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"] .na-bac { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="nadara"] .na-bap { display: grid; place-items: center; height: calc(35.185cqw * var(--fs)); border-radius: 5.185cqw; background: #423437; }
.ds[data-style="nadara"] :is(.na-bap, .na-btp).is-ph { background-position: center; background-size: cover; background-repeat: no-repeat; }
.ds[data-style="nadara"] .na-bap svg { width: 11.111cqw; height: 11.111cqw; color: #6b5b5c; }
.ds[data-style="nadara"] .na-bac > b { margin-top: 0.648cqw; text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.426cqw * var(--fs)); line-height: 1.5; color: #a3968f; }
.ds[data-style="nadara"] .na-bac2 > b { color: #E8A9A2; }
.ds[data-style="nadara"] .na-lead { margin-top: calc(3.241cqw * var(--fs)); }
.ds[data-style="nadara"] .na-lead .r-body { font-weight: 300; font-size: calc(3.889cqw * var(--fs)); line-height: 1.64; text-wrap: wrap; }

/* ---------- مقولة ---------- */
.ds[data-style="nadara"] .na-wrap { flex: 1 1 auto; }
.ds[data-style="nadara"][data-tl="quote"] { padding: 12.037cqw 12.037cqw 12.037cqw; }
.ds[data-style="nadara"][data-tl="quote"] .na-wrap { justify-content: center; }
.ds[data-style="nadara"] svg.na-qi { align-self: flex-start; width: 8.519cqw; height: 8.519cqw; margin: 0 0 calc(3.519cqw * var(--fs)); }
.ds[data-style="nadara"][data-tl="quote"] .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.44 * var(--dlh) / 1.34); max-width: 57.407cqw; }
.ds[data-style="nadara"] .na-qr { display: block; align-self: flex-start; width: 9.259cqw; height: 0.185cqw; margin: calc(4.074cqw * var(--fs)) 0 calc(4.074cqw * var(--fs)); background: var(--na-clay); }
.ds[data-style="nadara"][data-tl="quote"] .r-body { font-weight: 300; font-size: calc(3.889cqw * var(--fs)); line-height: 1.6; }

/* ---------- الطقم ---------- */
.ds[data-style="nadara"][data-tl="bundle"] { padding: 12.593cqw 11.667cqw 11.389cqw; }
.ds[data-style="nadara"] .na-bt { display: flex; gap: 1.759cqw; margin: calc(4.074cqw * var(--fs)) 0 0; }
.ds[data-style="nadara"] .na-btc { flex: 1 1 0; display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.ds[data-style="nadara"] .na-btp { display: grid; place-items: center; height: calc(24.074cqw * var(--fs)); border-radius: 4.444cqw; background: #EEE4E0; }
.ds[data-style="nadara"] .na-btp svg { width: 9.259cqw; height: 9.259cqw; }
.ds[data-style="nadara"] .na-btc > b { margin-top: 0.926cqw; text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.241cqw * var(--fs)); line-height: 1.5; color: var(--na-ink); }
.ds[data-style="nadara"][data-tl="bundle"] .na-rule { margin: calc(3.611cqw * var(--fs)) 0 calc(2.778cqw * var(--fs)); }
.ds[data-style="nadara"] .na-pr { display: flex; justify-content: space-between; align-items: flex-end; gap: 2.778cqw; }
.ds[data-style="nadara"] .na-prc { display: flex; flex-direction: column; align-items: flex-end; }
.ds[data-style="nadara"] .na-prc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; color: var(--na-body); }
.ds[data-style="nadara"] .na-prc > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(6.111cqw * var(--fs)); line-height: 1.3; color: var(--na-clay); margin-top: 1.574cqw; }
.ds[data-style="nadara"] .na-prc > b small { font-size: .5em; }
.ds[data-style="nadara"] .na-prc.is-old > b { margin-top: 0.833cqw; margin-bottom: 1.389cqw; font-size: calc(4.074cqw * var(--fs)); color: var(--na-mute); text-decoration: line-through; text-decoration-thickness: 0.278cqw; }

/* ---------- الدعوة: قرص، عنوان في الوسط، زر داكن، سطر إخلاء ---------- */
.ds[data-style="nadara"][data-tl="cta"] { padding: 12.963cqw 12.037cqw 12.037cqw; text-align: center; }
.ds[data-style="nadara"][data-tl="cta"] .na-wrap { justify-content: center; align-items: center; }
.ds[data-style="nadara"][data-tl="cta"] :is(.na-hd, .na-bd) { align-items: center; }
.ds[data-style="nadara"] .na-cc { display: grid; place-items: center; width: 14.815cqw; height: 14.815cqw; border-radius: 50%; background: var(--na-powder); margin: 0 0 calc(3.426cqw * var(--fs)); }
.ds[data-style="nadara"] .na-cc svg { width: 8.889cqw; height: 8.889cqw; }
.ds[data-style="nadara"][data-tl="cta"] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.34 * var(--dlh) / 1.34); max-width: 50cqw; text-wrap: wrap; }
.ds[data-style="nadara"][data-tl="cta"] .na-bd { margin-top: calc(2.5cqw * var(--fs)); }
.ds[data-style="nadara"][data-tl="cta"] .r-body { font-size: calc(3.889cqw * var(--fs)); line-height: 1.76; }
.ds[data-style="nadara"] .na-btn { margin-top: calc(3.704cqw * var(--fs)); padding: 2.037cqw 6.296cqw; border-radius: 5.556cqw; background: var(--na-ink); font-weight: 700 !important; font-size: calc(4.259cqw * var(--fs)) !important; line-height: 1.55 !important; color: var(--na-cream) !important; }
.ds[data-style="nadara"] .na-disc { margin-top: calc(2.778cqw * var(--fs)); font-weight: 400 !important; font-size: calc(2.963cqw * var(--fs)) !important; line-height: 1.5 !important; color: var(--na-mute) !important; }
/* nadara:end */

/* fonts:qusasa:start */
@font-face { font-family: "MKD Malmoom"; font-weight: 400; font-display: swap; src: url(fonts/malmoom-400.woff2) format("woff2"); }
.ds[data-kit="sufra"] { --fd: "MKD Malmoom", "MKD Graphik"; --fdw: 400; --dk: 1; --dlh: 1.26; --ft: "MKD Zain", "MKD Graphik"; --ftw: 400; }
/* fonts:qusasa:end */

/* qusasa:start */
/* ==========================================================================
   أسلوب «قُصاصة» — من نظام نمط الحياة والطبخ والسفر الذي أرسله صاحب الأداة.
   دفتر قصاصات: بطاقات مائلة بظل مصمت بلا تمويه، شارة مصمتة فوق العنوان، إطار
   بولارويد، شريط لاصق، ومستطيلات لونية مائلة. زوايا حادة تمامًا. الميلان
   للبطاقة كلها بـ transform (والتحريك يستعمل خاصية rotate المستقلة فلا يتعارضان).
   ========================================================================== */
.ds[data-style="qusasa"] {
  --qs-paper: #F3EDE1; --qs-lite: #FAF6EC; --qs-sand: #DCCFBA; --qs-rust: #C8552F; --qs-teal: #2F6F66; --qs-tint: #cfe0dc;
  --qs-ink: #1E1A16; --qs-body: #3d382c; --qs-label: #55503f; --qs-muted: #8a8071; --qs-sh: #e6dcc8;
  --fg: #1E1A16 !important; --sub: #3d382c !important; --tag: #F3EDE1 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--qs-ink); padding: 8.056cqw 7.407cqw 9.259cqw; font-synthesis: none;
}
.ds[data-style="qusasa"] .ds-bgl { background: var(--qs-paper); }
.ds[data-style="qusasa"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="qusasa"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="qusasa"] :is(.qs-hd, .qs-bd) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="qusasa"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="qusasa"] :is(.hl, .mk) { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }

/* ---------- الخط: Malmoom للعناوين، Zain للمتن ---------- */
.ds[data-style="qusasa"] .r-tag { align-self: flex-start; margin: 0; padding: 1.296cqw 3.519cqw; background: var(--qs-ink); color: var(--qs-paper);
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; transform: rotate(-1.5deg); }
.ds[data-style="qusasa"] .r-head { margin: 2.037cqw 0 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1));
  line-height: calc(1.3 * var(--dlh) / 1.26); color: var(--qs-ink); max-width: 5.1em; text-wrap: balance; }
.ds[data-style="qusasa"] .r-tag + .r-head { margin-top: 2.037cqw; }
.ds[data-style="qusasa"] .qs-hd > .r-head:first-child { margin-top: 0; }
.ds[data-style="qusasa"] .r-body { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; color: var(--qs-body); text-wrap: wrap; }
.ds[data-style="qusasa"] .r-body:has(.mk) { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(5.37cqw * var(--fs)); line-height: 1.42; color: var(--qs-rust); text-wrap: balance; }
.ds[data-style="qusasa"] .qs-bd > * + * { margin-top: 1.852cqw; }
.ds[data-style="qusasa"] svg:is(.qs-ico, .qs-ri, .qs-pi, .qs-big, .qs-tape, .qs-ti) { display: block; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- البطاقات: أبيض، ظل مصمت 6px، ميلان خفيف متناوب ---------- */
.ds[data-style="qusasa"] .qs-card { position: relative; display: flex; align-items: center; gap: 2.407cqw; background: #fff; box-shadow: 0.556cqw 0.556cqw 0 var(--qs-sh); }
.ds[data-style="qusasa"] .qs-k1 { transform: rotate(-.55deg); }
.ds[data-style="qusasa"] .qs-k2 { transform: rotate(.5deg); }
.ds[data-style="qusasa"] .qs-k3 { transform: rotate(-.45deg); }
.ds[data-style="qusasa"] .qs-k4 { transform: rotate(.7deg); }
.ds[data-style="qusasa"] .qs-k5 { transform: rotate(-.5deg); }
.ds[data-style="qusasa"] .qs-k6 { transform: rotate(.4deg); }
.ds[data-style="qusasa"] .qs-card.is-ink { background: var(--qs-ink); box-shadow: none; }
.ds[data-style="qusasa"] .qs-card svg.qs-ri { flex: none; width: 5cqw; height: 5cqw; color: var(--qs-rust); }
.ds[data-style="qusasa"] .qs-card:nth-child(even) svg.qs-ri { color: var(--qs-teal); }
.ds[data-style="qusasa"] .qs-card.is-ink svg.qs-ri { color: var(--qs-paper) !important; }

/* ---------- الغلاف: مستطيل رملي أعلى اليمين وطوبي أسفل اليسار ---------- */
.ds[data-style="qusasa"][data-tl="cover"] { padding: 14.815cqw 8.333cqw 9.259cqw; }
.ds[data-style="qusasa"][data-tl="cover"] .r-head { margin-top: 11.574cqw; font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.32 * var(--dlh) / 1.26); max-width: 5.2em; }
.ds[data-style="qusasa"][data-tl="cover"] .qs-bd { margin-top: 2.778cqw; max-width: 76.852cqw; }
.ds[data-style="qusasa"][data-tl="cover"] .r-body:not(:has(.mk)) { color: var(--qs-label); }
.ds[data-style="qusasa"] .qs-blk { position: absolute; display: block; }
.ds[data-style="qusasa"][data-tl="cover"] .qs-blk-a { left: 61.296cqw; top: -30.093cqw; width: 57.407cqw; height: 55.556cqw; background: var(--qs-sand); transform-origin: 0 100%; transform: rotate(-4deg); }
.ds[data-style="qusasa"][data-tl="cover"] .qs-blk-b { left: -28.148cqw; top: 113.333cqw; width: 57.407cqw; height: 37.037cqw; background: var(--qs-rust); transform-origin: 100% 0; transform: rotate(7deg); }
.ds[data-style="qusasa"] svg.qs-big { position: absolute; }
.ds[data-style="qusasa"][data-tl="cover"] svg.qs-big { left: 77.87cqw; top: 85.833cqw; width: 13.519cqw; height: 13.519cqw; color: var(--qs-teal); stroke-width: 4.4; }
.ds[data-style="qusasa"] .qs-rule { position: absolute; left: 65.741cqw; top: 108.333cqw; width: 25.926cqw; height: 0.926cqw; background: var(--qs-rust); }

/* ---------- قائمة ملصقة ---------- */
.ds[data-style="qusasa"][data-tl="list"] .ds-bgl { background: var(--qs-lite); }
.ds[data-style="qusasa"][data-tl="list"] .r-tag { background: var(--qs-teal); }
.ds[data-style="qusasa"] .qs-list { display: flex; flex-direction: column; gap: calc(1.944cqw * var(--fs)); margin-top: calc(13.796cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-list .qs-card { min-height: calc(9.907cqw * var(--fs)); padding: 0 3.241cqw; }
.ds[data-style="qusasa"] .qs-list .qs-card > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--qs-ink); }
.ds[data-style="qusasa"] .qs-list .qs-card.is-ink > span { color: var(--qs-paper); }

/* ---------- صورة بولارويد على الرملي ---------- */
.ds[data-style="qusasa"][data-tl="polaroid"] .ds-bgl { background: var(--qs-sand); }
.ds[data-style="qusasa"] .qs-pol { position: relative; display: flex; flex-direction: column; background: #fff; box-shadow: 0.741cqw 0.741cqw 0 var(--qs-sh); }
.ds[data-style="qusasa"] .qs-ph { display: block; flex: 1 1 auto; min-height: 0; background: #f0ede3 center / cover no-repeat; }
.ds[data-style="qusasa"] .qs-ph.is-empty { display: grid; place-items: center; }
.ds[data-style="qusasa"] .qs-ph.is-empty svg.qs-pi { width: 34%; height: auto; aspect-ratio: 1; color: var(--qs-sand); stroke-width: 3; }
.ds[data-style="qusasa"] .qs-big.qs-pol { align-self: center; flex: none; width: 79.63cqw; height: calc(58.333cqw * var(--fs)); margin: 2.407cqw 0 0; padding: 2.593cqw 2.593cqw 0; background: var(--qs-lite);
  box-shadow: 0.926cqw 0.926cqw 0 rgba(30, 26, 22, .12); transform: rotate(-2deg); }
.ds[data-style="qusasa"] .qs-big .qs-cap { flex: none; display: flex; align-items: center; justify-content: center; min-height: calc(11.296cqw * var(--fs)); padding: 0 1.852cqw; text-align: center; }
.ds[data-style="qusasa"] .qs-big .qs-cap .r-head { margin: 0; max-width: none; font-size: calc(4.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.3; }
.ds[data-style="qusasa"] .qs-cap .qs-br { display: none; }
.ds[data-style="qusasa"][data-tl="polaroid"] .qs-bd { margin-top: calc(9.63cqw * var(--fs)); max-width: 80.556cqw; }
.ds[data-style="qusasa"][data-tl="polaroid"] .qs-bd .r-body:not(:has(.mk)) { color: var(--qs-body); }
.ds[data-style="qusasa"] .qs-src { display: flex; align-items: center; gap: 2.315cqw; margin: auto 0 0; padding-top: 2.778cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400;
  font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: var(--qs-label); }
.ds[data-style="qusasa"] .qs-dash { flex: none; display: block; width: 5.556cqw; height: 0.37cqw; background: var(--qs-rust); }

/* ---------- مقولة ملصقة على الطوبي ---------- */
.ds[data-style="qusasa"][data-tl="quote"] .ds-bgl { background: var(--qs-rust); }
.ds[data-style="qusasa"][data-tl="quote"] { padding-bottom: 13.426cqw; }
.ds[data-style="qusasa"] svg.qs-tape { position: absolute; left: 9.722cqw; top: 9.722cqw; width: 18.519cqw; height: 18.519cqw; color: var(--qs-paper); opacity: .55; transform: rotate(20deg); }
.ds[data-style="qusasa"] .qs-qcard { margin: 21.574cqw 0 0; width: 85.185cqw; align-self: center; background: var(--qs-paper); box-shadow: 1.111cqw 1.111cqw 0 rgba(30, 26, 22, .2); transform: rotate(-1.5deg); }
.ds[data-style="qusasa"] .qs-qin { padding: 5.093cqw 5.185cqw 6.111cqw; }
.ds[data-style="qusasa"][data-tl="quote"] .qs-qin .r-head { margin: 0; max-width: 51.852cqw; font-size: calc(7.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.46 * var(--dlh) / 1.26); }
.ds[data-style="qusasa"] .qs-qin .r-body { margin-top: 1.852cqw; }
.ds[data-style="qusasa"][data-tl="quote"] .qs-src { color: var(--qs-paper); }
.ds[data-style="qusasa"][data-tl="quote"] .qs-dash { background: var(--qs-paper); height: 0.278cqw; }

/* ---------- وصفة: شبكة مكوّنات ---------- */
.ds[data-style="qusasa"][data-tl="recipe"] .r-tag { background: var(--qs-rust); }
.ds[data-style="qusasa"] .qs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: calc(1.481cqw * var(--fs)) 1.852cqw; margin-top: calc(5.926cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-cell { display: flex; flex-direction: column; justify-content: center; min-height: calc(14.352cqw * var(--fs)); padding: 1.481cqw 2.963cqw; background: #fff; }
.ds[data-style="qusasa"] .qs-cell.qs-k1 { transform: rotate(-.4deg); } .ds[data-style="qusasa"] .qs-cell.qs-k2 { transform: rotate(.3deg); }
.ds[data-style="qusasa"] .qs-cell.qs-k3 { transform: rotate(.35deg); } .ds[data-style="qusasa"] .qs-cell.qs-k4 { transform: rotate(-.3deg); background: var(--qs-teal); }
.ds[data-style="qusasa"] .qs-cell > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--qs-rust); }
.ds[data-style="qusasa"] .qs-cell > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); line-height: 1.35; color: var(--qs-body); }
.ds[data-style="qusasa"] .qs-cell.qs-k4 > b { color: var(--qs-paper); }
.ds[data-style="qusasa"] .qs-cell.qs-k4 > span { color: var(--qs-tint); }
.ds[data-style="qusasa"][data-tl="recipe"] .qs-bd { margin-top: calc(12.963cqw * var(--fs)); }
.ds[data-style="qusasa"] .r-body.qs-time { display: flex; align-items: center; gap: 2.037cqw; }
.ds[data-style="qusasa"] svg.qs-ti { flex: none; width: 5.556cqw; height: 5.556cqw; color: var(--qs-ink); stroke-width: 4; }
.ds[data-style="qusasa"][data-tl="recipe"] .qs-bd .r-body:has(.mk) { margin-top: calc(8.889cqw * var(--fs)); }
.ds[data-style="qusasa"][data-tl="recipe"] { padding-bottom: 8.333cqw; }

/* ---------- قائمة تحقّق على الزيتي ---------- */
.ds[data-style="qusasa"][data-tl="check"] .ds-bgl { background: var(--qs-teal); }
.ds[data-style="qusasa"][data-tl="check"] { padding-top: 9.074cqw; padding-bottom: 8.056cqw; }
.ds[data-style="qusasa"][data-tl="check"] .r-tag { background: var(--qs-paper); color: var(--qs-ink); transform: rotate(-1deg); }
.ds[data-style="qusasa"][data-tl="check"] :is(.r-head, .r-body) { color: var(--qs-paper); }
.ds[data-style="qusasa"] .qs-check { display: flex; flex-direction: column; margin-top: calc(18.519cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-row { display: flex; align-items: center; gap: 2.593cqw; min-height: calc(9.352cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-row + .qs-row { border-top: 0.093cqw dashed rgba(243, 237, 225, .45); }
.ds[data-style="qusasa"] .qs-box { flex: none; display: block; width: 4.259cqw; height: 4.259cqw; box-sizing: border-box; border: 0.278cqw solid var(--qs-paper); }
.ds[data-style="qusasa"] .qs-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--qs-paper); }
.ds[data-style="qusasa"][data-tl="check"] .qs-bd { margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="qusasa"][data-tl="check"] .qs-bd .r-body:has(.mk) { padding: 2.407cqw 3.519cqw; background: var(--qs-ink); color: var(--qs-paper); font-size: calc(4.815cqw * var(--fs)); line-height: 1.4; padding: 1.852cqw 3.519cqw; transform: rotate(-.55deg); }

/* ---------- ألبوم الأسبوع: أربعة إطارات ---------- */
.ds[data-style="qusasa"][data-tl="album"] { padding-top: 6.944cqw; padding-bottom: 13.148cqw; }
.ds[data-style="qusasa"][data-tl="album"] .ds-bgl { background: var(--qs-lite); }
.ds[data-style="qusasa"] .qs-album, .ds[data-style="qusasa"] .qs-pair { display: grid; grid-template-columns: 1fr 1fr; gap: calc(1.296cqw * var(--fs)) 1.481cqw; }
.ds[data-style="qusasa"] .qs-album .qs-pol { height: calc(37.222cqw * var(--fs)); padding: 1.852cqw 1.852cqw 0; }
.ds[data-style="qusasa"] .qs-pol .qs-cap { flex: none; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500;
  font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: var(--qs-body); }
.ds[data-style="qusasa"] :is(.qs-album, .qs-pair) .qs-cap { align-items: flex-start; min-height: calc(8.796cqw * var(--fs)); padding-top: calc(0.741cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-pol.qs-k1 { transform: rotate(-.9deg); } .ds[data-style="qusasa"] .qs-pol.qs-k2 { transform: rotate(1deg); }
.ds[data-style="qusasa"] .qs-pol.qs-k3 { transform: rotate(.8deg); } .ds[data-style="qusasa"] .qs-pol.qs-k4 { transform: rotate(-.7deg); }
.ds[data-style="qusasa"] .qs-q1 { background-size: 200% 200%; background-position: 100% 0; }
.ds[data-style="qusasa"] .qs-q2 { background-size: 200% 200%; background-position: 0 0; }
.ds[data-style="qusasa"] .qs-q3 { background-size: 200% 200%; background-position: 100% 100%; }
.ds[data-style="qusasa"] .qs-q4 { background-size: 200% 200%; background-position: 0 100%; }
.ds[data-style="qusasa"][data-tl="album"] .qs-bd { margin-top: auto; padding-top: 5.556cqw; }
.ds[data-style="qusasa"][data-tl="album"] .qs-bd .r-head { margin-top: 0; font-size: calc(6.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: none; }
.ds[data-style="qusasa"][data-tl="album"] .qs-bd > * + * { margin-top: 0.741cqw; }
.ds[data-style="qusasa"][data-tl="album"] .qs-bd .r-tag { margin-bottom: 1.852cqw; }

/* ---------- قبل وبعد: إطاران ---------- */
.ds[data-style="qusasa"][data-tl="pair"] .qs-pair { margin-top: calc(10.926cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-pair .qs-pol { height: calc(46.296cqw * var(--fs)); padding: 1.852cqw 1.852cqw 0; }
.ds[data-style="qusasa"] .qs-pair .qs-cap { font-weight: 600; }
.ds[data-style="qusasa"] .qs-pair .qs-k1 .qs-cap { color: var(--qs-muted); }
.ds[data-style="qusasa"] .qs-pair .qs-k2 .qs-cap { color: var(--qs-rust); }
.ds[data-style="qusasa"][data-tl="pair"] .qs-bd { margin-top: calc(12.778cqw * var(--fs)); margin-left: -0.926cqw; }
.ds[data-style="qusasa"][data-tl="pair"] .qs-bd .r-body:not(:has(.mk)) { font-size: calc(4.074cqw * var(--fs)); line-height: 1.65; }

/* ---------- قائمة قراءة ---------- */
.ds[data-style="qusasa"][data-tl="reading"] .ds-bgl { background: var(--qs-lite); }
.ds[data-style="qusasa"][data-tl="reading"] .r-tag { background: var(--qs-teal); }
.ds[data-style="qusasa"] .qs-read { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); margin-top: calc(19.259cqw * var(--fs)); }
.ds[data-style="qusasa"] .qs-read .qs-card { min-height: calc(14.167cqw * var(--fs)); padding: 0 2.87cqw; }
.ds[data-style="qusasa"] .qs-read svg.qs-ri { width: 5.556cqw; height: 5.556cqw; }
.ds[data-style="qusasa"] .qs-rt { display: flex; flex-direction: column; }
.ds[data-style="qusasa"] .qs-rt > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: var(--qs-ink); }
.ds[data-style="qusasa"] .qs-rt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.241cqw * var(--fs)); line-height: 1.35; color: var(--qs-body); }
.ds[data-style="qusasa"] .qs-card.is-ink .qs-rt > b { color: var(--qs-paper); }
.ds[data-style="qusasa"] .qs-card.is-ink .qs-rt > span { color: var(--qs-sand); }

/* ---------- الدعوة: بطاقة ورقية مائلة في الوسط وزر طوبي ---------- */
.ds[data-style="qusasa"][data-tl="cta"] .qs-blk-a { left: -28.426cqw; top: -33.333cqw; width: 57.407cqw; height: 55.556cqw; background: var(--qs-sand); transform-origin: 100% 100%; transform: rotate(6deg); }
.ds[data-style="qusasa"][data-tl="cta"] .qs-blk-b { left: 66.204cqw; top: 110.463cqw; width: 57.407cqw; height: 37.037cqw; background: var(--qs-teal); transform-origin: 0 0; transform: rotate(-6deg); }
.ds[data-style="qusasa"][data-tl="cta"] svg.qs-big { left: 43.519cqw; top: 20.37cqw; width: 12.037cqw; height: 12.037cqw; color: var(--qs-rust); stroke-width: 4; transform: rotate(-8deg); }
.ds[data-style="qusasa"] .qs-ccard { margin: 31.111cqw 0 0; width: 83.333cqw; align-self: center; background: var(--qs-lite); box-shadow: 1.111cqw 1.111cqw 0 rgba(30, 26, 22, .13); transform: rotate(-1.1deg); }
.ds[data-style="qusasa"] .qs-cin { display: flex; flex-direction: column; align-items: center; padding: 5.556cqw 6.481cqw 6.111cqw; text-align: center; }
.ds[data-style="qusasa"][data-tl="cta"] .r-tag { align-self: center; padding: 0; background: none; color: var(--qs-rust); transform: none; font-size: calc(3.333cqw * var(--fs)); }
.ds[data-style="qusasa"][data-tl="cta"] .r-head { align-self: center; margin-top: 1.667cqw; font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 9em; }
.ds[data-style="qusasa"][data-tl="cta"] .r-body { margin-top: 2.407cqw; max-width: 48.148cqw; color: var(--qs-label); }
.ds[data-style="qusasa"][data-tl="cta"] .r-body:has(.mk) { margin-top: 3.704cqw; padding: 1.852cqw 5.741cqw; background: var(--qs-rust); color: var(--qs-paper); font-family: var(--ft), Tahoma, sans-serif; font-weight: 600;
  font-size: calc(3.333cqw * var(--fs)); line-height: 1.5; max-width: none; }
/* qusasa:end */

/* fonts:mahfil:start */
@font-face { font-family: "MKD Camel"; font-weight: 500; font-display: swap; src: url(fonts/camel-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Camel"; font-weight: 800; font-display: swap; src: url(fonts/camel-800.woff2) format("woff2"); }
.ds[data-kit="mahfil"] { --fd: "MKD Camel"; --fdw: 800; --dk: 1; --dlh: 1.2; --ft: "MKD Zain", "MKD Graphik"; --ftw: 600; }
/* fonts:mahfil:end */

/* mahfil:start */
/* ==========================================================================
   أسلوب «مَحفِل» — هوية الفعاليات والمؤتمرات من نظام صاحب الأداة.
   لوحة 1080×1350: شريط عمودي 130px يمينًا باسم القسم (التعريف) بكتابة رأسية
   مُدارة، وشريط سفلي ملوّن يبدأ بعد الشريط العمودي (زاوية L) يحمل الخُلاصة
   والترقيم. المحتوى من 190px يمينًا إلى 70px يسارًا. زوايا حادة تمامًا.
   كتلة النص تغطي اللوحة كلها (الحشوة عليها لا على .ds) فتتموضع عناصرها
   المطلقة (الشريط الرأسي والشريط السفلي) بإحداثيات اللوحة نفسها.
   ========================================================================== */
.ds[data-style="mahfil"] {
  --mf-ink: #101736; --mf-deep: #0B1029; --mf-teal: #12A8B2; --mf-tdeep: #043033; --mf-coral: #E8461F; --mf-cream: #F6F4EF;
  --mf-body: #5a6285; --mf-bodyd: #c3c9de; --mf-muted: #8a93b5; --mf-line: #e0ddd5; --mf-edge: #1d2650;
  --mf-bg: var(--mf-ink); --mf-fg: var(--mf-cream); --mf-sub: var(--mf-bodyd); --mf-rail: var(--mf-deep); --mf-foot: var(--mf-teal); --mf-fnc: var(--mf-tdeep); --mf-pnc: var(--mf-tdeep);
  --fg: #F6F4EF !important; --sub: #c3c9de !important; --tag: #12A8B2 !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--mf-fg); padding: 0 !important; font-synthesis: none;
}
/* الأرضيات: ليلية (الغلاف، المتحدّث، المكان، الشركاء)، كريمية، فيروزية، مرجانية */
.ds[data-style="mahfil"]:is([data-tl="agenda"], [data-tl="grid"], [data-tl="tickets"], [data-tl="workshops"]) {
  --mf-bg: var(--mf-cream); --mf-fg: var(--mf-ink); --mf-sub: var(--mf-body); --mf-rail: var(--mf-ink); --mf-foot: var(--mf-ink); --mf-fnc: var(--mf-cream); --mf-pnc: var(--mf-muted); }
.ds[data-style="mahfil"][data-tl="tickets"] { --mf-foot: var(--mf-coral); --mf-fnc: #fff; --mf-pnc: #fff; }
.ds[data-style="mahfil"][data-tl="stats"] { --mf-bg: var(--mf-teal); --mf-fg: var(--mf-tdeep); --mf-sub: var(--mf-tdeep); --mf-rail: var(--mf-ink); --mf-foot: var(--mf-ink); --mf-fnc: var(--mf-cream); --mf-pnc: var(--mf-muted); }
.ds[data-style="mahfil"][data-tl="stats"][data-g="n"] { --mf-bg: var(--mf-ink); --mf-fg: var(--mf-cream); --mf-sub: var(--mf-bodyd); --mf-rail: var(--mf-deep); --mf-foot: var(--mf-teal); --mf-fnc: var(--mf-tdeep); --mf-pnc: var(--mf-tdeep); }
.ds[data-style="mahfil"][data-tl="cta"] { --mf-bg: var(--mf-coral); --mf-fg: #fff; --mf-sub: #FFE0D7; --mf-rail: var(--mf-ink); --mf-foot: var(--mf-ink); --mf-fnc: var(--mf-teal); --mf-pnc: var(--mf-muted); }

.ds[data-style="mahfil"] .ds-bgl { background: var(--mf-bg); }
.ds[data-style="mahfil"] .ds-scene, .ds[data-style="mahfil"] .ds-bgimg, .ds[data-style="mahfil"] .ds-shade, .ds[data-style="mahfil"] .ds-me, .ds[data-style="mahfil"] .ds-mast, .ds[data-style="mahfil"] .ds-num, .ds[data-style="mahfil"] .ds-swipe { display: none !important; }
.ds[data-style="mahfil"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; box-sizing: border-box; padding: 9.259cqw 17.593cqw 17.037cqw 6.481cqw; }
.ds[data-style="mahfil"] .mf-hd, .ds[data-style="mahfil"] .mf-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="mahfil"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="mahfil"] .hl, .ds[data-style="mahfil"] .mk { background: none !important; padding: 0; color: inherit; font-weight: inherit !important; }

/* ---------- الشريطان ---------- */
.ds[data-style="mahfil"] .mf-rail { position: absolute; top: 0; right: 0; bottom: 0; width: 12.037cqw; background: var(--mf-rail); }
.ds[data-style="mahfil"]:is([data-tl="cover"], [data-tl="speaker"], [data-tl="venue"], [data-tl="partners"], [data-g="n"]) .mf-rail { width: 12.222cqw; box-shadow: inset 0.185cqw 0 0 var(--mf-edge); }
.ds[data-style="mahfil"] .mf-foot { position: absolute; left: 0; right: 12.037cqw; bottom: 0; height: 11.111cqw; background: var(--mf-foot); }
.ds[data-style="mahfil"][data-tl="cover"] .mf-foot { height: 12.963cqw; }
/* اسم القسم رأسيًا: كتابة رأسية بلا ميلان، والحروف مُدارة فقط، وبلا تباعد حروف */
.ds[data-style="mahfil"] .mf-rl { position: absolute; top: 10.741cqw; right: 1.481cqw; margin: 0; max-height: 100cqw; writing-mode: vertical-rl; text-orientation: mixed;
  font-family: var(--fd), Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 3.148cqw; line-height: 1.4; color: var(--mf-teal); letter-spacing: 0; white-space: nowrap; }
/* الترقيم */
.ds[data-style="mahfil"] .mf-pn { position: absolute; left: 6.481cqw; bottom: 0; height: 11.111cqw; display: flex; align-items: center; font-family: "MKD Graphik", Tahoma, sans-serif; font-style: normal; font-weight: 500; font-size: 2.963cqw; color: var(--mf-pnc); }
.ds[data-style="mahfil"]:is([data-tl="speaker"], [data-tl="venue"], [data-tl="partners"], [data-tl="tickets"]) .mf-pn { font-weight: 700; }
/* نص الشريط السفلي: الخُلاصة يمينًا، والوسم يسارًا في الغلاف */
.ds[data-style="mahfil"] .mf-foot-t { position: absolute; left: 6.481cqw; right: 18.519cqw; bottom: 0; height: 11.111cqw; display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="mahfil"][data-tl="cover"] .mf-foot-t { height: 12.963cqw; }
.ds[data-style="mahfil"]:not([data-tl="cover"]) .mf-foot-t { left: 22.222cqw; }
.ds[data-style="mahfil"] .mf-foot-t .r-body { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: var(--mf-fnc); text-wrap: balance; }
.ds[data-style="mahfil"][data-tl="cover"] .mf-foot-t .mf-fn { font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-foot-t .mf-hash { direction: ltr; unicode-bidi: isolate; font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-foot-t .mf-hash:not(.mf-fn) { margin-right: auto; }

/* ---------- الخط ---------- */
.ds[data-style="mahfil"] .r-head { margin: 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); color: var(--mf-fg); text-wrap: balance; }
.ds[data-style="mahfil"] .r-body { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.6; color: var(--mf-sub); text-wrap: pretty; }
.ds[data-style="mahfil"] .mf-tg { margin: 0 0 1.111cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--mf-teal); }
.ds[data-style="mahfil"] .mf-sub { font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; margin-top: 1.667cqw; }
.ds[data-style="mahfil"] svg.mf-ico, .ds[data-style="mahfil"] svg.mf-ri, .ds[data-style="mahfil"] svg.mf-phi, .ds[data-style="mahfil"] svg.mf-avi {
  display: block; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="mahfil"] .mf-data { display: flex; flex-direction: column; }
.ds[data-style="mahfil"] .mf-dot { font-style: normal; padding: 0 2.037cqw; }

/* ---------- الغلاف ---------- */
.ds[data-style="mahfil"][data-tl="cover"] .ds-txt { padding-top: 10.185cqw; padding-bottom: 18.889cqw; }
.ds[data-style="mahfil"] .mf-chip { align-self: flex-start; display: flex; align-items: center; height: calc(5.741cqw * var(--fs)); padding: 0 3.148cqw; margin-bottom: calc(3.333cqw * var(--fs)); background: var(--mf-coral);
  font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1; color: #fff; white-space: nowrap; }
.ds[data-style="mahfil"][data-tl="cover"] .mf-hd { align-items: flex-start; }
.ds[data-style="mahfil"][data-tl="cover"] .r-head { font-size: calc(10.926cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.12 * var(--dlh) / 1.2); max-width: 51.852cqw; }
.ds[data-style="mahfil"] .mf-info, .ds[data-style="mahfil"] .mf-list { gap: calc(1.667cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-info { margin-top: calc(8.333cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-row { display: flex; align-items: center; gap: 2.778cqw; }
.ds[data-style="mahfil"] .mf-row svg.mf-ri { flex: none; width: 3.704cqw; height: 3.704cqw; color: var(--mf-teal); stroke-width: 5; }
.ds[data-style="mahfil"] .mf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.889cqw * var(--fs)); line-height: 1.3; color: var(--mf-fg); }
.ds[data-style="mahfil"][data-tl="cover"] .mf-bd { margin-top: calc(3.704cqw * var(--fs)); }

/* ---------- جدول بمسارات ---------- */
.ds[data-style="mahfil"] .mf-agenda { margin: auto 0; padding-top: calc(10.741cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-arow { display: flex; align-items: flex-start; gap: 2.222cqw; padding: calc(2.222cqw * var(--fs)) 2.222cqw calc(2.222cqw * var(--fs)) 0; min-height: calc(8.056cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-arow + .mf-arow { border-top: 0.185cqw solid var(--mf-line); }
.ds[data-style="mahfil"] .mf-time { flex: none; width: 9.444cqw; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(3.519cqw * var(--fs)); line-height: 1.3; color: var(--mf-teal); text-align: right; }
.ds[data-style="mahfil"] .mf-arow.is-break .mf-time { color: var(--mf-coral); }
.ds[data-style="mahfil"] .mf-ses { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="mahfil"] .mf-st { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.889cqw * var(--fs)); line-height: 1.2; color: var(--mf-ink); }
.ds[data-style="mahfil"] .mf-ses > small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--mf-body); }
.ds[data-style="mahfil"] .mf-trk { flex: none; align-self: flex-start; margin-top: calc(-0.37cqw * var(--fs)); display: flex; align-items: center; height: 4.074cqw; padding: 0 1.852cqw; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: calc(2.407cqw * var(--fs)); line-height: 1; }
.ds[data-style="mahfil"] .mf-trk-t { background: #D6F1F3; color: #06565C; }
.ds[data-style="mahfil"] .mf-trk-c { background: #FCE0D8; color: #8A2810; }

/* ---------- بطاقة متحدّث ---------- */
.ds[data-style="mahfil"] .mf-top { display: flex; align-items: center; gap: 3.056cqw; min-height: 19.444cqw; }
.ds[data-style="mahfil"] .mf-top .mf-hd { flex: 1 1 auto; }
.ds[data-style="mahfil"][data-tl="speaker"] .ds-txt { padding-top: 10.185cqw; }
.ds[data-style="mahfil"][data-tl="speaker"] .r-head { font-size: calc(5.556cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mahfil"][data-tl="speaker"] .mf-sub { color: var(--mf-muted); font-size: calc(3.333cqw * var(--fs)); margin-top: 0.926cqw; }
.ds[data-style="mahfil"] .mf-ph { display: block; flex: none; background: #191f3c center / cover no-repeat; }
.ds[data-style="mahfil"] .mf-spk { width: 18.519cqw; height: 18.519cqw; border-radius: 50%; display: grid; place-items: center; color: var(--mf-teal); }
.ds[data-style="mahfil"] .mf-spk svg.mf-phi { width: 7.407cqw; height: 7.407cqw; }
.ds[data-style="mahfil"] .mf-card { margin-top: calc(8.333cqw * var(--fs)); padding: calc(3.148cqw * var(--fs)) 3.333cqw calc(3.519cqw * var(--fs)) 4.074cqw; background: var(--mf-deep); border-right: 0.556cqw solid var(--mf-teal); }
.ds[data-style="mahfil"] .mf-cl { font-family: var(--fd), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--mf-teal); margin-bottom: calc(1.111cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-ses-card .mf-ct { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.63cqw * var(--fs)); line-height: 1.45; color: var(--mf-cream); }
.ds[data-style="mahfil"] .mf-meta { display: flex; flex-wrap: wrap; align-items: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--mf-muted); margin-top: calc(1.481cqw * var(--fs)); }
.ds[data-style="mahfil"][data-tl="speaker"] .mf-bd { margin: auto 0; padding-top: 3.704cqw; }
.ds[data-style="mahfil"][data-tl="speaker"] .mf-bd .r-body { color: var(--mf-bodyd); line-height: 1.6; }

/* ---------- شبكة متحدّثين ---------- */
.ds[data-style="mahfil"][data-tl="grid"] .r-head { max-width: 38.889cqw; }
.ds[data-style="mahfil"][data-tl="grid"] .ds-txt { padding-bottom: 13.148cqw; }
.ds[data-style="mahfil"] .mf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.037cqw; margin-top: auto; padding-top: 5.556cqw; }
.ds[data-style="mahfil"] .mf-gc { display: flex; flex-direction: column; align-items: center; text-align: center; min-height: calc(38.704cqw * var(--fs)); box-sizing: border-box; padding: calc(2.778cqw * var(--fs)) 2.778cqw 2.778cqw; background: #fff; box-shadow: inset 0 0 0 0.185cqw var(--mf-line); }
.ds[data-style="mahfil"] .mf-av { display: grid; place-items: center; width: calc(12.037cqw * var(--fs)); height: calc(12.037cqw * var(--fs)); border-radius: 50%; background: #f3f2ef; color: #dcd9d1; margin-bottom: calc(0.926cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-av svg.mf-avi { width: 56%; height: 56%; }
.ds[data-style="mahfil"] .mf-gc > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: var(--mf-ink); }
.ds[data-style="mahfil"] .mf-gc > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.4; color: var(--mf-body); margin-top: 1.111cqw; }
.ds[data-style="mahfil"] .mf-av.mf-avp { background: #f3f2ef center / cover no-repeat; box-shadow: inset 0 0 0 0.185cqw var(--mf-line); }
.ds[data-style="mahfil"] .mf-gc.mf-more { justify-content: center; padding-top: 4.63cqw; background: var(--mf-ink); box-shadow: none; }
.ds[data-style="mahfil"] .mf-gc.mf-more { position: relative; overflow: hidden; }
.ds[data-style="mahfil"] .mf-mph { position: absolute; inset: 0; display: block; background: var(--mf-ink) center / cover no-repeat; }
.ds[data-style="mahfil"] .mf-mov { position: absolute; inset: 0; display: block; background: rgba(16, 23, 54, .82); }
.ds[data-style="mahfil"] .mf-more > b, .ds[data-style="mahfil"] .mf-more > span { position: relative; }
.ds[data-style="mahfil"] .mf-more > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(6.667cqw * var(--fs)); line-height: 1.1; color: var(--mf-teal); }
.ds[data-style="mahfil"] .mf-more > span { font-size: calc(3.333cqw * var(--fs)); color: var(--mf-bodyd); margin-top: 0.185cqw; }

/* ---------- فئات التذاكر ---------- */
.ds[data-style="mahfil"] .mf-tix { gap: 2.037cqw; margin: auto 0; padding-top: calc(11.852cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-tk { display: flex; align-items: flex-start; justify-content: space-between; gap: 2.778cqw; min-height: calc(17.037cqw * var(--fs)); box-sizing: border-box; padding: calc(3.148cqw * var(--fs)) 3.148cqw; background: #fff; box-shadow: inset 0 0 0 0.185cqw var(--mf-line); }
.ds[data-style="mahfil"] .mf-tn { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="mahfil"] .mf-tn > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--mf-ink); }
.ds[data-style="mahfil"] .mf-tn > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: var(--mf-body); margin-top: calc(1.667cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-price { flex: none; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(5cqw * var(--fs)); line-height: 1.2; color: var(--mf-ink); }
.ds[data-style="mahfil"] .mf-tk.is-feat { background: var(--mf-ink); box-shadow: none; }
.ds[data-style="mahfil"] .mf-tk.is-feat .mf-tn > b { color: var(--mf-cream); }
.ds[data-style="mahfil"] .mf-tk.is-feat .mf-tn > span { color: var(--mf-bodyd); }
.ds[data-style="mahfil"] .mf-tk.is-feat .mf-price { color: var(--mf-teal); }
.ds[data-style="mahfil"] .mf-tk.is-last .mf-price { color: var(--mf-coral); }

/* ---------- المكان والخدمات ---------- */
.ds[data-style="mahfil"] .mf-pano { width: 100%; height: calc(38.704cqw * var(--fs)); margin-bottom: calc(3.333cqw * var(--fs)); }
.ds[data-style="mahfil"][data-tl="venue"] .r-head { font-size: calc(5.926cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="mahfil"] .mf-list { gap: 0; margin: auto 0; padding-top: calc(7.778cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-list .mf-row { min-height: calc(8.148cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-list .mf-row + .mf-row { border-top: 0.185cqw solid var(--mf-edge); }
.ds[data-style="mahfil"] .mf-list .mf-row svg.mf-ri { color: var(--mf-bodyd); stroke-width: 5; margin-right: -0.37cqw; }
.ds[data-style="mahfil"][data-tl="venue"] .mf-bd { margin-top: 2.778cqw; }

/* ---------- أرقام النسخة الماضية ---------- */
.ds[data-style="mahfil"][data-tl="stats"] .ds-txt { padding-top: 11.111cqw; }
.ds[data-style="mahfil"] .mf-stats { margin: auto 0; padding-top: calc(11.852cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-sr { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: calc(13.704cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-sr + .mf-sr { border-top: 0.278cqw solid var(--mf-fg); }
.ds[data-style="mahfil"] .mf-sr > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: var(--mf-fg); }
.ds[data-style="mahfil"] .mf-sv { flex: none; font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(6.667cqw * var(--fs)); line-height: 1.2; color: var(--mf-fg); }
.ds[data-style="mahfil"][data-g="n"] .mf-sv { color: var(--mf-teal); }
.ds[data-style="mahfil"][data-g="n"] .mf-sr + .mf-sr { border-top-color: var(--mf-edge); }

/* ---------- الورش ---------- */
.ds[data-style="mahfil"] .mf-ws { gap: 2.037cqw; margin: auto 0; padding-top: calc(11.852cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-wc { display: flex; flex-direction: column; min-height: calc(15cqw * var(--fs)); box-sizing: border-box; padding: calc(2.593cqw * var(--fs)) 3.333cqw calc(2.407cqw * var(--fs)); background: #fff; border-right: 0.556cqw solid var(--mf-teal); }
.ds[data-style="mahfil"] .mf-wc.is-full { border-right-color: #c9c5bd; }
.ds[data-style="mahfil"] .mf-wc .mf-ct { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.889cqw * var(--fs)); line-height: 1.3; color: var(--mf-ink); }
.ds[data-style="mahfil"] .mf-wc .mf-meta { color: var(--mf-body); font-size: calc(2.963cqw * var(--fs)); margin-top: calc(0.926cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-wc .mf-left { color: var(--mf-coral); }

/* ---------- الشركاء والرعاية ---------- */
.ds[data-style="mahfil"][data-tl="partners"] .ds-txt { padding-top: 10.185cqw; }
.ds[data-style="mahfil"] .mf-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 2.037cqw; margin-top: calc(9.63cqw * var(--fs)); }
.ds[data-style="mahfil"] .mf-lg { display: grid; place-items: center; min-height: calc(14.815cqw * var(--fs)); padding: 1.481cqw; background: #151a33; box-shadow: inset 0 0 0 0.185cqw var(--mf-edge); text-align: center; }
.ds[data-style="mahfil"] .mf-lg.has-logo { padding: calc(2.037cqw * var(--fs)) 2.778cqw; background: var(--mf-cream); box-shadow: none; }
.ds[data-style="mahfil"] .mf-lgi { display: block; width: 100%; height: calc(10.741cqw * var(--fs)); background: transparent center / contain no-repeat; }
.ds[data-style="mahfil"] .mf-lg > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(3.333cqw * var(--fs)); line-height: 1.25; color: var(--mf-muted); }
.ds[data-style="mahfil"] .mf-bd.mf-card { margin: auto 0 0; border-right-color: var(--mf-coral); padding-bottom: calc(3.704cqw * var(--fs)); }
.ds[data-style="mahfil"][data-tl="partners"] .mf-card .mf-cl { color: var(--mf-coral); }
.ds[data-style="mahfil"][data-tl="partners"] .mf-card .r-body { color: var(--mf-cream); font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; }
.ds[data-style="mahfil"][data-tl="partners"] .mf-card { margin-bottom: 7.593cqw; padding-left: 1.852cqw; }
.ds[data-style="mahfil"][data-tl="partners"] .mf-card .r-body { text-wrap: wrap; }

/* ---------- عدّاد ودعوة ---------- */
.ds[data-style="mahfil"][data-tl="cta"] .ds-txt { padding-top: 13.889cqw; padding-bottom: 14.815cqw; }
.ds[data-style="mahfil"] .mf-count { flex-direction: row; direction: ltr; gap: 1.481cqw; }
.ds[data-style="mahfil"] .mf-cd { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(17.315cqw * var(--fs)); background: var(--mf-ink); direction: rtl; }
.ds[data-style="mahfil"] .mf-cd > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 800; font-size: calc(7.963cqw * var(--fs)); line-height: 1.1; color: var(--mf-cream); }
.ds[data-style="mahfil"] .mf-cd > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: var(--mf-muted); margin-top: 0.741cqw; }
.ds[data-style="mahfil"][data-tl="cta"] .mf-hd { margin: auto 0; padding: calc(11.111cqw * var(--fs)) 0 calc(3.704cqw * var(--fs)); }
.ds[data-style="mahfil"][data-tl="cta"] .r-head { font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.12 * var(--dlh) / 1.2); max-width: 38.889cqw; }
.ds[data-style="mahfil"][data-tl="cta"] .mf-hd .r-body { margin-top: 2.778cqw; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #FFE0D7; }
.ds[data-style="mahfil"] .mf-btn { display: flex; align-items: center; justify-content: center; min-height: calc(11.389cqw * var(--fs)); padding: 0.926cqw 3.704cqw; background: #fff; text-align: center;
  font-family: var(--fd), Tahoma, sans-serif !important; font-weight: 800 !important; font-size: calc(4.63cqw * var(--fs)) !important; line-height: 1.2 !important; color: var(--mf-ink) !important; }
/* mahfil:end */

/* fonts:raff:start */
@font-face { font-family: "MKD Graphik Super"; font-weight: 900; font-display: swap; src: url(fonts/graphik-950.woff2) format("woff2"); }
.ds[data-kit="grsuper"] { --fd: "MKD Graphik Super", "MKD Graphik"; --fdw: 900; --dk: 1; --dlh: 1.2; --ft: "MKD Graphik"; --ftw: 400; }
/* fonts:raff:end */

/* raff:start */
/* ==========================================================================
   أسلوب «رَفّ» — هوية المتاجر الإلكترونية. كل سلايد واجهة متجر: شريط إجراء
   سفلي (نص الخُلاصة) في كل سلايد، شريط متجر علوي للغلاف والسلة. المقاسات من
   لوحة 1080×1350 بهوامش 60 جانبًا و90 أعلى و0 أسفل. زوايا حادة تمامًا.
   الألوان: حبر #111114 · بطاقة داكنة #1a1a1f · أزرق #2D4BFF للإجراء فقط ·
   أحمر #FF2E2E للخصم والعجلة فقط · رمادي #F1F1F3 · متن #5a5a64.
   الأوزان: 900 = var(--fd) (Graphik Super في طقم grsuper)، 800 = var(--ft) بوزن 900.
   ========================================================================== */
.ds[data-style="raff"] {
  --rf-bg: #f1f1f3; --rf-fg: #111114; --rf-sub: #5a5a64; --rf-tag: #2d4bff; --rf-barbg: #111114; --rf-barfg: #fff;
  --fg: var(--rf-fg) !important; --sub: var(--rf-sub) !important; --tag: var(--rf-tag) !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--rf-fg); padding: 8.148cqw 5.556cqw 0;
}
.ds[data-style="raff"]:is([data-tl="grid"], [data-tl="variants"], [data-tl="reviews"], [data-tl="ugc"]) { --rf-bg: #fff; }
.ds[data-style="raff"]:is([data-tl="guar"], [data-tl="faq"]) { --rf-bg: #111114; --rf-fg: #fff; --rf-sub: #9a9aa4; --rf-barbg: #fff; --rf-barfg: #111114; }
.ds[data-style="raff"][data-tl="sale"] { --rf-bg: #ff2e2e; --rf-fg: #fff; --rf-sub: #ffd4d4; --rf-tag: #ffd4d4; }
.ds[data-style="raff"][data-tl="sale"][data-alt] { --rf-bg: #111114; --rf-sub: #9a9aa4; --rf-tag: #ff2e2e; --rf-barbg: #fff; --rf-barfg: #111114; }
.ds[data-style="raff"][data-tl="journey"] { --rf-bg: #2d4bff; --rf-fg: #fff; --rf-sub: #c9d2ff; --rf-tag: #c9d2ff; }
.ds[data-style="raff"]:is([data-tl="product"], [data-tl="bundle"], [data-tl="ugc"]) { --rf-barbg: #2d4bff; }
.ds[data-style="raff"][data-tl="cart"] { --rf-barbg: #ff2e2e; }

.ds[data-style="raff"] .ds-bgl { background: var(--rf-bg); }
.ds[data-style="raff"] .ds-scene, .ds[data-style="raff"] .ds-bgimg, .ds[data-style="raff"] .ds-shade, .ds[data-style="raff"] .ds-me, .ds[data-style="raff"] .ds-mast, .ds[data-style="raff"] .ds-num, .ds[data-style="raff"] .ds-swipe { display: none !important; }
.ds[data-style="raff"] .ds-txt { display: flex; flex-direction: column; gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="raff"] .rf-hd, .ds[data-style="raff"] .rf-bd, .ds[data-style="raff"] .rf-mid { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="raff"] .rf-bd { margin-top: auto; padding: 2.778cqw 0 3.148cqw; }
.ds[data-style="raff"] .rf-bd + .rf-bar { margin-top: 0; }
.ds[data-style="raff"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="raff"] .rf-ltr { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط: Graphik Arabic — سوبر للعناوين والأسعار، والأسود لأشرطة الإجراء ---------- */
.ds[data-style="raff"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: var(--rf-tag); word-spacing: .2em; margin: 0 0 1.111cqw; }
.ds[data-style="raff"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.14 * var(--dlh) / 1.2); color: var(--rf-fg); text-wrap: balance; margin: 0; }
.ds[data-style="raff"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.5; color: var(--rf-sub); text-wrap: pretty; margin: 0; }
.ds[data-style="raff"] .rf-bd > * + * { margin-top: 1.481cqw; }
.ds[data-style="raff"] .hl, .ds[data-style="raff"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="raff"] .mk { font-weight: inherit !important; }
.ds[data-style="raff"] .rf-v { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; line-height: 1; white-space: nowrap; }
.ds[data-style="raff"] .rf-old { color: #8a8a94; text-decoration: line-through; text-decoration-thickness: .09em; }
.ds[data-style="raff"] svg.rf-ico { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="raff"] .rf-ph { display: block; background: #e8e8ea center / cover no-repeat; }
.ds[data-style="raff"] .rf-ph.is-empty { display: grid; place-items: center; color: #c2c2ca; }
.ds[data-style="raff"] svg.rf-pi { width: 44%; height: 44%; max-width: 19.444cqw; max-height: 19.444cqw; stroke-width: 4; }

/* ---------- شريط الإجراء السفلي: 130px بعرض السلايد، نصه الخُلاصة ---------- */
.ds[data-style="raff"] .rf-bar { display: flex; align-items: center; justify-content: center; gap: 2.963cqw; margin: auto -5.556cqw 0; min-height: 12.037cqw; padding: 1.296cqw 5.556cqw; background: var(--rf-barbg); color: var(--rf-barfg); }
.ds[data-style="raff"] .rf-bar .rf-bt { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.352cqw * var(--fs)); line-height: 1.3; color: var(--rf-barfg); text-align: center; text-wrap: balance; }
.ds[data-style="raff"] svg.rf-bi { width: 4.444cqw; height: 4.444cqw; stroke-width: 5; }
.ds[data-style="raff"] .rf-bar.is-empty svg.rf-bi { display: none; }

/* ---------- شريط المتجر العلوي 96px ---------- */
.ds[data-style="raff"] .rf-top { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; height: 8.889cqw; margin: 0 -5.556cqw; padding: 0 4.074cqw; background: #111114; }
.ds[data-style="raff"] .rf-top > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: 3.148cqw; line-height: 1.2; color: #fff; white-space: nowrap; word-spacing: .3em; }
.ds[data-style="raff"] .rf-top > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: 2.963cqw; line-height: 1.2; color: #9a9aa4; white-space: nowrap; }

/* ---------- الشارة: حمراء للخصم، زرقاء لـ «جديد» ---------- */
.ds[data-style="raff"] .rf-badge { display: flex; align-items: center; justify-content: center; font-style: normal; background: #ff2e2e; color: #fff; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; line-height: 1; white-space: nowrap; }
.ds[data-style="raff"] .rf-badge.is-new { background: #2d4bff; font-family: var(--ft), Tahoma, sans-serif; }

/* ---------- بطاقة منتج: صورة 700px تحت شريط المتجر، الاسم والسعر، شريط أزرق ---------- */
.ds[data-style="raff"][data-tl="product"] { padding-top: 0; }
.ds[data-style="raff"] .rf-hero { position: absolute; left: 0; right: 0; top: 8.889cqw; height: 64.815cqw; }
.ds[data-style="raff"][data-tl="product"] .rf-hero:not(.is-empty) { background-color: #e8e8ea; }
.ds[data-style="raff"] .rf-hb { position: absolute; right: 4.074cqw; top: 13.889cqw; min-width: 18.241cqw; height: 9.074cqw; padding: 0 2.778cqw; font-size: 5.185cqw; }
.ds[data-style="raff"][data-tl="product"] .rf-top + .rf-hd { margin-top: 66.204cqw; }
.ds[data-style="raff"][data-tl="product"] .r-tag { margin-bottom: 0.741cqw; }
.ds[data-style="raff"][data-tl="product"] .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.18 * var(--dlh) / 1.2); max-width: 70.37cqw; }
.ds[data-style="raff"] .rf-price { display: flex; align-items: baseline; gap: 2.407cqw; margin-top: 0.37cqw; }
.ds[data-style="raff"] .rf-price .rf-now { font-size: calc(8.148cqw * var(--fs)); color: #111114; }
.ds[data-style="raff"] .rf-price .rf-old { font-size: calc(4.63cqw * var(--fs)); }
.ds[data-style="raff"] .rf-price .rf-cur { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1; color: #8a8a94; }
.ds[data-style="raff"][data-tl="product"] .rf-bd { padding-top: 2.222cqw; }
.ds[data-style="raff"][data-tl="product"] .rf-bd .r-body { font-size: calc(3.333cqw * var(--fs)); }
.ds[data-style="raff"][data-tl="product"] .rf-bar { min-height: 12.963cqw; }
.ds[data-style="raff"][data-tl="product"][data-hlong] .r-head { font-size: calc(6.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="raff"][data-tl="product"] .rf-bar .rf-bt { font-size: calc(5cqw * var(--fs)); }

/* ---------- شبكة منتجات: عنوان وفلتر، أربع بطاقات، شريط حبر ---------- */
.ds[data-style="raff"][data-tl="grid"] { padding-top: 5.556cqw; }
.ds[data-style="raff"] .rf-hrow { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }
.ds[data-style="raff"] .rf-hrow .r-head { flex: 1 1 auto; min-width: 0; font-size: calc(5.556cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="raff"] .rf-fchip { flex: none; display: flex; align-items: center; gap: 1.852cqw; height: 6.759cqw; padding: 0 2.593cqw; border: 0.278cqw solid #111114; }
.ds[data-style="raff"] .rf-fchip .r-tag { margin: 0; font-weight: 700; font-size: calc(2.963cqw * var(--fs)); line-height: 1; color: #111114; word-spacing: normal; }
.ds[data-style="raff"] svg.rf-fi { width: 2.778cqw; height: 2.778cqw; color: #111114; stroke-width: 6; }
.ds[data-style="raff"] .rf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.593cqw 1.852cqw; margin-top: 5.185cqw; }
.ds[data-style="raff"] .rf-gc { position: relative; display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="raff"] .rf-gph { height: 30.556cqw; background-color: #f5f5f5; }
.ds[data-style="raff"] .rf-grid[data-n="2"] .rf-gph { height: 43.519cqw; }
.ds[data-style="raff"] .rf-gph svg.rf-pi { width: 11.111cqw; height: 11.111cqw; }
.ds[data-style="raff"] .rf-gc .rf-badge { position: absolute; top: 1.481cqw; right: 1.481cqw; height: 5.185cqw; padding: 0 1.852cqw; font-size: 2.778cqw; }
.ds[data-style="raff"] .rf-gc .rf-badge.is-new { font-weight: 900; font-size: 2.963cqw; }
.ds[data-style="raff"] .rf-gn { margin: 1.296cqw 0 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #111114; }
.ds[data-style="raff"] .rf-gp { display: flex; align-items: baseline; gap: 1.296cqw; margin-top: 0.926cqw; }
.ds[data-style="raff"] .rf-gp .rf-now { font-size: calc(4.074cqw * var(--fs)); color: #111114; }
.ds[data-style="raff"] .rf-gp .rf-old { font-size: calc(2.778cqw * var(--fs)); }

/* ---------- عدّاد تخفيضات: أحمر كامل، ثلاث خانات حبر، صفوف بيضاء بنسب حمراء ---------- */
.ds[data-style="raff"][data-tl="sale"] { text-align: center; padding-top: 7.963cqw; }
.ds[data-style="raff"][data-tl="sale"] .r-tag { margin: 0; }
.ds[data-style="raff"] .rf-cd { display: flex; direction: ltr; gap: 1.667cqw; margin-top: 5.741cqw; }
.ds[data-style="raff"] .rf-cdb { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 20.741cqw; background: #111114; }
.ds[data-style="raff"] .rf-cdb .rf-v { font-size: calc(10.185cqw * var(--fs)); color: #fff; }
.ds[data-style="raff"] .rf-cdb > span { margin-top: 2.407cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.2; color: #9a9aa4; }
.ds[data-style="raff"][data-tl="sale"] .r-head { margin-top: 6.481cqw; font-size: calc(11.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.1 * var(--dlh) / 1.2); }
.ds[data-style="raff"][data-tl="sale"][data-hlong] .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="raff"] .rf-rows { display: flex; flex-direction: column; gap: 1.296cqw; margin-top: 6.111cqw; }
.ds[data-style="raff"] .rf-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 10.185cqw; padding: 0.741cqw 3.241cqw; background: #fff; }
.ds[data-style="raff"] .rf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.259cqw * var(--fs)); line-height: 1.3; color: #111114; text-align: right; }
.ds[data-style="raff"] .rf-row .rf-rp { font-size: calc(4.444cqw * var(--fs)); color: #ff2e2e; }
.ds[data-style="raff"][data-tl="sale"] .rf-bd { padding-bottom: 2.778cqw; }
.ds[data-style="raff"][data-tl="sale"] svg.rf-bi { width: 4.074cqw; height: 4.074cqw; }
.ds[data-style="raff"][data-tl="sale"][data-alt] .rf-cdb, .ds[data-style="raff"][data-tl="sale"][data-alt] .rf-row { background: #1a1a1f; }
.ds[data-style="raff"][data-tl="sale"][data-alt] .rf-row > span { color: #fff; }

/* ---------- خيارات لون ومقاس: صورة أعلى، مربّعات ألوان، شرائح مقاسات ---------- */
.ds[data-style="raff"][data-tl="variants"] { padding-top: 56.667cqw; }
.ds[data-style="raff"][data-tl="variants"] .rf-hero { top: 0; height: 51.852cqw; background-color: #f5f5f5; }
.ds[data-style="raff"][data-tl="variants"] .r-head { font-size: calc(5.926cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); }
.ds[data-style="raff"] .rf-opts { display: flex; flex-direction: column; gap: 5.926cqw; margin-top: 3.889cqw; }
.ds[data-style="raff"] .rf-ol { margin: 0 0 1.667cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: #8a8a94; }
.ds[data-style="raff"] .rf-sw { display: flex; flex-wrap: wrap; align-items: center; gap: 1.667cqw; }
.ds[data-style="raff"] .rf-swc { display: block; width: 7.222cqw; height: 7.222cqw; font-style: normal; }
.ds[data-style="raff"] .rf-swc.is-white { box-shadow: inset 0 0 0 0.185cqw #e2e2e6; }
.ds[data-style="raff"] .rf-swc.is-on { border: 0.37cqw solid #2d4bff; width: 7.963cqw; height: 7.963cqw; }
.ds[data-style="raff"] .rf-chips { display: flex; flex-wrap: wrap; direction: ltr; gap: 1.296cqw; }
.ds[data-style="raff"] .rf-chip { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 8.148cqw; height: 7.685cqw; padding: 0 2.222cqw; border: 0.278cqw solid #111114; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.519cqw * var(--fs)); line-height: 1; color: #111114; }
.ds[data-style="raff"] .rf-chip.is-off { border-color: #e2e2e6; color: #8a8a94; }
.ds[data-style="raff"][data-tl="variants"] .rf-bd .r-body { font-size: calc(3.704cqw * var(--fs)); color: #8a8a94; }
.ds[data-style="raff"][data-tl="variants"] .rf-bar { justify-content: space-between; padding: 1.759cqw 4.63cqw 1.667cqw; }
.ds[data-style="raff"] .rf-bp { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.815cqw * var(--fs)); line-height: 1; color: #fff; white-space: nowrap; }
.ds[data-style="raff"][data-tl="variants"] .rf-bar .rf-btn { display: flex; align-items: center; justify-content: center; min-height: 8.611cqw; margin-inline-start: auto; padding: 0 4.074cqw; background: #2d4bff; color: #fff; font-size: calc(4.074cqw * var(--fs)); }

/* ---------- ضمانات: حبر، أربع بطاقات داكنة، الرابعة زرقاء، شريط أبيض ---------- */
.ds[data-style="raff"] .rf-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.759cqw 1.667cqw; margin-top: 13.519cqw; }
.ds[data-style="raff"] .rf-card { display: flex; flex-direction: column; align-items: stretch; min-height: 25.185cqw; padding: 4.074cqw 3.241cqw 3.519cqw; background: #1a1a1f; }
.ds[data-style="raff"] svg.rf-ci { width: 5.741cqw; height: 5.741cqw; margin: 0 -0.185cqw 2.037cqw 0; color: #2d4bff; stroke-width: 5; }
.ds[data-style="raff"] .rf-card > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="raff"] .rf-card > span { margin-top: 0.37cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: #9a9aa4; }
.ds[data-style="raff"] .rf-card:nth-child(4) { background: #2d4bff; }
.ds[data-style="raff"] .rf-card:nth-child(4) svg.rf-ci { color: #fff; }
.ds[data-style="raff"] .rf-card:nth-child(4) > span { color: #dfe4ff; }

/* ---------- باقة موفّرة: ثلاث قطع بعلامة +، بطاقة سعرين، شريط توفير أحمر ---------- */
.ds[data-style="raff"] .rf-pieces { display: flex; align-items: center; margin-top: 10.926cqw; }
.ds[data-style="raff"] .rf-pc { position: relative; flex: 1 1 0; min-width: 0; }
.ds[data-style="raff"] .rf-pph { height: 22.963cqw; }
.ds[data-style="raff"] .rf-pph svg.rf-pi { width: 9.259cqw; height: 9.259cqw; }
.ds[data-style="raff"] .rf-pieces[data-n="2"] .rf-pph { height: 27.778cqw; }
.ds[data-style="raff"] .rf-pph:not(.is-empty) + span { bottom: 0; left: 0; right: 0; padding: 0.741cqw 0.926cqw; background: rgba(255,255,255,.92); }
.ds[data-style="raff"] .rf-pc > span { position: absolute; left: 0.926cqw; right: 0.926cqw; bottom: 1.296cqw; text-align: center; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.593cqw * var(--fs)); line-height: 1.25; color: #111114; }
.ds[data-style="raff"] .rf-plus { position: relative; flex: none; width: 7.5cqw; height: 3.519cqw; font-style: normal; }
.ds[data-style="raff"] .rf-plus b { position: absolute; left: 50%; top: 50%; width: 3.519cqw; height: 0.926cqw; margin: -0.463cqw 0 0 -1.759cqw; background: #8a8a94; }
.ds[data-style="raff"] .rf-plus b + b { transform: rotate(90deg); }
.ds[data-style="raff"] .rf-sum { margin-top: 6.667cqw; padding: 0 4.074cqw; background: #fff; }
.ds[data-style="raff"] .rf-srow { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 11.296cqw; }
.ds[data-style="raff"] .rf-srow + .rf-srow { border-top: 0.185cqw solid #e2e2e6; }
.ds[data-style="raff"] .rf-srow > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.167cqw * var(--fs)); line-height: 1.3; color: #5a5a64; }
.ds[data-style="raff"] .rf-srow .rf-v { font-size: calc(4.074cqw * var(--fs)); color: #8a8a94; text-decoration: line-through; text-decoration-thickness: .09em; }
.ds[data-style="raff"] .rf-srow.is-deal { min-height: 13.796cqw; }
.ds[data-style="raff"] .rf-srow.is-deal > span { font-weight: 600; color: #111114; }
.ds[data-style="raff"] .rf-srow.is-deal .rf-v { font-size: calc(6.574cqw * var(--fs)); color: #ff2e2e; text-decoration: none; }
.ds[data-style="raff"] .rf-save { display: flex; align-items: center; justify-content: center; min-height: 9.259cqw; margin: 6.111cqw 0 0; padding: 0.741cqw 2.778cqw; background: #ff2e2e; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #fff; text-align: center; }

/* ---------- تقييمات بمخطط: متوسط كبير، أشرطة نجوم، بطاقتا رأي ---------- */
.ds[data-style="raff"][data-tl="reviews"] { padding-top: 8.148cqw; }
.ds[data-style="raff"][data-tl="reviews"] .rf-hrow .r-head { font-size: calc(6.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="raff"] .rf-rate { flex: none; display: flex; align-items: baseline; gap: 1.111cqw; }
.ds[data-style="raff"] .rf-rate .rf-v { font-size: calc(7.407cqw * var(--fs)); color: #111114; }
.ds[data-style="raff"] .rf-rate > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); color: #8a8a94; }
.ds[data-style="raff"] .rf-bars { display: flex; flex-direction: column; gap: 3.981cqw; margin-top: 9.444cqw; }
.ds[data-style="raff"] .rf-br { display: flex; align-items: center; gap: 1.852cqw; height: 1.852cqw; }
.ds[data-style="raff"] .rf-bs { flex: none; width: 5.556cqw; display: flex; align-items: center; justify-content: flex-start; gap: 0; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: 2.963cqw; line-height: 1; color: #8a8a94; }
.ds[data-style="raff"] svg.rf-star { display: block; flex: none; width: 3.148cqw; height: 3.148cqw; fill: none; stroke: currentColor; stroke-width: 7; stroke-linejoin: round; }
.ds[data-style="raff"] svg.rf-star.is-fill { fill: currentColor; stroke-width: 4; order: -1; }
.ds[data-style="raff"] .rf-track { position: relative; flex: 1 1 auto; display: flex; height: 1.852cqw; background: #e2e2e6; font-style: normal; }
.ds[data-style="raff"] .rf-track > i { display: block; height: 100%; background: #111114; }
.ds[data-style="raff"] .rf-bpc { flex: none; width: 8.333cqw; text-align: left; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: 2.778cqw; line-height: 1; color: #8a8a94; }
.ds[data-style="raff"] .rf-revs { display: flex; flex-direction: column; gap: 1.944cqw; margin-top: 13.148cqw; }
.ds[data-style="raff"] .rf-rev { display: flex; flex-direction: column; min-height: 21.852cqw; padding: 3.333cqw 3.241cqw 2.963cqw; background: #f1f1f3; }
.ds[data-style="raff"] .rf-stars { display: flex; gap: 1.296cqw; font-style: normal; color: #111114; }
.ds[data-style="raff"] .rf-stars svg.rf-star { width: 2.407cqw; height: 2.407cqw; stroke-width: 7; }
.ds[data-style="raff"] .rf-rev > p { margin: 2.222cqw 0 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.4; color: #111114; }
.ds[data-style="raff"] .rf-rev > span { margin-top: 0.741cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: #8a8a94; }

/* ---------- جدول مقارنة: رأس حبر وعمود فائز أزرق، صفوف بيضاء ---------- */
.ds[data-style="raff"] .rf-table { display: flex; flex-direction: column; margin-top: 10.926cqw; background: #fff; }
.ds[data-style="raff"] .rf-tr { display: grid; grid-template-columns: 360fr 300fr 300fr; align-items: center; min-height: 9.907cqw; }
.ds[data-style="raff"] .rf-tr + .rf-tr { border-top: 0.185cqw solid #e2e2e6; }
.ds[data-style="raff"] .rf-tr > span { padding: 1.111cqw 2.778cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #111114; }
.ds[data-style="raff"] .rf-tr .rf-tc { display: flex; align-items: center; justify-content: center; padding: 0 1.111cqw; text-align: center; font-style: normal; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.333cqw * var(--fs)); line-height: 1.2; color: #5a5a64; }
.ds[data-style="raff"] .rf-tr .rf-tc.is-hi { color: #2d4bff; }
.ds[data-style="raff"] .rf-tr .rf-tc.is-txt { padding: 1.296cqw 1.481cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; }
.ds[data-style="raff"] .rf-table.is-two .rf-tr { grid-template-columns: 1fr 1fr; }
.ds[data-style="raff"] .rf-tr.is-num { min-height: 10.37cqw; }
.ds[data-style="raff"] .rf-tr.is-num > span { font-weight: 600; }
.ds[data-style="raff"] .rf-tr .rf-tc.is-num { font-size: calc(4.074cqw * var(--fs)); color: #111114; }
.ds[data-style="raff"] svg.rf-ck { width: 3.426cqw; height: 3.426cqw; color: #2d4bff; stroke-width: 7; }
.ds[data-style="raff"] .rf-dash { display: block; width: 2.963cqw; height: 0.37cqw; background: #5a5a64; font-style: normal; }
.ds[data-style="raff"] .rf-tr.rf-th { min-height: 8.889cqw; background: #111114; border: 0; align-items: stretch; }
.ds[data-style="raff"] .rf-th > * { display: flex; align-items: center; font-family: var(--ft), Tahoma, sans-serif !important; font-weight: 900 !important; font-size: calc(3.333cqw * var(--fs)) !important; line-height: 1.2; color: #fff !important; }
.ds[data-style="raff"] .rf-th > b { justify-content: center; text-align: center; padding: 0 1.111cqw; }
.ds[data-style="raff"] .rf-th > b:last-child { background: #2d4bff; }
.ds[data-style="raff"][data-tl="compare"] .rf-bd { padding-bottom: 2.593cqw; }

/* ---------- رحلة الطلب: أزرق، أرقام في مربّعات بيضاء، الأخير حبر ---------- */
.ds[data-style="raff"] .rf-steps { display: flex; flex-direction: column; margin-top: 15.37cqw; }
.ds[data-style="raff"] .rf-step { display: flex; align-items: center; gap: 2.778cqw; padding: 2.778cqw 0; }
.ds[data-style="raff"] .rf-step + .rf-step { border-top: 0.185cqw solid #6278ff; }
.ds[data-style="raff"] .rf-sn { flex: none; display: flex; align-items: center; justify-content: center; width: 6.852cqw; height: 6.852cqw; background: #fff; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.519cqw * var(--fs)); line-height: 1; color: #2d4bff; }
.ds[data-style="raff"] .rf-step.is-last .rf-sn { background: #111114; color: #fff; }
.ds[data-style="raff"] .rf-step > span { flex: 1 1 auto; min-width: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #fff; }
.ds[data-style="raff"] svg.rf-si { width: 4.074cqw; height: 4.074cqw; color: #fff; stroke-width: 6; }

/* ---------- محتوى العملاء: صورة عميلة بوسم حبر، الرأي عنوانًا، شريط المنتج ---------- */
.ds[data-style="raff"][data-tl="ugc"] { padding-top: 8.333cqw; }
.ds[data-style="raff"][data-tl="ugc"][data-ph] { padding-top: 50cqw; }
.ds[data-style="raff"][data-tl="ugc"] .rf-hero { top: 0; height: 57.407cqw; background-color: #f5f5f5; }
.ds[data-style="raff"] .rf-lbl { align-self: flex-start; display: flex; align-items: center; min-height: 7.13cqw; padding: 0 3.148cqw; background: #111114; }
.ds[data-style="raff"] .rf-lbl .r-tag { margin: 0; font-weight: 900; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #fff; word-spacing: normal; }
.ds[data-style="raff"][data-tl="ugc"] .r-head { margin-top: 5.741cqw; text-wrap: wrap; font-size: calc(5.278cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.42 * var(--dlh) / 1.2); }
.ds[data-style="raff"][data-tl="ugc"]:not([data-ph]) .r-head { font-size: calc(6.667cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.2); }
.ds[data-style="raff"] .r-body.rf-au { margin-top: 1.296cqw; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); color: #8a8a94; }
.ds[data-style="raff"][data-tl="ugc"] .rf-bd { margin-top: 0; padding: 2.778cqw 0 0; }
/* بلا صورة ولا شريط منتج: الرأي في وسط السلايد */
.ds[data-style="raff"][data-tl="ugc"]:not([data-ph]) .ds-txt:not(:has(.rf-strip)) > :first-child { margin-top: auto; }
.ds[data-style="raff"] .rf-strip { display: flex; align-items: center; gap: 2.407cqw; min-height: 10.556cqw; margin-top: auto; padding: 0.926cqw 3.519cqw 0.926cqw 3.241cqw; background: #f1f1f3; }
.ds[data-style="raff"] .rf-strip + .rf-bar { margin-top: 9.815cqw; }
.ds[data-style="raff"] svg.rf-sti { width: 4.63cqw; height: 4.63cqw; color: #111114; stroke-width: 5; }
.ds[data-style="raff"] .rf-strip > span { flex: 1 1 auto; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); line-height: 1.3; color: #111114; }
.ds[data-style="raff"] .rf-strip .rf-v { font-size: calc(4.074cqw * var(--fs)); color: #111114; }

/* ---------- أسئلة متكررة: حبر، بطاقات داكنة بسؤال أزرق، شريط أبيض ---------- */
.ds[data-style="raff"] .rf-faq { display: flex; flex-direction: column; gap: 2.037cqw; margin-top: 21.111cqw; }
.ds[data-style="raff"] .rf-qa { display: flex; flex-direction: column; justify-content: center; min-height: 18.333cqw; padding: 2.778cqw 3.519cqw; background: #1a1a1f; }
.ds[data-style="raff"] .rf-qa > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #2d4bff; }
.ds[data-style="raff"] .rf-qa > span { margin-top: 0.926cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.45; color: #c4c4cc; }
.ds[data-style="raff"][data-tl="faq"] svg.rf-bi { width: 4.259cqw; height: 4.259cqw; }
.ds[data-style="raff"][data-tl="faq"] .rf-bar .rf-bt { font-size: calc(4.444cqw * var(--fs)); }

/* ---------- سلة وشريط شحن: شريط متجر، تقدّم الشحن، عنوان في الوسط، طرق الدفع ---------- */
.ds[data-style="raff"][data-tl="cart"] { padding-top: 0; }
.ds[data-style="raff"][data-tl="cart"] .rf-top + .r-tag { margin-top: 8.889cqw; }
.ds[data-style="raff"] .rf-prog { margin-top: 1.296cqw; }
.ds[data-style="raff"] .rf-prog .rf-track { height: 2.407cqw; }
.ds[data-style="raff"] .rf-prog .rf-track > i { background: #2d4bff; }
.ds[data-style="raff"] .rf-pl { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; margin-top: 1.481cqw; }
.ds[data-style="raff"] .rf-pl > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #111114; }
.ds[data-style="raff"] .rf-pl > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: #8a8a94; }
.ds[data-style="raff"][data-tl="cart"] .rf-mid { margin: auto 0; padding: 12.963cqw 0 3.704cqw; align-items: center; text-align: center; }
.ds[data-style="raff"][data-tl="cart"] .r-head { font-size: calc(10.37cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.1 * var(--dlh) / 1.2); }
.ds[data-style="raff"][data-tl="cart"][data-hlong] .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="raff"][data-tl="cart"] .rf-mid .r-body { margin-top: 2.407cqw; max-width: 50cqw; font-weight: 500; font-size: calc(4.259cqw * var(--fs)); line-height: 1.55; text-wrap: balance; }
.ds[data-style="raff"] .rf-pay { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.481cqw; margin-bottom: 4.63cqw; }
.ds[data-style="raff"] .rf-pay > b { display: flex; align-items: center; min-height: 7.593cqw; padding: 0 2.963cqw; background: #fff; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.2; color: #111114; }
.ds[data-style="raff"] .rf-pay + .rf-bar { margin-top: 0; }
.ds[data-style="raff"][data-tl="cart"] .rf-bar { min-height: 13.889cqw; }
.ds[data-style="raff"][data-tl="cart"] .rf-bar .rf-bt { font-size: calc(5.556cqw * var(--fs)); }
/* raff:end */

/* fonts:sufra:start */
@font-face { font-family: "MKD Malmoom"; font-weight: 400; font-display: swap; src: url(fonts/malmoom-400.woff2) format("woff2"); }
.ds[data-kit="sufra"] { --fd: "MKD Malmoom", "MKD Graphik"; --fdw: 400; --dk: 1; --dlh: 1.26; --ft: "MKD Zain", "MKD Graphik"; --ftw: 400; }
/* fonts:sufra:end */

/* sufra:start */
/* ==========================================================================
   أسلوب «سُفرة» — من نظام «هوية المطاعم والمقاهي» الذي أرسله صاحب الأداة.
   حبر #1C1815، كريمي #FAF4E8، طوبي #C63E2C، زيتي #5E6B3F، ذهبي #C9A96A، متن #5a5347.
   Malmoom للعناوين والخُلاصات (--fd)، Zain للمتن والقوائم (--ft)، والأسعار
   بأرقام Graphik لاتينية. شارات مصمتة حادة الزوايا، خط منقّط بين الأصناف،
   شريط جانبي 8px، إطار زيتي 2px للوسوم. المقاسات من لوحة 1080×1350.
   ========================================================================== */
.ds[data-style="sufra"] {
  --sf-bg: #faf4e8; --sf-ink: #1c1815; --sf-tag: #c63e2c; --sf-body: #5a5347; --sf-mk: #5e6b3f; --sf-ln: #e6dcc6;
  --fg: #1c1815 !important; --sub: #5a5347 !important; --tag: #c63e2c !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--sf-ink); padding: 9.815cqw 6.481cqw 9.259cqw;
  /* ملفه لا يثخّن Zain صناعيًا: الوزن الواحد يبقى كما هو، والخطوط متعددة الأوزان تأخذ أوزانها */
  font-synthesis: none;
}
/* الأرضيات الداكنة: الحبر للغلاف والمقولة والموقع */
.ds[data-style="sufra"]:is([data-tl="cover"], [data-tl="quote"], [data-tl="visit"]) {
  --sf-bg: #1c1815; --sf-ink: #faf4e8; --sf-tag: #c9a96a; --sf-body: #a89c8c; --sf-mk: #c9a96a; --sf-ln: #3a332c;
  --fg: #faf4e8 !important; --sub: #a89c8c !important; --tag: #c9a96a !important;
}
.ds[data-style="sufra"]:is([data-tl="offer"], [data-tl="cta"]) {
  --sf-bg: #c63e2c; --sf-ink: #faf4e8; --sf-tag: #ffd9c6; --sf-body: #ffd9c6; --sf-mk: #faf4e8; --sf-ln: rgba(250, 244, 232, .3);
  --fg: #faf4e8 !important; --sub: #ffd9c6 !important; --tag: #ffd9c6 !important;
}
.ds[data-style="sufra"][data-tl="grid"] {
  --sf-bg: #5e6b3f; --sf-ink: #faf4e8; --sf-tag: #d8e0c0; --sf-body: #d8e0c0; --sf-mk: #faf4e8; --sf-ln: rgba(250, 244, 232, .3);
  --fg: #faf4e8 !important; --sub: #d8e0c0 !important; --tag: #d8e0c0 !important;
}

.ds[data-style="sufra"] .ds-bgl { background: var(--sf-bg); }
.ds[data-style="sufra"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe, .ds-tex, .ds-deco) { display: none !important; }
.ds[data-style="sufra"] .ds-txt { gap: 0; margin: 0 !important; flex: 1 1 auto; align-items: stretch; }
.ds[data-style="sufra"] .sf-hd, .ds[data-style="sufra"] .sf-bd { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="sufra"] .sf-bd { position: relative; margin-top: auto; padding-top: 3.704cqw; }
.ds[data-style="sufra"] .rs-n { unicode-bidi: isolate; direction: ltr; }

/* ---------- الخط ---------- */
.ds[data-style="sufra"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--sf-tag); word-spacing: .22em; margin: 0 0 1.111cqw; }
.ds[data-style="sufra"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(8.333cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.26 * var(--dlh) / 1.26); color: var(--sf-ink); text-wrap: balance; max-width: 50cqw; }
.ds[data-style="sufra"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 300; font-size: calc(4.63cqw * var(--fs)); line-height: 1.5; color: var(--sf-body); text-wrap: pretty; }
.ds[data-style="sufra"] .r-body.sf-mk, .ds[data-style="sufra"] .r-body:has(.mk), .ds[data-style="sufra"] .sf-bd .r-head {
  font-family: var(--fd), Tahoma, sans-serif; font-weight: 400; font-size: calc(5.741cqw * var(--fs)); line-height: 1.42; color: var(--sf-mk); text-wrap: balance; max-width: 38.889cqw; }
.ds[data-style="sufra"] .hl, .ds[data-style="sufra"] .mk { background: none !important; padding: 0; color: inherit; }
.ds[data-style="sufra"] .mk { font-weight: inherit !important; }
.ds[data-style="sufra"] .sf-bd > * + * { margin-top: 1.852cqw; }
.ds[data-style="sufra"] svg { display: block; fill: none; stroke: currentColor; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="sufra"] .sf-price { display: inline-flex; align-items: center; justify-content: center; font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-style: normal; line-height: 1; white-space: nowrap; }
.ds[data-style="sufra"] .sf-prow { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; }

/* ---------- الغلاف: صورة كاملة وتدرّج أسود سفلي، شارة طوبية، سعر كريمي ---------- */
.ds[data-style="sufra"][data-tl="cover"] { padding-bottom: 7.5cqw; }
.ds[data-style="sufra"] .sf-cglow { position: absolute; inset: 0; background: linear-gradient(#24201d 0, #24201d 27.778cqw, #1c1815 68.519cqw); }
.ds[data-style="sufra"] .sf-ph { position: absolute; inset: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ds[data-style="sufra"] .sf-shade { position: absolute; inset: 0; background: linear-gradient(rgba(28, 24, 21, 0) 0, rgba(28, 24, 21, .1) 38.889cqw, rgba(28, 24, 21, .88) 79.63cqw, #1c1815 100cqw); }
.ds[data-style="sufra"] .sf-badge { position: absolute; right: 6.481cqw; top: 5.556cqw; display: flex; align-items: center; height: 6.852cqw; padding: 0 3.796cqw 0.37cqw; background: #c63e2c; color: #faf4e8; font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 800; font-size: 3.241cqw; line-height: 1; white-space: nowrap; }
.ds[data-style="sufra"][data-tl="cover"] .sf-hd { margin-top: auto; }
.ds[data-style="sufra"][data-tl="cover"] .r-tag { margin-bottom: 1.852cqw; }
.ds[data-style="sufra"][data-tl="cover"] .r-head { font-size: calc(11.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.22 * var(--dlh) / 1.26); max-width: 81.481cqw; }
.ds[data-style="sufra"][data-tl="cover"] .sf-bodies { margin-top: 0; padding-top: 2.407cqw; }
.ds[data-style="sufra"][data-tl="cover"] .sf-bodies .r-body { color: #d6cbb9; font-weight: 400; max-width: 48.148cqw; }
.ds[data-style="sufra"][data-tl="cover"] .sf-marks { margin-top: 0; padding-top: 2.222cqw; }
.ds[data-style="sufra"][data-tl="cover"] .sf-prow { margin-top: 2.222cqw; justify-content: flex-start; gap: 2.222cqw; }
.ds[data-style="sufra"] .sf-pc { height: 8.426cqw; padding: 0 3.519cqw; background: #faf4e8; color: #1c1815; font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="sufra"] .sf-swipe { font-family: var(--ft), Tahoma, sans-serif; font-style: normal; font-weight: 800; font-size: calc(3.333cqw * var(--fs)); line-height: 1; color: #c9a96a; white-space: nowrap; }
.ds[data-style="sufra"] .sf-swipe b { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 500; }
.ds-frame.is-story .ds[data-style="sufra"] .sf-swipe { display: none; }

/* ---------- قائمة بأسعار: خط منقّط بين الأصناف ---------- */
.ds[data-style="sufra"] .sf-menu { display: flex; flex-direction: column; margin: 11.204cqw 0 0; }
.ds[data-style="sufra"] .sf-menu .sf-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 10.741cqw; padding: 0.926cqw 0 0.556cqw; border-bottom: 0.185cqw dotted #cfc4ae; }
.ds[data-style="sufra"] .sf-menu .sf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: #1c1815; }
.ds[data-style="sufra"] .sf-menu .sf-row > b { font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.259cqw * var(--fs)); line-height: 1.2; color: #c63e2c; white-space: nowrap; }
.ds[data-style="sufra"] svg.sf-plate { position: absolute; left: -0.185cqw; top: -2.407cqw; width: 11.574cqw; height: 11.574cqw; color: #acaf93; stroke-width: 2.7; }

/* ---------- عرض بنسبة كبيرة: طوبي، كل شيء في الوسط ---------- */
.ds[data-style="sufra"][data-tl="offer"] { text-align: center; padding: 10.185cqw 8.333cqw 8.241cqw; }
.ds[data-style="sufra"][data-tl="offer"] .sf-hd { align-items: center; }
.ds[data-style="sufra"][data-tl="offer"] .r-tag { margin: 0; }
.ds[data-style="sufra"] .sf-big { font-family: "MKD Graphik", var(--fd), Tahoma, sans-serif; font-weight: 700; font-size: calc(27.778cqw * var(--fs)); line-height: 1; color: #faf4e8; margin: 10cqw 0 0; white-space: nowrap; }
/* القيمة لاتينية وحدها (أرقام و%): تضييق خفيف ليطابق عرضها ملفه */
.ds[data-style="sufra"] .sf-big.sf-bl { letter-spacing: -.04em; }
.ds[data-style="sufra"][data-tl="offer"] .sf-oh { margin-top: 1.296cqw; }
.ds[data-style="sufra"][data-tl="offer"] .sf-oh .r-head { max-width: 44.444cqw; align-self: center; }
.ds[data-style="sufra"] .sf-offer { display: flex; flex-direction: column; gap: 1.574cqw; margin: 8.704cqw 0 0; }
.ds[data-style="sufra"] .sf-offer .sf-row { display: flex; align-items: center; gap: 2.593cqw; min-height: 8.796cqw; padding: 0.741cqw 3.704cqw; background: rgba(255, 255, 255, .15); text-align: right; }
.ds[data-style="sufra"] .sf-offer svg.sf-ri { flex: none; width: 4.074cqw; height: 4.074cqw; color: #faf4e8; stroke-width: 5; }
.ds[data-style="sufra"] .sf-offer .sf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.889cqw * var(--fs)); line-height: 1.3; color: #faf4e8; }
.ds[data-style="sufra"][data-tl="offer"] .sf-bd { align-items: center; }
.ds[data-style="sufra"][data-tl="offer"] .sf-bd .r-body { color: #faf4e8; font-weight: 400; font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="sufra"][data-tl="offer"] .sf-bd .r-body:has(.mk), .ds[data-style="sufra"][data-tl="offer"] .sf-bd .r-body.sf-mk { align-self: center; }

/* ---------- بطاقة طبق: صورة أعلى، وسوم بإطار زيتي، شارة سعر طوبية ---------- */
.ds[data-style="sufra"][data-tl="dish"] { padding-top: 61.111cqw; padding-bottom: 8.426cqw; }
.ds[data-style="sufra"] .sf-dbox { position: absolute; left: 6.481cqw; top: 8.333cqw; width: 87.037cqw; height: 48.148cqw; display: grid; place-items: center; background: #f0ebe0; color: #b9b79c; overflow: hidden; }
.ds[data-style="sufra"] .sf-dbox > svg { width: 15.741cqw; height: 15.741cqw; stroke-width: 2.6; }
.ds[data-style="sufra"] .sf-dbox .sf-ph, .ds[data-style="sufra"] .sf-tour .sf-ph { position: absolute; inset: 0; }
.ds[data-style="sufra"][data-tl="dish"] .r-tag { margin-bottom: 1.852cqw; }
.ds[data-style="sufra"]:is([data-tl="dish"], [data-tl="tour"]) .sf-hd .r-head { font-size: calc(7.87cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="sufra"]:is([data-tl="dish"], [data-tl="tour"]) .sf-bodies { margin-top: 0; padding-top: 2.037cqw; }
.ds[data-style="sufra"]:is([data-tl="dish"], [data-tl="tour"]) .sf-bodies .r-body { font-size: calc(4.259cqw * var(--fs)); max-width: 55.556cqw; }
.ds[data-style="sufra"]:is([data-tl="dish"], [data-tl="tour"]) .sf-marks { margin-top: 0; padding-top: 2.778cqw; }
.ds[data-style="sufra"] .sf-chips { display: flex; flex-wrap: wrap; gap: 1.481cqw; margin: 4.63cqw 0 0; }
.ds[data-style="sufra"] .sf-chips > span { display: flex; align-items: center; min-height: 6.944cqw; padding: 0.37cqw 2.5cqw 0.741cqw; border: 0.185cqw solid #5e6b3f; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.519cqw * var(--fs)); line-height: 1.2; color: #5e6b3f; }
.ds[data-style="sufra"][data-tl="dish"] .sf-prow { margin-top: auto; padding-top: 4.63cqw; }
.ds[data-style="sufra"] .sf-pl { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.63cqw * var(--fs)); line-height: 1.3; color: #5a5347; }
.ds[data-style="sufra"] .sf-prow .sf-price:not(.sf-pc) { margin-inline-start: auto; height: 9.63cqw; padding: 0 4.444cqw; background: #c63e2c; color: #faf4e8; font-size: calc(5cqw * var(--fs)); }

/* ---------- شبكة مكوّنات: زيتي، أربع خلايا والرابعة طوبية ---------- */
.ds[data-style="sufra"][data-tl="grid"] { padding: 10.833cqw 7.593cqw 9.259cqw 7.407cqw; }
.ds[data-style="sufra"][data-tl="grid"] .r-head { max-width: 51.852cqw; }
.ds[data-style="sufra"] .sf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.759cqw; margin: 7.13cqw -0.185cqw 0 0; }
.ds[data-style="sufra"] .sf-c { display: flex; flex-direction: column; min-height: 22.315cqw; padding: 3.148cqw 2.778cqw 2.407cqw; background: rgba(255, 255, 255, .15); }
.ds[data-style="sufra"] .sf-c svg.sf-ci { width: 4.074cqw; height: 4.074cqw; margin: 0 0.556cqw 1.111cqw 0; color: #faf4e8; stroke-width: 5; }
.ds[data-style="sufra"] .sf-c > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: #faf4e8; }
.ds[data-style="sufra"] .sf-c > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.4; color: #d8e0c0; margin-top: 0.37cqw; }
.ds[data-style="sufra"] .sf-c4 { background: #c63e2c; }
.ds[data-style="sufra"] .sf-c4 > span { color: #ffd9c6; }

/* ---------- مقولة داكنة: رسمة في الوسط، خط طوبي، ونسبة القول ---------- */
.ds[data-style="sufra"][data-tl="quote"] { text-align: center; padding-top: 19.352cqw; }
.ds[data-style="sufra"][data-tl="quote"] .ds-txt { align-items: center; }
.ds[data-style="sufra"] .sf-top { display: block; color: #faf4e8; }
.ds[data-style="sufra"][data-tl="quote"] .sf-top svg { width: 17.407cqw; height: 17.407cqw; stroke-width: 3.4; }
.ds[data-style="sufra"][data-tl="quote"] .sf-hd { align-items: center; margin-top: 5.648cqw; }
.ds[data-style="sufra"][data-tl="quote"] .r-tag { margin-bottom: 2.778cqw; }
.ds[data-style="sufra"][data-tl="quote"] .r-head { max-width: 43.519cqw; line-height: calc(1.5 * var(--dlh) / 1.26); }
.ds[data-style="sufra"] .sf-rule { display: block; flex: none; width: 9.259cqw; height: 0.37cqw; margin-top: 3.889cqw; background: #c63e2c; }
.ds[data-style="sufra"][data-tl="quote"] .sf-bd { margin-top: 0; padding-top: 3.333cqw; align-items: center; }
.ds[data-style="sufra"][data-tl="quote"] .sf-bd .r-body { font-size: calc(4.074cqw * var(--fs)); color: #a89c8c; }
.ds[data-style="sufra"][data-tl="quote"] .sf-bd .r-body:has(.mk), .ds[data-style="sufra"][data-tl="quote"] .sf-bd .r-body.sf-mk { color: #c9a96a; }

/* ---------- آراء الضيوف: بطاقات بيضاء بإطار ونجوم طوبية ---------- */
.ds[data-style="sufra"] .sf-revs { display: flex; flex-direction: column; gap: 2.315cqw; margin: 13.056cqw 0 0; }
.ds[data-style="sufra"] .sf-rv { display: flex; flex-direction: column; padding: 3.333cqw 3.519cqw 2.778cqw; background: #fff; border: 0.185cqw solid #e6dcc6; }
.ds[data-style="sufra"] .sf-stars { display: flex; gap: 1.481cqw; margin-bottom: 2.407cqw; }
.ds[data-style="sufra"] .sf-stars svg { width: 2.778cqw; height: 2.778cqw; color: #c63e2c; stroke-width: 5.5; }
.ds[data-style="sufra"] .sf-rv > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.259cqw * var(--fs)); line-height: 1.5; color: #1c1815; }
.ds[data-style="sufra"] .sf-rv > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.519cqw * var(--fs)); line-height: 1.4; color: #7a7060; margin-top: 0.926cqw; }
.ds[data-style="sufra"][data-tl="reviews"] { padding-bottom: 8.796cqw; }
.ds[data-style="sufra"][data-tl="reviews"] .sf-bd { flex-direction: row; align-items: center; gap: 2.778cqw; }
.ds[data-style="sufra"][data-tl="reviews"] .sf-bd > * + * { margin-top: 0; }
.ds[data-style="sufra"] svg.sf-bstar { flex: none; width: 4.444cqw; height: 4.444cqw; color: #5e6b3f; stroke-width: 4; }
.ds[data-style="sufra"][data-tl="reviews"] .sf-bd .r-body { font-weight: 400; }

/* ---------- تصنيف مشروبات: بطاقات بيضاء وشريط جانبي 8px ---------- */
.ds[data-style="sufra"] .sf-drinks { display: flex; flex-direction: column; gap: 2.13cqw; margin: 13.056cqw 0 0; }
.ds[data-style="sufra"] .sf-dk { position: relative; display: flex; align-items: center; gap: 3.333cqw; min-height: 15.093cqw; padding: 1.852cqw 3.704cqw 1.852cqw 3.704cqw; background: #fff; }
.ds[data-style="sufra"] .sf-strip { position: absolute; top: 0; right: 0; bottom: 0; width: 0.741cqw; background: #c9a96a; }
.ds[data-style="sufra"] .sf-k2 .sf-strip { background: #c63e2c; }
.ds[data-style="sufra"] .sf-k3 .sf-strip { background: #5e6b3f; }
.ds[data-style="sufra"] .sf-k4 .sf-strip { background: #1c1815; }
.ds[data-style="sufra"] .sf-dk svg.sf-di { flex: none; width: 5.185cqw; height: 5.185cqw; margin-right: 1.111cqw; color: #c63e2c; stroke-width: 3.6; }
.ds[data-style="sufra"] .sf-k3 svg.sf-di, .ds[data-style="sufra"] .sf-k4 svg.sf-di { color: #5e6b3f; }
.ds[data-style="sufra"] .sf-dt { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="sufra"] .sf-dt > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.444cqw * var(--fs)); line-height: 1.3; color: #1c1815; }
.ds[data-style="sufra"] .sf-dt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: #5a5347; }

/* ---------- جولة بالصور: شبكة 2×2، والصورة الواحدة ممتدة على الأربع ---------- */
.ds[data-style="sufra"][data-tl="tour"] { padding-top: 79.815cqw; }
.ds[data-style="sufra"] .sf-tour { position: absolute; left: 6.481cqw; top: 8.333cqw; width: 87.037cqw; height: 62.778cqw; }
.ds[data-style="sufra"] .sf-tour > b { position: absolute; display: grid; place-items: center; width: 42.593cqw; height: 30.556cqw; background: #f0ebe0; color: #b9b79c; overflow: hidden; }
.ds[data-style="sufra"] .sf-tour > b > svg { width: 10.185cqw; height: 10.185cqw; stroke-width: 3; }
.ds[data-style="sufra"] .sf-t1 { right: 0; top: 0; }
.ds[data-style="sufra"] .sf-t2 { left: 0; top: 0; }
.ds[data-style="sufra"] .sf-t3 { right: 0; bottom: 0; }
.ds[data-style="sufra"] .sf-t4 { left: 0; bottom: 0; }
.ds[data-style="sufra"] .sf-tour .sf-tp { background-size: 87.037cqw 62.778cqw; }
.ds[data-style="sufra"] .sf-t1 .sf-tp { background-position: -44.444cqw 0; }
.ds[data-style="sufra"] .sf-t2 .sf-tp { background-position: 0 0; }
.ds[data-style="sufra"] .sf-t3 .sf-tp { background-position: -44.444cqw -32.222cqw; }
.ds[data-style="sufra"] .sf-t4 .sf-tp { background-position: 0 -32.222cqw; }
.ds[data-style="sufra"][data-tl="tour"] .r-tag { margin-bottom: 1.019cqw; }

/* ---------- الموقع والدوام: حبر، صفوف برسمة وتسمية وقيمة ---------- */
.ds[data-style="sufra"][data-tl="visit"] { padding: 10.648cqw 7.407cqw 9.259cqw; }
.ds[data-style="sufra"] .sf-visit { display: flex; flex-direction: column; margin: 12.593cqw 0 0; }
.ds[data-style="sufra"] .sf-visit .sf-row { display: flex; align-items: center; gap: 3.704cqw; min-height: 13.519cqw; padding: 0.926cqw 0.926cqw 1.296cqw 0; border-bottom: 0.093cqw solid #3a332c; }
.ds[data-style="sufra"] .sf-visit svg.sf-vi { flex: none; width: 4.815cqw; height: 4.815cqw; color: #faf4e8; stroke-width: 3.6; }
.ds[data-style="sufra"] .sf-vt { display: flex; flex-direction: column; min-width: 0; }
.ds[data-style="sufra"] .sf-vt > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: #a89c8c; }
.ds[data-style="sufra"] .sf-vt > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.444cqw * var(--fs)); line-height: 1.35; color: #faf4e8; }
.ds[data-style="sufra"] .sf-vt > b > .rs-n:only-child { font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 400; }

/* ---------- وجبة بباقة: لوح حبر بقيم ذهبية، وسطر سعر ---------- */
.ds[data-style="sufra"] .sf-meal { display: flex; flex-direction: column; margin: 13.056cqw 0 0; padding: 2.222cqw 4.074cqw; background: #1c1815; }
.ds[data-style="sufra"] .sf-meal .sf-row { display: flex; align-items: center; justify-content: space-between; gap: 2.778cqw; min-height: 8.611cqw; padding: 0.37cqw 0 0.926cqw; border-bottom: 0.093cqw solid #3a332c; }
.ds[data-style="sufra"] .sf-meal .sf-row:last-child { border-bottom: 0; }
.ds[data-style="sufra"] .sf-meal .sf-row > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #faf4e8; }
.ds[data-style="sufra"] .sf-meal .sf-row > b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; color: #c9a96a; }
.ds[data-style="sufra"][data-tl="meal"] .ds-txt > .sf-prow { margin-top: 5.556cqw; }
.ds[data-style="sufra"][data-tl="meal"] .sf-prow .r-body { font-weight: 400; }

/* ---------- دعوة توصيل: طوبي، مربع حبر في الزاوية، زر حبر ---------- */
.ds[data-style="sufra"][data-tl="cta"] { text-align: center; padding-top: 20.926cqw; }
.ds[data-style="sufra"][data-tl="cta"] .ds-txt { align-items: center; }
.ds[data-style="sufra"] .sf-block { position: absolute; left: 0; top: 0; width: 31.481cqw; height: 22.222cqw; background: #1c1815; }
.ds[data-style="sufra"][data-tl="cta"] .sf-top svg { width: 18.056cqw; height: 18.056cqw; stroke-width: 3.2; }
.ds[data-style="sufra"][data-tl="cta"] .sf-hd { align-items: center; margin-top: 6.852cqw; }
.ds[data-style="sufra"][data-tl="cta"] .r-tag { margin-bottom: 1.759cqw; }
.ds[data-style="sufra"][data-tl="cta"] .r-head { align-self: center; font-size: calc(9.537cqw * var(--fs) * var(--dk) * var(--hk, 1)); max-width: 55.556cqw; }
.ds[data-style="sufra"][data-tl="cta"] .sf-bd { margin-top: 0; padding-top: 2.778cqw; align-items: center; }
.ds[data-style="sufra"][data-tl="cta"] .sf-bd .r-body { font-size: calc(4.444cqw * var(--fs)); max-width: 51.852cqw; line-height: 1.45; }
.ds[data-style="sufra"][data-tl="cta"] .sf-bd .r-body:has(.mk), .ds[data-style="sufra"][data-tl="cta"] .sf-bd .r-body.sf-mk {
  margin-top: 4.815cqw; padding: 1.852cqw 6.481cqw 2.778cqw; max-width: none; background: #1c1815; color: #faf4e8; font-family: var(--ft), Tahoma, sans-serif; font-weight: 800; font-size: calc(5cqw * var(--fs)); line-height: 1.3; }
/* sufra:end */
/* تجربة الأداة الثانية */
.mkd-trial { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; padding: 12px 16px; border-radius: 14px; background: #E4F4EC; color: #0F3D28; }
.mkd-trial.is-done { background: #FFF1E6; color: #3a2210; border: 2px solid var(--org, #FF6B18); }
.mkd-trial-dot { width: 10px; height: 10px; border-radius: 50%; background: #1A6B45; flex: none; }
.mkd-trial-t { display: grid; gap: 2px; flex: 1; min-width: 200px; }
.mkd-trial-t b { font-size: 15px; font-weight: 900; }
.mkd-trial-t span { font-size: 13px; opacity: .8; }
.mkd-trial-go { background: #000 !important; color: #fff !important; border-color: #000 !important; text-decoration: none !important; }
.mkd-xinv { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: #000; color: #fff !important; text-decoration: none !important; }
.mkd-xinv-ic { flex: none; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: #FF6B18; font-size: 22px; }
.mkd-xinv-t { display: grid; gap: 2px; flex: 1; }
.mkd-xinv-t em { font-style: normal; justify-self: start; font-size: 11.5px; font-weight: 900; padding: 1px 8px; border-radius: 99px; background: #1A6B45; }
.mkd-xinv-t b { font-size: 15px; }
.mkd-xinv-t small { font-size: 12.5px; opacity: .75; }

/* معاينات «شكل السلايد» و«فكرة الرسم»: تُرسم بعرض 360 وتُصغَّر، فلا يخرج النص من إطاره */
.mkd-mini { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 7px; box-shadow: 0 4px 12px rgba(14, 13, 12, .12); }
.mkd-mini-in { position: absolute; top: 0; left: 0; width: 360px; transform-origin: 0 0; transform: scale(var(--mk, .3)); }
.mkd-mini .ds-frame { border-radius: 0 !important; box-shadow: none !important; }
.mkd-alts .mkd-alt[hidden] { display: none !important; }
/* أشكال القالب: عمودان بدل ثلاثة حتى يُقرأ نص المعاينة */
.mkd-alts.is-tpl { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.mkd-alts.is-tpl .mkd-alt > span:not(.mkd-mini) { font-size: 13px; }

/* عرض كتلة النص من المستخدم: المقبضان على جانبي الإطار، والأسطر تتبع العرض */
.ds-mv.has-tw > .ds-txt { width: var(--tw) !important; max-width: none !important; flex: none !important; }
.ds-mv.has-tw > .ds-txt :is(.r-head, .r-body, .r-tag, p, h2) { max-width: 100% !important; }
.mkd-seltw { pointer-events: auto; position: absolute; top: 50%; width: 12px; height: 40px; margin-top: -20px; border-radius: 8px;
  background: #fff; border: 2.5px solid var(--org); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); touch-action: none; cursor: ew-resize; }
.mkd-seltw { left: -8px; }
.mkd-seltw.is-r { left: auto; right: -8px; }
@media (pointer: coarse) { .mkd-seltw { width: 18px; height: 52px; margin-top: -26px; } .mkd-seltw { left: -11px; } .mkd-seltw.is-r { right: -11px; } }
/* مساحة قياس الترتيب التلقائي: خارج الشاشة */
/* بلا visibility: hidden: الفحوص تستثني العناصر المخفية، فتُحسب كل عناصر السلايد مخفية */
.mkd-settle { position: fixed; left: -12000px; top: 0; width: 520px; opacity: 0; pointer-events: none; }

/* ألوان القالب أو ألوان الهوية (لوحة السلايد في القوالب الجاهزة) */
.mkd-own { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mkd-own-b { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1.5px solid rgba(20, 20, 20, .14); border-radius: 12px; background: #fff; font: inherit; font-weight: 600; font-size: 14px; color: #1c1a17; cursor: pointer; text-align: right; }
.mkd-own-b.on { border-color: #FF6B18; box-shadow: 0 0 0 2px rgba(255, 107, 24, .18); }
.mkd-own-sw { display: inline-flex; flex: none; border-radius: 7px; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
.mkd-own-sw i { display: block; width: 14px; height: 26px; }

/* أيقونات أنواع التصميم في صفحة البداية */
.mkd-start .mkd-seg button { grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.mkd-start .mkd-seg button .mkd-mode-i { grid-row: 1 / span 2; width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .9; }
.mkd-start .mkd-seg button b, .mkd-start .mkd-seg button small { grid-column: 2; }
.mkd-start .mkd-seg button[aria-checked="true"] .mkd-mode-i { color: #FF6B18; }

/* fonts:dareen:start */
/* خط التوقيع (Great Vibes، رخصة OFL) من خوادم Google: لا يُحمَّل إلا حين يُرسم قالب صاحبته */
@font-face { font-family: "MKD Vibes"; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/greatvibes/v21/RWmMoKWR9v4ksMfaWd_JN9XFiaQoDmlr.woff2) format("woff2"); }
.ds[data-kit="dareen"] { --fd: "MKD Tajawal"; --fdw: 900; --dk: 1; --dlh: 1.3; --ft: "MKD Tajawal"; --ftw: 400; }
/* fonts:dareen:end */

/* dareen:start */
/* ==========================================================================
   قالب «دارين» الخاص: عنابي ووردي وكريمي، ترويسة بالتوقيع وختم اسم أسفل السلايد.
   المقاسات من لوحة 1080×1350 (بكسل ÷ 10.8 = cqw). الشكل من drPlan (data-tl).
   الترويسة والختم وزر السحب في طبقة الخلفية، والحشوة تحجز مكانها فلا يلمسها النص.
   ========================================================================== */
.ds[data-style="dareen"] {
  --dr-burg: #6B1023; --dr-rose: #C46F7C; --dr-blush: #F1D3D6; --dr-blush2: #F8E6E7; --dr-cream: #FBF5EC; --dr-ink: #1D1414; --dr-mute: #6E5B5B;
  --dr-hd: var(--dr-burg); --dr-tx: var(--dr-ink); --dr-tag: var(--dr-rose);
  --dr-top: 24cqw; --dr-bot: 18.5cqw; --dr-side: 8.519cqw; --dr-st: 0cqw; --dr-sb: 0cqw;
  --fg: #6B1023 !important; --sub: #1D1414 !important; --tag: #C46F7C !important; --hl: transparent !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: var(--dr-ink); background: #FBF5EC !important;
  padding: calc(var(--dr-top) + var(--dr-st)) var(--dr-side) calc(var(--dr-bot) + var(--dr-sb)) !important;
}
.ds-frame.is-story .ds[data-style="dareen"] { --dr-st: 16cqw; --dr-sb: 24cqw; --dr-side: 16cqw; }
.ds[data-style="dareen"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
/* شعار المستخدم: يأخذ مكان التوقيع، وأي عنصر من القالب في زاويته نفسها يُخفى */
.ds[data-style="dareen"][data-logo] .dr-sig { display: none; }
.ds[data-style="dareen"][data-logo="tl"]:not([data-tl="grid"]):not([data-tl="cta"]) .dr-brand { display: none; }
.ds[data-style="dareen"][data-logo="tr"] .dr-motto.is-top { display: none; }
.ds[data-style="dareen"][data-logo="bl"] .dr-motto:not(.is-top), .ds[data-style="dareen"][data-logo="bl"]:not([data-tl="cover"]) .dr-pill { display: none; }
.ds[data-style="dareen"][data-logo="br"]:not([data-tl="cta"]) .dr-lock, .ds[data-style="dareen"][data-logo="br"][data-tl="cover"] .dr-pill { display: none; }
.ds[data-style="dareen"] .ds-bgl { background: #FBF5EC; }
.ds[data-style="dareen"] .ds-txt { flex: 1 1 auto; gap: 0; margin: 0 !important; align-items: stretch; }
.ds[data-style="dareen"] :is(.dr-hd, .dr-bd, .dr-main, .dr-col, .dr-mks) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="dareen"] .dr-main { flex: 1 1 auto; justify-content: center; }
.ds[data-style="dareen"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="dareen"] :is(svg.dr-ico, svg.dr-pi, svg.dr-archi) { display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- النص ---------- */
.ds[data-style="dareen"] .r-tag { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: var(--dr-tag); margin: 0 0 1.296cqw; }
.ds[data-style="dareen"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(7.407cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.3 * var(--dlh) / 1.3); color: var(--dr-hd); text-wrap: balance; word-spacing: 0; }
.ds[data-style="dareen"] .r-head + .r-head { color: var(--dr-rose); }
.ds[data-style="dareen"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(4.074cqw * var(--fs)); line-height: 1.55; color: var(--dr-tx); text-wrap: pretty; }
.ds[data-style="dareen"] .dr-bd { gap: calc(1.111cqw * var(--fs)); margin-top: calc(2.593cqw * var(--fs)); }
.ds[data-style="dareen"] :is(.mk, .hl) { background: none !important; padding: 0 !important; font-weight: 700 !important; color: var(--dr-hd) !important; }
.ds[data-style="dareen"] .dr-mk { font-weight: 700; color: var(--dr-hd); }
.ds[data-style="dareen"] .dr-rule { display: block; width: 20.37cqw; height: .278cqw; margin-top: calc(3.148cqw * var(--fs)); background: var(--dr-burg); opacity: .85; }

/* ---------- الإضاءة على الأرضيات الفاتحة ---------- */
.ds[data-style="dareen"] .dr-glow { position: absolute; inset: 0; overflow: hidden; }
.ds[data-style="dareen"] .dr-glow::before { content: ""; position: absolute; inset: -20%; background: linear-gradient(118deg, transparent 0 18%, rgba(255,255,255,.6) 18% 23%, transparent 23% 31%, rgba(255,255,255,.5) 31% 35%, transparent 35% 44%, rgba(255,255,255,.42) 44% 47%, transparent 47%); filter: blur(2.4cqw); }
.ds[data-style="dareen"] .dr-glow::after { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 55% at 85% 8%, rgba(255,240,228,.9), transparent 70%), radial-gradient(60% 50% at 8% 100%, rgba(214,178,170,.32), transparent 70%); }

/* ---------- الترويسة: التوقيع وسطر الهوية ---------- */
.ds[data-style="dareen"] .dr-brand { position: absolute; left: var(--dr-side); top: calc(6.481cqw + var(--dr-st)); z-index: 1; display: flex; flex-direction: column; align-items: flex-start; direction: ltr; font-style: normal; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-sig { position: relative; direction: ltr; font-family: "MKD Vibes", "Snell Roundhand", cursive; font-weight: 400; font-size: 9.63cqw; line-height: .95; color: inherit; white-space: nowrap; }
.ds[data-style="dareen"] .dr-sig::after { content: ""; position: absolute; left: 18%; right: -12%; bottom: 12%; height: .185cqw; background: currentColor; opacity: .5; transform: rotate(-3deg); }
.ds[data-style="dareen"] .dr-sig.is-ar { direction: rtl; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: 5.185cqw; line-height: 1.3; }
.ds[data-style="dareen"] .dr-sig.is-ar::after { display: none; }
.ds[data-style="dareen"] .dr-logo { display: block; width: auto; height: 9.259cqw; max-width: 40cqw; object-fit: contain; }
.ds[data-style="dareen"] .dr-t3 { direction: rtl; margin-top: .926cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: 2.407cqw; line-height: 1.4; color: var(--dr-ink); white-space: nowrap; }
.ds[data-style="dareen"] .dr-en { direction: ltr; margin-top: 1.296cqw; font-family: "MKD Graphik", sans-serif; font-weight: 500; font-size: 1.852cqw; line-height: 1.7; letter-spacing: .37cqw; text-transform: uppercase; color: var(--dr-burg); white-space: nowrap; }
.ds[data-style="dareen"][data-tl="cover"] .dr-sig { font-size: 10.926cqw; }
.ds[data-style="dareen"]:is([data-tl="grid"], [data-tl="cta"]) .dr-brand { left: 50%; transform: translateX(-50%); align-items: center; }

/* ---------- ختم الاسم وزر السحب والشعار اللاتيني ---------- */
.ds[data-style="dareen"] .dr-lock { position: absolute; right: var(--dr-side); bottom: calc(6.481cqw + var(--dr-sb)); z-index: 1; display: flex; align-items: center; gap: 2.037cqw; direction: rtl; font-style: normal; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-sprout { display: block; flex: none; width: 6.481cqw; height: 7.407cqw; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="dareen"] .dr-lkb { display: block; flex: none; width: .278cqw; height: 7.222cqw; background: currentColor; opacity: .8; }
.ds[data-style="dareen"] .dr-who { display: flex; flex-direction: column; align-items: flex-start; }
.ds[data-style="dareen"] .dr-who b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: 3.333cqw; line-height: 1.25; color: var(--dr-ink); white-space: nowrap; }
.ds[data-style="dareen"] .dr-who small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: 2.222cqw; line-height: 1.4; color: var(--dr-ink); opacity: .85; white-space: nowrap; }
.ds[data-style="dareen"] .dr-pill { position: absolute; left: var(--dr-side); bottom: calc(6.481cqw + var(--dr-sb)); z-index: 1; display: flex; align-items: center; gap: 1.667cqw; height: 7.963cqw; padding: 0 3.889cqw; border-radius: 999px; background: var(--dr-burg); color: #fff; direction: rtl; font-style: normal; }
.ds[data-style="dareen"] .dr-pill span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 3.148cqw; line-height: 1; white-space: nowrap; }
.ds[data-style="dareen"] .dr-pill svg { width: 3.333cqw; height: 3.333cqw; stroke-width: 2.4; }
.ds[data-style="dareen"][data-tl="cover"] .dr-pill { left: auto; right: var(--dr-side); }
.ds-frame.is-story .ds[data-style="dareen"] .dr-pill { display: none; }
.ds[data-style="dareen"] .dr-motto { position: absolute; left: var(--dr-side); bottom: calc(6.481cqw + var(--dr-sb)); z-index: 1; display: flex; flex-direction: column; align-items: flex-start; direction: ltr; font-style: normal; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-motto span { font-family: "MKD Graphik", sans-serif; font-weight: 500; font-size: 1.852cqw; line-height: 1.7; letter-spacing: .37cqw; text-transform: uppercase; white-space: nowrap; }
.ds[data-style="dareen"] .dr-motto .dr-mb { display: block; width: 3.704cqw; height: .463cqw; margin-top: .926cqw; background: currentColor; }
.ds[data-style="dareen"][data-tl="hook"] .dr-motto { flex-direction: row-reverse; align-items: center; gap: 2.037cqw; color: var(--dr-ink); }
.ds[data-style="dareen"][data-tl="hook"] .dr-motto span { font-size: 1.667cqw; letter-spacing: .278cqw; opacity: .8; }
.ds[data-style="dareen"][data-tl="hook"] .dr-motto .dr-mb { width: 13.889cqw; height: .185cqw; margin: 0; opacity: .45; }
.ds[data-style="dareen"] .dr-motto.is-top { top: calc(7.407cqw + var(--dr-st)); bottom: auto; left: auto; right: var(--dr-side); align-items: flex-end; color: #F7ECE6; }
.ds[data-style="dareen"] .dr-motto.is-top span { font-size: 1.667cqw; text-align: right; }

/* ---------- الغلاف: عنوان كبير بتظليل وردي ---------- */
.ds[data-style="dareen"][data-tl="cover"] { --dr-top: 31cqw; --dr-bot: 19cqw; }
.ds[data-style="dareen"][data-tl="cover"] .r-head { font-size: calc(12.222cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.28 * var(--dlh) / 1.3); }
.ds[data-style="dareen"] .dr-band { padding: 0 1.296cqw; background: linear-gradient(transparent 44%, var(--dr-blush) 44% 92%, transparent 92%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ds[data-style="dareen"][data-tl="cover"] .dr-bd { margin-top: calc(3.148cqw * var(--fs)); }
.ds[data-style="dareen"][data-tl="cover"] .r-body { font-weight: 700; font-size: calc(6.296cqw * var(--fs)); line-height: 1.4; color: var(--dr-ink); }

/* ---------- رقم كبير مع صورة في قوس ---------- */
.ds[data-style="dareen"][data-tl="stat"] { --dr-top: 21.5cqw; }
.ds[data-style="dareen"] .dr-two { display: flex; align-items: center; gap: 4.259cqw; }
.ds[data-style="dareen"] .dr-col { flex: 1 1 auto; min-width: 0; }
.ds[data-style="dareen"] .dr-big { display: flex; align-items: flex-start; align-self: flex-start; direction: ltr; }
.ds[data-style="dareen"] .dr-plus { position: relative; z-index: 2; flex: none; display: grid; place-items: center; width: 10.37cqw; height: 10.37cqw; margin: 3.333cqw -2.407cqw 0 0; border-radius: 50%; background: var(--dr-blush); color: var(--dr-burg); font-family: "MKD Lyon", Georgia, serif; font-style: normal; font-weight: 400; font-size: 7.778cqw; line-height: 1; }
.ds[data-style="dareen"] .dr-big b { font-family: "MKD Lyon", Georgia, serif; font-weight: 900; font-size: calc(27.778cqw * var(--fs)); line-height: .95; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-big b small { font-size: .45em; }
/* الرقم من أول العنوان: سطر كبير فوق بقية العنوان */
.ds[data-style="dareen"] .dr-bign { display: flex; align-items: flex-start; justify-content: flex-start; direction: ltr; width: max-content; margin: 0 0 calc(1.852cqw * var(--fs)) auto; font-family: "MKD Lyon", Georgia, serif; font-weight: 900; font-size: calc(27.778cqw * var(--fs)); line-height: .95; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-bign small { align-self: flex-end; margin-bottom: .12em; font-size: .45em; }
.ds[data-style="dareen"] .dr-bign .dr-plus { display: grid; margin: .11em -.08em 0 0; font-size: calc(7.778cqw * var(--fs)); width: calc(10.37cqw * var(--fs)); height: calc(10.37cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-big .dr-u { align-self: flex-end; margin: 0 0 2.963cqw 1.481cqw; direction: rtl; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(5.185cqw * var(--fs)); color: var(--dr-burg); }
.ds[data-style="dareen"][data-tl="stat"] .dr-hd { margin-top: calc(2.037cqw * var(--fs)); }
.ds[data-style="dareen"][data-tl="stat"] .r-head { font-size: calc(11.111cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.12 * var(--dlh) / 1.3); }
.ds[data-style="dareen"][data-tl="stat"] .r-body { font-size: calc(4.444cqw * var(--fs)); line-height: 1.5; }
.ds[data-style="dareen"] .dr-arch { flex: none; display: grid; place-items: center; width: 27.778cqw; height: calc(43.519cqw * var(--fs)); border-radius: 15.741cqw 15.741cqw 2.222cqw 2.222cqw; background: linear-gradient(180deg, var(--dr-blush2), var(--dr-blush)); box-shadow: inset 0 0 0 .185cqw rgba(107,16,35,.08); font-style: normal; }
.ds[data-style="dareen"] .dr-arch.is-ph { background-position: center top; background-size: cover; background-repeat: no-repeat; box-shadow: none; }
.ds[data-style="dareen"] svg.dr-archi { width: 12.037cqw; height: 12.037cqw; color: var(--dr-burg); stroke-width: 1.2; }
/* الستوري: القوس فوق النص، فلا يضيق عمود العنوان بين الهامشين */
.ds-frame.is-story .ds[data-style="dareen"] .dr-two { flex-direction: column-reverse; align-items: stretch; gap: 3.704cqw; }
.ds-frame.is-story .ds[data-style="dareen"] .dr-arch { align-self: center; width: 30cqw; height: calc(36cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-call { display: flex; align-items: center; gap: 2.407cqw; margin-top: calc(3.148cqw * var(--fs)); padding: calc(2.407cqw * var(--fs)) 2.778cqw; border-radius: 2.407cqw; background: rgba(241,211,214,.75); }
.ds[data-style="dareen"] .dr-ci { display: block; flex: none; font-style: normal; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-ci svg { width: 7.037cqw; height: 7.037cqw; stroke-width: 1.3; }
.ds[data-style="dareen"] .dr-cbar { display: block; flex: none; align-self: stretch; width: .278cqw; background: var(--dr-burg); opacity: .7; }
.ds[data-style="dareen"] .dr-call .r-body { font-weight: 400; font-size: calc(3.148cqw * var(--fs)); line-height: 1.45; color: var(--dr-ink); }
.ds[data-style="dareen"] .dr-call .r-body:is(.is-lead, :only-child) { font-weight: 900; font-size: calc(3.889cqw * var(--fs)); color: var(--dr-burg); }

/* ---------- شبكة إنجازات ---------- */
.ds[data-style="dareen"][data-tl="grid"] { --dr-top: 21cqw; --dr-bot: 17.5cqw; }
.ds[data-style="dareen"][data-tl="grid"] .dr-brand { top: calc(5.926cqw + var(--dr-st)); }
.ds[data-style="dareen"][data-tl="grid"] .dr-sig { font-size: 9.074cqw; }
.ds[data-style="dareen"][data-tl="grid"] .dr-hd { align-items: center; text-align: center; }
.ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .dr-hd { flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 1.296cqw; }
.ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .dr-hd::before, .ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .dr-hd::after { content: ""; display: block; order: 2; width: 10.185cqw; height: .278cqw; background: var(--dr-burg); opacity: .85; }
.ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .dr-hd::after { order: 4; }
.ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .r-tag { order: 1; flex-basis: 100%; text-align: center; }
.ds[data-style="dareen"][data-tl="grid"]:not([data-long]) .r-head { order: 3; max-width: 70cqw; padding: calc(1.667cqw * var(--fs)) 5.185cqw; border-radius: 999px; background: var(--dr-burg); color: #fff; font-size: calc(4.074cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.3; }
.ds[data-style="dareen"][data-tl="grid"][data-long] .r-head { font-size: calc(6.296cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="dareen"][data-tl="grid"] .dr-bd { align-items: center; text-align: center; }
.ds[data-style="dareen"] .dr-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; margin: calc(2.037cqw * var(--fs)) 0 0; }
.ds[data-style="dareen"] .dr-grid.dr-n3 { grid-template-columns: 1fr 1fr 1fr; }
.ds[data-style="dareen"] .dr-cell { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: calc(2.593cqw * var(--fs)) 2.037cqw; }
.ds[data-style="dareen"] :is(.dr-n4 .dr-cell:nth-child(odd), .dr-n2 .dr-cell:first-child, .dr-n3 .dr-cell:not(:last-child))::before { content: ""; position: absolute; left: 0; top: 1.667cqw; bottom: 1.667cqw; width: .185cqw; background: var(--dr-rose); opacity: .4; }
.ds[data-style="dareen"] :is(.dr-n4 .dr-cell:nth-child(1), .dr-n4 .dr-cell:nth-child(2))::after { content: ""; position: absolute; bottom: 0; height: .185cqw; background: var(--dr-rose); opacity: .4; }
.ds[data-style="dareen"] .dr-n4 .dr-cell:nth-child(1)::after { left: 0; right: 2.778cqw; }
.ds[data-style="dareen"] .dr-n4 .dr-cell:nth-child(2)::after { left: 2.778cqw; right: 0; }
.ds[data-style="dareen"] .dr-circ { flex: none; display: grid; place-items: center; width: 11.481cqw; height: 11.481cqw; border-radius: 50%; background: var(--dr-blush); color: var(--dr-burg); font-style: normal; }
.ds[data-style="dareen"] .dr-circ svg { width: 6.111cqw; height: 6.111cqw; }
.ds[data-style="dareen"] .dr-val { margin-top: calc(1.296cqw * var(--fs)); font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(7.222cqw * var(--fs)); line-height: 1.15; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-val.is-num { font-size: calc(7.778cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-val small { font-size: .6em; }
.ds[data-style="dareen"] .dr-val small.dr-u { margin-right: 1.111cqw; font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-cell .dr-rule { width: 7.407cqw; margin: calc(1.111cqw * var(--fs)) 0; }
.ds[data-style="dareen"] .dr-lab { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: var(--dr-ink); text-wrap: balance; }
.ds[data-style="dareen"][data-n="2"] .dr-circ, .ds[data-style="dareen"][data-n="3"] .dr-circ { width: 12.963cqw; height: 12.963cqw; }

/* ---------- خطاف في الوسط ---------- */
.ds[data-style="dareen"][data-tl="hook"] { --dr-top: 22cqw; --dr-bot: 18cqw; background: #FCF8EE !important; text-align: center; }
.ds[data-style="dareen"][data-tl="hook"] .ds-bgl { background: #FCF8EE; }
.ds[data-style="dareen"][data-tl="hook"][data-alt] .ds-bgl { background: linear-gradient(180deg, #F8E6E7, #F3DADD); }
.ds[data-style="dareen"][data-tl="hook"] :is(.dr-hd, .dr-bd) { align-items: center; }
.ds[data-style="dareen"][data-tl="hook"] .r-head { font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.28 * var(--dlh) / 1.3); }
.ds[data-style="dareen"][data-tl="hook"] .r-head + .r-head { font-size: calc(10.37cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: 1.25; }
.ds[data-style="dareen"][data-tl="hook"] .dr-bd { margin-top: calc(4.444cqw * var(--fs)); }
.ds[data-style="dareen"][data-tl="hook"] .r-body { font-size: calc(5.37cqw * var(--fs)); line-height: 1.5; }

/* ---------- قائمة داكنة ---------- */
.ds[data-style="dareen"][data-tl="list"] { --dr-top: 21.5cqw; --dr-bot: 7.037cqw; --dr-hd: #FBF5EC; --dr-tx: #FBF5EC; --dr-tag: #E9A9B2; background: #2B1E1C !important; color: #FBF5EC;
  --fg: #FBF5EC !important; --sub: #FBF5EC !important; --tag: #E9A9B2 !important; }
.ds[data-style="dareen"][data-tl="list"] .ds-bgl { background: radial-gradient(80% 55% at 18% 0%, #4d3733, transparent 70%), linear-gradient(160deg, #3A2A27, #211817); }
.ds[data-style="dareen"][data-tl="list"] .dr-brand { color: #F7ECE6; }
.ds[data-style="dareen"][data-tl="list"] .dr-t3 { display: none; }
.ds[data-style="dareen"][data-tl="list"] .r-head { font-size: calc(6.296cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.35 * var(--dlh) / 1.3); }
.ds[data-style="dareen"][data-tl="list"] .r-head + .r-head { color: var(--dr-blush); }
.ds[data-style="dareen"][data-tl="list"] :is(.mk, .hl) { color: var(--dr-blush) !important; }
.ds[data-style="dareen"] .dr-lead { display: flex; align-items: stretch; gap: 1.852cqw; margin-top: calc(2.407cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-lbar { display: block; flex: none; width: .37cqw; border-radius: .185cqw; background: var(--dr-rose); }
.ds[data-style="dareen"] .dr-lead .dr-bd { margin: 0; }
.ds[data-style="dareen"][data-tl="list"] .dr-lead .r-body { font-size: calc(3.333cqw * var(--fs)); line-height: 1.55; color: rgba(251,245,236,.88); }
.ds[data-style="dareen"] .dr-rows { display: flex; flex-direction: column; gap: calc(1.667cqw * var(--fs)); margin: calc(3.148cqw * var(--fs)) 0; }
.ds[data-style="dareen"] .dr-row { display: flex; align-items: center; gap: 2.222cqw; padding: calc(1.667cqw * var(--fs)) 2.407cqw; border: .185cqw solid rgba(255,255,255,.14); border-radius: 2.222cqw; background: rgba(0,0,0,.14); }
.ds[data-style="dareen"] .dr-row.is-hi { border-color: rgba(241,211,214,.55); background: rgba(196,111,124,.18); }
.ds[data-style="dareen"] .dr-chk { flex: none; display: grid; place-items: center; width: 5.741cqw; height: 5.741cqw; border-radius: 50%; background: var(--dr-blush); color: var(--dr-burg); font-style: normal; }
.ds[data-style="dareen"] .dr-chk svg { width: 3.148cqw; height: 3.148cqw; stroke-width: 2.8; }
.ds[data-style="dareen"] .dr-row.is-hi .dr-chk { background: #E9A9B2; }
.ds[data-style="dareen"] .dr-chk b { font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: 3.704cqw; line-height: 1; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-row span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.4; color: #FBF5EC; }
.ds[data-style="dareen"] .dr-row.is-hi span { font-weight: 700; }
.ds[data-style="dareen"] .dr-note { display: flex; align-items: center; gap: 2.778cqw; min-height: calc(13.889cqw * var(--fs)); padding: calc(2.222cqw * var(--fs)) 3.889cqw; border-radius: 2.593cqw; background: linear-gradient(90deg, #5E0E1F, #7A1729); }
.ds[data-style="dareen"] .dr-note .dr-mks { flex: 1 1 auto; }
.ds[data-style="dareen"] .dr-note .r-body { font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: #FBF5EC; }
.ds[data-style="dareen"] .dr-note .r-body.is-lead { font-weight: 400; font-size: calc(3.148cqw * var(--fs)); color: rgba(251,245,236,.85); }
.ds[data-style="dareen"] .dr-nbar { display: block; flex: none; width: .185cqw; height: 8.519cqw; background: rgba(255,255,255,.35); }
.ds[data-style="dareen"] .dr-ni { display: block; flex: none; font-style: normal; color: #FBF5EC; }
.ds[data-style="dareen"] .dr-ni svg { width: 7.222cqw; height: 7.222cqw; stroke-width: 1.5; }

/* ---------- خطوات مرقّمة ---------- */
.ds[data-style="dareen"][data-tl="steps"] .ds-bgl { background: linear-gradient(180deg, #FBF5EC, #F7ECE5); }
.ds[data-style="dareen"]:is([data-tl="steps"], [data-tl="myth"]) .r-head { font-size: calc(7.778cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.25 * var(--dlh) / 1.3); }
.ds[data-style="dareen"] .dr-steps { display: flex; flex-direction: column; margin: calc(3.148cqw * var(--fs)) 0; }
.ds[data-style="dareen"] .dr-step { display: flex; align-items: center; gap: 2.778cqw; padding: calc(2.222cqw * var(--fs)) 0; }
.ds[data-style="dareen"] .dr-step + .dr-step { border-top: .185cqw solid rgba(196,111,124,.35); }
.ds[data-style="dareen"] .dr-no { flex: none; display: grid; place-items: center; width: 6.667cqw; height: 6.667cqw; border-radius: 50%; background: var(--dr-burg); color: #fff; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: 3.333cqw; line-height: 1; }
.ds[data-style="dareen"] .dr-step p { display: flex; flex-direction: column; margin: 0; }
.ds[data-style="dareen"] .dr-step p > strong { font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(4.074cqw * var(--fs)); line-height: 1.35; color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-step p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 400; font-size: calc(3.704cqw * var(--fs)); line-height: 1.45; color: var(--dr-ink); }
.ds[data-style="dareen"] .dr-ft { margin-top: calc(1.481cqw * var(--fs)); }
.ds[data-style="dareen"] .dr-ft .r-body { font-weight: 700; font-size: calc(3.704cqw * var(--fs)); color: var(--dr-burg); }

/* ---------- الشائع والصحيح ---------- */
.ds[data-style="dareen"] .dr-myth { display: flex; flex-direction: column; gap: calc(2.222cqw * var(--fs)); margin: calc(3.148cqw * var(--fs)) 0; }
.ds[data-style="dareen"] .dr-mc { display: flex; align-items: center; gap: 2.407cqw; padding: calc(2.963cqw * var(--fs)) 3.333cqw; border-radius: 2.778cqw; }
.ds[data-style="dareen"] .dr-mc.is-no { border: .185cqw solid var(--dr-blush); background: rgba(255,255,255,.7); }
.ds[data-style="dareen"] .dr-mc.is-yes { background: var(--dr-burg); }
.ds[data-style="dareen"] .dr-mi { flex: none; display: grid; place-items: center; width: 6.481cqw; height: 6.481cqw; border-radius: 50%; font-style: normal; }
.ds[data-style="dareen"] .is-no .dr-mi { background: var(--dr-blush); color: var(--dr-rose); }
.ds[data-style="dareen"] .is-yes .dr-mi { background: var(--dr-cream); color: var(--dr-burg); }
.ds[data-style="dareen"] .dr-mi svg { width: 3.519cqw; height: 3.519cqw; stroke-width: 2.8; }
.ds[data-style="dareen"] .dr-mc p { margin: 0; font-family: var(--ft), Tahoma, sans-serif; font-size: calc(4.074cqw * var(--fs)); line-height: 1.45; }
.ds[data-style="dareen"] .is-no p { font-weight: 400; color: var(--dr-mute); text-decoration: line-through; text-decoration-color: rgba(196,111,124,.7); text-decoration-thickness: .185cqw; }
.ds[data-style="dareen"] .is-yes p { font-weight: 700; color: #FBF5EC; }

/* ---------- دعوة على العنابي ---------- */
.ds[data-style="dareen"][data-tl="cta"] { --dr-top: 25cqw; --dr-bot: 18cqw; --dr-hd: #FBF5EC; --dr-tx: #FBF5EC; --dr-tag: #F1D3D6; background: #6B1023 !important; color: #FBF5EC; text-align: center;
  --fg: #FBF5EC !important; --sub: #FBF5EC !important; --tag: #F1D3D6 !important; }
.ds[data-style="dareen"][data-tl="cta"] .ds-bgl { background: radial-gradient(70% 55% at 85% 0%, #9A2B3D, transparent 65%), linear-gradient(170deg, #7A1729, #4F0A19); }
.ds[data-style="dareen"][data-tl="cta"] .dr-brand { top: calc(7.407cqw + var(--dr-st)); color: #FBF5EC; }
.ds[data-style="dareen"][data-tl="cta"] .dr-sig { font-size: 11.481cqw; }
.ds[data-style="dareen"][data-tl="cta"] .dr-t3 { color: var(--dr-blush); }
.ds[data-style="dareen"][data-tl="cta"] :is(.dr-hd, .dr-bd, .dr-main) { align-items: center; }
.ds[data-style="dareen"][data-tl="cta"] .r-head { font-size: calc(8.519cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="dareen"][data-tl="cta"] .r-head + .r-head { color: var(--dr-blush); }
.ds[data-style="dareen"][data-tl="cta"] .dr-bd { margin-top: calc(3.333cqw * var(--fs)); }
.ds[data-style="dareen"][data-tl="cta"] .r-body { font-size: calc(4.259cqw * var(--fs)); line-height: 1.6; color: rgba(251,245,236,.92); }
.ds[data-style="dareen"][data-tl="cta"] .mk { color: var(--dr-blush) !important; }
.ds[data-style="dareen"][data-tl="cta"] .r-head .hl { color: var(--dr-blush) !important; }
.ds[data-style="dareen"][data-tl="cta"] .r-body .hl { padding: 0 1.852cqw !important; border-radius: 1.296cqw; background: var(--dr-blush) !important; color: var(--dr-burg) !important; font-weight: 900 !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ds[data-style="dareen"] .dr-btn { align-self: center; margin-top: calc(4.63cqw * var(--fs)); padding: calc(1.852cqw * var(--fs)) 5.185cqw; border-radius: 999px; background: #FBF5EC; font-weight: 700 !important; font-size: calc(3.704cqw * var(--fs)) !important; line-height: 1.4 !important; color: var(--dr-burg) !important; }
.ds[data-style="dareen"][data-tl="cta"] .dr-lock { right: auto; left: 50%; transform: translateX(-50%); color: #FBF5EC; }
.ds[data-style="dareen"][data-tl="cta"] .dr-who b { color: #FBF5EC; }
.ds[data-style="dareen"][data-tl="cta"] .dr-who small { color: var(--dr-blush); opacity: 1; }
/* dareen:end */

/* wejdan:start */
/* ==========================================================================
   قالب «واجهة المتجر» الخاص: أخضر داكن وكريمي وكهرماني، خط جرافيك سوبر.
   المقاسات من لوحة 1080×1350 (بكسل ÷ 10.8 = cqw). الشكل من wjPlan (data-tl).
   شريط الحساب في طبقة الخلفية والحشوة تحجز مكانه. رسوم الزينة داخل .wj-stage
   (حاوية بمقاسها، container-type: size): كل جزء فيها بوحدة --u، وهي بكسل من لوحة
   الرسم (--vw × --vh) مصغَّرًا بقدر ما يتسع المسرح، فتتناسب الرسمة ولا تُقص.
   ========================================================================== */
.ds[data-style="wejdan"] {
  --wj-ink: #263E0F; --wj-sub: rgba(38,62,15,.7); --wj-hole: #FFF5EF;
  --wj-top: 18.148cqw; --wj-bot: 6.667cqw; --wj-side: 6.667cqw; --wj-st: 0cqw; --wj-sb: 0cqw;
  --fg: #263E0F !important; --sub: rgba(38,62,15,.7) !important; --tag: #263E0F !important; --hl: rgba(255,171,1,.9) !important;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right; color: #263E0F; background: #FFF5EF !important;
  padding: calc(var(--wj-top) + var(--wj-st)) var(--wj-side) calc(var(--wj-bot) + var(--wj-sb)) !important;
}
.ds[data-style="wejdan"][data-dk] { --wj-ink: #FFF5EF; --wj-sub: rgba(255,245,239,.76); --wj-hole: #263E0F;
  --fg: #FFF5EF !important; --sub: rgba(255,245,239,.76) !important; --tag: #FFF5EF !important; --hl: transparent !important;
  color: #FFF5EF; background: #263E0F !important; }
.ds-frame.is-story .ds[data-style="wejdan"] { --wj-st: 16cqw; --wj-sb: 22cqw; }
.ds[data-style="wejdan"] :is(.ds-scene, .ds-bgimg, .ds-shade, .ds-me, .ds-mast, .ds-num, .ds-swipe, .ds-logo) { display: none !important; }
.ds[data-style="wejdan"] .ds-bgl { background: #FFF5EF; }
.ds[data-style="wejdan"][data-dk] .ds-bgl { background: radial-gradient(70% 55% at 85% 0%, rgba(255,171,1,.16), rgba(255,171,1,0) 70%), radial-gradient(60% 50% at 0% 100%, rgba(255,245,239,.06), rgba(255,245,239,0) 70%), #263E0F; }
.ds[data-style="wejdan"] .ds-txt { flex: 1 1 auto; gap: 0; margin: 0 !important; align-items: stretch; }
.ds[data-style="wejdan"].sc-photo_full .ds-txt { max-height: none; overflow: visible; }
.ds[data-style="wejdan"] :is(.wj-hd, .wj-col, .wj-main, .wj-mks) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="wejdan"] .wj-main { flex: 1 1 auto; justify-content: center; }
.ds[data-style="wejdan"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="wejdan"] :is(i, b, em, small, strong) { font-style: normal; }
.ds[data-style="wejdan"] svg.wj-ico { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ds[data-style="wejdan"] svg.wj-ico.is-fill { fill: currentColor; stroke: none; }

/* ---------- شريط الحساب ---------- */
.ds[data-style="wejdan"] .wj-top { position: absolute; z-index: 1; top: calc(5.556cqw + var(--wj-st)); right: var(--wj-side); left: var(--wj-side); display: flex; align-items: center; justify-content: space-between; gap: 2.222cqw; direction: rtl; }
.ds[data-style="wejdan"] .wj-me { display: flex; align-items: center; gap: 1.667cqw; min-width: 0; }
.ds[data-style="wejdan"] .wj-face { position: relative; flex: none; display: grid; place-items: center; width: 7.963cqw; height: 7.963cqw; border-radius: 50%; overflow: hidden; background: #263E0F; box-shadow: 0 0 0 .463cqw #FFF5EF, 0 1.296cqw 2.778cqw rgba(38,62,15,.22); }
.ds[data-style="wejdan"][data-dk] .wj-top .wj-face { box-shadow: 0 0 0 .463cqw rgba(255,245,239,.16), 0 1.296cqw 2.778cqw rgba(0,0,0,.3); }
.ds[data-style="wejdan"] .wj-face img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ds[data-style="wejdan"] .wj-face b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: 3.704cqw; line-height: 1; color: #FFF5EF; }
.ds[data-style="wejdan"][data-dk] .wj-top .wj-face.is-init { background: #FFAB01; }
.ds[data-style="wejdan"][data-dk] .wj-top .wj-face.is-init b { color: #263E0F; }
.ds[data-style="wejdan"] .wj-who { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ds[data-style="wejdan"] .wj-who b { direction: ltr; unicode-bidi: isolate; font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: 2.87cqw; line-height: 1.25; color: var(--wj-ink); white-space: nowrap; }
.ds[data-style="wejdan"] .wj-who small { margin-top: .185cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: 2.222cqw; line-height: 1.35; color: var(--wj-sub); white-space: nowrap; }
.ds[data-style="wejdan"] .wj-cartb { position: relative; flex: none; display: grid; place-items: center; width: 8.148cqw; height: 8.148cqw; border-radius: 2.593cqw; background: #FFFFFF; color: #263E0F; box-shadow: 0 1.667cqw 3.333cqw rgba(38,62,15,.14); }
.ds[data-style="wejdan"] .wj-cartb svg { width: 4.259cqw; height: 4.259cqw; }
.ds[data-style="wejdan"] .wj-cartb b { position: absolute; top: -1.111cqw; left: -1.111cqw; display: grid; place-items: center; min-width: 4.259cqw; height: 4.259cqw; padding: 0 .926cqw; border-radius: 2.13cqw; background: #FFAB01; color: #263E0F; font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 900; font-size: 2.222cqw; line-height: 1; box-shadow: 0 0 0 .556cqw #FFF5EF; }
.ds[data-style="wejdan"] .wj-cnt { flex: none; direction: ltr; padding: 1.204cqw 2.037cqw; border-radius: 999px; background: #FFFFFF; box-shadow: 0 1.111cqw 2.407cqw rgba(38,62,15,.1); font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 700; font-size: 2.407cqw; line-height: 1; color: #263E0F; white-space: nowrap; }
.ds[data-style="wejdan"][data-dk] :is(.wj-cartb, .wj-cnt) { background: rgba(255,245,239,.1); color: #FFF5EF; box-shadow: inset 0 0 0 .185cqw rgba(255,245,239,.18); }
.ds[data-style="wejdan"][data-dk] .wj-cartb b { box-shadow: 0 0 0 .556cqw #263E0F; }

/* ---------- النص ---------- */
.ds[data-style="wejdan"] .r-tag { align-self: flex-start; display: flex; align-items: center; gap: 1.111cqw; margin: 0 0 calc(2.407cqw * var(--fs)); padding: calc(1.111cqw * var(--fs)) calc(2.407cqw * var(--fs)); border-radius: 999px; background: #FFAB01; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(2.593cqw * var(--fs)); line-height: 1.35; color: #263E0F; }
.ds[data-style="wejdan"] .r-tag svg.wj-ico { width: 1.15em; height: 1.15em; stroke-width: 2.3; }
.ds[data-style="wejdan"] .r-tag + .r-tag { margin-top: calc(-1.111cqw * var(--fs)); }
.ds[data-style="wejdan"] .r-head + .r-tag { margin: calc(2.407cqw * var(--fs)) 0 0; }
.ds[data-style="wejdan"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(8.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.16 * var(--dlh) / 1.2); color: var(--wj-ink); text-wrap: balance; }
.ds[data-style="wejdan"] .r-head + .r-head { margin-top: calc(.926cqw * var(--fs)); }
.ds[data-style="wejdan"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); line-height: 1.55; color: var(--wj-sub); text-wrap: pretty; }
.ds[data-style="wejdan"] .r-body :is(.mk, .hl) { font-weight: inherit; }
.ds[data-style="wejdan"] .r-body .hl { font-weight: 700; background-image: linear-gradient(rgba(255,171,1,0) 50%, var(--hl) 50%, var(--hl) 94%, rgba(255,171,1,0) 94%); }
.ds[data-style="wejdan"] .wj-hd > .r-body { margin-top: calc(2.037cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-hd > .r-body + .r-body { margin-top: calc(.741cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-hd > .r-body.wj-mk { font-weight: 700; color: var(--wj-ink); }
.ds[data-style="wejdan"] .hl { padding: 0 .1em; color: inherit; -webkit-box-decoration-break: slice; box-decoration-break: slice; }
.ds[data-style="wejdan"] .r-head .hl { background-image: linear-gradient(rgba(255,171,1,0) 58%, var(--hl) 58%, var(--hl) 92%, rgba(255,171,1,0) 92%); }
.ds[data-style="wejdan"][data-dk] .hl { background-image: none !important; padding: 0; color: #FFAB01 !important; }
.ds[data-style="wejdan"] .mk { background-image: none !important; padding: 0; }
.ds[data-style="wejdan"] :is(.wj-fix, .wj-pay, .wj-nt, .wj-pill, .wj-rcpt) :is(.mk, .hl) { color: inherit; }
.ds[data-style="wejdan"] .wj-fix .hl { background-image: none !important; color: #FFAB01 !important; }
.ds[data-style="wejdan"] :is([data-dk] .wj-fix, .wj-rcpt, .wj-pay) .hl { color: #263E0F !important; background-image: linear-gradient(rgba(255,171,1,0) 50%, rgba(255,171,1,.9) 50%, rgba(255,171,1,.9) 94%, rgba(255,171,1,0) 94%) !important; }
.ds[data-style="wejdan"] .wj-pay .hl { background-image: none !important; }
.ds[data-style="wejdan"] .wj-pill .hl { background-image: none !important; color: #FFAB01 !important; }

/* ---------- المسرح وبطاقة الخلاصة ---------- */
.ds[data-style="wejdan"] .wj-stage { position: relative; flex: 1 1 0; min-height: calc(34cqw * var(--fs)); margin-top: calc(3.333cqw * var(--fs)); container-type: size; }
.ds[data-style="wejdan"] .wj-vis { --u: min(calc(100cqw / var(--vw)), calc(100cqh / var(--vh))); position: absolute; left: 50%; top: 50%; display: block; width: calc(var(--vw) * var(--u)); height: calc(var(--vh) * var(--u)); transform: translate(-50%, -50%); }
.ds[data-style="wejdan"] :where(.wj-vis i) { display: block; }
.ds[data-style="wejdan"] .wj-fix { flex: none; display: flex; align-items: center; gap: 2.593cqw; margin-top: calc(3.333cqw * var(--fs)); padding: calc(2.963cqw * var(--fs)) 3.333cqw; border-radius: 3.704cqw; background: #263E0F; color: #FFF5EF; }
.ds[data-style="wejdan"][data-dk] .wj-fix { background: #FFF5EF; color: #263E0F; }
.ds[data-style="wejdan"] .wj-ok { flex: none; display: grid; place-items: center; width: calc(8.519cqw * var(--fs)); height: calc(8.519cqw * var(--fs)); border-radius: 2.778cqw; background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"] .wj-ok svg { width: 58%; height: 58%; stroke-width: 2.6; }
.ds[data-style="wejdan"] .wj-mks { flex: 1 1 auto; min-width: 0; gap: calc(.741cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-fix .r-body { font-weight: 700; font-size: calc(3.519cqw * var(--fs)); line-height: 1.45; color: #FFF5EF; }
.ds[data-style="wejdan"][data-dk] .wj-fix .r-body { color: #263E0F; }
.ds[data-style="wejdan"] .wj-fix .r-body.is-lead { font-weight: 500; font-size: calc(3.148cqw * var(--fs)); opacity: .86; }

/* ---------- أجزاء مشتركة: منتجات ونجوم وأسطر باهتة ---------- */
.ds[data-style="wejdan"] .wj-stars { display: flex !important; gap: calc(6 * var(--u)); color: #FFAB01; }
.ds[data-style="wejdan"] .wj-stars svg { width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
.ds[data-style="wejdan"] .wj-stars svg.is-off { color: #E5DCCF; }
.ds[data-style="wejdan"] .wj-bottle { position: absolute; left: 50%; bottom: calc(22 * var(--u)); width: calc(156 * var(--u)); height: calc(236 * var(--u)); transform: translateX(-50%) scale(.86); transform-origin: bottom center; }
.ds[data-style="wejdan"] :is(.wj-bottle, .wj-box) > i { position: absolute; display: block; }
.ds[data-style="wejdan"] .wj-cap { top: 0; left: 50%; width: calc(66 * var(--u)); height: calc(50 * var(--u)); margin-left: calc(-33 * var(--u)); border-radius: calc(14 * var(--u)); background: #263E0F; }
.ds[data-style="wejdan"] .wj-neck { top: calc(46 * var(--u)); left: 50%; width: calc(42 * var(--u)); height: calc(26 * var(--u)); margin-left: calc(-21 * var(--u)); background: #D59A12; }
.ds[data-style="wejdan"] .wj-bb { left: 0; right: 0; bottom: 0; height: calc(170 * var(--u)); border-radius: calc(48 * var(--u)); background: linear-gradient(155deg, #FFD66F, #FFAB01 60%, #E89A00); box-shadow: inset calc(-22 * var(--u)) calc(-12 * var(--u)) 0 rgba(0,0,0,.07); }
.ds[data-style="wejdan"] .wj-lbl { left: 50%; bottom: calc(52 * var(--u)); width: calc(84 * var(--u)); height: calc(56 * var(--u)); margin-left: calc(-42 * var(--u)); border-radius: calc(12 * var(--u)); background: rgba(255,245,239,.92); }
.ds[data-style="wejdan"] .wj-lbl::before, .ds[data-style="wejdan"] .wj-lbl::after { content: ""; position: absolute; right: calc(14 * var(--u)); left: calc(14 * var(--u)); top: calc(17 * var(--u)); height: calc(6 * var(--u)); border-radius: calc(3 * var(--u)); background: rgba(38,62,15,.35); }
.ds[data-style="wejdan"] .wj-lbl::after { top: calc(31 * var(--u)); left: calc(30 * var(--u)); }
.ds[data-style="wejdan"] .wj-shine { top: calc(92 * var(--u)); right: calc(24 * var(--u)); width: calc(16 * var(--u)); height: calc(74 * var(--u)); border-radius: calc(8 * var(--u)); background: rgba(255,255,255,.55); }
.ds[data-style="wejdan"] .wj-box { position: absolute; left: 50%; bottom: calc(34 * var(--u)); width: calc(214 * var(--u)); height: calc(186 * var(--u)); transform: translateX(-50%) scale(.9); transform-origin: bottom center; }
.ds[data-style="wejdan"] .wj-lid { top: 0; left: calc(-10 * var(--u)); right: calc(-10 * var(--u)); height: calc(54 * var(--u)); border-radius: calc(16 * var(--u)); background: #C98E4E; }
.ds[data-style="wejdan"] .wj-bx { top: calc(44 * var(--u)); left: 0; right: 0; bottom: 0; border-radius: 0 0 calc(18 * var(--u)) calc(18 * var(--u)); background: linear-gradient(160deg, #DDA86A, #C7894A); }
.ds[data-style="wejdan"] .wj-tape { top: 0; bottom: 0; left: 50%; width: calc(44 * var(--u)); margin-left: calc(-22 * var(--u)); background: #263E0F; opacity: .9; }
.ds[data-style="wejdan"] .wj-btag { bottom: calc(26 * var(--u)); right: calc(22 * var(--u)); width: calc(62 * var(--u)); height: calc(40 * var(--u)); border-radius: calc(8 * var(--u)); background: #FFF5EF; }
.ds[data-style="wejdan"] .wj-vis .wj-ln { height: calc(14 * var(--u)); margin-top: calc(14 * var(--u)); border-radius: calc(7 * var(--u)); background: rgba(38,62,15,.1); }
.ds[data-style="wejdan"] .wj-ln.is-1 { width: 92%; }
.ds[data-style="wejdan"] .wj-ln.is-2 { width: 66%; }
.ds[data-style="wejdan"] .wj-seal { position: absolute; display: grid !important; place-items: center; border-radius: 50%; background: #263E0F; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-seal svg { width: 56%; height: 56%; stroke-width: 2.8; }
.ds[data-style="wejdan"] .wj-ph { position: relative; width: 100%; height: 100%; overflow: hidden; background: #E6E7D6; }
.ds[data-style="wejdan"] .wj-phi { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* ---------- الغلاف: رف منتجات ---------- */
.ds[data-style="wejdan"][data-tl="cover"] .r-head { font-size: calc(10cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.12 * var(--dlh) / 1.2); }
.ds[data-style="wejdan"][data-tl="cover"] .wj-stage { min-height: calc(32cqw * var(--fs)); margin-top: calc(2.222cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-stage[data-v="shelf"] .wj-vis { --vw: 936; --vh: 560; }
.ds[data-style="wejdan"] .wj-under { flex: none; display: flex; justify-content: flex-start; margin-top: calc(2.222cqw * var(--fs)); }
.ds[data-style="wejdan"] .r-body.wj-pill { padding: calc(1.481cqw * var(--fs)) calc(3.148cqw * var(--fs)); border-radius: calc(4.63cqw * var(--fs)); background: #263E0F; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.4; color: #FFF5EF; }
.ds[data-style="wejdan"] .wj-card { position: absolute; width: calc(390 * var(--u)); padding: calc(20 * var(--u)) calc(20 * var(--u)) calc(24 * var(--u)); border-radius: calc(44 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(46 * var(--u)) calc(84 * var(--u)) rgba(38,62,15,.2), 0 0 0 calc(2 * var(--u)) rgba(38,62,15,.04); }
.ds[data-style="wejdan"] .wj-card.is-a { right: calc(32 * var(--u)); top: calc(44 * var(--u)); transform: rotate(-6deg); }
.ds[data-style="wejdan"] .wj-card.is-b { left: calc(20 * var(--u)); top: calc(74 * var(--u)); transform: rotate(5deg); }
.ds[data-style="wejdan"] .wj-pimg { position: relative; height: calc(250 * var(--u)); border-radius: calc(30 * var(--u)); overflow: hidden; background: linear-gradient(160deg, #EEF0DF, #DADDC4); }
.ds[data-style="wejdan"] .wj-card.is-b .wj-pimg { background: linear-gradient(160deg, #FBE9D2, #F2D6B0); }
.ds[data-style="wejdan"] .wj-pname { display: block; margin: calc(22 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(32 * var(--u)); line-height: 1.3; color: #263E0F; white-space: nowrap; }
.ds[data-style="wejdan"] .wj-card .wj-stars { margin: 0 calc(8 * var(--u)); }
.ds[data-style="wejdan"] .wj-btn { display: flex !important; align-items: center; justify-content: center; gap: calc(12 * var(--u)); height: calc(78 * var(--u)); margin-top: calc(20 * var(--u)); border-radius: calc(24 * var(--u)); background: #263E0F; color: #FFF5EF; }
.ds[data-style="wejdan"] .wj-btn b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(30 * var(--u)); line-height: 1; white-space: nowrap; }
.ds[data-style="wejdan"] .wj-btn svg { width: calc(34 * var(--u)); height: calc(34 * var(--u)); }
.ds[data-style="wejdan"] .wj-btn.is-am { background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"] .has-img .wj-card.is-a { width: calc(520 * var(--u)); right: calc(6 * var(--u)); top: calc(4 * var(--u)); transform: rotate(-4deg); z-index: 1; }
.ds[data-style="wejdan"] .has-img .wj-card.is-a .wj-pimg { height: calc(440 * var(--u)); }
.ds[data-style="wejdan"] .wj-quick { position: absolute; z-index: 2; top: calc(-6 * var(--u)); left: calc(78 * var(--u)); display: flex !important; align-items: center; gap: calc(12 * var(--u)); padding: calc(16 * var(--u)) calc(24 * var(--u)); border-radius: 999px; background: #263E0F; color: #FFF5EF; box-shadow: 0 calc(20 * var(--u)) calc(40 * var(--u)) rgba(38,62,15,.25); transform: rotate(-3deg); }
.ds[data-style="wejdan"] .wj-quick b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(27 * var(--u)); line-height: 1; white-space: nowrap; }
.ds[data-style="wejdan"] .wj-quick svg { width: calc(34 * var(--u)); height: calc(34 * var(--u)); color: #FFAB01; }
.ds[data-style="wejdan"] .wj-sticker { position: absolute; z-index: 2; right: calc(368 * var(--u)); top: calc(236 * var(--u)); display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: calc(4 * var(--u)); width: calc(196 * var(--u)); height: calc(196 * var(--u)); border-radius: 50%; background: #FFAB01; color: #263E0F; box-shadow: 0 0 0 calc(10 * var(--u)) #FFF5EF, 0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(38,62,15,.25); transform: rotate(-12deg); }
.ds[data-style="wejdan"] .has-img .wj-sticker { right: auto; left: calc(410 * var(--u)); top: calc(300 * var(--u)); }
.ds[data-style="wejdan"] .wj-sticker b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(40 * var(--u)); line-height: 1.1; }
.ds[data-style="wejdan"] .wj-sticker svg { width: calc(58 * var(--u)); height: calc(58 * var(--u)); stroke-width: 2.4; }
.ds[data-style="wejdan"] svg.wj-cursor { position: absolute; z-index: 3; left: calc(246 * var(--u)); top: calc(438 * var(--u)); display: block; width: calc(70 * var(--u)); height: calc(70 * var(--u)); transform: rotate(-8deg); fill: #263E0F; stroke: #FFF5EF; stroke-width: 1.4; stroke-linejoin: round; filter: drop-shadow(0 calc(10 * var(--u)) calc(14 * var(--u)) rgba(38,62,15,.3)); }
.ds[data-style="wejdan"] .has-img svg.wj-cursor { left: calc(360 * var(--u)); top: calc(470 * var(--u)); }

/* ---------- قبل وبعد ---------- */
.ds[data-style="wejdan"] .wj-stage[data-v="frames"] .wj-vis { --vw: 936; --vh: 500; }
.ds[data-style="wejdan"] .wj-frame { position: absolute; top: 0; bottom: 0; width: calc(451 * var(--u)); border-radius: calc(40 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(38,62,15,.12); overflow: hidden; }
.ds[data-style="wejdan"] .wj-frame.is-bad { right: 0; }
.ds[data-style="wejdan"] .wj-frame.is-good { left: 0; }
.ds[data-style="wejdan"] .wj-lab { position: absolute; z-index: 3; top: calc(22 * var(--u)); right: calc(22 * var(--u)); display: flex !important; align-items: center; height: calc(52 * var(--u)); padding: 0 calc(22 * var(--u)); border-radius: 999px; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(25 * var(--u)); line-height: 1; }
.ds[data-style="wejdan"] .wj-lab.is-ln { box-shadow: inset 0 0 0 calc(2.5 * var(--u)) #9A9384; color: #857E6F; }
.ds[data-style="wejdan"] .wj-lab.is-am { background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"] .wj-scn { position: absolute; top: calc(92 * var(--u)); right: calc(34 * var(--u)); bottom: calc(34 * var(--u)); left: calc(34 * var(--u)); border-radius: calc(26 * var(--u)); overflow: hidden; }
.ds[data-style="wejdan"] .is-bad .wj-scn { background: #F1EFEA; }
.ds[data-style="wejdan"] .is-good .wj-scn { background: linear-gradient(160deg, #FBE9D2, #F1D2A6); }
.ds[data-style="wejdan"] .wj-q { position: absolute; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(64 * var(--u)); line-height: 1; color: rgba(38,62,15,.22); }
.ds[data-style="wejdan"] .wj-q.is-1 { top: calc(40 * var(--u)); right: calc(48 * var(--u)); }
.ds[data-style="wejdan"] .wj-q.is-2 { bottom: calc(96 * var(--u)); left: calc(40 * var(--u)); font-size: calc(48 * var(--u)); }
.ds[data-style="wejdan"] .is-bad .wj-box { bottom: calc(112 * var(--u)); transform: translateX(-50%) scale(.6); }
.ds[data-style="wejdan"] .wj-dim { position: absolute; left: calc(40 * var(--u)); right: calc(40 * var(--u)); bottom: calc(44 * var(--u)); height: calc(3 * var(--u)); background: repeating-linear-gradient(90deg, #263E0F 0 calc(10 * var(--u)), rgba(38,62,15,0) calc(10 * var(--u)) calc(18 * var(--u))); }
.ds[data-style="wejdan"] .wj-dim b { position: absolute; left: 50%; top: calc(-26 * var(--u)); padding: 0 calc(12 * var(--u)); transform: translateX(-50%); background: #F1EFEA; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; font-size: calc(34 * var(--u)); line-height: 1.5; color: #263E0F; }
.ds[data-style="wejdan"] .wj-floor { position: absolute; left: 10%; right: 10%; bottom: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: 50%; background: rgba(38,62,15,.12); }
.ds[data-style="wejdan"] .is-good .wj-bottle { left: 34%; bottom: calc(36 * var(--u)); transform: translateX(-50%) scale(.74); }
.ds[data-style="wejdan"] .is-good .wj-box { left: 66%; bottom: calc(40 * var(--u)); transform: translateX(-50%) scale(.72); }
.ds[data-style="wejdan"] .is-v2 .is-bad .wj-bottle { bottom: calc(104 * var(--u)); transform: translateX(-50%) scale(.52); }
.ds[data-style="wejdan"] .is-v2 .is-good .wj-scn { background: linear-gradient(160deg, #EEF0DF, #D5DABD); }
.ds[data-style="wejdan"] .is-v2 .is-good .wj-box { left: 36%; bottom: calc(40 * var(--u)); transform: translateX(-50%) scale(.74); }
.ds[data-style="wejdan"] .is-v2 .is-good .wj-bottle { left: 70%; bottom: calc(36 * var(--u)); transform: translateX(-50%) scale(.7); }
.ds[data-style="wejdan"] .wj-spark { position: absolute; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-spark svg { width: 100%; height: 100%; stroke-width: 3; }
.ds[data-style="wejdan"] .wj-spark.is-1 { top: calc(30 * var(--u)); left: calc(36 * var(--u)); width: calc(56 * var(--u)); height: calc(56 * var(--u)); }
.ds[data-style="wejdan"] .wj-spark.is-2 { top: calc(96 * var(--u)); right: calc(48 * var(--u)); width: calc(34 * var(--u)); height: calc(34 * var(--u)); color: #263E0F; opacity: .45; }
.ds[data-style="wejdan"] .wj-stage[data-v="pframe"] .wj-vis { --vw: 936; --vh: 560; }
.ds[data-style="wejdan"] .wj-pframe { position: absolute; inset: 0; padding: calc(18 * var(--u)); border-radius: calc(44 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(34 * var(--u)) calc(70 * var(--u)) rgba(38,62,15,.16); transform: rotate(-1.5deg); }
.ds[data-style="wejdan"] .wj-pframe .wj-ph { border-radius: calc(30 * var(--u)); }
.ds[data-style="wejdan"] .wj-pframe .wj-seal { top: calc(-22 * var(--u)); left: calc(-22 * var(--u)); width: calc(96 * var(--u)); height: calc(96 * var(--u)); background: #FFAB01; color: #263E0F; box-shadow: 0 0 0 calc(10 * var(--u)) #FFF5EF; }

/* ---------- رسوم بديلة لـ«قبل وبعد»: صفحة منتج، شحنة في الطريق، بحث في المتجر ---------- */
.ds[data-style="wejdan"] .wj-stage:is([data-v="page"], [data-v="parcel"], [data-v="search"]) .wj-vis { --vw: 936; --vh: 520; }
.ds[data-style="wejdan"] .wj-pp { position: absolute; left: calc(40 * var(--u)); right: calc(40 * var(--u)); top: calc(10 * var(--u)); bottom: calc(10 * var(--u)); display: flex !important; gap: calc(40 * var(--u)); padding: calc(30 * var(--u)); border-radius: calc(48 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(40 * var(--u)) calc(80 * var(--u)) rgba(38,62,15,.16); transform: rotate(-1.5deg); }
.ds[data-style="wejdan"] .wj-ppimg { position: relative; flex: none; width: calc(400 * var(--u)); border-radius: calc(34 * var(--u)); overflow: hidden; background: linear-gradient(160deg, #EEF0DF, #DADDC4); }
.ds[data-style="wejdan"] .wj-ppimg .wj-bottle { bottom: calc(46 * var(--u)); transform: translateX(-50%) scale(1.3); }
.ds[data-style="wejdan"] .wj-heart { position: absolute; top: calc(22 * var(--u)); left: calc(22 * var(--u)); display: grid !important; place-items: center; width: calc(68 * var(--u)); height: calc(68 * var(--u)); border-radius: 50%; background: #FFFFFF; color: #E4572E; }
.ds[data-style="wejdan"] .wj-heart svg { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
.ds[data-style="wejdan"] .wj-ppinfo { flex: 1 1 auto; min-width: 0; display: flex !important; flex-direction: column; justify-content: center; gap: calc(22 * var(--u)); }
.ds[data-style="wejdan"] .wj-vis .wj-ppinfo .wj-ln { margin: 0; }
.ds[data-style="wejdan"] .wj-vis .wj-ppinfo .wj-ln.is-t { width: 88%; height: calc(34 * var(--u)); border-radius: calc(12 * var(--u)); background: rgba(38,62,15,.82); }
.ds[data-style="wejdan"] .wj-ppinfo .wj-stars svg { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
.ds[data-style="wejdan"] .wj-price { display: flex !important; align-items: center; gap: calc(20 * var(--u)); }
.ds[data-style="wejdan"] .wj-vis .wj-price .wj-ln.is-p { width: calc(150 * var(--u)); height: calc(44 * var(--u)); border-radius: calc(14 * var(--u)); background: #FFAB01; }
.ds[data-style="wejdan"] .wj-vis .wj-price .wj-ln.is-old { position: relative; width: calc(100 * var(--u)); height: calc(22 * var(--u)); background: rgba(38,62,15,.16); }
.ds[data-style="wejdan"] .wj-vis .wj-price .wj-ln.is-old::after { content: ""; position: absolute; left: calc(-8 * var(--u)); right: calc(-8 * var(--u)); top: 50%; height: calc(4 * var(--u)); margin-top: calc(-2 * var(--u)); background: #E4572E; transform: rotate(-8deg); }
.ds[data-style="wejdan"] .wj-ppinfo .wj-btn { margin-top: calc(6 * var(--u)); }
.ds[data-style="wejdan"] svg.wj-route { position: absolute; left: calc(150 * var(--u)); top: calc(150 * var(--u)); display: block; width: calc(400 * var(--u)); height: calc(200 * var(--u)); fill: none; stroke: #263E0F; stroke-width: 3; stroke-dasharray: 10 12; stroke-linecap: round; opacity: .45; }
.ds[data-style="wejdan"] .wj-truck { position: absolute; left: calc(40 * var(--u)); top: calc(40 * var(--u)); display: grid !important; place-items: center; width: calc(200 * var(--u)); height: calc(200 * var(--u)); border-radius: 50%; background: #263E0F; color: #FFAB01; box-shadow: 0 0 0 calc(16 * var(--u)) #FFF5EF, 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(38,62,15,.25); }
.ds[data-style="wejdan"] .wj-truck svg { width: calc(104 * var(--u)); height: calc(104 * var(--u)); stroke-width: 1.8; }
.ds[data-style="wejdan"] .wj-crate { position: absolute; right: calc(80 * var(--u)); bottom: calc(24 * var(--u)); width: calc(430 * var(--u)); height: calc(400 * var(--u)); }
.ds[data-style="wejdan"] .wj-crate .wj-box { bottom: 0; transform: translateX(-50%) scale(1.95); }
.ds[data-style="wejdan"] .wj-plabel { position: absolute; right: calc(250 * var(--u)); bottom: calc(80 * var(--u)); width: calc(210 * var(--u)); padding: calc(24 * var(--u)); border-radius: calc(18 * var(--u)); background: #FFF5EF; box-shadow: 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(38,62,15,.18); transform: rotate(-4deg); }
.ds[data-style="wejdan"] .wj-vis .wj-plabel .wj-ln { height: calc(16 * var(--u)); margin: 0 0 calc(14 * var(--u)); background: rgba(38,62,15,.3); }
.ds[data-style="wejdan"] .wj-pcode { height: calc(44 * var(--u)); background: repeating-linear-gradient(90deg, #263E0F 0 calc(4 * var(--u)), rgba(38,62,15,0) calc(4 * var(--u)) calc(9 * var(--u)), #263E0F calc(9 * var(--u)) calc(11 * var(--u)), rgba(38,62,15,0) calc(11 * var(--u)) calc(17 * var(--u))); }
.ds[data-style="wejdan"] .wj-seal.is-parcel { right: calc(60 * var(--u)); top: calc(40 * var(--u)); width: calc(96 * var(--u)); height: calc(96 * var(--u)); background: #FFAB01; color: #263E0F; box-shadow: 0 0 0 calc(10 * var(--u)) #FFF5EF; }
.ds[data-style="wejdan"] .wj-sbar { position: absolute; left: calc(40 * var(--u)); right: calc(40 * var(--u)); top: calc(6 * var(--u)); height: calc(110 * var(--u)); display: flex !important; align-items: center; gap: calc(24 * var(--u)); padding: 0 calc(36 * var(--u)) 0 calc(18 * var(--u)); border-radius: 999px; background: #FFFFFF; color: #263E0F; box-shadow: 0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(38,62,15,.14); }
.ds[data-style="wejdan"] .wj-sbar > svg { width: calc(50 * var(--u)); height: calc(50 * var(--u)); stroke-width: 2.4; }
.ds[data-style="wejdan"] .wj-vis .wj-sbar .wj-ln { width: calc(300 * var(--u)); height: calc(22 * var(--u)); margin: 0; background: rgba(38,62,15,.22); }
.ds[data-style="wejdan"] .wj-caret { width: calc(5 * var(--u)); height: calc(56 * var(--u)); border-radius: calc(3 * var(--u)); background: #FFAB01; }
.ds[data-style="wejdan"] .wj-sgo { margin-inline-start: auto; display: grid !important; place-items: center; width: calc(140 * var(--u)); height: calc(76 * var(--u)); border-radius: 999px; background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"] .wj-sgo svg { width: calc(40 * var(--u)); height: calc(40 * var(--u)); stroke-width: 2.6; }
.ds[data-style="wejdan"] .wj-res { position: absolute; top: calc(172 * var(--u)); width: calc(270 * var(--u)); padding: calc(18 * var(--u)) calc(18 * var(--u)) calc(24 * var(--u)); border-radius: calc(36 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(26 * var(--u)) calc(52 * var(--u)) rgba(38,62,15,.13); }
.ds[data-style="wejdan"] .wj-res.is-1 { right: calc(40 * var(--u)); }
.ds[data-style="wejdan"] .wj-res.is-2 { right: calc(333 * var(--u)); top: calc(152 * var(--u)); box-shadow: 0 0 0 calc(6 * var(--u)) #FFAB01, 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(38,62,15,.2); }
.ds[data-style="wejdan"] .wj-res.is-3 { right: calc(626 * var(--u)); }
.ds[data-style="wejdan"] .wj-rimg { position: relative; height: calc(180 * var(--u)); border-radius: calc(24 * var(--u)); overflow: hidden; background: linear-gradient(160deg, #EEF0DF, #DADDC4); }
.ds[data-style="wejdan"] .wj-res.is-2 .wj-rimg { background: linear-gradient(160deg, #FBE9D2, #F2D6B0); }
.ds[data-style="wejdan"] .wj-res.is-3 .wj-rimg { background: linear-gradient(160deg, #FFE9BF, #FFD68A); }
.ds[data-style="wejdan"] .wj-rimg .wj-bottle { bottom: calc(10 * var(--u)); transform: translateX(-50%) scale(.64); }
.ds[data-style="wejdan"] .wj-rimg .wj-box { bottom: calc(18 * var(--u)); transform: translateX(-50%) scale(.72); }
.ds[data-style="wejdan"] .wj-res .wj-stars { margin-top: calc(14 * var(--u)); }
.ds[data-style="wejdan"] .wj-res .wj-stars svg { width: calc(24 * var(--u)); height: calc(24 * var(--u)); }
.ds[data-style="wejdan"] .wj-seal.is-search { right: calc(310 * var(--u)); top: calc(126 * var(--u)); width: calc(70 * var(--u)); height: calc(70 * var(--u)); background: #263E0F; color: #FFAB01; box-shadow: 0 0 0 calc(8 * var(--u)) #FFF5EF; z-index: 2; }

/* ---------- تتبع الطلب ---------- */
.ds[data-style="wejdan"] .wj-track.is-h { position: relative; display: flex; justify-content: space-between; margin: calc(4.444cqw * var(--fs)) 1.852cqw calc(2.222cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-tline { position: absolute; top: calc(5.556cqw * var(--fs)); right: calc(5.556cqw * var(--fs)); left: calc(5.556cqw * var(--fs)); display: block; height: 1.111cqw; margin-top: -.556cqw; border-radius: .556cqw; background: rgba(255,245,239,.18); }
.ds[data-style="wejdan"] .wj-tfill { position: absolute; top: 0; bottom: 0; right: 0; display: block; width: 66.667%; border-radius: inherit; background: #FFF5EF; }
.ds[data-style="wejdan"] .wj-track[data-n="3"] .wj-tfill { width: 50%; }
.ds[data-style="wejdan"] .wj-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: calc(2.037cqw * var(--fs)); width: calc(11.111cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-nc { position: relative; z-index: 1; flex: none; display: grid; place-items: center; width: calc(11.111cqw * var(--fs)); height: calc(11.111cqw * var(--fs)); border-radius: 50%; background: #FFF5EF; color: #263E0F; box-shadow: 0 0 0 .926cqw #263E0F; }
.ds[data-style="wejdan"] .wj-nc svg { width: 46%; height: 46%; stroke-width: 2.4; }
.ds[data-style="wejdan"] .wj-nc b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.444cqw * var(--fs)); line-height: 1; }
.ds[data-style="wejdan"] :is(.wj-node, .wj-step).is-cur .wj-nc { background: #FFAB01; }
.ds[data-style="wejdan"] .wj-node span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(2.963cqw * var(--fs)); line-height: 1.3; color: #FFF5EF; white-space: nowrap; text-align: center; }
.ds[data-style="wejdan"] .wj-track.is-v { position: relative; display: flex; flex-direction: column; margin-top: calc(3.333cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-step { position: relative; display: flex; align-items: flex-start; gap: 2.963cqw; padding: calc(1.296cqw * var(--fs)) 0; }
.ds[data-style="wejdan"] .wj-step:not(:last-child)::after { content: ""; position: absolute; right: calc(3.889cqw * var(--fs) - .37cqw); top: calc(5.185cqw * var(--fs)); width: .741cqw; height: 100%; border-radius: .37cqw; background: #FFF5EF; }
.ds[data-style="wejdan"] .wj-step:nth-last-child(2)::after { background: repeating-linear-gradient(180deg, rgba(255,245,239,.55) 0 1.296cqw, rgba(255,245,239,0) 1.296cqw 2.222cqw); }
.ds[data-style="wejdan"] .wj-step .wj-nc { width: calc(7.778cqw * var(--fs)); height: calc(7.778cqw * var(--fs)); box-shadow: 0 0 0 .741cqw #263E0F; }
.ds[data-style="wejdan"] .wj-step .wj-nc b { font-size: calc(3.519cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-step p { display: flex; flex-direction: column; justify-content: center; min-height: calc(7.778cqw * var(--fs)); margin: 0; }
.ds[data-style="wejdan"] .wj-step p > strong { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.704cqw * var(--fs)); line-height: 1.35; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-step p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 500; font-size: calc(3.704cqw * var(--fs)); line-height: 1.45; color: #FFF5EF; }
.ds[data-style="wejdan"] .wj-step.is-cur p > span { font-weight: 700; }
.ds[data-style="wejdan"][data-alt] .wj-nc { background: #263E0F; color: #FFF5EF; box-shadow: 0 0 0 .926cqw #FFF5EF; }
.ds[data-style="wejdan"][data-alt] .wj-step .wj-nc { box-shadow: 0 0 0 .741cqw #FFF5EF; }
.ds[data-style="wejdan"][data-alt] :is(.wj-node, .wj-step).is-cur .wj-nc { background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"][data-alt] .wj-tline { background: rgba(38,62,15,.14); }
.ds[data-style="wejdan"][data-alt] .wj-tfill { background: #263E0F; }
.ds[data-style="wejdan"][data-alt] :is(.wj-node span, .wj-step p > span) { color: #263E0F; }
.ds[data-style="wejdan"][data-alt] .wj-step p > strong { color: #8F5B00; }
.ds[data-style="wejdan"][data-alt] .wj-step:not(:last-child)::after { background: #263E0F; }
.ds[data-style="wejdan"][data-alt] .wj-step:nth-last-child(2)::after { background: repeating-linear-gradient(180deg, rgba(38,62,15,.45) 0 1.296cqw, rgba(38,62,15,0) 1.296cqw 2.222cqw); }

/* ---------- السلة وصفحة الدفع ---------- */
.ds[data-style="wejdan"] :is(.wj-cart, .wj-form) { margin-top: calc(3.333cqw * var(--fs)); padding: calc(2.778cqw * var(--fs)) calc(3.333cqw * var(--fs)); border-radius: 4.074cqw; background: #FFFFFF; box-shadow: 0 3.704cqw 7.407cqw rgba(38,62,15,.14); }
.ds[data-style="wejdan"] .wj-chd { display: flex; align-items: center; gap: 1.481cqw; padding-bottom: calc(1.667cqw * var(--fs)); border-bottom: .185cqw solid rgba(38,62,15,.1); color: #263E0F; }
.ds[data-style="wejdan"] .wj-chd svg { width: calc(4.074cqw * var(--fs)); height: calc(4.074cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-chd b { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.2; }
.ds[data-style="wejdan"] .wj-chd em { margin-inline-start: auto; display: grid; place-items: center; min-width: calc(4.63cqw * var(--fs)); height: calc(4.63cqw * var(--fs)); padding: 0 1.111cqw; border-radius: 999px; background: #FFAB01; font-family: "MKD Graphik", Tahoma, sans-serif; font-weight: 900; font-size: calc(2.407cqw * var(--fs)); line-height: 1; color: #263E0F; }
.ds[data-style="wejdan"] .wj-crow { display: flex; align-items: center; gap: 2.407cqw; padding: calc(1.481cqw * var(--fs)) 0; }
.ds[data-style="wejdan"] .wj-crow + .wj-crow { border-top: .185cqw dashed rgba(38,62,15,.16); }
.ds[data-style="wejdan"] .wj-thumb { --u: calc(.0463cqw * var(--fs) * .5); position: relative; flex: none; display: block; width: calc(10.185cqw * var(--fs)); height: calc(10.185cqw * var(--fs)); border-radius: 2.407cqw; overflow: hidden; background: linear-gradient(160deg, #EEF0DF, #DADDC4); }
.ds[data-style="wejdan"] .wj-thumb.is-b { background: linear-gradient(160deg, #FBE9D2, #F2D6B0); }
.ds[data-style="wejdan"] .wj-thumb.is-c { background: linear-gradient(160deg, #E3EAD6, #C9D6B4); }
.ds[data-style="wejdan"] .wj-thumb.is-d { background: linear-gradient(160deg, #FFE9BF, #FFD68A); }
.ds[data-style="wejdan"] .wj-thumb .wj-bottle { bottom: calc(16 * var(--u)); transform: translateX(-50%) scale(.8); }
.ds[data-style="wejdan"] .wj-thumb .wj-box { bottom: calc(26 * var(--u)); transform: translateX(-50%) scale(.8); }
.ds[data-style="wejdan"] .wj-crow p { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; margin: 0; }
.ds[data-style="wejdan"] .wj-crow p > strong { font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); line-height: 1.35; color: #263E0F; }
.ds[data-style="wejdan"] .wj-crow p > span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.519cqw * var(--fs)); line-height: 1.42; color: #263E0F; }
.ds[data-style="wejdan"] .wj-crow p > strong + span { font-weight: 500; font-size: calc(3.148cqw * var(--fs)); color: rgba(38,62,15,.72); }
.ds[data-style="wejdan"] .wj-qty { flex: none; display: grid; place-items: center; width: calc(5.185cqw * var(--fs)); height: calc(5.185cqw * var(--fs)); border-radius: 50%; background: #263E0F; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-qty svg { width: 58%; height: 58%; stroke-width: 3; }
.ds[data-style="wejdan"] .wj-form { margin-inline: 5.556cqw; }
.ds[data-style="wejdan"] .wj-fhd { display: flex; align-items: center; justify-content: space-between; margin-bottom: calc(1.111cqw * var(--fs)); color: #263E0F; }
.ds[data-style="wejdan"] .wj-fhd b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(3.333cqw * var(--fs)); line-height: 1.25; }
.ds[data-style="wejdan"] .wj-fhd svg { width: calc(3.704cqw * var(--fs)); height: calc(3.704cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-field { display: flex; align-items: center; gap: 1.852cqw; min-height: calc(5.556cqw * var(--fs)); margin-top: calc(1.019cqw * var(--fs)); padding: calc(1.111cqw * var(--fs)) 2.222cqw; border-radius: 1.481cqw; background: #F4F1EA; box-shadow: inset 0 0 0 .278cqw #263E0F; }
.ds[data-style="wejdan"] .wj-field span { flex: 1 1 auto; min-width: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.963cqw * var(--fs)); line-height: 1.4; color: #263E0F; }
.ds[data-style="wejdan"] .wj-field svg { width: calc(3.148cqw * var(--fs)); height: calc(3.148cqw * var(--fs)); color: #3C7A1C; stroke-width: 2.8; }
.ds[data-style="wejdan"] .wj-pay { display: flex; align-items: center; justify-content: center; gap: 1.481cqw; min-height: calc(7.778cqw * var(--fs)); margin-top: calc(1.852cqw * var(--fs)); padding: calc(1.296cqw * var(--fs)) 2.778cqw; border-radius: 2.407cqw; background: #FFAB01; color: #263E0F; }
.ds[data-style="wejdan"] .wj-pay > svg { width: calc(3.704cqw * var(--fs)); height: calc(3.704cqw * var(--fs)); stroke-width: 2.6; }
.ds[data-style="wejdan"] .wj-pay > b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(3.333cqw * var(--fs)); line-height: 1.25; }
.ds[data-style="wejdan"] .wj-pay .wj-mks { flex: 0 1 auto; }
.ds[data-style="wejdan"] .wj-pay .r-body { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(3.333cqw * var(--fs)); line-height: 1.3; color: #263E0F; text-align: center; }

/* ---------- بطاقتا سعر: القديمة مشطوبة والجديدة كهرمانية ---------- */
.ds[data-style="wejdan"] .wj-tags { display: flex; flex-direction: column; gap: calc(6.481cqw * var(--fs)); margin: calc(5.185cqw * var(--fs)) .926cqw calc(1.852cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-htag { position: relative; z-index: 0; display: block; max-width: 86%; padding: calc(3.519cqw * var(--fs)) 5.185cqw calc(3.519cqw * var(--fs)) 10.185cqw; }
.ds[data-style="wejdan"] .wj-tshape { position: absolute; z-index: -1; inset: 0; display: block; border-radius: 2.778cqw 10.185cqw 10.185cqw 2.778cqw; }
.ds[data-style="wejdan"] .wj-htag b { display: block; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(4.815cqw * var(--fs)); line-height: 1.3; }
.ds[data-style="wejdan"] .wj-htag.is-old { align-self: flex-start; color: rgba(255,245,239,.66); }
.ds[data-style="wejdan"] .wj-htag.is-old > .wj-tshape { border: .278cqw dashed rgba(255,245,239,.34); background: radial-gradient(circle at 5.37cqw 50%, #263E0F 1.574cqw, rgba(255,245,239,.32) 1.574cqw 1.852cqw, rgba(255,245,239,.08) 1.852cqw); transform: rotate(-2deg); }
.ds[data-style="wejdan"] .wj-htag.is-cut b { text-decoration: line-through; text-decoration-color: #FF6B4A; text-decoration-thickness: .648cqw; text-decoration-skip-ink: none; }
.ds[data-style="wejdan"] .wj-htag.is-new { align-self: flex-end; color: #263E0F; }
.ds[data-style="wejdan"] .wj-htag.is-new > .wj-tshape { background: radial-gradient(circle at 5.648cqw 50%, var(--wj-hole) 1.574cqw, #FFAB01 1.667cqw); box-shadow: 0 3.704cqw 7.407cqw rgba(0,0,0,.32); transform: rotate(1.5deg); }
.ds[data-style="wejdan"] .wj-htag .wj-seal { top: -3.333cqw; right: 5.185cqw; width: 7.037cqw; height: 7.037cqw; box-shadow: 0 0 0 .556cqw #FFAB01; }
.ds[data-style="wejdan"][data-alt] .wj-htag.is-old { color: rgba(38,62,15,.58); }
.ds[data-style="wejdan"][data-alt] .wj-htag.is-old > .wj-tshape { border-color: rgba(38,62,15,.3); background: radial-gradient(circle at 5.37cqw 50%, #FFF5EF 1.574cqw, rgba(38,62,15,.28) 1.574cqw 1.852cqw, rgba(38,62,15,.04) 1.852cqw); }
.ds[data-style="wejdan"][data-alt] .wj-htag.is-new > .wj-tshape { box-shadow: 0 3.704cqw 7.407cqw rgba(38,62,15,.2); }

/* ---------- رقم كبير ---------- */
.ds[data-style="wejdan"] .wj-two { display: flex; align-items: flex-start; gap: 3.333cqw; }
.ds[data-style="wejdan"] .wj-col { flex: 1 1 auto; min-width: 0; }
.ds[data-style="wejdan"] .wj-col > .r-body { margin-top: calc(2.037cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-hd.is-after { margin-top: calc(-.741cqw * var(--fs)); }
.ds[data-style="wejdan"][data-tl="stat"] .r-head { font-size: calc(8.148cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="wejdan"] .wj-big { flex: none; display: flex; flex-direction: row-reverse; align-items: flex-end; direction: ltr; margin: calc(-1.852cqw * var(--fs)) 0 0 -.926cqw; }
.ds[data-style="wejdan"] :is(.wj-big b, .wj-bign) { display: flex; align-items: flex-start; font-family: var(--fd), Tahoma, sans-serif; font-weight: 900; line-height: .9; letter-spacing: -.03em; color: #FFAB01; text-shadow: 1.111cqw 1.111cqw 0 #263E0F; }
.ds[data-style="wejdan"] .wj-big b { font-size: calc(36cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-big[data-len="3"] b { font-size: calc(27cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-big[data-len="4"] b { font-size: calc(21cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-big:is([data-len="5"], [data-len="6"]) b { font-size: calc(16cqw * var(--fs)); }
.ds[data-style="wejdan"] :is(.wj-big b, .wj-bign) small { font-size: .42em; margin-top: .1em; letter-spacing: 0; }
.ds[data-style="wejdan"] .wj-big .wj-u { margin: 0 1.111cqw calc(2.222cqw * var(--fs)) 0; direction: rtl; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(5.185cqw * var(--fs)); line-height: 1; color: var(--wj-ink); }
.ds[data-style="wejdan"][data-tl="stat"][data-long] .wj-two { flex-direction: column-reverse; align-items: stretch; gap: calc(1.481cqw * var(--fs)); }
.ds[data-style="wejdan"][data-tl="stat"][data-long] .wj-big { align-self: flex-start; margin: 0; }
.ds[data-style="wejdan"][data-tl="stat"][data-long] .wj-big b { font-size: calc(24cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-bign { float: left; width: max-content; margin: .04em 0 .06em 2.963cqw; direction: ltr; font-size: calc(26cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-stage:is([data-v="reviews"], [data-v="bars"], [data-v="price"]) .wj-vis { --vw: 936; --vh: 440; }
.ds[data-style="wejdan"] .wj-rv { position: absolute; display: flex !important; align-items: center; gap: calc(24 * var(--u)); width: calc(560 * var(--u)); padding: calc(30 * var(--u)) calc(32 * var(--u)); border-radius: calc(36 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(38,62,15,.14); }
.ds[data-style="wejdan"] .wj-rv.is-1 { right: 0; top: calc(20 * var(--u)); transform: rotate(3deg); }
.ds[data-style="wejdan"] .wj-rv.is-2 { left: 0; top: calc(220 * var(--u)); transform: rotate(-4deg); }
.ds[data-style="wejdan"] .wj-rvb { flex: 1 1 auto; }
.ds[data-style="wejdan"] .wj-rwho { display: flex !important; align-items: center; gap: calc(16 * var(--u)); margin-bottom: calc(16 * var(--u)); }
.ds[data-style="wejdan"] .wj-rav { width: calc(62 * var(--u)); height: calc(62 * var(--u)); border-radius: 50%; background: #E6E7D6; }
.ds[data-style="wejdan"] .wj-rv.is-2 .wj-rav { background: #F3DDB9; }
.ds[data-style="wejdan"] .wj-rnm { width: calc(150 * var(--u)); height: calc(16 * var(--u)); border-radius: calc(8 * var(--u)); background: rgba(38,62,15,.2); }
.ds[data-style="wejdan"] .wj-rph { position: relative; flex: none; width: calc(124 * var(--u)); height: calc(124 * var(--u)); border-radius: calc(24 * var(--u)); overflow: hidden; background: linear-gradient(160deg, #FBE9D2, #F1D2A6); }
.ds[data-style="wejdan"] .wj-rv.is-2 .wj-rph { background: linear-gradient(160deg, #EEF0DF, #DADDC4); }
.ds[data-style="wejdan"] .wj-rph .wj-bottle { bottom: calc(8 * var(--u)); transform: translateX(-50%) scale(.42); }
.ds[data-style="wejdan"] .wj-rph .wj-box { bottom: calc(14 * var(--u)); transform: translateX(-50%) scale(.46); }
.ds[data-style="wejdan"] .wj-board { position: absolute; left: calc(70 * var(--u)); right: calc(70 * var(--u)); top: calc(24 * var(--u)); bottom: calc(24 * var(--u)); padding: calc(34 * var(--u)) calc(40 * var(--u)); border-radius: calc(40 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(38,62,15,.14); transform: rotate(-2deg); }
.ds[data-style="wejdan"] .wj-bhd { display: flex !important; align-items: center; gap: calc(18 * var(--u)); }
.ds[data-style="wejdan"] .wj-bic { display: grid !important; place-items: center; flex: none; width: calc(66 * var(--u)); height: calc(66 * var(--u)); border-radius: calc(20 * var(--u)); background: #263E0F; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-bic svg { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
.ds[data-style="wejdan"] .wj-vis .wj-bhd .wj-ln { width: calc(220 * var(--u)); height: calc(18 * var(--u)); margin: 0; }
.ds[data-style="wejdan"] .wj-up { display: grid !important; place-items: center; margin-inline-start: auto; width: calc(84 * var(--u)); height: calc(56 * var(--u)); border-radius: 999px; background: #E3F0D3; color: #3C7A1C; }
.ds[data-style="wejdan"] .wj-up svg { width: calc(34 * var(--u)); height: calc(34 * var(--u)); stroke-width: 2.6; transform: scaleX(-1); }
.ds[data-style="wejdan"] .wj-bars { position: absolute; left: calc(40 * var(--u)); right: calc(40 * var(--u)); bottom: calc(34 * var(--u)); height: calc(230 * var(--u)); display: flex !important; align-items: flex-end; gap: calc(22 * var(--u)); }
.ds[data-style="wejdan"] .wj-bars i { flex: 1 1 0; height: 30%; border-radius: calc(16 * var(--u)) calc(16 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)); background: #E6E7D6; }
.ds[data-style="wejdan"] .wj-bars i:nth-child(2) { height: 42%; }
.ds[data-style="wejdan"] .wj-bars i:nth-child(3) { height: 37%; }
.ds[data-style="wejdan"] .wj-bars i:nth-child(4) { height: 58%; background: #CFD6BA; }
.ds[data-style="wejdan"] .wj-bars i:nth-child(5) { height: 74%; background: #263E0F; }
.ds[data-style="wejdan"] .wj-bars i:nth-child(6) { height: 100%; background: #FFAB01; }
.ds[data-style="wejdan"] .wj-ptag { position: absolute; left: 50%; top: 50%; display: flex !important; align-items: center; gap: calc(34 * var(--u)); width: calc(640 * var(--u)); height: calc(250 * var(--u)); margin: calc(-125 * var(--u)) 0 0 calc(-320 * var(--u)); padding: 0 calc(64 * var(--u)) 0 calc(150 * var(--u)); border-radius: calc(30 * var(--u)) calc(125 * var(--u)) calc(125 * var(--u)) calc(30 * var(--u)); background: #FFAB01; color: #263E0F; box-shadow: 0 calc(34 * var(--u)) calc(64 * var(--u)) rgba(38,62,15,.22); transform: rotate(-6deg); }
.ds[data-style="wejdan"] .wj-ptag::before { content: ""; position: absolute; left: calc(58 * var(--u)); top: 50%; width: calc(46 * var(--u)); height: calc(46 * var(--u)); margin-top: calc(-23 * var(--u)); border-radius: 50%; background: #FFF5EF; }
.ds[data-style="wejdan"] .wj-ptag > svg { width: calc(110 * var(--u)); height: calc(110 * var(--u)); stroke-width: 1.8; }
.ds[data-style="wejdan"] .wj-plines { flex: 1 1 auto; }
.ds[data-style="wejdan"] .wj-vis .wj-plines .wj-ln { height: calc(24 * var(--u)); margin-top: calc(22 * var(--u)); border-radius: calc(12 * var(--u)); background: rgba(38,62,15,.26); }
.ds[data-style="wejdan"] .wj-vis .wj-plines .wj-ln.is-1 { margin-top: 0; }

/* ---------- إشعارات الجوال ---------- */
.ds[data-style="wejdan"][data-tl="notify"] .r-head { font-size: calc(6.852cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.28 * var(--dlh) / 1.2); }
.ds[data-style="wejdan"] .wj-phone { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; min-height: calc(38cqw * var(--fs)); margin: calc(4.444cqw * var(--fs)) 4.63cqw 0; padding: calc(4.074cqw * var(--fs)) 3.704cqw 3.704cqw; border-radius: 5.185cqw; background: linear-gradient(170deg, #3D5A22, #263E0F 60%); box-shadow: 0 4.63cqw 8.333cqw rgba(38,62,15,.3); }
.ds[data-style="wejdan"] .wj-notch { flex: none; display: block; align-self: center; width: 15.741cqw; height: 3.148cqw; margin: calc(-4.074cqw * var(--fs)) 0 calc(2.407cqw * var(--fs)); border-radius: 0 0 2.037cqw 2.037cqw; background: rgba(0,0,0,.25); }
.ds[data-style="wejdan"] .wj-nt { flex: none; display: flex; align-items: flex-start; gap: 1.852cqw; padding: calc(2.222cqw * var(--fs)) 2.407cqw; border-radius: 2.963cqw; background: rgba(255,245,239,.95); box-shadow: 0 1.296cqw 2.778cqw rgba(0,0,0,.18); }
.ds[data-style="wejdan"] .wj-app { flex: none; display: block; width: calc(6.667cqw * var(--fs)); height: calc(6.667cqw * var(--fs)); border-radius: 1.852cqw; overflow: hidden; background: #263E0F; }
.ds[data-style="wejdan"] .wj-app .wj-face { width: 100%; height: 100%; border-radius: 0; box-shadow: none; }
.ds[data-style="wejdan"] .wj-app .wj-face b { font-size: calc(3.148cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-ntb { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.ds[data-style="wejdan"] .wj-nth { display: flex; justify-content: space-between; gap: 2.222cqw; margin-bottom: calc(.37cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-nth b { direction: ltr; unicode-bidi: isolate; font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(2.222cqw * var(--fs)); line-height: 1.35; color: rgba(38,62,15,.7); white-space: nowrap; }
.ds[data-style="wejdan"] .wj-nth small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.222cqw * var(--fs)); line-height: 1.35; color: rgba(38,62,15,.56); white-space: nowrap; }
.ds[data-style="wejdan"] .wj-nt .r-body { font-weight: 600; font-size: calc(3.333cqw * var(--fs)); line-height: 1.42; color: #263E0F; }
.ds[data-style="wejdan"] .wj-nt .r-body.wj-mk { font-weight: 700; }
.ds[data-style="wejdan"] .wj-nt .r-body + .r-body { margin-top: calc(.556cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-ntx { display: block; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.333cqw * var(--fs)); line-height: 1.4; color: #263E0F; }
.ds[data-style="wejdan"] .wj-ghosts { position: relative; flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: calc(1.667cqw * var(--fs)); margin-top: calc(1.667cqw * var(--fs)); overflow: hidden; }
.ds[data-style="wejdan"] .wj-nt.is-ghost { align-items: center; opacity: .72; transform: scale(.96); }
.ds[data-style="wejdan"] .wj-nt.is-far { opacity: .42; transform: scale(.9); }
.ds[data-style="wejdan"] .wj-nt.is-ghost .wj-app { opacity: .8; }
.ds[data-style="wejdan"] .wj-nt.is-ghost .wj-ln { display: block; height: calc(1.481cqw * var(--fs)); border-radius: 999px; background: rgba(38,62,15,.16); }
.ds[data-style="wejdan"] .wj-nt.is-ghost .wj-ln + .wj-ln { margin-top: calc(1.111cqw * var(--fs)); }

/* ---------- إيصال القراءة ---------- */
.ds[data-style="wejdan"][data-tl="cta"] { --wj-top: 7.407cqw; --wj-bot: 9.259cqw; }
.ds[data-style="wejdan"] .wj-rcpt { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: stretch; margin: 0 7.407cqw calc(2.593cqw * var(--fs)); padding: calc(5.185cqw * var(--fs)) 5.926cqw calc(4.63cqw * var(--fs)); color: #263E0F; }
.ds[data-style="wejdan"] .wj-paper { position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: -2.593cqw; display: block; border-radius: 2.407cqw 2.407cqw 0 0;
  background: linear-gradient(135deg, #FFF5EF 50%, rgba(255,245,239,0) 50%) left bottom / 3.704cqw 2.778cqw repeat-x, linear-gradient(225deg, #FFF5EF 50%, rgba(255,245,239,0) 50%) left bottom / 3.704cqw 2.778cqw repeat-x, linear-gradient(#FFF5EF, #FFF5EF) left top / 100% calc(100% - 2.593cqw) no-repeat;
  filter: drop-shadow(0 4.63cqw 5.556cqw rgba(0,0,0,.34)); transform: rotate(-1.5deg); }
.ds[data-style="wejdan"] .wj-rhead { display: flex; flex-direction: column; align-items: center; gap: calc(1.296cqw * var(--fs)); text-align: center; }
.ds[data-style="wejdan"] .wj-rhead .wj-face { width: calc(11.852cqw * var(--fs)); height: calc(11.852cqw * var(--fs)); box-shadow: none; }
.ds[data-style="wejdan"] .wj-rhead .wj-face b { font-size: calc(5.37cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-rhead b { direction: ltr; unicode-bidi: isolate; font-family: "MKD Graphik", var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); line-height: 1.2; color: #263E0F; }
.ds[data-style="wejdan"] .wj-rhead small { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.778cqw * var(--fs)); line-height: 1.3; color: rgba(38,62,15,.66); }
.ds[data-style="wejdan"] .wj-rule { display: block; height: 0; margin: calc(3.148cqw * var(--fs)) 0; border-top: .37cqw dashed rgba(38,62,15,.25); }
.ds[data-style="wejdan"] .wj-row { display: flex; align-items: center; gap: 1.852cqw; }
.ds[data-style="wejdan"] .wj-row + .wj-row { margin-top: calc(1.667cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-rk { flex: none; display: grid; place-items: center; width: calc(4.815cqw * var(--fs)); height: calc(4.815cqw * var(--fs)); border-radius: 1.481cqw; background: #263E0F; color: #FFAB01; }
.ds[data-style="wejdan"] .wj-rk svg { width: 62%; height: 62%; stroke-width: 2.8; }
.ds[data-style="wejdan"] .wj-row span { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(3.519cqw * var(--fs)); line-height: 1.3; color: #263E0F; }
.ds[data-style="wejdan"] .wj-row em { margin-inline-start: auto; font-family: var(--ft), Tahoma, sans-serif; font-weight: 900; font-size: calc(3.148cqw * var(--fs)); line-height: 1; color: #3C7A1C; }
.ds[data-style="wejdan"] .wj-total { display: block; margin-bottom: calc(1.111cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: rgba(38,62,15,.66); }
.ds[data-style="wejdan"] .wj-rcpt .r-tag { align-self: stretch; margin: 0 0 calc(1.111cqw * var(--fs)); padding: 0; border-radius: 0; background: none; font-size: calc(3.148cqw * var(--fs)); color: rgba(38,62,15,.66); }
.ds[data-style="wejdan"] .wj-rcpt .r-head { font-size: calc(7.037cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.22 * var(--dlh) / 1.2); color: #263E0F; }
.ds[data-style="wejdan"] .wj-rcpt > .r-body { margin-top: calc(1.667cqw * var(--fs)); font-size: calc(3.704cqw * var(--fs)); color: rgba(38,62,15,.74); }
.ds[data-style="wejdan"] .wj-rcpt .wj-pay { margin-top: calc(3.333cqw * var(--fs)); }
.ds[data-style="wejdan"] .wj-barcode { display: block; width: 72%; height: calc(8.519cqw * var(--fs)); margin: calc(3.519cqw * var(--fs)) auto 0; background: repeating-linear-gradient(90deg, #263E0F 0 .37cqw, rgba(38,62,15,0) .37cqw .833cqw, #263E0F .833cqw 1.019cqw, rgba(38,62,15,0) 1.019cqw 1.574cqw, #263E0F 1.574cqw 2.13cqw, rgba(38,62,15,0) 2.13cqw 2.5cqw); }
.ds[data-style="wejdan"] .wj-thanks { display: block; margin-top: calc(1.481cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(2.593cqw * var(--fs)); line-height: 1.3; text-align: center; color: rgba(38,62,15,.66); }

/* ---------- الستوري، وصورة المستخدم خلفيةً كاملة ---------- */
.ds-frame.is-story .ds[data-style="wejdan"] .wj-stage { min-height: calc(46cqw * var(--fs)); }
.ds-frame.is-story .ds[data-style="wejdan"][data-tl="cta"] { --wj-top: 2cqw; --wj-bot: 0cqw; }
.ds[data-style="wejdan"][data-cph] :is(.wj-stage, .wj-ghosts, .wj-notch, .wj-barcode) { display: none !important; }
.ds[data-style="wejdan"][data-cph] :is(.wj-cart, .wj-form, .wj-rcpt, .wj-phone, .wj-nt, .wj-fix, .wj-htag, .wj-field, .wj-pay, .r-tag, .wj-pill) { background: rgba(0,0,0,.28) !important; box-shadow: none !important; border-color: rgba(255,255,255,.3) !important; }
.ds[data-style="wejdan"][data-cph] :is(.wj-paper, .wj-tshape) { display: none; }
.ds[data-style="wejdan"][data-cph] .wj-phone { flex: none; min-height: 0; }
/* wejdan:end */

/* iilan:start */
/* ==========================================================================
   قالب «إعلان»: منقول بمقاسات كاروسيل الإطلاق نفسها (لوحة 1080×1350، 1cqw = 10.8px).
   حشوة 96/88/88 + مكان الشريط السفلي. ثلاث أرضيات: الأساس من ألوان الهوية،
   و[data-tone="ac"] بلون الهوية كاملًا، و[data-tone="cr"] فاتحة كريمية.
   الأحجام كما في الأصل: عنوان 124 للغلاف و150 للبطاقات و190 للحل و136 للأداة،
   وجملة 100، وبطاقات 62، وحبوب 44، وشريط سفلي 30.
   ========================================================================== */
.ds[data-style="iilan"] {
  --il-pan: rgba(255,255,255,.055); --il-ln: rgba(255,255,255,.17); --il-mut: rgba(255,255,255,.55);
  --il-side: 8.148cqw; --il-sb: 0cqw; --il-st: 0cqw;
  display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch !important;
  text-align: right;
  padding: calc(8.889cqw + var(--il-st)) var(--il-side) calc(13.889cqw + var(--il-sb)) !important;
}
.ds[data-style="iilan"][data-bg="light"] { --il-pan: rgba(0,0,0,.05); --il-ln: rgba(0,0,0,.15); --il-mut: rgba(0,0,0,.5); }
/* أرضية بلون الهوية كاملة */
.ds[data-style="iilan"][data-tone="ac"] { --il-pan: rgba(0,0,0,.08); --il-ln: rgba(0,0,0,.22); --il-mut: var(--acfg);
  background: var(--ac) !important; color: var(--acfg) !important; --fg: var(--acfg) !important; --sub: var(--acfg) !important; }
/* أرضية كريمية: الفاتح أرضية والداكن كتابة */
.ds[data-style="iilan"][data-tone="cr"] { --il-pan: rgba(0,0,0,.05); --il-ln: rgba(0,0,0,.15); --il-mut: rgba(0,0,0,.52);
  background: var(--invfg) !important; color: var(--inv) !important; --fg: var(--inv) !important; --sub: var(--inv) !important; }
.ds-frame.is-story .ds[data-style="iilan"] { --il-st: 12cqw; --il-sb: 15cqw; }
.ds[data-style="iilan"] :is(.ds-scene, .ds-me, .ds-mast, .ds-num, .ds-swipe) { display: none !important; }
.ds[data-style="iilan"] .ds-txt { flex: 1 1 auto; gap: 0; margin: 0 !important; align-items: stretch; }
.ds[data-style="iilan"] :is(.il-hd, .il-low, .il-main, .il-say, .il-kick, .il-rows, .il-vs, .il-mid, .il-offer) { display: flex; flex-direction: column; align-items: stretch; }
.ds[data-style="iilan"] .rs-n { unicode-bidi: isolate; direction: ltr; }
.ds[data-style="iilan"] :is(i, b, em, small, strong) { font-style: normal; }
.ds[data-style="iilan"] svg.il-ico { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- الشريط السفلي (30px) ---------- */
.ds[data-style="iilan"] .il-bar { position: absolute; z-index: 1; right: var(--il-side); left: var(--il-side); bottom: calc(7.407cqw + var(--il-sb)); display: flex; align-items: center; justify-content: space-between; gap: 2.222cqw; direction: rtl; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: 2.778cqw; line-height: 1; color: var(--il-mut); }
.ds[data-style="iilan"] .il-bar .il-at { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.ds[data-style="iilan"] .il-swipe { display: flex; align-items: center; gap: 1.481cqw; }
.ds[data-style="iilan"] .il-swipe svg.il-ico { width: 3.333cqw; height: 3.333cqw; }
.ds[data-style="iilan"] .il-nm { direction: ltr; unicode-bidi: isolate; margin-right: .741cqw; }

/* ---------- النص ---------- */
.ds[data-style="iilan"] .r-head { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(13.889cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.18 * var(--dlh) / 1.2); color: inherit; text-wrap: balance; }
.ds[data-style="iilan"] .r-head + .r-head { margin-top: calc(.926cqw * var(--fs)); }
.ds[data-style="iilan"][data-long] .r-head { font-size: calc(11.111cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="iilan"] .r-body { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.63cqw * var(--fs)); line-height: 1.4; color: var(--sub); text-wrap: pretty; }
/* التعريف الصغير فوق العنوان (34px بلون الهوية) */
.ds[data-style="iilan"] .r-tag { align-self: flex-start; margin: 0 0 calc(2.315cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.148cqw * var(--fs)); line-height: 1.3; color: var(--ac); }
.ds[data-style="iilan"][data-tone="ac"] .r-tag { color: var(--acfg); }
.ds[data-style="iilan"] .r-tag + .r-tag { margin-top: calc(-1.389cqw * var(--fs)); }
.ds[data-style="iilan"] .il-hd > .r-body { margin-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="iilan"] .il-hd > .r-body + .r-body { margin-top: calc(.926cqw * var(--fs)); }
.ds[data-style="iilan"] .il-kick { margin-top: calc(2.963cqw * var(--fs)); }
.ds[data-style="iilan"] .il-kick .r-body { font-weight: 700; font-size: calc(5.556cqw * var(--fs)); line-height: 1.35; color: var(--ac); }
.ds[data-style="iilan"] .il-kick.is-wide .r-body { font-weight: 600; font-size: calc(5.37cqw * var(--fs)); line-height: 1.4; color: inherit; }
.ds[data-style="iilan"][data-tone="ac"] .il-kick .r-body { color: var(--acfg); }
.ds[data-style="iilan"] .hl { padding: 0; background-image: none !important; color: var(--ac); -webkit-box-decoration-break: slice; box-decoration-break: slice; }
.ds[data-style="iilan"][data-tone="ac"] .hl { color: var(--acfg) !important; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .12em; }
.ds[data-style="iilan"] .mk { background-image: none !important; padding: 0; color: var(--ac); }
.ds[data-style="iilan"][data-tone="ac"] .mk { color: var(--acfg); }
.ds[data-style="iilan"] .st { text-decoration-thickness: .06em; opacity: .55; }

/* ---------- الغلاف: شارة، عنوان 124، سطر 60 ---------- */
.ds[data-style="iilan"] .il-hero { position: relative; flex: 1 1 auto; max-height: 52%; min-height: 20cqw; margin: calc(-8.889cqw - var(--il-st)) calc(-1 * var(--il-side)) calc(3.333cqw * var(--fs)); overflow: hidden; }
.ds-frame.is-story .ds[data-style="iilan"] .il-hero { max-height: 44%; }
.ds[data-style="iilan"] .il-glow { position: absolute; inset: 0; display: block; background: radial-gradient(46% 50% at 50% 44%, var(--ac), rgba(0,0,0,0) 72%); opacity: .22; }
.ds[data-style="iilan"] .il-rings { position: absolute; left: 50%; top: 46%; display: block; width: 42cqw; height: 42cqw; transform: translate(-50%, -50%); }
.ds[data-style="iilan"] .il-rings > i { position: absolute; inset: 0; display: block; border: .278cqw solid var(--il-ln); border-radius: 50%; }
.ds[data-style="iilan"] .il-rings > i:nth-child(2) { inset: 17%; }
.ds[data-style="iilan"] .il-rings > i:nth-child(3) { inset: 34%; border-color: var(--ac); }
.ds[data-style="iilan"] .il-fade { position: absolute; inset: 55% 0 0; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0), var(--bg) 92%); }
.ds[data-style="iilan"][data-tone="ac"] .il-fade { background: linear-gradient(to bottom, rgba(0,0,0,0), var(--ac) 92%); }
.ds[data-style="iilan"][data-tone="cr"] .il-fade { background: linear-gradient(to bottom, rgba(0,0,0,0), var(--invfg) 92%); }
.ds[data-style="iilan"] .il-low { flex: none; }
/* شارة الغلاف: حبة بلون الهوية */
.ds[data-style="iilan"][data-tl="cover"] .r-tag { margin-bottom: calc(3.333cqw * var(--fs)); padding: calc(1.111cqw * var(--fs)) calc(2.963cqw * var(--fs)); border-radius: 999px; background: var(--ac); font-size: calc(2.963cqw * var(--fs)); color: var(--acfg); }
.ds[data-style="iilan"][data-tl="cover"][data-tone="ac"] .r-tag { background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"][data-tl="cover"] .r-head { font-size: calc(11.481cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); }
.ds[data-style="iilan"]:is(.sc-photo_full, [data-cph]) .ds-txt { justify-content: flex-end; max-height: none; overflow: visible; }
/* حروف خط العناوين تمتد قليلًا تحت سطرها: مسافة صغيرة تُبقيها داخل الصندوق فوق الصورة */
.ds[data-style="iilan"]:is(.sc-photo_full, [data-cph]) .il-low { padding-bottom: calc(2.2cqw * var(--fs)); }
.ds[data-style="iilan"]:is(.sc-photo_full, [data-cph]) .r-head { font-size: calc(9.26cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="iilan"]:is(.sc-photo_full, [data-cph]) .il-kick .r-body { font-size: calc(4.815cqw * var(--fs)); }

/* ---------- بطاقات المشكلة: عنوان 150 + صفوف #1F1C19 ---------- */
.ds[data-style="iilan"] .il-main { flex: 1 1 auto; justify-content: center; }
.ds[data-style="iilan"][data-tl="list"] .r-head { line-height: calc(1.15 * var(--dlh) / 1.2); }
.ds[data-style="iilan"] .il-rows { gap: calc(2.593cqw * var(--fs)); margin-top: calc(2.222cqw * var(--fs)); }
.ds[data-style="iilan"] .il-row { display: flex; align-items: center; gap: calc(2.963cqw * var(--fs)); padding: calc(3.333cqw * var(--fs)) calc(3.704cqw * var(--fs)); border-radius: 2.593cqw; background: var(--il-pan); }
.ds[data-style="iilan"] .il-row > span { flex: 1 1 auto; min-width: 0; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.63cqw * var(--fs)); line-height: 1.35; color: inherit; }
.ds[data-style="iilan"] .il-rows[data-n="5"] .il-row > span { font-size: calc(4.167cqw * var(--fs)); }
.ds[data-style="iilan"] .il-dot { flex: none; display: grid; place-items: center; width: calc(7.037cqw * var(--fs)); height: calc(7.037cqw * var(--fs)); border-radius: 50%; border: .185cqw solid var(--ac); color: var(--ac); }
.ds[data-style="iilan"] .il-dot svg.il-ico { width: 52%; height: 52%; stroke-width: 2.6; }
.ds[data-style="iilan"] .il-dot b { font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(3.519cqw * var(--fs)); line-height: 1; }
.ds[data-style="iilan"] .il-dot.is-good { background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="ac"] .il-dot { border-color: var(--acfg); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="ac"] .il-dot.is-good { background: var(--acfg); color: var(--ac); }

/* ---------- قبل وبعد: بطاقتان بتسمية وعنوان 62 ---------- */
.ds[data-style="iilan"] .il-vs { gap: calc(2.593cqw * var(--fs)); margin-top: calc(1.481cqw * var(--fs)); }
.ds[data-style="iilan"] .il-side { display: flex; flex-direction: column; gap: calc(1.852cqw * var(--fs)); padding: calc(4.444cqw * var(--fs)) calc(5.185cqw * var(--fs)); border-radius: 3.333cqw; }
.ds[data-style="iilan"] .il-side.is-a { border: .278cqw solid var(--il-ln); color: var(--il-mut); }
.ds[data-style="iilan"] .il-side.is-b { background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="ac"] .il-side.is-b { background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"] .il-lab { display: flex; align-items: center; gap: 1.481cqw; font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(3.519cqw * var(--fs)); line-height: 1; }
.ds[data-style="iilan"] .il-lab svg.il-ico { width: calc(3.704cqw * var(--fs)); height: calc(3.704cqw * var(--fs)); stroke-width: 2.6; }
.ds[data-style="iilan"] .il-side p { font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(5.741cqw * var(--fs)); line-height: 1.35; }
.ds[data-style="iilan"] .il-side.is-b p { font-weight: 700; }

/* ---------- الأداة: مربّع 180 + تعريف 46 + حبوب + خط + جملة 100 ---------- */
.ds[data-style="iilan"] .il-mid { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: calc(5.185cqw * var(--fs)); }
.ds[data-style="iilan"] .il-fhead { flex: none; display: flex; align-items: center; gap: 3.333cqw; }
.ds[data-style="iilan"] .il-fhead .r-tag { margin: 0; font-size: calc(4.259cqw * var(--fs)); }
.ds[data-style="iilan"] .il-tile { flex: none; display: grid; place-items: center; width: calc(16.667cqw * var(--fs)); height: calc(16.667cqw * var(--fs)); border-radius: 4.074cqw; background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="ac"] .il-tile, .ds[data-style="iilan"][data-tone="cr"] .il-tile { background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"][data-tone="cr"] .il-tile { background: var(--inv); }
.ds[data-style="iilan"] .il-tile svg.il-ico { width: 51%; height: 51%; stroke-width: 1.8; }
.ds[data-style="iilan"][data-tl="feature"] .r-head { font-size: calc(12.593cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.2 * var(--dlh) / 1.2); }
.ds[data-style="iilan"] .il-chips { display: flex; flex-wrap: wrap; gap: calc(1.481cqw * var(--fs)); }
.ds[data-style="iilan"] .il-chip { display: block; padding: calc(1.667cqw * var(--fs)) calc(3.889cqw * var(--fs)); border: .185cqw solid var(--il-ln); border-radius: 999px; font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.074cqw * var(--fs)); line-height: 1.3; }
.ds[data-style="iilan"] .il-rule { display: block; height: .185cqw; background: var(--il-ln); }
.ds[data-style="iilan"][data-tone="ac"] .il-rule { height: .278cqw; background: var(--acfg); }
.ds[data-style="iilan"] .il-say { gap: calc(.926cqw * var(--fs)); }
.ds[data-style="iilan"] .il-say .r-body { font-weight: 700; font-size: calc(9.259cqw * var(--fs)); line-height: 1.35; color: inherit; }
.ds[data-style="iilan"] .il-say .r-body.il-mk { color: var(--ac); }
.ds[data-style="iilan"][data-tone="ac"] .il-say .r-body.il-mk { color: var(--acfg); opacity: .85; }
.ds[data-style="iilan"][data-long] .il-say .r-body { font-size: calc(7.407cqw * var(--fs)); }

/* ---------- الحل: دائرتان 160 + عنوان 190 ---------- */
.ds[data-style="iilan"] .il-shout { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(5.185cqw * var(--fs)); text-align: center; }
.ds[data-style="iilan"] .il-shout .il-hd { align-items: center; text-align: center; }
.ds[data-style="iilan"][data-tl="shout"] .r-head { font-size: calc(17.593cqw * var(--fs) * var(--dk) * var(--hk, 1)); line-height: calc(1.1 * var(--dlh) / 1.2); }
.ds[data-style="iilan"][data-tl="shout"][data-long] .r-head { font-size: calc(13cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="iilan"] .il-shout .il-kick { margin-top: 0; align-items: center; text-align: center; }
.ds[data-style="iilan"] .il-bubbles { display: flex; gap: 2.593cqw; }
.ds[data-style="iilan"] .il-bubbles i { display: grid; place-items: center; width: calc(14.815cqw * var(--fs)); height: calc(14.815cqw * var(--fs)); border-radius: 50%; background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"]:not([data-tone]) .il-bubbles i { background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="cr"] .il-bubbles i { background: var(--inv); color: var(--ac); }
.ds[data-style="iilan"] .il-bubbles svg.il-ico { width: 47%; height: 47%; stroke-width: 1.8; }

/* ---------- العرض: حبة داكنة + عنوان 150 + خط + سطر بأيقونة 56 ---------- */
.ds[data-style="iilan"] .il-offer { flex: 1 1 auto; justify-content: center; gap: calc(5.185cqw * var(--fs)); }
.ds[data-style="iilan"][data-tl="offer"] .r-tag { align-self: flex-start; margin: 0 0 calc(3.333cqw * var(--fs)); padding: calc(1.481cqw * var(--fs)) calc(3.704cqw * var(--fs)); border-radius: 999px; background: var(--acfg); color: var(--ac); font-size: calc(3.704cqw * var(--fs)); }
.ds[data-style="iilan"][data-tl="offer"]:not([data-tone]) .r-tag { background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"] .il-note { display: flex; align-items: center; gap: calc(2.222cqw * var(--fs)); }
.ds[data-style="iilan"] .il-note svg.il-ico { width: calc(5.926cqw * var(--fs)); height: calc(5.926cqw * var(--fs)); stroke-width: 2; }
.ds[data-style="iilan"] .il-note .r-body { font-weight: 700; font-size: calc(5.185cqw * var(--fs)); line-height: 1.3; color: inherit; }

/* ---------- رقم كبير ---------- */
.ds[data-style="iilan"] .il-big { align-items: flex-start; margin-top: calc(2.778cqw * var(--fs)); }
.ds[data-style="iilan"] .il-big b { display: flex; align-items: baseline; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(28cqw * var(--fs) * var(--dk)); line-height: .96; color: var(--ac); }
.ds[data-style="iilan"][data-tone="ac"] .il-big b { color: var(--acfg); }
.ds[data-style="iilan"] .il-big b small { font-size: .42em; margin-right: .06em; }
.ds[data-style="iilan"] .il-big[data-len="3"] b { font-size: calc(24cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"] .il-big[data-len="4"] b { font-size: calc(19cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"] .il-big[data-len="5"] b, .ds[data-style="iilan"] .il-big[data-len="6"] b { font-size: calc(15cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"][data-long] .il-big b { font-size: calc(20cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"] .il-big .il-u { margin-top: calc(.926cqw * var(--fs)); font-family: var(--ft), Tahoma, sans-serif; font-weight: 600; font-size: calc(4.63cqw * var(--fs)); line-height: 1.35; color: var(--sub); }

/* ---------- الختام: فقاعة الكلمة 300 ---------- */
.ds[data-style="iilan"] .il-end { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(4.444cqw * var(--fs)); text-align: center; }
.ds[data-style="iilan"] .il-end .il-hd { align-items: center; text-align: center; }
.ds[data-style="iilan"] .il-end .il-kick { margin-top: 0; align-items: center; text-align: center; }
.ds[data-style="iilan"][data-tl="cta"] .r-head { font-size: calc(12.963cqw * var(--fs) * var(--dk) * var(--hk, 1)); }
.ds[data-style="iilan"] .il-end.is-word .il-hd .r-body, .ds[data-style="iilan"] .il-end.is-word .il-kick .r-body { font-weight: 700; font-size: calc(6.667cqw * var(--fs)); line-height: 1.35; }
.ds[data-style="iilan"] .il-end.is-word .il-hd.is-say .r-body { color: inherit; }
.ds[data-style="iilan"] .il-end.is-word .r-tag { align-self: center; margin: 0; font-size: calc(6.667cqw * var(--fs)); color: inherit; }
.ds[data-style="iilan"] .il-bubble { align-self: center; max-width: 100%; padding: calc(.926cqw * var(--fs)) calc(6.481cqw * var(--fs)) calc(2.593cqw * var(--fs)); border-radius: 7.407cqw 7.407cqw 1.481cqw 7.407cqw; background: var(--ac); color: var(--acfg); }
.ds[data-style="iilan"][data-tone="ac"] .il-bubble { background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"] .il-word { display: block; font-family: var(--fd), Tahoma, sans-serif; font-weight: var(--fdw); font-size: calc(27.778cqw * var(--fs) * var(--dk)); line-height: 1.25; white-space: nowrap; }
.ds[data-style="iilan"] .il-bubble[data-len="m"] .il-word { font-size: calc(18.5cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"] .il-bubble[data-len="l"] .il-word { font-size: calc(12.5cqw * var(--fs) * var(--dk)); }
.ds[data-style="iilan"] .il-more { display: flex; flex-direction: column; gap: calc(.926cqw * var(--fs)); }
.ds[data-style="iilan"] .il-more .r-body { font-weight: 600; font-size: calc(4.63cqw * var(--fs)); line-height: 1.4; }
.ds[data-style="iilan"] .il-go { display: flex; align-items: center; gap: 2.222cqw; margin-top: calc(2.778cqw * var(--fs)); padding: calc(2.222cqw * var(--fs)) calc(4.074cqw * var(--fs)); border-radius: 999px; background: var(--ac); color: var(--acfg); font-family: var(--ft), Tahoma, sans-serif; font-weight: 700; font-size: calc(4.074cqw * var(--fs)); line-height: 1; }
.ds[data-style="iilan"][data-tone="ac"] .il-go { background: var(--acfg); color: var(--ac); }
.ds[data-style="iilan"] .il-go svg.il-ico { width: 1.15em; height: 1.15em; }
.ds[data-style="iilan"] .il-go .il-at { direction: ltr; unicode-bidi: isolate; }

.ds[data-style="iilan"] .ds-logo { opacity: .95; }
/* iilan:end */

/* idpage:start */
/* ==========================================================================
   صفحة «هوية الحساب» بتبويبات: شريط تبويبات ثابت تحت الترويسة، لوحة القسم
   على اليمين، ومعاينة ثابتة على اليسار بمقاس يتّسع للشاشة دائمًا.
   ========================================================================== */
.mkd-idp { --idp-head: 66px; --idp-tabs: 60px; }
.mkd-idp .mkd-page-head { z-index: 8; }
.mkd-idtabs { position: sticky; top: var(--idp-head); z-index: 7; display: flex; gap: 6px; margin: -4px 0 0; padding: 8px 0 10px; overflow-x: auto; background: var(--paper); scrollbar-width: none; }
.mkd-idtabs::-webkit-scrollbar { display: none; }
.mkd-idtabs button { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.mkd-idtabs button:hover { border-color: #CDBDA2; color: var(--ink); }
.mkd-idtabs button[aria-selected="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.mkd-idtabs button:focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-idtabs button * { pointer-events: none; }
.mkd-app svg.mkd-i2, .mkd-app svg.mkd-idhead-i { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mkd-app svg.mkd-i2 { width: 18px; height: 18px; }
.mkd-stycol { justify-self: start; margin: 2px 0 6px; }
.mkd-idtabs svg.mkd-i2 { width: 19px; height: 19px; }

.mkd-idgrid2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: 28px; align-items: start; }
.mkd-idpanes { min-width: 0; }
.mkd-idpane { display: grid; gap: 14px; }
.mkd-idpane[hidden] { display: none; }

/* المعاينة: سلايد واحد بعرض يتّسع لارتفاع الشاشة، وزرّا الغلاف والسلايد الداخلي */
.mkd-idside2 { position: sticky; top: calc(var(--idp-head) + var(--idp-tabs) + 8px); display: grid; justify-items: center; gap: 10px; }
.mkd-idprev2 { width: min(100%, calc((100vh - var(--idp-head) - var(--idp-tabs) - 150px) * .8)); min-width: 200px; }
.mkd-idprev2 .mkd-mini { display: none; border-radius: 14px; box-shadow: 0 18px 40px rgba(14, 13, 12, .16); }
.mkd-idprev2[data-flip="0"] .mkd-mini:nth-child(1), .mkd-idprev2[data-flip="1"] .mkd-mini:nth-child(2) { display: block; }
.mkd-idprev2 .mkd-mini .ds-frame { border-radius: 14px; }
.mkd-idflip { margin: 0; }
.mkd-idside-note { margin: 0; max-width: 32ch; text-align: center; font-size: 12.5px; line-height: 1.6; color: var(--muted); }

/* البطاقات */
.mkd-idbox { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.mkd-idhead { display: flex; align-items: flex-start; gap: 12px; }
.mkd-app svg.mkd-idhead-i { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--cream); color: var(--ink); }
.mkd-idhead h3 { margin: 0; font-size: 16.5px; font-weight: 700; line-height: 1.4; color: var(--ink); }
.mkd-idhead p { margin: 2px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--muted); }
.mkd-idsub { margin: 4px 0 0; font-size: 13px; font-weight: 600; color: var(--muted); }
.mkd-idbox .mkd-seg { justify-self: start; margin: 0; }
.mkd-idbox .mkd-ids { gap: 8px; }

/* مفاتيح التشغيل */
.mkd-switches { display: grid; }
.mkd-switch { position: relative; display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; border-top: 1px solid var(--line); cursor: pointer; }
.mkd-switch:first-child { border-top: 0; }
.mkd-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.mkd-tgl { position: relative; flex: none; width: 46px; height: 28px; border-radius: 999px; background: #DCCFB9; transition: background .15s ease; }
.mkd-tgl::after { content: ""; position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .22); transition: transform .15s ease; }
.mkd-switch input:checked + .mkd-tgl { background: var(--ink); }
.mkd-switch input:checked + .mkd-tgl::after { transform: translateX(-18px); }
.mkd-switch input:focus-visible + .mkd-tgl { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-switch-t { display: grid; }
.mkd-switch-t b { font-size: 14.5px; font-weight: 600; color: var(--ink); }
.mkd-switch-t small { font-size: 12.5px; color: var(--muted); }
@media (prefers-reduced-motion: reduce) { .mkd-tgl, .mkd-tgl::after { transition: none; } }

/* القالب الخاص: بطاقة بألوان القالب نفسه */
.mkd-privtpl { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; padding: 22px 24px; overflow: hidden; border-radius: 22px;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .16), transparent 55%), var(--pt-bg); color: var(--pt-fg); box-shadow: 0 16px 36px rgba(14, 13, 12, .16); }
.mkd-privtpl-h { display: grid; justify-items: start; gap: 8px; }
.mkd-privtpl-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .16); font-size: 12.5px; font-weight: 700; }
.mkd-privtpl-badge svg.mkd-i2 { width: 15px; height: 15px; fill: currentColor; stroke: none; }
.mkd-privtpl h3 { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.35; color: inherit; }
.mkd-privtpl p { margin: 0; max-width: 42ch; font-size: 14px; line-height: 1.7; opacity: .88; }
.mkd-privtpl-go { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 6px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--pt-fg); color: var(--pt-bg); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.mkd-privtpl-go.on { background: transparent; color: var(--pt-fg); box-shadow: inset 0 0 0 2px var(--pt-fg); }
.mkd-privtpl-go svg.mkd-i2 { width: 18px; height: 18px; stroke-width: 2.4; }
.mkd-privtpl-go:focus-visible { outline: 2px solid var(--pt-fg); outline-offset: 3px; }
.mkd-privtpl-ss { display: flex; gap: 12px; }
.mkd-privtpl-s { display: block; width: 150px; }
.mkd-privtpl-s:nth-child(1) { transform: rotate(-3deg); }
.mkd-privtpl-s:nth-child(2) { transform: rotate(3deg) translateY(10px); }
.mkd-privtpl-s .mkd-mini { border-radius: 10px; box-shadow: 0 14px 28px rgba(0, 0, 0, .28); }
.mkd-page > .mkd-privtpl { margin-bottom: 4px; }

/* الألوان */
.mkd-sw3 { display: inline-flex; flex: none; overflow: hidden; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(14, 13, 12, .08); }
.mkd-sw3 i { display: block; width: 18px; height: 30px; }
.mkd-idown { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mkd-idown button { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 2px solid var(--line); border-radius: 14px; background: var(--paper); font: inherit; text-align: right; cursor: pointer; }
.mkd-idown button > span:last-child { display: grid; }
.mkd-idown b { font-size: 14.5px; font-weight: 700; color: var(--ink); }
.mkd-idown small { font-size: 12.5px; color: var(--muted); }
.mkd-idown button[aria-checked="true"] { border-color: var(--ink); background: #fff; box-shadow: 0 0 0 3px rgba(14, 13, 12, .06); }
.mkd-idown button * { pointer-events: none; }
.mkd-pals2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.mkd-pal2 { display: grid; justify-items: stretch; gap: 7px; padding: 7px 7px 8px; border: 2px solid var(--line); border-radius: 14px; background: #fff; font: inherit; text-align: right; cursor: pointer; }
.mkd-pal2 .mkd-sw3 { display: flex; }
.mkd-pal2 .mkd-sw3 i { flex: 1 1 0; width: auto; height: 34px; }
.mkd-pal2 b { padding: 0 3px; font-size: 12.5px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mkd-pal2:hover { border-color: #CDBDA2; }
.mkd-pal2.on { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(14, 13, 12, .06); }
.mkd-pal2 * { pointer-events: none; }
.mkd-cols2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.mkd-col2 { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); }
.mkd-col2-sw { position: relative; display: block; height: 56px; overflow: hidden; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(14, 13, 12, .1); cursor: pointer; }
.mkd-col2-sw input[type="color"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.mkd-col2-t { display: grid; }
.mkd-col2-t b { font-size: 14px; font-weight: 700; color: var(--ink); }
.mkd-col2-t small { font-size: 12px; color: var(--muted); }
.mkd-hex { width: 100%; height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); font: 600 13.5px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .5px; text-transform: uppercase; }
.mkd-hex:focus { outline: 2px solid var(--ink); outline-offset: 1px; }
.mkd-hex.bad { border-color: #D0452C; }
.mkd-coltools { display: flex; flex-wrap: wrap; gap: 8px; }
.mkd-coltools .mkd-btn svg.mkd-i2 { width: 17px; height: 17px; }

/* لوحات الألوان داخل المحرر: مربعات صغيرة وثلاثة ألوان خاصة بالتصميم */
.mkd-pals2.is-ed { grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); gap: 6px; }
.mkd-pals2.is-ed .mkd-pal2 { padding: 4px; border-radius: 11px; }
.mkd-pals2.is-ed .mkd-pal2 .mkd-sw3 i { height: 26px; }
.mkd-pals2.is-ed .mkd-pal2 b { display: none; }
.mkd-edcols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.mkd-edcol { display: grid; justify-items: center; gap: 4px; cursor: pointer; }
.mkd-edcol > span { position: relative; display: block; width: 100%; height: 34px; overflow: hidden; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(14, 13, 12, .12); }
.mkd-edcol input[type="color"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.mkd-edcol small { font-size: 12px; color: var(--muted); }
.mkd-own-hint { margin: 10px 0 6px; font-size: 13px; color: var(--muted); }

@media (max-width: 900px) {
  .mkd-idp { --idp-head: 52px; --idp-tabs: 58px; }
  .mkd-idgrid2 { grid-template-columns: 1fr; gap: 14px; }
  /* الجوال: معاينة مصغّرة بجانب زرّي الغلاف والسلايد الداخلي، فلا تدفع الإعدادات إلى الأسفل */
  .mkd-idside2 { position: static; order: -1; grid-template-columns: auto minmax(0, 1fr); justify-items: start; align-items: center; gap: 14px; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
  .mkd-idprev2 { grid-row: span 2; width: 112px; min-width: 0; }
  .mkd-idprev2 .mkd-mini { border-radius: 9px; box-shadow: 0 8px 18px rgba(14, 13, 12, .14); }
  .mkd-idflip { flex-direction: column; border-radius: 16px; }
  .mkd-idside-note { display: block; max-width: none; text-align: right; font-size: 12px; }
  .mkd-idbox { padding: 14px; border-radius: 16px; }
  .mkd-privtpl { grid-template-columns: 1fr; padding: 18px; }
  .mkd-privtpl-ss { justify-content: center; order: -1; }
  .mkd-privtpl-s { width: min(38vw, 150px); }
  .mkd-idown { grid-template-columns: 1fr; }
}
/* idpage:end */
/* idpage2:start */
/* قائمة الخط وشرائط المقاس داخل بطاقات الهوية */
.mkd-idbox .mkd-f { gap: 6px; font-size: 13.5px; }
.mkd-idbox .mkd-f small { font-size: 12px; }
.mkd-idbox select { -webkit-appearance: none; appearance: none; width: 100%; height: 48px; padding: 0 14px 0 44px; border: 1.5px solid var(--line); border-radius: 12px;
  background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E655A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center / 18px 18px;
  color: var(--ink); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.mkd-idbox select:hover { border-color: #CDBDA2; }
.mkd-idbox select:focus { outline: none; border-color: var(--ink); background-color: #fff; }
.mkd-idbox .mkd-range { gap: 8px; padding: 14px 16px 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); font-size: 14.5px; }
.mkd-idbox .mkd-range span { align-items: center; font-weight: 600; color: var(--ink); }
.mkd-idbox .mkd-range b { min-width: 58px; padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: 13px; text-align: center; }
/* الاتجاه من اليمين: الشريط يُقلب مرآةً فيمتلئ من اليمين في كل المتصفحات */
.mkd-idbox input[type="range"] { -webkit-appearance: none; appearance: none; direction: ltr; transform: scaleX(-1); width: 100%; height: 28px; margin: 0; background: transparent; cursor: pointer; accent-color: var(--ink); }
.mkd-idbox input[type="range"]::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: linear-gradient(to right, var(--ink) 0 var(--p, 50%), #E3D6C1 var(--p, 50%) 100%); }
.mkd-idbox input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -8px; border: 4px solid #fff; border-radius: 50%; background: var(--ink); box-shadow: 0 1px 5px rgba(14, 13, 12, .3); }
.mkd-idbox input[type="range"]::-moz-range-track { height: 8px; border-radius: 999px; background: #E3D6C1; }
.mkd-idbox input[type="range"]::-moz-range-progress { height: 8px; border-radius: 999px; background: var(--ink); }
.mkd-idbox input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border: 4px solid #fff; border-radius: 50%; background: var(--ink); box-shadow: 0 1px 5px rgba(14, 13, 12, .3); }
.mkd-idbox input[type="range"]:focus-visible { outline: 2px solid var(--org); outline-offset: 4px; border-radius: 8px; }
.mkd-idbox .mkd-touch-up { gap: 12px; }
.mkd-idbox .mkd-touch-th { width: 64px; height: 64px; border-radius: 12px; }
.mkd-idbox .mkd-corners { flex-wrap: wrap; border-radius: 16px; }
.mkd-idjump { justify-self: start; }
/* idpage2:end */
/* cph:start */
/* صورة المستخدم خلفيةً كاملة على قالب لا يعرضها بشكله: خلفيات القالب تُخفى، والصورة وظلها تحت كل شيء */
.ds[data-cph] { isolation: isolate; }
.ds[data-cph] > .ds-bgl { visibility: hidden !important; }
.ds-cph, .ds-cphs { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ds-cph { background-size: cover; background-position: 50% 40%; background-repeat: no-repeat; }
.ds[data-cph="top"] .ds-cphs { transform: scaleY(-1); }
.ds[data-cph] .ds-txt, .ds[data-cph] .ds-txt :is(p, h1, h2, h3, span, b, small, em, strong) { color: var(--cph-fg, #fff) !important; }
.ds[data-cph] .ds-me .ds-nm b, .ds[data-cph] .ds-num { color: var(--cph-fg, #fff) !important; }
/* cph:end */
/* balance:start */
/* عنوان بلا كلمة يتيمة في سطره الأخير: توزيع متوازن للسطور حين لا يحدد القالب غيره (وزن صفري فيغلبه القالب) */
:where(.ds .ds-txt) .r-head { text-wrap: balance; }
/* balance:end */
/* qsquote:start */
.ds[data-style="qusasa"][data-tl="quote"] .qs-qcard { margin-block: auto; position: relative; }
.ds[data-style="qusasa"][data-tl="quote"] svg.qs-tape { display: none; }
.ds[data-style="qusasa"][data-tl="quote"] .qs-qcard::before { content: ""; position: absolute; left: -2.5cqw; top: -3.5cqw; width: 20cqw; height: 6.5cqw; background: var(--qs-paper); opacity: .6; transform: rotate(-22deg); box-shadow: 0 .4cqw 1cqw rgba(30, 26, 22, .12); }
/* qsquote:end */
/* ubg:start */
/* خيار صورة الخلفية في المحرر: زرّان بأيقونة */
.mkd-ubg button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.mkd-app .mkd-ubg svg.mkd-i2 { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* ubg:end */

/* tour:start */
/* ==========================================================================
   جولة الأداة: طبقة تعتّم الشاشة إلا العنصر المشار إليه، وبطاقة شرح قصيرة.
   وبطاقة «الجديد» الصغيرة أسفل الشاشة بعد كل تحديث.
   ========================================================================== */
.mkd-tour { position: fixed; inset: 0; z-index: 2147483000; direction: rtl; }
.mkd-tour-spot { position: fixed; border-radius: 16px; box-shadow: 0 0 0 9999px rgba(14, 13, 12, .58), 0 0 0 3px #fff inset; transition: top .25s ease, left .25s ease, width .25s ease, height .25s ease; pointer-events: none; }
.mkd-tour-card { position: fixed; width: min(340px, calc(100vw - 24px)); display: grid; gap: 8px; padding: 18px 18px 14px; border-radius: 18px; background: #fff; color: #0E0D0C; box-shadow: 0 24px 60px rgba(14, 13, 12, .35); font-family: inherit; text-align: right; }
.mkd-tour-card small { font-size: 12.5px; font-weight: 700; color: #FF6B18; letter-spacing: .2px; }
.mkd-tour-card b { font-size: 17px; font-weight: 700; line-height: 1.45; }
.mkd-tour-card p { margin: 0; font-size: 14.5px; line-height: 1.75; color: #4a433b; }
.mkd-tour-a { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.mkd-tour-a .mkd-link { margin-inline-start: auto; font-size: 13.5px; color: #6E655A; background: none; border: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.mkd-tour-card.is-dock { right: 12px; left: 12px; bottom: 12px; top: auto !important; width: auto; }
@media (prefers-reduced-motion: reduce) { .mkd-tour-spot { transition: none; } }

.mkd-tour-b svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.mkd-newscard { position: fixed; z-index: 2147482000; right: 18px; bottom: 18px; width: min(380px, calc(100vw - 36px)); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 12px; padding: 16px; border: 1px solid #E8DCC6; border-radius: 18px; background: #fff; box-shadow: 0 18px 44px rgba(14, 13, 12, .22); direction: rtl; text-align: right; animation: mkd-nc .35s ease both; }
.mkd-newscard-dot { width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: #FF6B18; box-shadow: 0 0 0 4px rgba(255, 107, 24, .18); }
.mkd-newscard small { display: block; font-size: 12.5px; font-weight: 700; color: #FF6B18; }
.mkd-newscard b { display: block; font-size: 15.5px; line-height: 1.5; color: #0E0D0C; }
.mkd-newscard p { margin: 2px 0 0; font-size: 13.5px; line-height: 1.7; color: #4a433b; }
.mkd-newscard-a { grid-column: 2; display: flex; align-items: center; gap: 10px; }
.mkd-newscard-a .mkd-link { font-size: 13.5px; color: #6E655A; background: none; border: 0; cursor: pointer; }
@keyframes mkd-nc { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mkd-newscard { animation: none; } }
@media (max-width: 640px) { .mkd-newscard { right: 12px; left: 12px; bottom: 12px; width: auto; } }
/* tour:end */
/* slots:start */
/* أماكن الصور في المحرر: طبقة فوق التصميم، لا تُصدَّر */
.mkd-slots { position: absolute; inset: 0; z-index: 6; pointer-events: none; }
.is-pinning .mkd-slots { display: none; }
.mkd-slot { position: absolute; display: grid; place-items: center; margin: 0; padding: 0; border: 2px dashed rgba(255, 107, 24, .9); border-radius: 10px; background: rgba(255, 107, 24, .1); cursor: pointer; pointer-events: auto; font: inherit; color: #fff; transition: background .15s ease; }
.mkd-slot:hover, .mkd-slot:focus-visible { background: rgba(255, 107, 24, .2); outline: none; }
.mkd-slot-b { display: inline-flex; align-items: center; gap: 6px; max-width: 94%; padding: 8px 14px; border-radius: 999px; background: #0E0D0C; color: #fff; font-size: 13.5px; font-weight: 700; line-height: 1; white-space: nowrap; box-shadow: 0 6px 16px rgba(14, 13, 12, .28); }
.mkd-slot-b b { font-weight: 700; }
.mkd-app svg.mkd-slot-i { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.mkd-slot.is-sm .mkd-slot-b { padding: 7px; }
.mkd-slot.is-full { border: 0; background: none; place-items: start end; padding: 8px; pointer-events: none; }
.mkd-slot.is-full .mkd-slot-b { pointer-events: auto; padding: 6px 10px; font-size: 12px; background: rgba(14, 13, 12, .78); }
.mkd-slot.is-full:hover .mkd-slot-b { background: #0E0D0C; }
/* slots:end */
/* wlfan:start */
/* ظل بطاقات المروحة لا يُقص بحافة حادة: مساحة أوسع حولها، وتلاشٍ ناعم عند الطرفين */
.mkd-wl-fan { padding: 18px 72px 108px; margin-bottom: 0; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%); }
@media (max-width: 640px) { .mkd-wl-fan { padding: 12px 16px 64px; -webkit-mask-image: none; mask-image: none; } }
/* wlfan:end */

/* rq:start طلب القالب الخاص: بطاقة الدعوة، سطر الحالة، التنبيه في المحرر، وصفحة الطلب */
.mkd-rq-card { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 16px 18px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 26px rgba(14, 13, 12, .06); }
.mkd-rq-card.is-sty { margin-top: 6px; }
.mkd-rq-ic { flex: none; width: 50px; height: 50px; border-radius: 15px; background: var(--ink); color: var(--org); display: grid; place-items: center; }
.mkd-app .mkd-rq-ic svg.mkd-i2 { width: 24px; height: 24px; fill: currentColor; stroke: none; }
.mkd-rq-t { flex: 1 1 260px; min-width: 0; display: grid; gap: 3px; }
.mkd-rq-t b { font-size: 16.5px; line-height: 1.5; color: var(--ink); }
.mkd-rq-t small { font-size: 13.5px; line-height: 1.75; color: var(--muted); }
.mkd-rq-card .mkd-btn, .mkd-rq-nudge .mkd-btn { flex: none; }
.mkd-app .mkd-rq-card .mkd-btn svg.mkd-i2, .mkd-app .mkd-rq-nudge .mkd-btn svg.mkd-i2 { width: 16px; height: 16px; }

.mkd-rq-strip { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding-block: 5px; padding-inline: 14px 6px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font: inherit; font-size: 14px; cursor: pointer; }
.mkd-app .mkd-rq-strip svg.mkd-i2 { color: var(--org); }
.mkd-rq-strip b { padding: 5px 14px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 600; }
.mkd-rq-strip.is-done { border-color: var(--org); background: #FFF1E6; }
.mkd-rq-strip.is-done b { background: var(--org); color: var(--ink); }
.mkd-rq-strip:focus-visible { outline: 2px solid var(--org); outline-offset: 3px; }

.mkd-rq-nudge { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 10px 0 0; padding: 12px 14px; border-radius: 16px; background: #FFF1E6; border: 1px solid rgba(255, 107, 24, .35); }
.mkd-rq-nudge[hidden] { display: none; }
.mkd-rq-nudge .mkd-rq-ic { width: 40px; height: 40px; border-radius: 12px; }
.mkd-app .mkd-rq-nudge .mkd-rq-ic svg.mkd-i2 { width: 20px; height: 20px; }
.mkd-rq-x { flex: none; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 22px; line-height: 1; cursor: pointer; }
.mkd-rq-x:hover { background: rgba(14, 13, 12, .06); color: var(--ink); }

.mkd-rqp { max-width: 1000px; }
.mkd-rq-hero { display: grid; gap: 10px; justify-items: start; padding: 26px 26px 22px; border-radius: 24px; background: var(--ink); color: #fff; }
.mkd-rq-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 107, 24, .16); color: var(--org); font-size: 13px; font-weight: 700; }
.mkd-app .mkd-rq-badge svg.mkd-i2 { width: 15px; height: 15px; fill: currentColor; stroke: none; }
.mkd-rq-hero h2 { margin: 0; font-size: clamp(22px, 3vw, 30px); line-height: 1.35; color: #fff; text-wrap: balance; }
.mkd-rq-hero p { margin: 0; max-width: 60ch; font-size: 15px; line-height: 1.8; color: rgba(255, 255, 255, .78); }
.mkd-rq-steps { list-style: none; width: 100%; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mkd-rq-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; row-gap: 2px; align-items: center; margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .07); }
.mkd-rq-steps i { grid-row: span 2; align-self: start; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--org); color: var(--ink); font-style: normal; font-size: 13px; font-weight: 700; }
.mkd-rq-steps b { font-size: 15px; color: #fff; }
.mkd-rq-steps span { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, .7); }

.mkd-rq-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.mkd-rq-form .mkd-idbox.is-wide { grid-column: 1 / -1; }
.mkd-rq-form .mkd-f input.bad { border-color: #D9483B; }
.mkd-rq-ths { display: flex; flex-wrap: wrap; gap: 10px; }
.mkd-rq-th { position: relative; flex: none; width: 96px; height: 96px; border-radius: 14px; overflow: hidden; background: var(--cream); border: 1px solid var(--line); }
.mkd-rq-th img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mkd-rq-th.is-logo { background: repeating-conic-gradient(#EFE6D6 0 25%, #fff 0 50%) 0 0 / 16px 16px; }
.mkd-rq-th.is-logo img { object-fit: contain; padding: 10px; }
.mkd-rq-th.sm { width: 64px; height: 64px; border-radius: 10px; }
.mkd-rq-thx { position: absolute; top: 6px; left: 6px; width: 26px; height: 26px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(14, 13, 12, .78); color: #fff; font-size: 16px; line-height: 1; cursor: pointer; }
.mkd-rq-thx:focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-rq-add { flex: none; width: 96px; height: 96px; display: grid; place-content: center; justify-items: center; gap: 2px; border: 2px dashed rgba(255, 107, 24, .7); border-radius: 14px; background: rgba(255, 107, 24, .06); color: var(--ink); text-align: center; cursor: pointer; }
.mkd-rq-add span { font-size: 26px; line-height: 1; color: var(--org); }
.mkd-rq-add small { font-size: 12px; font-weight: 600; }
.mkd-rq-add:hover { background: rgba(255, 107, 24, .12); }
.mkd-rq-add:focus-within { outline: 2px solid var(--org); outline-offset: 2px; }

.mkd-rq-cols { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mkd-rq-col { display: inline-flex; align-items: center; gap: 8px; padding: 5px; padding-inline-end: 6px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); }
.mkd-rq-col label { position: relative; flex: none; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; border: 1px solid rgba(14, 13, 12, .15); cursor: pointer; }
.mkd-rq-col input[type="color"] { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.mkd-rq-col label:focus-within { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-rq-col code { background: none; padding: 0; font-size: 12.5px; color: var(--ink); }
.mkd-rq-col .mkd-rq-thx { position: static; width: 24px; height: 24px; background: rgba(14, 13, 12, .08); color: var(--ink); }
.mkd-rq-coladd { min-height: 44px; padding: 0 16px; border: 1.5px dashed var(--line); border-radius: 999px; background: transparent; font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; }
.mkd-rq-coladd:hover { border-color: var(--org); }
.mkd-rq-fontup { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mkd-rq-ok { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #136A35; }
.mkd-rq-vibes { display: flex; flex-wrap: wrap; gap: 8px; }
.mkd-rq-vibe { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; font: inherit; font-size: 14.5px; color: var(--ink); cursor: pointer; }
.mkd-rq-vibe.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.mkd-app .mkd-rq-vibe svg.mkd-i2 { width: 15px; height: 15px; stroke-width: 2.4; color: var(--org); }
.mkd-rq-vibe:focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-rq-notes { width: 100%; padding: 10px 12px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--paper); font: inherit; font-size: 15px; line-height: 1.7; color: var(--ink); resize: vertical; }
.mkd-rq-notes:focus { border-color: var(--ink); outline: none; background: #fff; }
.mkd-rqp .mkd-page-foot .mkd-btn svg.mkd-i2 { width: 17px; height: 17px; stroke-width: 2.4; }

.mkd-rq-status { display: grid; gap: 12px; justify-items: start; padding: 24px; border-radius: 22px; background: #fff; border: 1px solid var(--line); }
.mkd-rq-status h2 { margin: 4px 0 0; font-size: clamp(21px, 2.6vw, 27px); line-height: 1.35; text-wrap: balance; }
.mkd-rq-status > p { margin: 0; max-width: 60ch; font-size: 15px; line-height: 1.8; color: var(--muted); }
.mkd-rq-track { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mkd-rq-track li { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin: 0; padding-inline: 6px 14px; border-radius: 999px; background: var(--cream); color: var(--muted); font-size: 14px; font-weight: 600; }
.mkd-rq-track i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--muted); font-style: normal; font-size: 13px; }
.mkd-rq-track li.is-done { color: var(--ink); }
.mkd-rq-track li.is-done i { background: var(--ink); color: #fff; }
.mkd-rq-track li.is-on { background: var(--ink); color: #fff; }
.mkd-rq-track li.is-on i { background: var(--org); color: var(--ink); }
.mkd-app .mkd-rq-track svg.mkd-i2 { width: 15px; height: 15px; stroke-width: 2.6; }
.mkd-rq-msg { display: grid; gap: 4px; width: 100%; padding: 14px 16px; border-radius: 14px; background: #FFF1E6; border: 1px solid rgba(255, 107, 24, .3); }
.mkd-rq-msg b { font-size: 13px; color: #8A3500; }
.mkd-rq-msg p { margin: 0; font-size: 15px; line-height: 1.8; white-space: pre-line; }
.mkd-rq-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.mkd-rq-acts .mkd-note { margin: 0; }
.mkd-app .mkd-rq-acts .mkd-btn svg.mkd-i2 { width: 17px; height: 17px; }
.mkd-rq-sum { gap: 0; }
.mkd-rq-sum .mkd-idhead { margin-bottom: 10px; }
.mkd-rq-row { display: grid; grid-template-columns: 20px 130px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14.5px; }
.mkd-app .mkd-rq-row svg.mkd-i2 { margin-top: 3px; color: var(--muted); }
.mkd-rq-row b { font-weight: 600; color: var(--muted); }
.mkd-rq-row > div { min-width: 0; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
.mkd-rq-dot { display: inline-block; width: 24px; height: 24px; margin-inline-end: 6px; vertical-align: middle; border-radius: 50%; border: 1px solid rgba(14, 13, 12, .15); }

@media (max-width: 820px) {
  .mkd-rq-form { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .mkd-rq-hero { padding: 20px 18px; border-radius: 20px; }
  .mkd-rq-steps { grid-template-columns: minmax(0, 1fr); }
  .mkd-rq-status { padding: 18px; }
  .mkd-rq-row { grid-template-columns: 20px minmax(0, 1fr); }
  .mkd-rq-row > div { grid-column: 2; }
  .mkd-rq-card .mkd-btn { width: 100%; }
}
/* rq:end */

/* navfix:start معاينة الهوية على الجوال: «الغلاف» و«سلايد داخلي» في صف واحد، والملاحظة سطر قصير تحتهما */
@media (max-width: 900px) {
  .mkd-idflip { flex-direction: row; flex-wrap: nowrap; border-radius: 999px; }
  .mkd-idflip button { padding: 4px 12px; white-space: nowrap; }
}
@media (max-width: 380px) {
  .mkd-idflip button { padding: 4px 9px; font-size: 13px; }
}
/* navfix:end */

/* topbar:start «الجديد» و«جولة» بشكل أزرار الترويسة (كانا بتنسيق المتصفح الافتراضي)، وترويسة الجوال في صف واحد لا يغطي الشعار */
.mkd-news-b { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font: inherit; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; transition: border-color .15s ease; }
.mkd-news-b:hover { border-color: var(--ink); }
.mkd-news-b:focus-visible { outline: 2px solid var(--org); outline-offset: 2px; }
.mkd-news-b svg { flex: none; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mkd-news-dot { position: absolute; top: -3px; left: -3px; width: 11px; height: 11px; border-radius: 50%; background: var(--org); box-shadow: 0 0 0 2px var(--paper); }
.mkd-top .mkd-btn[data-act="new"] svg { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.mkd-brand { flex: none; }
.mkd-top-r { min-width: 0; }
@media (max-width: 640px) {
  .mkd-news-b { width: 36px; min-height: 36px; padding: 0; }
  .mkd-news-b span { display: none; }
  .mkd-top .mkd-new-l { display: none; }
  /* «هويتي» تبقى ظاهرة بجانب الصورة (كانت تُخفى تحت 420 بكسل) */
  .mkd-top .mkd-chip { flex: none; }
  .mkd-top .mkd-chip > span:nth-child(2) { display: inline; max-width: none; }
  .mkd-news-b { flex: none; }
}
@media (max-width: 400px) {
  .mkd-top { padding: 10px; gap: 6px; }
  .mkd-top-r { gap: 5px; }
  .mkd-news-b { width: 34px; min-height: 34px; }
  .mkd-top .mkd-btn { padding: 6px 10px; }
  .mkd-top .mkd-chip { gap: 5px; padding: 3px 4px 3px 10px; }
  .mkd-top .mkd-chip svg { display: none; }
  /* في المحرر على الشاشات الصغيرة: «الجديد» يُترك لصفحة البداية حتى تتسع «هويتي» و«تصاميمي» و«جديد» */
  .mkd-top[data-view="edit"] .mkd-news-b[data-act="news"] { display: none; }
}
/* topbar:end */

/* ptpl:start قالب خاص مبني من لوحة التحكم: البطاقة نفسها، وتنبيه للمدير إن لم يُفعَّل بعد */
.mkd-ptpl-off { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; background: rgba(0, 0, 0, .2); font-size: 12px; font-weight: 700; }
/* ptpl:end */

/* sync:start شريط حالة الحفظ: يظهر فقط حين لم يصل آخر تعديل إلى الحساب أو حُفظ عمل هذا الجهاز تصميمًا منفصلًا */
.mkd-savebar { position: fixed; z-index: 100000; left: 50%; bottom: 84px; transform: translateX(-50%); width: min(640px, calc(100% - 24px)); display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 16px; background: #FFF1E6; border: 1px solid rgba(255, 107, 24, .45); color: var(--ink); box-shadow: 0 14px 30px rgba(14, 13, 12, .18); font-size: 14px; line-height: 1.6; text-align: right; }
.mkd-savebar[hidden] { display: none; }
.mkd-savebar-i { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--ink); color: var(--org); }
.mkd-app .mkd-savebar-i svg.mkd-i2 { width: 18px; height: 18px; }
.mkd-savebar-t { flex: 1; min-width: 0; }
.mkd-savebar .mkd-btn { flex: none; }
.mkd-acct { margin: 0; }
.mkd-acct bdi { font-weight: 600; color: var(--ink); }
@media (max-width: 640px) {
  .mkd-savebar { bottom: 12px; flex-wrap: wrap; }
  .mkd-savebar-t { flex-basis: calc(100% - 50px); }
}
/* sync:end */

/* quality3:start */
/* غلاف «رِحال» بلا صورة: العنوان في وسط السلايد وبعرض أكبر، لا في ركن ضيق أسفل فراغ صُمّم للصورة */
.ds[data-style="rihal"][data-tl="cover"]:not(:has(.rh-ph)) .rh-hd { margin-block: auto; }
.ds[data-style="rihal"][data-tl="cover"]:not(:has(.rh-ph)) .r-head { max-width: none; }
/* الستوري: أعلاه وأسفله تغطيهما واجهة إنستغرام. في هذه القوالب كان هامشها الخاص يلغي الهامش الآمن فيقع النص تحتها.
   قوالب أخرى هامشها في الستوري أكبر عن قصد (شريط ملوّن أعلى الغلاف في «غسق» و«طب») فلا تُلمس */
.ds-frame.is-story > .ds:is([data-style="dar"], [data-style="mada"], [data-style="mahfil"], [data-style="majlis"], [data-style="minassa"], [data-style="nadara"], [data-style="nafs"], [data-style="raff"], [data-style="rihal"], [data-style="shaghir"], [data-style="sufra"]) { padding-top: 24cqw !important; padding-bottom: 32cqw !important; }
/* «رفّ» بلا منتجات: الشبكة الفارغة لا تترك فراغًا أبيض، والعنوان عبارة كبيرة في الوسط */
.ds[data-style="raff"] .rf-grid[data-n="0"] { display: none; }
.ds[data-style="raff"][data-tl="grid"]:has(.rf-grid[data-n="0"]) .rf-hrow { margin-block: auto; }
.ds[data-style="raff"][data-tl="grid"]:has(.rf-grid[data-n="0"]) .rf-hrow .r-head { font-size: calc(9.63cqw * var(--fs) * var(--dk) * var(--hk, 1)); text-align: center; }
/* «فرفوش»: فقاعة الكلام وحدها في السلايد تكون في وسطه */
.ds[data-style="farfoush"][data-tl="bubble"] .ds-txt > .ff-bub:only-child { margin-block: auto; }
/* «قصاصة»: بطاقة الاقتباس في وسط المساحة فوق المصدر */
.ds[data-style="qusasa"][data-tl="quote"] .qs-src { margin-top: 0; }
/* quality3:end */

/* حجم كل جملة ووزنها وحدها في لوحة النص (1.6.20) */
.mkd-usz { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid var(--line, #e6ded2); border-radius: 999px; background: #fff; }
.mkd-usz button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; font: inherit; font-size: 16px; font-weight: 800; line-height: 1; color: #1a1a1a; cursor: pointer; }
.mkd-usz button:hover { background: #f6f1e7; }
.mkd-usz button:focus-visible { outline: 2px solid #FF6B18; outline-offset: 1px; }
.mkd-usz b { min-width: 42px; text-align: center; font-size: 12px; font-variant-numeric: tabular-nums; }
.mkd-usz .mkd-ub { font-family: Georgia, 'Times New Roman', serif; font-size: 15px; }
.mkd-usz .mkd-ub.on { background: #1a1a1a; color: #fff; }
/* سلايد حجّمه المشترك بيده وزاد نصه عنه: تنبيه واضح بدل تصغير غيره */
.mkd-big.is-over::after {
  content: 'النص أكبر من السلايد: اسحب زاوية السطر للداخل ليصغر';
  position: absolute; inset-inline: 0; bottom: 8px; margin-inline: auto; width: max-content; max-width: calc(100% - 20px);
  z-index: 6; pointer-events: none;
  padding: 5px 12px; border-radius: 99px; background: rgba(20, 17, 14, .82); color: #fff;
  font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center;
}
/* جملة بحجمها وحدها في سطرها: هي صندوق السطر، فيتبع التباعد حجمها (1.6.21) */
.ds .r-u.has-us.is-solo { display: block; }
/* سلايد عدّله المشترك بيده: الأسطر تمتلئ طبيعيًا بلا موازنة تقصّرها (عرض العمود كما صمّمه القالب) */
.ds[data-manual] .ds-txt :is(.r-head, .r-body, .r-tag) { text-wrap: pretty; }
/* النص حر أصلًا (1.6.22): الأسطر تمتلئ طبيعيًا بلا موازنة إنجليزية تقصّرها. عرض العمود كما صمّمه القالب
   (إزالته جعلت النص يمر تحت أجزاء القالب فيصغر كثيرًا)، والمشترك يوسّعه بمقبضي صندوق النص */
.ds[data-free] .ds-txt :is(.r-head, .r-body, .r-tag) { text-wrap: pretty; }
/* صندوق نص وسّعه المشترك بيده: العرض الذي اختاره هو الحد، لا عرض القالب */
.ds .ds-mv.has-tw .ds-txt :is(.r-head, .r-body, .r-tag) { max-width: none; }
/* «شكل آخر لهذا السلايد» تحت التصميم */
.mkd-looks { width: 100%; max-width: 760px; margin: 14px auto 0; padding: 12px 14px; border: 1.5px solid var(--line, #e6ded2); border-radius: 16px; background: #fff; }
.mkd-looks[hidden] { display: none; }
.mkd-looks-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.mkd-looks-h b { font-size: 15px; }
.mkd-looks-h small { font-size: 12.5px; color: var(--muted, #6b6258); }
.mkd-looks .mkd-looks-row { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
.mkd-looks .mkd-looks-row .mkd-alt { flex: 0 0 104px; }
.mkd-looks .mkd-quick { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.mkd-looks .mkd-quick:empty { display: none; }
/* لوحة النص المبسطة: نص كل جملة فقط، والحذف يظهر وهي مختارة (1.6.22) */
.mkd-u2 { position: relative; }
.mkd-u2 textarea { padding-inline-end: 34px; }
.mkd-u2.on textarea, .mkd-u2 textarea:focus { border-color: #FF6B18; box-shadow: 0 0 0 3px rgba(255, 107, 24, .15); }
.mkd-u2 .mkd-udel { position: absolute; top: 8px; inset-inline-end: 8px; opacity: 0; transition: opacity .15s; }
.mkd-u2:hover .mkd-udel, .mkd-u2:focus-within .mkd-udel, .mkd-u2.on .mkd-udel { opacity: 1; }
.mkd-txtctl .mkd-urole { border: 1px solid var(--line, #e6ded2); border-radius: 999px; padding: 4px 10px; background: #fff; font: inherit; font-size: 13px; }
/* ألوان هويتي ثم ألوان القالب الأصلية بعضها تحت بعض (1.6.22) */
.mkd-own.is-stack { display: grid; grid-template-columns: 1fr; gap: 8px; }
.mkd-own.is-stack .mkd-own-b { justify-content: flex-start; width: 100%; }

/* إطار السطر المختار داخل إطار النص: مقبضه في الزاوية يكبّر السطر وحده أو يصغّره بالسحب */
.mkd-selbox.is-unit { border-style: dashed; border-width: 1.5px; box-shadow: none; border-radius: 4px; }
.mkd-selbox.is-unit .mkd-selh { background: var(--org); border-color: #fff; }

/* «شكل آخر للسلايد»: زر مميز بلون الأداة، لا يضيع بين أزرار الإضافة */
.mkd-btn.mkd-shuffle { background: var(--org, #FF6B18); border-color: var(--org, #FF6B18); color: #fff; font-weight: 800; box-shadow: 0 6px 16px rgba(255, 107, 24, .28); }
.mkd-btn.mkd-shuffle:hover { background: #E85A0C; border-color: #E85A0C; color: #fff; }
.mkd-btn.mkd-shuffle svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mkd-looks { position: relative; }
.mkd-looks-x { position: absolute; inset-inline-end: 8px; top: 8px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: #f3eee6; color: #1a1a1a; font-size: 18px; line-height: 1; cursor: pointer; }
.mkd-looks-x:hover { background: #e9e1d5; }
/* شريط النص كبرامج التصميم: الخط، الحجم رقمًا، عريض، نوع النص */
.mkd-px .mkd-pxin { width: 46px; min-height: 28px; border: 0; border-radius: 8px; background: transparent; text-align: center;
  font: inherit; font-size: 13.5px; font-weight: 700; font-variant-numeric: tabular-nums; color: inherit; padding: 0; }
.mkd-px .mkd-pxin:hover { background: #f6f1e7; }
.mkd-px .mkd-pxin:focus { outline: 2px solid var(--org, #FF6B18); outline-offset: 0; background: #fff; }
.mkd-hlb svg, .mkd-allb svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mkd-txtctl.is-unit .mkd-fontsel select { max-width: 132px; }

/* ---- إطار التحديد كبرامج التصميم (1.6.23): خط رفيع ضيق حول العنصر، مقابض بيضاء صغيرة، والحذف في شريط صغير فوقه ---- */
.mkd-big { overflow: visible; }
.mkd-big > .ds-frame { border-radius: inherit; }
.mkd-selui { --mkd-sel: #1A8CFF; }
.mkd-selbox, .mkd-selbox.is-unit { border: 1.5px solid var(--mkd-sel); border-radius: 2px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .55); }
.mkd-sellab { display: none; }
.mkd-selh { width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 1px solid rgba(0, 0, 0, .16);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .35); left: auto; right: auto; top: auto; bottom: auto; }
.mkd-selbox.is-unit .mkd-selh { background: #fff; border-color: rgba(0, 0, 0, .16); }
.mkd-selh::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; }
.mkd-selh.is-tl { left: -7px; top: -7px; cursor: nwse-resize; }
.mkd-selh.is-tr { right: -7px; top: -7px; cursor: nesw-resize; }
.mkd-selh.is-bl { left: -7px; bottom: -7px; cursor: nesw-resize; }
.mkd-selh.is-br { right: -7px; bottom: -7px; cursor: nwse-resize; }
.mkd-selr { left: 50%; top: auto; bottom: -38px; width: 26px; height: 26px; margin-left: -13px; border: 1px solid rgba(0, 0, 0, .12); background: #fff center / 15px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E");
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3); cursor: grab; }
.mkd-selr::after { display: none; }
.mkd-seltw { width: 7px; height: 22px; margin-top: -11px; border-radius: 4px; background: #fff; border: 1px solid rgba(0, 0, 0, .16); box-shadow: 0 1px 4px rgba(0, 0, 0, .35); }
.mkd-seltw { left: -4.5px; }
.mkd-seltw.is-r { left: auto; right: -4.5px; }
.mkd-seltw::before { content: ""; position: absolute; inset: -8px -10px; }
.mkd-selbar { pointer-events: auto; position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); display: flex; gap: 2px; padding: 3px;
  background: #fff; border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .06); white-space: nowrap; }
.mkd-selbox.is-top .mkd-selbar { bottom: auto; top: calc(100% + 10px); }
.mkd-selbox.is-top.is-el .mkd-selbar, .mkd-selbox.is-top[data-for^="d:"] .mkd-selbar { top: calc(100% + 46px); }
.mkd-selbar .mkd-selx { position: static; width: 32px; height: 32px; border: 0; border-radius: 7px; background: transparent; color: #1a1a1a; box-shadow: none;
  display: grid; place-items: center; cursor: pointer; inset: auto; }
.mkd-selbar .mkd-selx:hover { background: #fdecea; color: #c0392b; }
.mkd-selbar .mkd-selx svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@media (pointer: coarse) {
  .mkd-selh { width: 16px; height: 16px; }
  .mkd-selh.is-tl { left: -9px; top: -9px; } .mkd-selh.is-tr { right: -9px; top: -9px; }
  .mkd-selh.is-bl { left: -9px; bottom: -9px; } .mkd-selh.is-br { right: -9px; bottom: -9px; }
  .mkd-selh::before { inset: -12px; }
  .mkd-seltw { width: 9px; height: 28px; margin-top: -14px; left: -5.5px; }
  .mkd-seltw.is-r { right: -5.5px; }
  .mkd-selr { width: 32px; height: 32px; margin-left: -16px; bottom: -46px; top: auto; }
  .mkd-selbar .mkd-selx { width: 40px; height: 40px; font-size: inherit; inset: auto; }
}
/* المرور على سطر: خط رفيع بلون التحديد، والكتابة فيه بلا تظليل فوق الإطار */
.mkd-big .r-u:hover { background: transparent; box-shadow: 0 0 0 1px rgba(26, 140, 255, .6); }
.mkd-big .r-u:focus, .mkd-big .r-u:focus:hover { outline: none; background: transparent; box-shadow: none; }

/* المرور على أجزاء التصميم: خط رفيع بلون التحديد بدل الإطار البرتقالي المنقط. النص كله لا يُحاط (سطوره تُحاط وحدها) */
.mkd-big .ds-mv > *:hover { outline: 1px solid rgba(26, 140, 255, .55); outline-offset: 3px; border-radius: 2px; }
.mkd-big .ds-mv[data-mv="txt"] > *:hover { outline: none; }
.mkd-big .ds-mv.is-dragging > * { outline: 1.5px solid #1A8CFF; outline-offset: 3px; }
.mkd-big .ds-el:hover { outline: 1px solid rgba(26, 140, 255, .55); outline-offset: 2px; }

/* ---- وضوح الشريط (1.6.24): كل زر بأيقونة واسم، بارتفاع واحد وحواف واحدة ---- */
.mkd-stage > .mkd-bar .mkd-btn.sm, .mkd-stage > .mkd-bar .mkd-tog.sm { min-height: 38px; border-radius: 999px; font-size: 13.5px; font-weight: 700; }
.mkd-stage > .mkd-bar .mkd-btn.ghost { border: 1.5px solid var(--line); background: #fff; }
.mkd-stage > .mkd-bar .mkd-btn.ghost:hover:not(:disabled) { background: var(--cream); border-color: #d9cfbf; }
.mkd-btn.mkd-hist { padding: 6px 13px 6px 12px; }
.mkd-btn.mkd-hist svg { width: 17px; height: 17px; stroke-width: 2.1; }
.mkd-btn.mkd-hist:disabled { opacity: .42; }
.mkd-bar [data-act="dl-one"].mkd-dlone { font-size: 13.5px; gap: 7px; padding: 6px 14px; }
.mkd-bar [data-act="dl-one"].mkd-dlone svg { margin: 0; }
.mkd-plats-l { display: inline-flex; align-items: center; gap: 5px; padding-inline: 8px 6px; margin-inline-end: 2px; border-inline-end: 1px solid var(--line);
  font-size: 12.5px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.mkd-plats-l svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mkd-txtctl .mkd-step small { color: var(--ink); opacity: .7; font-weight: 700; font-size: 11.5px; }
.mkd-step-b.mkd-allb { width: auto; min-width: 0; padding-inline: 10px 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; }
.mkd-rolesel { display: inline-flex; align-items: center; gap: 4px; padding-inline-start: 8px; border-inline-start: 1px solid var(--line); }
.mkd-rolesel svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; flex: none; }
.mkd-rolesel .mkd-urole { border: 0; background: transparent; font-weight: 700; padding-inline: 2px 4px; cursor: pointer; }
/* الشريط الثاني في صف واحد: التلميح يختفي حين يضيق المكان (السطور تُحاط بخط أزرق عند المرور فتُعرف وحدها) */
@container mkbar2 (max-width: 1060px) { .mkd-bar2 .mkd-txtctl-hint { display: none; } }
/* الجوال: «شكل آخر للسلايد» أول الصف فيُرى دون تمرير */
@media (max-width: 640px) { .mkd-bar .mkd-bar-g > .mkd-shuffle { order: -1; } }
/* المعاينة: أسماء المنصات تظهر فقط حين يتسع الشريط لها مع أدوات النص في صف واحد */
@container mkbar2 (max-width: 1320px) { .mkd-bar2 .mkd-plat-b i { display: none; } .mkd-bar2 .mkd-plat-b { padding: 7px; } }

/* ---- لون النص ومحاذاته وتحريك السطر (1.6.25) ---- */
.mkd-bar2 { position: relative; }
.mkd-ucol { display: inline-flex; }
.mkd-ucolb .mkd-ucola { display: inline-block; font-weight: 900; font-size: 15px; line-height: 1; padding: 0 2px 2px; border-bottom: 3.5px solid var(--uc, currentColor); }
.mkd-ucolpop { position: absolute; z-index: 40; display: grid; gap: 8px; padding: 10px 12px 12px; min-width: 210px; background: #fff; border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18), 0 0 0 1px rgba(0, 0, 0, .06); }
.mkd-ucolpop[hidden] { display: none; }
.mkd-ucolpop small { font-size: 12px; font-weight: 700; color: var(--muted); }
.mkd-ucolrow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.mkd-ucolrow .mkd-swatch { width: 28px; height: 28px; }
.mkd-swatch.is-none { background: linear-gradient(135deg, #fff 44%, #e0413a 44%, #e0413a 56%, #fff 56%); }
.mkd-ualb svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
/* مقبض تحريك السطر: تحت إطاره في الوسط، كما في برامج التصميم على الجوال */
.mkd-selm { pointer-events: auto; position: absolute; left: 50%; bottom: -42px; width: 28px; height: 28px; margin-left: -14px; border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .14); box-shadow: 0 1px 5px rgba(0, 0, 0, .3); cursor: move; touch-action: none;
  background: #fff center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M3 12h18M9 6l3-3 3 3M9 18l3 3 3-3M6 9l-3 3 3 3M18 9l3 3-3 3'/%3E%3C/svg%3E"); }
.mkd-selm::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; }
.mkd-selbox.is-unit.is-top .mkd-selbar { top: calc(100% + 50px); }
@media (pointer: coarse) {
  .mkd-selm { width: 36px; height: 36px; margin-left: -18px; bottom: -50px; background-size: 19px; }
  .mkd-selbox.is-unit.is-top .mkd-selbar { top: calc(100% + 60px); }
}

/* سطر مخفي في اللوحة: جملة توضيح بدل خيار حذف */
.mkd-u-note { display: block; margin-top: 4px; font-size: 11.5px; color: var(--muted); }

/* ---- خط السطر: زر باسم الخط وبشكله، وقائمة الخطوط كل خط بشكله (1.6.27) ---- */
.mkd-ufont { display: inline-flex; }
.mkd-ufontb { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 8px 0 6px; border: 0; background: transparent; border-radius: 999px;
  font: inherit; color: var(--ink); cursor: pointer; }
.mkd-ufontb:hover { background: var(--paper); }
.mkd-ufontb svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.mkd-ufontb svg.mkd-caret { width: 12px; height: 12px; opacity: .6; }
.mkd-ufontb b { font-size: 14px; font-weight: 700; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mkd-ufontpop { position: absolute; z-index: 40; display: grid; gap: 6px; padding: 10px 8px 8px; width: 240px; background: #fff; border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18), 0 0 0 1px rgba(0, 0, 0, .06); }
.mkd-ufontpop[hidden] { display: none; }
.mkd-ufontpop > small { font-size: 12px; font-weight: 700; color: var(--muted); padding-inline: 6px; }
.mkd-ufontlist { display: grid; gap: 2px; max-height: 340px; overflow-y: auto; overscroll-behavior: contain; }
.mkd-ufi { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; width: 100%; padding: 7px 10px; border: 0; border-radius: 8px;
  background: transparent; color: var(--ink); text-align: start; cursor: pointer; font: inherit; }
.mkd-ufi:hover { background: var(--paper); }
.mkd-ufi.on { background: #eef5ff; box-shadow: inset 0 0 0 1.5px #1A8CFF; }
.mkd-ufi b { font-size: 19px; font-weight: 400; line-height: 1.5; }
.mkd-ufi small { font-size: 11.5px; color: var(--muted); white-space: nowrap; }
/* المرور على أي جزء في التصميم: خط أزرق رفيع واحد في كل مكان (بدل البرتقالي المنقط) */
.mkd-big [data-uu]:hover { outline: none; }
.mkd-big .ds-scene:hover { outline: 1px solid rgba(26, 140, 255, .55); outline-offset: 3px; border-radius: 4px; }
.mkd-big .ds [data-dv]:hover { outline: 1px solid rgba(26, 140, 255, .55); outline-offset: 2px; }

/* ---- خطوط مكرم التجارية الجديدة (1.6.29) ---- */
@font-face { font-family: "MKD Asal"; font-weight: 300; font-display: swap; src: url(fonts/asal-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Asal"; font-weight: 400; font-display: swap; src: url(fonts/asal-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Asal"; font-weight: 700; font-display: swap; src: url(fonts/asal-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Asal"; font-weight: 900; font-display: swap; src: url(fonts/asal-900.woff2) format("woff2"); }
@font-face { font-family: "MKD BC"; font-weight: 300; font-display: swap; src: url(fonts/bc-300.woff2) format("woff2"); }
@font-face { font-family: "MKD BC"; font-weight: 400; font-display: swap; src: url(fonts/bc-400.woff2) format("woff2"); }
@font-face { font-family: "MKD BC"; font-weight: 700; font-display: swap; src: url(fonts/bc-700.woff2) format("woff2"); }
@font-face { font-family: "MKD BC"; font-weight: 900; font-display: swap; src: url(fonts/bc-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Helvetica"; font-weight: 300; font-display: swap; src: url(fonts/hvn-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Helvetica"; font-weight: 400; font-display: swap; src: url(fonts/hvn-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Helvetica"; font-weight: 700; font-display: swap; src: url(fonts/hvn-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon Display"; font-weight: 500; font-display: swap; src: url(fonts/lyond-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon Display"; font-weight: 700; font-display: swap; src: url(fonts/lyond-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Lyon Display"; font-weight: 900; font-display: swap; src: url(fonts/lyond-900.woff2) format("woff2"); }
@font-face { font-family: "MKD Shamel"; font-weight: 300; font-display: swap; src: url(fonts/shamel-300.woff2) format("woff2"); }
@font-face { font-family: "MKD Shamel"; font-weight: 400; font-display: swap; src: url(fonts/shamel-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Shamel"; font-weight: 500; font-display: swap; src: url(fonts/shamel-500.woff2) format("woff2"); }
@font-face { font-family: "MKD Shamel"; font-weight: 700; font-display: swap; src: url(fonts/shamel-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Mufreh"; font-weight: 400; font-display: swap; src: url(fonts/mufreh-400.woff2) format("woff2"); }
@font-face { font-family: "MKD Qahwa"; font-weight: 700; font-display: swap; src: url(fonts/qahwa-700.woff2) format("woff2"); }
@font-face { font-family: "MKD Qahwa"; font-weight: 900; font-display: swap; src: url(fonts/qahwa-900.woff2) format("woff2"); }
.ds[data-kit="asal"]   { --fd: "MKD Asal";         --fdw: 900; --dk: .9;  --dlh: 1.38; --ft: "MKD Asal";      --ftw: 400; }
.ds[data-kit="bcar"]   { --fd: "MKD BC";           --fdw: 900; --dk: .92; --dlh: 1.4;  --ft: "MKD BC";        --ftw: 400; }
.ds[data-kit="helv"]   { --fd: "MKD Helvetica";    --fdw: 700; --dk: .9;  --dlh: 1.42; --ft: "MKD Helvetica"; --ftw: 400; }
.ds[data-kit="lyond"]  { --fd: "MKD Lyon Display"; --fdw: 900; --dk: .9;  --dlh: 1.36; --ft: "MKD Lyon";      --ftw: 400; }
.ds[data-kit="shamel"] { --fd: "MKD Shamel";       --fdw: 700; --dk: .92; --dlh: 1.42; --ft: "MKD Shamel";    --ftw: 400; }
.ds[data-kit="mufreh"] { --fd: "MKD Mufreh";       --fdw: 400; --dk: 1;   --dlh: 1.3;  --ft: "MKD Shamel";    --ftw: 400; }
.mkd-kit[data-kit="asal"] b, .mkd-kit[data-kit="bcar"] b, .mkd-kit[data-kit="lyond"] b { font-weight: 900; }
.mkd-kit[data-kit="helv"] b, .mkd-kit[data-kit="shamel"] b { font-weight: 700; }
.mkd-kit[data-kit="mufreh"] b { font-weight: 400; }
/* الخط الذي يظهر على السطر الآن (من القالب): علامة خفيفة في القائمة */
.mkd-ufi.is-now { box-shadow: inset 0 0 0 1px rgba(26, 140, 255, .45); }
/* صفحة الأداة قبل أن ترسمها: مساحتها محجوزة، فلا يصعد التذييل تحت الرأس لحظة الفتح */
body.mk-design-app .mkd-app:not(:has(> :not(noscript))) { min-height: 100vh; min-height: 100dvh; }

/* ---- صورة كل أسلوب (1.6.29): شريحته الداخلية بعناصرها في الأمام، وغلافه مائلًا خلفها ---- */
.mkd-sty-prev.is-fan { position: relative; display: block; overflow: visible; box-shadow: none; border-radius: 0; padding: 6% 0 3%; margin-bottom: 6px; }
.mkd-sty-prev.is-fan > span { display: block; width: 82%; border-radius: 8px; overflow: hidden; pointer-events: none; }
.mkd-sty-prev.is-fan > .mkd-fan-f { position: relative; z-index: 2; margin-inline-start: 0; box-shadow: 0 8px 18px rgba(14, 13, 12, .22), 0 0 0 1px rgba(14, 13, 12, .06); }
.mkd-sty-prev.is-fan > .mkd-fan-b { position: absolute; z-index: 1; top: 2%; inset-inline-end: 1%; transform: rotate(-7deg); transform-origin: 50% 100%;
  box-shadow: 0 6px 14px rgba(14, 13, 12, .18); filter: saturate(.95); }
.mkd-sty.has-fan:hover .mkd-fan-b { transform: rotate(-10deg) translateX(-2%); }
.mkd-sty.has-fan .mkd-fan-b { transition: transform .2s ease; }
@media (prefers-reduced-motion: reduce) { .mkd-sty.has-fan .mkd-fan-b { transition: none; } }

/* ---- «صورة ونص» في أي قالب (1.6.30): مكان صورة ثابت، والنص في المساحة الباقية ---- */
.ds-phx { position: absolute; z-index: 2; background: center / cover no-repeat; pointer-events: none; }
.ds-phx.is-empty, .ds-cph.is-empty {
  background-color: color-mix(in srgb, var(--fg, #222) 12%, var(--bg, #fff));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M21 16l-5-5-8 8'/%3E%3C/svg%3E");
  background-size: 16cqw; background-position: center; background-repeat: no-repeat; }
.ds-cph.is-empty { background-position: 50% 30%; }
/* فوق النص: الصورة تملأ أعلى السلايد، والنص تحتها */
.ds.ph-top > .ds-phx { left: 0; right: 0; top: 0; height: 54cqw; }
.ds.ph-top { padding-top: 60cqw !important; justify-content: flex-start !important; }
.ds-frame.is-story .ds.ph-top > .ds-phx { height: 82cqw; }
.ds-frame.is-story .ds.ph-top { padding-top: 88cqw !important; }
/* بجانب النص: الصورة في النصف الأيسر، والنص في الأيمن */
.ds.ph-side > .ds-phx { top: 0; bottom: 0; left: 0; width: 44cqw; }
.ds.ph-side { padding-left: 50cqw !important; }
/* دائرية: صورة شخصية أو منتج في دائرة أعلى السلايد */
.ds.ph-round > .ds-phx { left: 50%; top: 9cqw; width: 40cqw; height: 40cqw; margin-left: -20cqw; border-radius: 50%;
  box-shadow: 0 0 0 1.2cqw color-mix(in srgb, var(--bg, #fff) 85%, transparent), 0 2cqw 5cqw rgba(0, 0, 0, .18); }
.ds.ph-round { padding-top: 55cqw !important; justify-content: flex-start !important; }
.ds-frame.is-story .ds.ph-round > .ds-phx { top: 26cqw; }
.ds-frame.is-story .ds.ph-round { padding-top: 72cqw !important; }
/* عنوان الصف في «شكل آخر للسلايد» */
.mkd-looks-h.is-ph { margin-top: 12px; }

/* مكان صورة بحجم السلايد كله: زر صغير في الأعلى، والنص تحته يبقى قابلًا للنقر */
.mkd-slot.is-pill { left: 50%; top: 3%; width: auto; height: auto; transform: translateX(-50%); border: 0; background: transparent; }
.mkd-slot.is-pill .mkd-slot-b { position: static; }

/* ---- كل عنصر مستقل (1.6.31): السطر يُسحب وحده، ومقابض مربعة كما في فوتوشوب ---- */
/* السطر: يُسحب من جسمه (مؤشر النقل)، وحين يُكتب فيه مؤشر الكتابة */
.mkd-big .r-u[data-uu] { cursor: move; }
.mkd-big .r-u[data-uu]:focus { cursor: text; }
/* كتلة النص كلها لم تعد تُسحب: لا مؤشر سحب حولها */
.mkd-big .ds-mv[data-mv="txt"] > *, .mkd-big .ds-mv[data-mv="txt"] > *:hover { cursor: default; }
/* أثناء سحب سطر: لا يُظلَّل النص ولا يظهر المؤشر فيه */
.mkd-big.is-udrag, .mkd-big.is-udrag * { -webkit-user-select: none !important; user-select: none !important; cursor: grabbing !important; caret-color: transparent; }
/* لا إطار برتقالي فوق الأزرق حين يُكتب في نص: إطار التحديد يكفي */
.mkd-big .r-u:focus-visible, .mkd-big .ds-eltx:focus-visible, .mkd-big .ds-eltx:focus { outline: none; }
/* المقابض: مربعات بيضاء صغيرة بحدّ أزرق رفيع، في الزوايا وعلى الجانبين */
.mkd-selh { width: 9px; height: 9px; border-radius: 1.5px; background: #fff; border: 1.2px solid var(--mkd-sel); box-shadow: 0 0 0 1px rgba(255, 255, 255, .7), 0 1px 3px rgba(0, 0, 0, .25); }
.mkd-selbox.is-unit .mkd-selh { background: #fff; border-color: var(--mkd-sel); }
.mkd-selh.is-tl { left: -5.5px; top: -5.5px; } .mkd-selh.is-tr { right: -5.5px; top: -5.5px; }
.mkd-selh.is-bl { left: -5.5px; bottom: -5.5px; } .mkd-selh.is-br { right: -5.5px; bottom: -5.5px; }
.mkd-selh::before { border-radius: 0; }
.mkd-seltw { width: 9px; height: 9px; margin-top: -4.5px; border-radius: 1.5px; background: #fff; border: 1.2px solid var(--mkd-sel); box-shadow: 0 0 0 1px rgba(255, 255, 255, .7), 0 1px 3px rgba(0, 0, 0, .25); cursor: ew-resize; }
.mkd-seltw { left: -5.5px; }
.mkd-seltw.is-r { left: auto; right: -5.5px; }
.mkd-seltw::before { inset: -10px -9px; }
@media (pointer: coarse) {
  .mkd-selh, .mkd-seltw { width: 14px; height: 14px; }
  .mkd-selh.is-tl { left: -8px; top: -8px; } .mkd-selh.is-tr { right: -8px; top: -8px; }
  .mkd-selh.is-bl { left: -8px; bottom: -8px; } .mkd-selh.is-br { right: -8px; bottom: -8px; }
  .mkd-seltw { margin-top: -7px; left: -8px; }
  .mkd-seltw.is-r { left: auto; right: -8px; }
}
/* خط التصميم كله: الزر باسم الخط وبشكله، والقائمة كل خط بشكله */
.mkd-dfont .mkd-ufontb b { max-width: 130px; font-size: 15px; }

/* ---- شريط السطر المحدد (1.6.32): كل أداة بأيقونة واسم، ومسافة وفاصل بين المجموعات ---- */
.mkd-txtctl.is-tools { gap: 4px; padding: 4px 8px; }
.mkd-tbsep { flex: none; width: 1px; height: 24px; margin-inline: 4px; background: var(--line); }
.mkd-tbh { font-size: 12.5px; font-weight: 800; color: var(--ink); padding-inline: 6px 2px; white-space: nowrap; }
.mkd-tb { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 11px 0 10px; border: 0; border-radius: 999px;
  background: transparent; color: var(--ink); font: inherit; font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; }
.mkd-tb:hover { background: var(--paper); }
.mkd-tb.on { background: var(--ink); color: #fff; }
.mkd-tb svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.mkd-tb svg.mkd-caret { width: 12px; height: 12px; opacity: .6; }
.mkd-tb-b { font-size: 16px; font-weight: 900; line-height: 1; }
.mkd-tb-sw { flex: none; width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, .2), 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, .08); }
.mkd-txtctl.is-tools .mkd-step { border-inline-start: 0; padding-inline-start: 2px; }
.mkd-txtctl.is-tools .mkd-ufontb { height: 34px; padding: 0 10px; gap: 6px; }
.mkd-tbl { font-size: 12px; font-weight: 700; color: var(--ink); opacity: .7; }
/* لون النص: الألوان، ثم «لون آخر» و«لون القالب» بأسمائهما */
.mkd-ucolacts { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 8px; border-top: 1px solid var(--line); }
.mkd-ucolact { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px; border: 1px solid var(--line); border-radius: 999px;
  background: #fff; color: var(--ink); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.mkd-ucolact:hover { background: var(--paper); }
.mkd-ucolact.on { border-color: #1A8CFF; box-shadow: inset 0 0 0 1px #1A8CFF; }
.mkd-ucolact svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.mkd-ucolact input[type="color"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
.mkd-rb { width: 16px; height: 16px; border-radius: 50%; background: conic-gradient(#f44, #fd4, #4d6, #4bf, #84f, #f4a, #f44); }
.mkd-ucolpop { min-width: 236px; }
@container mkbar2 (max-width: 1180px) { .mkd-tbl { display: none; } }

/* الاسم والصورة يمين السلايد والنص في الوسط: خيار لحساب بعينه (mk_design_meright، طلب عفاف 16 سبتمبر) */
.ds.al-center.me-r .ds-me { justify-content: flex-start; }

/* «صورة خلف النص»: العنوان على الصورة نفسها في كل القوالب، لا على بطاقة فوقها (طلب المالك 19 سبتمبر).
   ثلاثة قوالب تضع النص في بطاقة فاتحة: تصير البطاقة شفافة والنص فاتحًا فوق ظل الصورة */
.ds.ph-full[data-style="clinic"] .ds-txt,
.ds.ph-full[data-style="shaghir"] .sg-card,
.ds.ph-full[data-style="farfoush"] .ff-card { background: transparent !important; box-shadow: none !important; border-color: transparent !important; }
.ds.ph-full[data-style="shaghir"] .sg-card :is(.r-head, .r-body, .r-tag),
.ds.ph-full[data-style="farfoush"] .ff-card :is(.r-head, .r-body, .r-tag) { color: var(--cph-fg, #fff) !important; }