/* ══ كتل أيمن — أنماط الواجهة والمحرّر معاً ══════════════════════ */

/* ── بطاقة سعر ────────────────────────────────────────────────── */
/* ── صندوق تنبيه ──────────────────────────────────────────────── */
.ay-callout{ border-radius:0 10px 10px 0; padding:1rem 1.2rem; margin-block:1.5rem;
  border-inline-start:5px solid var(--ay-t,var(--wp--preset--color--coral,#E75F5F)) }
.ay-callout--coral{ --ay-t:var(--wp--preset--color--coral,#E75F5F); background:var(--wp--preset--color--coral-tint,#FDEDED) }
.ay-callout--navy { --ay-t:var(--wp--preset--color--navy,#304F8E);  background:var(--wp--preset--color--alt,#F4F7FC) }
.ay-callout--gold { --ay-t:var(--wp--preset--color--gold,#F2C14E);  background:#FEF7E6 }
.ay-callout__t{ font-family:var(--wp--preset--font-family--display); display:block; margin-block-end:.3rem }
.ay-callout__x{ margin:0; font-size:.92rem; line-height:1.95 }

/* ── بطاقة أداة ───────────────────────────────────────────────── */
.ay-tool{ display:grid; grid-template-columns:minmax(0,var(--ay-tool-media,300px)) minmax(0,1fr);
  gap:1.6rem; align-items:center; border-radius:16px; padding:1.3rem;
  margin-block:1.1rem; transition:border-color .25s, transform .25s, box-shadow .25s }
.ay-tool--card{ background:var(--wp--preset--color--base,#fff);
  border:2px solid var(--wp--preset--color--line,#DFE6F2) }
.ay-tool--alt{ background:var(--wp--preset--color--alt,#F4F7FC);
  border:2px solid transparent }
.ay-tool--plain{ background:transparent; border:0; padding:.4rem 0 }
.ay-tool--card:hover,.ay-tool--alt:hover{ border-color:var(--wp--preset--color--coral,#E75F5F);
  transform:translateY(-4px); box-shadow:0 22px 44px -30px rgba(48,79,142,.5) }

/* 🌟 التناوب بـnth-of-type لا بخاصية على كل بطاقة: المستخدم يضيف
   بطاقة في المنتصف فيصحّ الترتيب وحده بلا تعديل يدوي لكل ما بعدها.
   وخيار «اقلب الجهة» يغلبه لمن أراد ترتيباً خاصاً. */
.ay-tool:nth-of-type(even),.ay-tool--flip{
  grid-template-columns:minmax(0,1fr) minmax(0,var(--ay-tool-media,300px)) }
.ay-tool:nth-of-type(even) .ay-tool__ph,.ay-tool--flip .ay-tool__ph{ order:2 }
.ay-tool:nth-of-type(even).ay-tool--flip{
  grid-template-columns:minmax(0,var(--ay-tool-media,300px)) minmax(0,1fr) }
.ay-tool:nth-of-type(even).ay-tool--flip .ay-tool__ph{ order:0 }
@media (max-width:760px){
  .ay-tool,.ay-tool:nth-of-type(even),.ay-tool--flip{ grid-template-columns:1fr }
  .ay-tool .ay-tool__ph{ order:0 !important }
}

/* 🌟 نسبة ثابتة + object-fit: بلا هذا تفرض كل لقطة ارتفاعها الأصلي،
   فتخرج البطاقات بأطوال مختلفة ويبدو الكشف مكسوراً — وهو ما اشتُكي منه. */
.ay-tool__ph{ margin:0; border-radius:12px; overflow:hidden;
  border:1px solid var(--wp--preset--color--line,#DFE6F2);
  background:var(--wp--preset--color--alt,#F4F7FC) }
.ay-tool__ph img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center }
.ay-tool--r16-10 .ay-tool__ph{ aspect-ratio:16/10 }
.ay-tool--r16-9  .ay-tool__ph{ aspect-ratio:16/9 }
.ay-tool--r4-3   .ay-tool__ph{ aspect-ratio:4/3 }
.ay-tool--r1-1   .ay-tool__ph{ aspect-ratio:1/1 }
.ay-tool--r3-4   .ay-tool__ph{ aspect-ratio:3/4 }
.ay-tool--rauto  .ay-tool__ph{ aspect-ratio:auto }
.ay-tool--rauto .ay-tool__ph img{ height:auto }

.ay-tool__b{ min-width:0 }
.ay-tool__t{ font-size:1.2rem; margin:0 0 .55rem; color:var(--wp--preset--color--coral,#E75F5F);
  font-family:var(--wp--preset--font-family--display) }
.ay-tool__x{ margin:0; font-size:.93rem; line-height:2; color:var(--wp--preset--color--muted,#7887A4) }
.ay-tool__cta{ display:inline-block; margin-block-start:.9rem; text-decoration:none;
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.86rem;
  color:#fff; background:var(--wp--preset--color--navy,#304F8E); padding:.6rem 1.3rem; border-radius:999px;
  transition:background .2s, transform .2s }
.ay-tool__cta:hover{ background:var(--wp--preset--color--coral,#E75F5F); transform:translateY(-1px) }
@media (prefers-reduced-motion:reduce){ .ay-tool,.ay-tool__cta{ transition:none } }

/* ── بطاقة مؤلِّف ──────────────────────────────────────────────── */
.ay-author{ display:flex; gap:1.1rem; align-items:flex-start; flex-wrap:wrap;
  background:var(--wp--preset--color--alt,#F4F7FC); border:2px dashed var(--wp--preset--color--navy,#304F8E);
  border-radius:14px; padding:1.3rem; margin-block:2rem }
.ay-author__img{ width:84px; height:84px; border-radius:50%; object-fit:cover; flex:0 0 auto;
  border:3px solid var(--wp--preset--color--coral,#E75F5F) }
.ay-author__b{ flex:1; min-width:220px }
.ay-author__b b{ font-family:var(--wp--preset--font-family--display); font-size:1.1rem;
  color:var(--wp--preset--color--navy,#304F8E); display:block }
.ay-author__b p{ margin:.3rem 0 .6rem; font-size:.9rem; line-height:1.9;
  color:var(--wp--preset--color--muted,#7887A4) }
.ay-author__b a{ font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.86rem;
  color:var(--wp--preset--color--coral,#E75F5F); text-decoration:none }
.ay-author__b a:hover{ text-decoration:underline }

/* ══════════════ نموذج التواصل ══════════════ */
.ay-form{max-width:100%}
.ay-form--card{background:#fff;border:1px solid var(--wp--preset--color--line);
  border-radius:20px;padding:clamp(1.4rem,3vw,2.4rem);
  box-shadow:0 18px 44px -28px rgba(48,79,142,.42)}
.ay-form--navy{background:var(--wp--preset--color--navy);border-radius:20px;
  padding:clamp(1.4rem,3vw,2.4rem);color:#fff}
.ay-form--plain{padding:0}

.ay-form__h{margin:0 0 1.2rem;font-family:var(--wp--preset--font-family--display);
  font-size:1.5rem;line-height:1.5}

.ay-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}
.ay-form__full{grid-column:1/-1}
@media(max-width:640px){.ay-form__grid{grid-template-columns:1fr}}

.ay-form__f{margin:0;display:flex;flex-direction:column;gap:.45rem}
.ay-form__l{font-size:.9rem;font-weight:700;color:var(--wp--preset--color--ink)}
.ay-form--navy .ay-form__l{color:#dce4f5}
.ay-form__req{color:var(--wp--preset--color--coral);margin-inline-start:.15rem}

/* 🌟 لا outline افتراضي بل ظلّ ملوّن: outline المتصفح مستطيل حادّ
   يتجاهل border-radius فيبدو مكسوراً حول الحقل الدائري. */
.ay-form__i{width:100%;box-sizing:border-box;padding:.85rem 1rem;
  font:inherit;font-size:1rem;color:var(--wp--preset--color--ink);
  background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);border-radius:12px;
  transition:border-color .18s,box-shadow .18s,background .18s}
.ay-form__i::placeholder{color:var(--wp--preset--color--muted)}
.ay-form__i:focus{outline:none;border-color:var(--wp--preset--color--navy);
  background:#fff;box-shadow:0 0 0 4px rgba(48,79,142,.13)}
.ay-form__i.is-bad{border-color:var(--wp--preset--color--coral);
  box-shadow:0 0 0 4px rgba(231,95,95,.14)}
.ay-form__t{resize:vertical;min-height:9rem;line-height:1.9}
.ay-form--navy .ay-form__i{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);color:#fff}
.ay-form--navy .ay-form__i:focus{background:rgba(255,255,255,.12);border-color:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.14)}

/* المصيدة تُخفى بلا display:none — بعض الروبوتات تتخطّى المخفيّ بذلك. */
.ay-form__hp{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.ay-form__foot{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.ay-form__btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;
  padding:.9rem 2.2rem;font:inherit;font-weight:700;font-size:1.02rem;color:#fff;
  background:var(--wp--preset--color--coral);border:0;border-radius:999px;cursor:pointer;
  box-shadow:0 14px 30px -14px rgba(231,95,95,.75);
  transition:transform .18s,box-shadow .18s,background .18s}
.ay-form__btn:hover:not(:disabled){transform:translateY(-2px);
  box-shadow:0 20px 38px -14px rgba(231,95,95,.85)}
.ay-form__btn:disabled{opacity:.72;cursor:progress}
.ay-form__spin{display:none;width:1.05em;height:1.05em;border-radius:50%;
  border:2px solid rgba(255,255,255,.4);border-top-color:#fff;
  animation:ay-form-spin .7s linear infinite}
.is-sending .ay-form__spin{display:inline-block}
@keyframes ay-form-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .ay-form__spin{animation-duration:2.4s}
  .ay-form__btn{transition:none}
}
.ay-form__note{font-size:.88rem;color:var(--wp--preset--color--muted)}
.ay-form--navy .ay-form__note{color:#b9c6e2}

.ay-form__msg{margin:1rem 0 0;font-size:.95rem;font-weight:700;min-height:1.4em}
.ay-form__msg.is-ok{color:#1e7d4f}
.ay-form__msg.is-bad{color:var(--wp--preset--color--coral)}
.ay-form__msg.is-wait{color:var(--wp--preset--color--muted);font-weight:400}
.ay-form--navy .ay-form__msg.is-ok{color:#7ee3ae}

/* ══════════════ وسوم ══════════════ */
.ay-tags__h{margin:0 0 .9rem;font-family:var(--wp--preset--font-family--display);
  font-size:1.02rem;font-weight:700;color:var(--wp--preset--color--ink)}
.ay-tags__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ay-tags__i{margin:0}
.ay-tags__a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;
  padding:.42rem .85rem;border-radius:999px;font-size:.84rem;font-weight:600;
  line-height:1.6;transition:background .2s,color .2s,transform .2s,border-color .2s}
.ay-tags__a:hover{transform:translateY(-2px)}
.ay-tags__c{font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:.72rem;opacity:.72;padding-inline-start:.35rem;
  border-inline-start:1px solid currentColor}

.ay-tags--chip .ay-tags__a{background:var(--wp--preset--color--alt);
  color:var(--wp--preset--color--navy)}
.ay-tags--chip .ay-tags__a:hover{background:var(--wp--preset--color--navy);color:#fff}
.ay-tags--outline .ay-tags__a{background:transparent;color:var(--wp--preset--color--navy);
  border:1.5px solid var(--wp--preset--color--line)}
.ay-tags--outline .ay-tags__a:hover{border-color:var(--wp--preset--color--coral);
  color:var(--wp--preset--color--coral)}

/* 🌟 اللون مشتقّ من ترتيب الوسم لا عشوائي: العشوائية تُغيّر لون الوسم
   نفسه في كل تحديث فيفقد الزائر تمييزه البصري له بين الصفحات. */
.ay-tags--tint .ay-tags__a{background:var(--wp--preset--color--alt);color:var(--wp--preset--color--navy)}
.ay-tags--tint .ay-tags__i:nth-child(4n+1) .ay-tags__a{background:rgba(48,79,142,.12);color:#2a457f}
.ay-tags--tint .ay-tags__i:nth-child(4n+2) .ay-tags__a{background:rgba(231,95,95,.14);color:#b8403f}
.ay-tags--tint .ay-tags__i:nth-child(4n+3) .ay-tags__a{background:rgba(214,163,58,.18);color:#8a6410}
.ay-tags--tint .ay-tags__i:nth-child(4n+4) .ay-tags__a{background:rgba(30,125,79,.13);color:#1a6a43}
.ay-tags--tint .ay-tags__a:hover{filter:brightness(.94)}

.ay-tags--plain .ay-tags__l{flex-direction:column;gap:.15rem}
.ay-tags--plain .ay-tags__a{padding:.3rem 0;border-radius:0;
  color:var(--wp--preset--color--muted);font-weight:400;width:100%;
  justify-content:space-between}
.ay-tags--plain .ay-tags__a:hover{color:var(--wp--preset--color--coral);transform:none}
.ay-tags--plain .ay-tags__c{border:0}

.ay-tags__more{margin-block-start:.85rem;padding:.42rem .95rem;font:inherit;
  font-size:.8rem;font-weight:700;cursor:pointer;border-radius:999px;
  color:var(--wp--preset--color--navy);background:transparent;
  border:1.5px dashed var(--wp--preset--color--line);transition:all .2s}
.ay-tags__more:hover{border-style:solid;border-color:var(--wp--preset--color--coral);
  color:var(--wp--preset--color--coral)}

/* ══════════════ بطاقة ترويجية ══════════════ */
.ay-promo{position:relative;overflow:hidden;isolation:isolate;
  border-radius:18px;padding:1.5rem;display:grid;gap:1rem}
.ay-promo--row{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:center;gap:1.4rem}
@media(max-width:560px){.ay-promo--row{grid-template-columns:1fr}}
.ay-promo__glow{position:absolute;inset:auto -30% -55% auto;width:16rem;height:16rem;z-index:-1;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 66%);
  pointer-events:none}
.ay-promo--coral{background:linear-gradient(150deg,#ef7272,var(--wp--preset--color--coral));color:#fff}
.ay-promo--navy{background:linear-gradient(150deg,#3c5da3,var(--wp--preset--color--navy));color:#fff}
.ay-promo--gold{background:linear-gradient(150deg,#e5bb5c,var(--wp--preset--color--gold,#D6A33A));color:#3d2c05}
.ay-promo--light{background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink);
  border:2px dashed var(--wp--preset--color--line)}
.ay-promo--light .ay-promo__glow{display:none}

.ay-promo__ph{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:16/10;
  background:rgba(255,255,255,.16)}
.ay-promo__ph img{width:100%;height:100%;object-fit:cover;display:block}
.ay-promo--stack .ay-promo__ph{aspect-ratio:16/9}

.ay-promo__k{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;
  padding:.26rem .7rem;border-radius:999px;background:rgba(255,255,255,.22);
  margin-block-end:.65rem}
.ay-promo--light .ay-promo__k{background:var(--wp--preset--color--alt);
  color:var(--wp--preset--color--coral)}
.ay-promo__t{margin:0 0 .5rem;font-family:var(--wp--preset--font-family--display);
  font-size:1.22rem;line-height:1.55;color:inherit}
.ay-promo__x{margin:0;font-size:.9rem;line-height:1.95;opacity:.92}
.ay-promo__cta{display:inline-flex;align-items:center;gap:.5rem;margin-block-start:1.1rem;
  text-decoration:none;font-weight:700;font-size:.9rem;padding:.65rem 1.4rem;
  border-radius:999px;background:#fff;color:var(--wp--preset--color--navy);
  transition:gap .2s,transform .2s,box-shadow .2s}
.ay-promo--light .ay-promo__cta{background:var(--wp--preset--color--coral);color:#fff}
.ay-promo__cta:hover{gap:.9rem;transform:translateY(-2px);
  box-shadow:0 14px 28px -16px rgba(0,0,0,.45)}
.ay-promo__arrow{transition:transform .2s}
.ay-promo__cta:hover .ay-promo__arrow{transform:translateX(-3px)}
@media(prefers-reduced-motion:reduce){
  .ay-tags__a,.ay-promo__cta,.ay-tags__more{transition:none}
}

/* ══════════════ أحدث المقالات ══════════════ */
.ay-recent__h{margin:0 0 .95rem;font-family:var(--wp--preset--font-family--display);
  font-size:1.02rem;font-weight:700;color:var(--wp--preset--color--ink)}
.ay-recent__l{list-style:none;margin:0;padding:0;counter-reset:ay-r}
.ay-recent__i{margin:0;border-block-end:1px dashed var(--wp--preset--color--line)}
.ay-recent__i:last-child{border-block-end:0}
.ay-recent__a{display:grid;align-items:center;gap:.75rem;padding:.7rem 0;
  text-decoration:none;color:inherit;
  grid-template-columns:minmax(0,1fr)}
.ay-recent--thumb .ay-recent__a{grid-template-columns:56px minmax(0,1fr)}
.ay-recent--rank .ay-recent__a{grid-template-columns:2.3rem minmax(0,1fr)}

.ay-recent__ph{display:block;width:56px;height:56px;border-radius:12px;overflow:hidden;
  background:var(--wp--preset--color--alt)}
.ay-recent__ph img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s}
.ay-recent__a:hover .ay-recent__ph img{transform:scale(1.08)}

/* 🌟 الرقم بلون باهت خلف النصّ لا أمامه: رقمٌ داكن بحجم كبير يسرق
   النظر من العنوان، وهو الترتيب لا المحتوى. */
.ay-recent__r{font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:1.5rem;font-weight:800;line-height:1;text-align:center;
  color:var(--wp--preset--color--line);transition:color .2s}
.ay-recent__a:hover .ay-recent__r{color:var(--wp--preset--color--coral)}

.ay-recent__b{min-width:0;display:flex;flex-direction:column;gap:.22rem}
.ay-recent__t{font-size:.88rem;font-weight:600;line-height:1.75;
  color:var(--wp--preset--color--ink);transition:color .2s;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  line-clamp:2;overflow:hidden}
.ay-recent__a:hover .ay-recent__t{color:var(--wp--preset--color--coral)}
.ay-recent__d{font-size:.72rem;color:var(--wp--preset--color--muted)}
.ay-recent--text .ay-recent__t{-webkit-line-clamp:3;line-clamp:3}
@media(prefers-reduced-motion:reduce){
  .ay-recent__ph img,.ay-recent__t,.ay-recent__r{transition:none}
}

/* ══════════════ فاصل الأقسام ══════════════ */
.ay-div{ display:block; line-height:0; height:var(--ay-div-h,64px);
  background:var(--ay-div-top,transparent); margin:0 }
.ay-div svg{ display:block; width:100%; height:100% }
.ay-div.is-flipped{ transform:scaleY(-1) }
/* 🌟 عرض كامل حتّى داخل حاوية مقيَّدة: الفاصل بلا معنى إن لم يلامس
   الحافّتين — يبدو شريطاً ملصقاً لا حدّاً للقسم. */
.is-layout-constrained > .ay-div.alignfull,
.ay-div.alignfull{ max-width:none; width:100% }

/* ══════════════ معرض أعمال ══════════════ */
.ay-pf__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block-end:1.6rem}
.ay-pf__f{padding:.45rem 1.15rem;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;
  border-radius:999px;color:var(--wp--preset--color--navy);background:var(--wp--preset--color--alt);
  border:1.5px solid transparent;transition:all .2s}
.ay-pf__f:hover{border-color:var(--wp--preset--color--coral);color:var(--wp--preset--color--coral)}
.ay-pf__f.is-on{background:var(--wp--preset--color--navy);color:#fff}
.ay-pf__l{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem;
  grid-template-columns:repeat(var(--ay-pf-cols,3),minmax(0,1fr))}
@media(max-width:900px){.ay-pf__l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ay-pf__l{grid-template-columns:1fr}}
.ay-pf__i{margin:0}
.ay-pf__a{display:block;position:relative;overflow:hidden;border-radius:16px;
  text-decoration:none;color:inherit;background:var(--wp--preset--color--alt);
  border:1px solid var(--wp--preset--color--line);
  transition:transform .28s,box-shadow .28s,border-color .28s}
.ay-pf__a:hover{transform:translateY(-5px);border-color:var(--wp--preset--color--coral);
  box-shadow:0 24px 48px -30px rgba(48,79,142,.6)}
.ay-pf__ph{display:block;overflow:hidden;background:var(--wp--preset--color--alt)}
.ay-pf__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ay-pf__a:hover .ay-pf__ph img{transform:scale(1.07)}
.ay-pf--r4-3  .ay-pf__ph{aspect-ratio:4/3}
.ay-pf--r16-9 .ay-pf__ph{aspect-ratio:16/9}
.ay-pf--r1-1  .ay-pf__ph{aspect-ratio:1/1}
.ay-pf--r3-4  .ay-pf__ph{aspect-ratio:3/4}
.ay-pf__b{display:block}
.ay-pf__t{display:block;font-weight:700;font-size:.98rem;line-height:1.7}
.ay-pf__c{display:block;font-size:.78rem;opacity:.8;margin-block-start:.15rem}
/* 🌟 تدرّج خلف النصّ لا لون صلب: لقطات المواقع فاتحة أحياناً وداكنة
   أحياناً، ولون صلب واحد يُخفي النصّ على بعضها. */
.ay-pf--overlay .ay-pf__b{position:absolute;inset-inline:0;bottom:0;padding:2.4rem 1.1rem .95rem;
  color:#fff;background:linear-gradient(to top,rgba(10,20,45,.92),rgba(10,20,45,.55) 55%,transparent)}
.ay-pf--card .ay-pf__b{padding:.95rem 1.1rem 1.15rem;background:var(--wp--preset--color--base)}
.ay-pf--card .ay-pf__t{color:var(--wp--preset--color--ink)}
.ay-pf--card .ay-pf__c{color:var(--wp--preset--color--coral);font-weight:700}
.ay-pf__none{text-align:center;color:var(--wp--preset--color--muted);margin-block-start:1.4rem}

/* ══════════════ عرض بعدّاد ══════════════ */
.ay-offer{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;
  padding:clamp(1.5rem,3.4vw,2.6rem);display:grid;gap:1.6rem;
  grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;color:#fff}
@media(max-width:820px){.ay-offer{grid-template-columns:1fr}}
.ay-offer--coral{background:linear-gradient(150deg,#ef7272,var(--wp--preset--color--coral))}
.ay-offer--navy{background:linear-gradient(150deg,#3c5da3,var(--wp--preset--color--navy))}
.ay-offer--gold{background:linear-gradient(150deg,#e5bb5c,var(--wp--preset--color--gold,#D6A33A));color:#3d2c05}
.ay-offer__glow{position:absolute;inset:auto -20% -60% auto;width:22rem;height:22rem;z-index:-1;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 66%)}
.ay-offer__k{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.1em;
  padding:.28rem .8rem;border-radius:999px;background:rgba(255,255,255,.24);margin-block-end:.7rem}
.ay-offer__t{margin:0 0 .55rem;font-family:var(--wp--preset--font-family--display);
  font-size:clamp(1.25rem,1rem + 1.1vw,1.75rem);line-height:1.5;color:inherit}
.ay-offer__x{margin:0;font-size:.95rem;line-height:1.95;opacity:.93}
.ay-offer__p{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0 0}
.ay-offer__old{font-size:1.1rem;opacity:.7}
.ay-offer__new{font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);font-weight:800;line-height:1}
.ay-offer__cur{font-size:.92rem;opacity:.9}
.ay-offer__side{display:flex;flex-direction:column;gap:1rem;align-items:stretch}
.ay-offer__timer{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}
.ay-offer__u{background:rgba(255,255,255,.2);border-radius:12px;padding:.6rem .3rem}
.ay-offer__u b{display:block;font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:1.35rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.ay-offer__u i{display:block;font-style:normal;font-size:.68rem;opacity:.86;margin-block-start:.15rem}
.ay-offer__over{margin:0;text-align:center;font-weight:700}
.ay-offer__cta{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:1rem;
  padding:.9rem 1.6rem;border-radius:999px;background:#fff;color:var(--wp--preset--color--navy);
  transition:transform .2s,box-shadow .2s}
.ay-offer__cta:hover{transform:translateY(-2px);box-shadow:0 18px 32px -18px rgba(0,0,0,.5)}
.ay-offer.is-expired{filter:saturate(.55)}
.ay-offer.is-expired .ay-offer__cta{pointer-events:none;opacity:.6}

/* ══════════════════════════════════════════════════════════
   باقات الأسعار — سبعة قوالب
   🌟 كل قالب يشتقّ ألوانه من --ay-price-accent وحده، فتغييرُ لونٍ
      واحد في المحرّر يعيد تلوين الحدّ والشارة والزرّ وعلامات الصح معاً.
   ══════════════════════════════════════════════════════════ */
.ay-price{
  --ay-pa:var(--ay-price-accent,var(--wp--preset--color--coral));
  position:relative;isolation:isolate;display:flex;flex-direction:column;
  height:100%;box-sizing:border-box;border-radius:20px;
  padding:1.9rem 1.5rem 1.6rem;
  transition:transform .35s cubic-bezier(.22,.7,.28,1),box-shadow .35s,border-color .3s}
.ay-price__glow{position:absolute;inset:auto -30% -55% auto;width:16rem;height:16rem;z-index:-1;
  border-radius:50%;opacity:0;pointer-events:none;transition:opacity .4s;
  background:radial-gradient(circle,color-mix(in srgb,var(--ay-pa) 55%,transparent),transparent 68%)}
.ay-price--anim:hover{transform:translateY(-8px)}
.ay-price--anim:hover .ay-price__glow{opacity:.5}

.ay-price__badge{position:absolute;inset-inline-start:50%;top:-.85rem;translate:-50% 0;
  padding:.3rem .95rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;
  color:#fff;background:var(--ay-pa);box-shadow:0 8px 18px -8px var(--ay-pa);white-space:nowrap}
.ay-price__head{text-align:center}
.ay-price__name{margin:0 0 .7rem;font-family:var(--wp--preset--font-family--display);
  font-size:1.05rem;letter-spacing:.02em}
.ay-price__amount{margin:0;display:flex;align-items:baseline;justify-content:center;gap:.35rem}
.ay-price__amount b{font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:clamp(2rem,1.4rem + 2vw,2.9rem);font-weight:800;line-height:1;color:var(--ay-pa)}
.ay-price__cur{font-size:.88rem;opacity:.8}
.ay-price__period{margin:.35rem 0 0;font-size:.78rem;opacity:.7}

.ay-price__list{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ay-price__list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.85}
.ay-price__tick{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.25rem;border-radius:50%;
  background:color-mix(in srgb,var(--ay-pa) 16%,transparent);position:relative}
.ay-price__tick::before{content:"";position:absolute;inset-inline-start:33%;top:22%;
  width:.3rem;height:.55rem;border:2px solid var(--ay-pa);border-block-start:0;border-inline-start:0;
  rotate:45deg}

.ay-price__foot{margin-block-start:auto;padding-block-start:1.5rem}
.ay-price__cta{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:.97rem;
  padding:.85rem 1.4rem;border-radius:999px;background:var(--ay-pa);color:#fff;
  transition:transform .2s,box-shadow .25s,filter .2s}
.ay-price__cta:hover{transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 18px 32px -16px var(--ay-pa)}
.ay-price__note{margin:.7rem 0 0;text-align:center;font-size:.76rem;opacity:.68}

/* ① كلاسيكي */
.ay-price--classic{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  box-shadow:0 18px 44px -34px rgba(48,79,142,.5)}
.ay-price--classic.ay-price--hi{border-color:var(--ay-pa);
  box-shadow:0 26px 54px -30px color-mix(in srgb,var(--ay-pa) 60%,transparent)}

/* ② زجاجي */
.ay-price--glass{
  background:color-mix(in srgb,var(--wp--preset--color--base) 62%,transparent);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid color-mix(in srgb,#fff 55%,transparent);
  box-shadow:0 22px 52px -34px rgba(12,24,52,.5),inset 0 1px 0 rgba(255,255,255,.5)}

/* ③ متدرّج — حدّ ملوّن يدور عند التمرير */
.ay-price--gradient{background:var(--wp--preset--color--base);border:0;
  box-shadow:0 18px 44px -34px rgba(48,79,142,.5)}
.ay-price--gradient::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  padding:1.8px;background:conic-gradient(from var(--ay-ang,0deg),
    var(--ay-pa),var(--wp--preset--color--navy),var(--ay-pa));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
@property --ay-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.ay-price--gradient.ay-price--anim:hover{animation:ay-spin-border 2.4s linear infinite}
@keyframes ay-spin-border{to{--ay-ang:360deg}}

/* ④ بسيط */
.ay-price--minimal{background:transparent;border:0;padding-inline:.4rem;
  border-block-end:2px solid var(--wp--preset--color--line)}
.ay-price--minimal.ay-price--hi{border-block-end-color:var(--ay-pa)}
.ay-price--minimal .ay-price__cta{background:transparent;color:var(--ay-pa);
  border:2px solid var(--ay-pa)}
.ay-price--minimal .ay-price__cta:hover{background:var(--ay-pa);color:#fff}

/* ⑤ بشريط مائل */
.ay-price--ribbon{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);overflow:hidden}
.ay-price--ribbon .ay-price__badge{inset-inline-start:auto;inset-inline-end:-3.2rem;top:1.15rem;
  translate:0;rotate:-45deg;padding:.3rem 3.4rem;border-radius:0;font-size:.68rem;
  box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}

/* ⑥ داكن */
.ay-price--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  border:1px solid rgba(255,255,255,.12);color:#e9eefb}
.ay-price--dark .ay-price__amount b{color:#fff}
.ay-price--dark .ay-price__tick{background:rgba(255,255,255,.14)}
.ay-price--dark .ay-price__tick::before{border-color:var(--ay-pa)}

/* ⑦ مقسوم — رأس ملوّن */
.ay-price--split{background:var(--wp--preset--color--base);overflow:hidden;
  border:1.5px solid var(--wp--preset--color--line);padding:0}
.ay-price--split .ay-price__head{padding:1.9rem 1.5rem 1.5rem;color:#fff;
  background:linear-gradient(150deg,var(--ay-pa),color-mix(in srgb,var(--ay-pa) 55%,var(--wp--preset--color--navy)))}
.ay-price--split .ay-price__amount b,
.ay-price--split .ay-price__name{color:#fff}
.ay-price--split .ay-price__list{margin:1.3rem 1.5rem 0}
.ay-price--split .ay-price__foot{padding:1.4rem 1.5rem 1.6rem}
.ay-price--split .ay-price__badge{top:.9rem}

/* ══════════════════════════════════════════════════════════
   جدول المقارنة — ستة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-ct{--ay-ca:var(--ay-ct-accent,var(--wp--preset--color--coral))}
.ay-ct__scroll{overflow-x:auto;border-radius:18px}
.ay-ct__scroll:focus-visible{outline:3px solid var(--ay-ca);outline-offset:2px}
.ay-ct__t{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.ay-ct__t th,.ay-ct__t td{padding:.9rem 1rem;text-align:center}
.ay-ct__t tbody th{text-align:start;font-weight:700}
.ay-ct__v{font-weight:700}

/* علامتا الصحّ والخطأ مرسومتان لا حرفين — أنظف وأدقّ حجماً */
.ay-ct__y,.ay-ct__n{display:inline-block;width:1.25rem;height:1.25rem;position:relative;
  border-radius:50%;vertical-align:middle}
.ay-ct__y{background:color-mix(in srgb,#1e7d4f 15%,transparent)}
.ay-ct__y::before{content:"";position:absolute;inset-inline-start:34%;top:22%;
  width:.32rem;height:.6rem;border:2.2px solid #1e7d4f;border-block-start:0;border-inline-start:0;rotate:45deg}
.ay-ct__n{background:color-mix(in srgb,#c0504d 12%,transparent);opacity:.75}
.ay-ct__n::before,.ay-ct__n::after{content:"";position:absolute;inset-inline:32%;top:50%;
  height:2.2px;background:#c0504d;border-radius:2px}
.ay-ct__n::before{rotate:45deg}
.ay-ct__n::after{rotate:-45deg}

.ay-ct.is-sticky .ay-ct__t tbody th,
.ay-ct.is-sticky .ay-ct__t thead th:first-child{position:sticky;inset-inline-start:0;z-index:2}
.ay-ct.is-sticky .ay-ct__t thead th:first-child{z-index:3}
/* صفٌّ يُبرَز عند المرور عليه فيتتبّع القارئ سطره في جدول عريض. */
.ay-ct--anim .ay-ct__t tbody tr{transition:background .2s}
.ay-ct--anim .ay-ct__t tbody tr:hover{background:color-mix(in srgb,var(--ay-ca) 6%,transparent)}

/* ① كلاسيكي */
.ay-ct--classic .ay-ct__scroll{border:1px solid var(--wp--preset--color--line)}
.ay-ct--classic .ay-ct__t{background:var(--wp--preset--color--base)}
.ay-ct--classic .ay-ct__t th,.ay-ct--classic .ay-ct__t td{
  border-block-end:1px solid var(--wp--preset--color--line)}
.ay-ct--classic .ay-ct__t thead th{background:var(--wp--preset--color--navy);color:#fff;
  font-family:var(--wp--preset--font-family--display);border-block-end:0}
.ay-ct--classic .ay-ct__t thead th.is-hi{background:var(--ay-ca)}
.ay-ct--classic .ay-ct__t tbody th{background:var(--wp--preset--color--alt)}
.ay-ct--classic .ay-ct__t td.is-hi{background:color-mix(in srgb,var(--ay-ca) 7%,transparent)}
.ay-ct--classic .ay-ct__t tbody tr:last-child th,
.ay-ct--classic .ay-ct__t tbody tr:last-child td{border-block-end:0}

/* ② ناعم — بلا خطوط، الفصل بالظلال والمسافات */
.ay-ct--soft .ay-ct__scroll{border:0}
.ay-ct--soft .ay-ct__t{border-spacing:0 .5rem;border-collapse:separate;background:transparent}
.ay-ct--soft .ay-ct__t thead th{background:transparent;color:var(--wp--preset--color--muted);
  font-size:.82rem;letter-spacing:.06em;padding-block-end:.2rem}
.ay-ct--soft .ay-ct__t thead th.is-hi{color:var(--ay-ca)}
.ay-ct--soft .ay-ct__t tbody tr{box-shadow:0 12px 30px -24px rgba(48,79,142,.55)}
.ay-ct--soft .ay-ct__t tbody th,.ay-ct--soft .ay-ct__t tbody td{
  background:var(--wp--preset--color--base)}
.ay-ct--soft .ay-ct__t tbody th{border-start-start-radius:14px;border-end-start-radius:14px}
.ay-ct--soft .ay-ct__t tbody td:last-child{border-start-end-radius:14px;border-end-end-radius:14px}
.ay-ct--soft .ay-ct__t td.is-hi{background:color-mix(in srgb,var(--ay-ca) 8%,var(--wp--preset--color--base))}

/* ③ مخطَّط */
.ay-ct--striped .ay-ct__scroll{border:1px solid var(--wp--preset--color--line)}
.ay-ct--striped .ay-ct__t{background:var(--wp--preset--color--base)}
.ay-ct--striped .ay-ct__t thead th{background:var(--wp--preset--color--alt);
  color:var(--wp--preset--color--navy);font-family:var(--wp--preset--font-family--display)}
.ay-ct--striped .ay-ct__t thead th.is-hi{background:var(--ay-ca);color:#fff}
.ay-ct--striped .ay-ct__t tbody tr:nth-child(odd){background:color-mix(in srgb,var(--wp--preset--color--alt) 60%,transparent)}
.ay-ct--striped .ay-ct__t tbody th{background:inherit}

/* ④ بطاقات — بنية مختلفة لا جدول */
.ay-ct__cards{display:grid;gap:1.1rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ay-ct__card{background:var(--wp--preset--color--base);border-radius:18px;padding:1.4rem 1.3rem;
  border:1.5px solid var(--wp--preset--color--line);
  transition:transform .3s,box-shadow .3s,border-color .3s}
.ay-ct--anim .ay-ct__card:hover{transform:translateY(-6px);
  box-shadow:0 24px 48px -32px rgba(48,79,142,.6)}
.ay-ct__card.is-hi{border-color:var(--ay-ca);
  box-shadow:0 20px 44px -30px color-mix(in srgb,var(--ay-ca) 55%,transparent)}
.ay-ct__ch{margin:0 0 1rem;text-align:center;font-family:var(--wp--preset--font-family--display);
  font-size:1.05rem;color:var(--wp--preset--color--navy)}
.ay-ct__card.is-hi .ay-ct__ch{color:var(--ay-ca)}
.ay-ct__cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.ay-ct__cl li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  font-size:.88rem;padding-block-end:.55rem;
  border-block-end:1px dashed var(--wp--preset--color--line)}
.ay-ct__cl li:last-child{border-block-end:0;padding-block-end:0}
.ay-ct__lbl{color:var(--wp--preset--color--muted)}

/* ⑤ بسيط */
.ay-ct--minimal .ay-ct__scroll{border:0}
.ay-ct--minimal .ay-ct__t{background:transparent}
.ay-ct--minimal .ay-ct__t th,.ay-ct--minimal .ay-ct__t td{
  border-block-end:1px solid var(--wp--preset--color--line);padding:.8rem .7rem}
.ay-ct--minimal .ay-ct__t thead th{background:transparent;
  border-block-end:2px solid var(--wp--preset--color--navy);font-weight:800}
.ay-ct--minimal .ay-ct__t thead th.is-hi{border-block-end-color:var(--ay-ca);color:var(--ay-ca)}

/* ⑥ داكن */
.ay-ct--dark .ay-ct__scroll{border:1px solid rgba(255,255,255,.12)}
.ay-ct--dark .ay-ct__t{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  color:#e9eefb}
.ay-ct--dark .ay-ct__t th,.ay-ct--dark .ay-ct__t td{border-block-end:1px solid rgba(255,255,255,.1)}
.ay-ct--dark .ay-ct__t thead th{background:rgba(255,255,255,.07);color:#fff}
.ay-ct--dark .ay-ct__t thead th.is-hi{background:var(--ay-ca)}
.ay-ct--dark .ay-ct__t tbody th{background:rgba(255,255,255,.04)}
.ay-ct--dark .ay-ct__y{background:rgba(126,227,174,.16)}
.ay-ct--dark .ay-ct__y::before{border-color:#7ee3ae}
.ay-ct--dark .ay-ct__n::before,.ay-ct--dark .ay-ct__n::after{background:#ff9f9c}

@media (prefers-reduced-motion:reduce){
  .ay-price,.ay-price__cta,.ay-price__glow,.ay-ct__card,.ay-ct--anim .ay-ct__t tbody tr{
    transition:none}
  .ay-price--gradient.ay-price--anim:hover{animation:none}
}

/* ══════════════════════════════════════════════════════════
   الشهادات — سبعة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-tm{--ay-ta:var(--ay-tm-accent,var(--wp--preset--color--coral));
  position:relative;margin:0;padding:1.7rem 1.55rem 1.4rem;border-radius:20px;
  display:flex;flex-direction:column;height:100%;box-sizing:border-box;
  transition:transform .35s cubic-bezier(.22,.7,.28,1),box-shadow .35s,border-color .3s}
.ay-tm--anim:hover{transform:translateY(-6px)}
.ay-tm__main{display:flex;flex-direction:column;flex:1;min-width:0}
.ay-tm__q{position:absolute;inset-inline-end:1.2rem;top:.3rem;font-size:3.6rem;line-height:1;
  color:var(--ay-ta);opacity:.2;font-family:Georgia,serif;pointer-events:none;
  transition:opacity .35s,transform .35s}
.ay-tm--anim:hover .ay-tm__q{opacity:.34;transform:scale(1.08) rotate(-4deg)}

.ay-tm__s{display:flex;gap:.12rem;margin-block-end:.75rem;font-size:1rem;color:#dcdcdc}
.ay-tm__s .is-on{color:#e8b53a}
/* النجوم تدخل واحدةً بعد أخرى عند المرور — أثر خفيف يلفت بلا إزعاج. */
.ay-tm--anim:hover .ay-tm__s .is-on{animation:ay-star .5s ease both}
.ay-tm--anim:hover .ay-tm__s .is-on:nth-child(2){animation-delay:.06s}
.ay-tm--anim:hover .ay-tm__s .is-on:nth-child(3){animation-delay:.12s}
.ay-tm--anim:hover .ay-tm__s .is-on:nth-child(4){animation-delay:.18s}
.ay-tm--anim:hover .ay-tm__s .is-on:nth-child(5){animation-delay:.24s}
@keyframes ay-star{0%{transform:scale(1)}45%{transform:scale(1.32) rotate(-10deg)}100%{transform:scale(1)}}

.ay-tm__x{margin:0;border:0;padding:0;flex:1}
.ay-tm__x p{margin:0;font-size:.95rem;line-height:2.05}
.ay-tm__who{display:flex;align-items:center;gap:.8rem;margin-block-start:auto;padding-block-start:1.15rem}
.ay-tm__ph{flex:0 0 auto;width:50px;height:50px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:var(--wp--preset--color--alt);
  border:2px solid color-mix(in srgb,var(--ay-ta) 35%,transparent);transition:transform .35s}
.ay-tm--anim:hover .ay-tm__ph{transform:scale(1.07)}
.ay-tm__ph img{width:100%;height:100%;object-fit:cover}
.ay-tm__ini{font-family:var(--wp--preset--font-family--display);font-size:1.3rem;color:var(--ay-ta)}
.ay-tm__meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.ay-tm__n{font-family:var(--wp--preset--font-family--display);font-size:.96rem}
.ay-tm__r{font-size:.79rem;color:var(--wp--preset--color--muted)}

/* ① بطاقة */
.ay-tm--card{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 18px 40px -32px rgba(48,79,142,.55)}
.ay-tm--card.ay-tm--anim:hover{border-color:var(--ay-ta);
  box-shadow:0 28px 54px -30px color-mix(in srgb,var(--ay-ta) 50%,transparent)}

/* ② زجاجي */
.ay-tm--glass{background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid color-mix(in srgb,#fff 50%,transparent);
  box-shadow:0 22px 50px -34px rgba(12,24,52,.5),inset 0 1px 0 rgba(255,255,255,.45)}

/* ③ فقاعة — النصّ في فقاعة حوار وذيل يشير إلى الصورة */
.ay-tm--bubble{background:transparent;border:0;padding:0}
.ay-tm--bubble .ay-tm__q{display:none}
.ay-tm--bubble .ay-tm__x{position:relative;background:var(--wp--preset--color--alt);
  border-radius:20px;padding:1.3rem 1.35rem;margin-block-end:1.5rem;flex:0 0 auto}
.ay-tm--bubble .ay-tm__x::after{content:"";position:absolute;inset-inline-start:2.2rem;bottom:-12px;
  border:12px solid transparent;border-block-end:0;
  border-block-start-color:var(--wp--preset--color--alt)}
.ay-tm--bubble .ay-tm__who{padding-block-start:0}
.ay-tm--bubble .ay-tm__s{order:-1}

/* ④ اقتباس كبير — النصّ هو البطل */
.ay-tm--quote{background:transparent;border:0;text-align:center;padding-inline:1rem}
.ay-tm--quote .ay-tm__q{position:static;display:block;font-size:4.4rem;opacity:.3;
  margin-block-end:-1.2rem}
.ay-tm--quote .ay-tm__x p{font-size:1.12rem;line-height:1.95;
  font-family:var(--wp--preset--font-family--display);color:var(--wp--preset--color--ink)}
.ay-tm--quote .ay-tm__s{justify-content:center}
.ay-tm--quote .ay-tm__who{flex-direction:column;gap:.55rem;text-align:center}
.ay-tm--quote .ay-tm__meta{align-items:center}

/* ⑤ مقسوم — صورة كبيرة جانبية */
.ay-tm--split{flex-direction:row;gap:1.3rem;align-items:stretch;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 18px 40px -32px rgba(48,79,142,.55)}
.ay-tm--split .ay-tm__aside{flex:0 0 auto}
.ay-tm--split .ay-tm__ph{width:76px;height:76px;border-radius:18px}
.ay-tm--split .ay-tm__who{padding-block-start:.9rem}
@media(max-width:520px){.ay-tm--split{flex-direction:column}}

/* ⑥ بسيط */
.ay-tm--minimal{background:transparent;border:0;padding:0 0 0 0;
  border-inline-start:3px solid color-mix(in srgb,var(--ay-ta) 45%,transparent);
  padding-inline-start:1.2rem}
.ay-tm--minimal .ay-tm__q{display:none}

/* ⑦ داكن */
.ay-tm--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  border:1px solid rgba(255,255,255,.12);color:#e9eefb}
.ay-tm--dark .ay-tm__x p{color:#dbe3f5}
.ay-tm--dark .ay-tm__r{color:#aab8d8}
.ay-tm--dark .ay-tm__ph{background:rgba(255,255,255,.1)}

/* ══════════════════════════════════════════════════════════
   الأسئلة — سبعة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-fq{--ay-fa:var(--ay-fq-accent,var(--wp--preset--color--coral))}
.ay-fq__num{display:none;flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:50%;
  align-items:center;justify-content:center;font-size:.76rem;font-weight:800;
  font-family:var(--wp--preset--font-family--numeric,inherit);
  background:color-mix(in srgb,var(--ay-fa) 14%,transparent);color:var(--ay-fa)}
.ay-fq__qt{flex:1;min-width:0}
.ay-fq__a{overflow:hidden}
/* الجواب ينزلق فاتحاً بدل الظهور المفاجئ. */
.ay-fq--anim .ay-fq__i[open] .ay-fq__a{animation:ay-fq-open .34s cubic-bezier(.22,.7,.28,1) both}
@keyframes ay-fq-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ay-fq__i{transition:border-color .22s,box-shadow .25s,background .22s}

/* ① بطاقات */
.ay-fq--card .ay-fq__i{background:var(--wp--preset--color--base);border-radius:14px;
  border:1px solid var(--wp--preset--color--line);overflow:hidden}
.ay-fq--card .ay-fq__i[open]{border-color:var(--ay-fa);
  box-shadow:0 16px 34px -28px color-mix(in srgb,var(--ay-fa) 60%,transparent)}

/* ② خطوط */
.ay-fq--line .ay-fq__i{border-block-end:1px solid var(--wp--preset--color--line);border-radius:0}

/* ③ مرقَّم */
.ay-fq--numbered .ay-fq__num{display:inline-flex}
.ay-fq--numbered .ay-fq__i{background:var(--wp--preset--color--base);border-radius:14px;
  border:1px solid var(--wp--preset--color--line)}
.ay-fq--numbered .ay-fq__i[open] .ay-fq__num{background:var(--ay-fa);color:#fff}

/* ④ مؤطَّر — إطار ملوّن ينمو عند الفتح */
.ay-fq--boxed .ay-fq__i{background:var(--wp--preset--color--alt);border-radius:16px;
  border:2px solid transparent}
.ay-fq--boxed .ay-fq__i[open]{background:var(--wp--preset--color--base);border-color:var(--ay-fa)}

/* ⑤ حبّات */
.ay-fq--pill .ay-fq__i{background:var(--wp--preset--color--alt);border-radius:999px;
  margin-block-end:.55rem;overflow:hidden;border:1px solid transparent}
.ay-fq--pill .ay-fq__i[open]{border-radius:22px;background:var(--wp--preset--color--base);
  border-color:var(--ay-fa)}
.ay-fq--pill .ay-fq__q{padding-inline:1.4rem}

/* ⑥ ناعم — بلا حدود، الفصل بالظلّ */
.ay-fq--soft .ay-fq__i{background:var(--wp--preset--color--base);border-radius:18px;border:0;
  box-shadow:0 10px 26px -22px rgba(48,79,142,.5);margin-block-end:.75rem}
.ay-fq--soft .ay-fq__i[open]{box-shadow:0 22px 44px -26px color-mix(in srgb,var(--ay-fa) 55%,transparent)}

/* ⑦ داكن */
.ay-fq--dark .ay-fq__i{background:rgba(255,255,255,.05);border-radius:14px;
  border:1px solid rgba(255,255,255,.12)}
.ay-fq--dark .ay-fq__q{color:#eaf0ff}
.ay-fq--dark .ay-fq__a p{color:#b9c6e2}
.ay-fq--dark .ay-fq__ic{background:rgba(255,255,255,.12)}
.ay-fq--dark .ay-fq__ic::before,.ay-fq--dark .ay-fq__ic::after{background:#fff}
.ay-fq--dark .ay-fq__gt{color:var(--ay-fa)}

/* الأيقونة تدور عند الفتح في كل القوالب */
.ay-fq--anim .ay-fq__ic{transition:background .22s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.ay-fq--anim .ay-fq__i[open] .ay-fq__ic{transform:rotate(180deg)}

@media (prefers-reduced-motion:reduce){
  .ay-tm,.ay-tm__q,.ay-tm__ph,.ay-fq__i,.ay-fq--anim .ay-fq__ic{transition:none}
  .ay-tm--anim:hover .ay-tm__s .is-on,
  .ay-fq--anim .ay-fq__i[open] .ay-fq__a{animation:none}
}

/* ══════════════════════════════════════════════════════════
   عدّاد الوقت — ستة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-cd{--ay-da:var(--ay-cd-accent,var(--wp--preset--color--coral))}
.ay-cd__hd{margin:0 0 1rem;text-align:center;font-family:var(--wp--preset--font-family--display);
  font-size:1.02rem;color:var(--wp--preset--color--ink)}
.ay-cd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;text-align:center}
.ay-cd__u{position:relative;display:grid;place-items:center;gap:.15rem}
.ay-cd__u b{font-family:var(--wp--preset--font-family--numeric,inherit);font-weight:800;
  line-height:1.1;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,1rem + 1.4vw,2.1rem)}
.ay-cd__u em{font-style:normal;font-size:.7rem;opacity:.8}
.ay-cd__ring{display:none}
.ay-cd__ns{text-align:center;font-size:.85rem}

/* ① صناديق */
.ay-cd--boxes .ay-cd__u{background:var(--wp--preset--color--alt);border-radius:14px;
  padding:.85rem .4rem;transition:transform .3s,box-shadow .3s}
.ay-cd--boxes.ay-cd--anim .ay-cd__u:hover{transform:translateY(-3px);
  box-shadow:0 14px 28px -18px rgba(48,79,142,.5)}
.ay-cd--boxes .ay-cd__u b{color:var(--ay-da)}

/* ② دوائر — حلقة تتناقص مع الوقت */
.ay-cd--circles .ay-cd__grid{gap:1rem}
.ay-cd--circles .ay-cd__u{aspect-ratio:1;border-radius:50%;
  background:var(--wp--preset--color--base);
  border:2px solid color-mix(in srgb,var(--ay-da) 22%,transparent)}
.ay-cd--circles .ay-cd__ring{display:block;position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(var(--ay-da) calc(var(--ay-cd-p,0) * 1%),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);
          mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);
  transition:background .9s linear}
.ay-cd--circles .ay-cd__u b{color:var(--ay-da)}

/* ③ قلّاب — بطاقة بخطّ فاصل في منتصفها */
.ay-cd--flip .ay-cd__u{position:relative;border-radius:12px;padding:.9rem .4rem;
  background:linear-gradient(180deg,#31456f,#1d2d52);color:#fff;overflow:hidden;
  box-shadow:0 12px 26px -16px rgba(12,24,52,.65)}
.ay-cd--flip .ay-cd__u::after{content:"";position:absolute;inset-inline:0;top:50%;height:1px;
  background:rgba(0,0,0,.35)}
.ay-cd--flip .ay-cd__u b{color:#fff}
.ay-cd--flip .ay-cd__u em{color:#c3cfe8}

/* ④ حبّات في سطر واحد */
.ay-cd--pill .ay-cd__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.ay-cd--pill .ay-cd__u{flex-direction:row;gap:.35rem;align-items:baseline;
  background:color-mix(in srgb,var(--ay-da) 12%,transparent);
  border-radius:999px;padding:.5rem 1.05rem}
.ay-cd--pill .ay-cd__u b{font-size:1.2rem;color:var(--ay-da)}

/* ⑤ بسيط — أرقام مفصولة بنقطتين */
.ay-cd--minimal .ay-cd__grid{display:flex;justify-content:center;gap:0}
.ay-cd--minimal .ay-cd__u{padding-inline:.9rem;position:relative}
.ay-cd--minimal .ay-cd__u + .ay-cd__u::before{content:":";position:absolute;
  inset-inline-start:-.15rem;top:.15rem;font-size:1.5rem;opacity:.3;font-weight:800}
.ay-cd--minimal .ay-cd__u b{color:var(--wp--preset--color--ink)}

/* ⑥ داكن — يحمل خلفيته معه */
/* 🌟 القالب الداكن يرسم خلفيته بنفسه بدل افتراض قسم داكن حوله: بلا هذا
   يصير نصّاً أبيض على أبيض فيختفي تماماً، وهو أسوأ من قالب قبيح. */
.ay-cd--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  border-radius:20px;padding:1.5rem 1.3rem}
.ay-cd--dark .ay-cd__u{background:rgba(255,255,255,.08);border-radius:14px;padding:.85rem .4rem;
  border:1px solid rgba(255,255,255,.14)}
.ay-cd--dark .ay-cd__u b{color:#fff}
.ay-cd--dark .ay-cd__u em{color:#b9c6e2}
.ay-cd--dark .ay-cd__hd{color:#eaf0ff}

/* ══════════════════════════════════════════════════════════
   أشرطة التقدّم — ستة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-bars{display:flex;flex-direction:column;gap:1rem}
.ay-bar{display:grid;grid-template-columns:minmax(6rem,auto) 1fr auto;align-items:center;gap:.8rem}
.ay-bar__k{font-size:.88rem;font-weight:700}
.ay-bar__n{font-size:.84rem;font-family:var(--wp--preset--font-family--numeric,inherit);
  color:var(--wp--preset--color--muted);white-space:nowrap}
.ay-bar__t{display:block;position:relative;height:.65rem;border-radius:999px;overflow:hidden;
  background:var(--wp--preset--color--alt)}
.ay-bar__f{display:block;height:100%;border-radius:inherit;background:var(--ay-bar-c);
  width:calc(var(--ay-bar-p) * 1%)}
/* 🌟 النموّ يبدأ من صفر عند الظهور: شريط مرسوم كاملاً فور التحميل لا
   يُحسّ به القارئ، والنموّ هو ما يجعل الرقم مفهوماً بصرياً. */
.ay-bars--anim.is-armed .ay-bar__f{width:0;transition:width 1.1s cubic-bezier(.22,.7,.28,1)}
.ay-bars--anim.is-armed.is-in .ay-bar__f{width:calc(var(--ay-bar-p) * 1%)}

/* ① شريط */
.ay-bars--bar .ay-bar__t{height:.7rem}

/* ② رفيع */
.ay-bars--thin .ay-bar__t{height:.28rem}
.ay-bars--thin{gap:.75rem}

/* ③ مخطَّط متحرّك */
.ay-bars--striped .ay-bar__t{height:.85rem}
.ay-bars--striped .ay-bar__f{
  background-image:linear-gradient(115deg,rgba(255,255,255,.28) 25%,transparent 25%,
    transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%);
  background-size:1.1rem 1.1rem;animation:ay-stripe 1s linear infinite}
@keyframes ay-stripe{to{background-position:1.1rem 0}}

/* ④ متدرّج بلمعة */
.ay-bars--gradient .ay-bar__t{height:.8rem}
.ay-bars--gradient .ay-bar__f{
  background:linear-gradient(90deg,var(--ay-bar-c),color-mix(in srgb,var(--ay-bar-c) 45%,#fff));
  position:relative;overflow:hidden}
.ay-bars--gradient .ay-bar__f::after{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);
  transform:translateX(-120%);animation:ay-barsheen 2.8s ease-in-out infinite}
@keyframes ay-barsheen{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* ⑤ درجات — عشر خانات تمتلئ */
.ay-bars--steps .ay-bar__t{height:.8rem;background:transparent;display:flex;gap:.2rem}
.ay-bars--steps .ay-bar__f{width:100%;background:
  repeating-linear-gradient(90deg,var(--ay-bar-c) 0 calc(10% - .2rem),transparent calc(10% - .2rem) 10%);
  -webkit-mask:linear-gradient(90deg,#000 calc(var(--ay-bar-p) * 1%),transparent 0);
          mask:linear-gradient(90deg,#000 calc(var(--ay-bar-p) * 1%),transparent 0)}
.ay-bars--steps .ay-bar__t::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,var(--wp--preset--color--alt) 0 calc(10% - .2rem),
    transparent calc(10% - .2rem) 10%);z-index:-1}

/* ⑥ دوائر */
.ay-bars--circle{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.6rem}
.ay-bars--circle .ay-bar{grid-template-columns:none;justify-items:center;gap:.5rem;text-align:center}
.ay-bars--circle .ay-bar__t{width:6.2rem;height:6.2rem;border-radius:50%;overflow:visible;
  background:conic-gradient(var(--ay-bar-c) calc(var(--ay-bar-p) * 1%),
    var(--wp--preset--color--alt) 0);
  display:grid;place-items:center;order:-1}
.ay-bars--circle .ay-bar__t::after{content:attr(data-p);position:absolute;inset:.5rem;
  border-radius:50%;background:var(--wp--preset--color--base)}
.ay-bars--circle .ay-bar__f{display:none}
.ay-bars--circle .ay-bar__n{position:absolute;z-index:1;font-size:1.05rem;font-weight:800;
  color:var(--wp--preset--color--ink)}

/* ══════════════════════════════════════════════════════════
   قوائم النقاط — سبعة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-bl{--ay-la:var(--ay-bl-accent,var(--wp--preset--color--coral));
  list-style:none;margin:0;padding:0;display:grid;gap:.75rem;
  grid-template-columns:repeat(var(--ay-bl-cols,1),minmax(0,1fr))}
@media(max-width:700px){.ay-bl{grid-template-columns:1fr}}
.ay-bl__i{display:flex;align-items:flex-start;gap:.75rem;margin:0}
.ay-bl__m{flex:0 0 auto;display:grid;place-items:center;width:1.55rem;height:1.55rem;
  margin-top:.12rem;border-radius:50%;font-size:.76rem;font-weight:800;
  font-family:var(--wp--preset--font-family--numeric,inherit);
  background:color-mix(in srgb,var(--ay-la) 14%,transparent);color:var(--ay-la);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s}
.ay-bl--anim .ay-bl__i:hover .ay-bl__m{transform:scale(1.15) rotate(-8deg);
  background:var(--ay-la);color:#fff}
.ay-bl__b{min-width:0;display:flex;flex-direction:column;gap:.15rem}
.ay-bl__t{font-size:.95rem;font-weight:700;line-height:1.8}
.ay-bl__x{font-size:.86rem;line-height:1.9;color:var(--wp--preset--color--muted)}

/* ① علامة صح — الرقم يُخفى وتُرسم علامة */
.ay-bl--check .ay-bl__m{font-size:0;position:relative}
.ay-bl--check .ay-bl__m::before{content:"";position:absolute;inset-inline-start:34%;top:24%;
  width:.32rem;height:.6rem;border:2.2px solid currentColor;border-block-start:0;border-inline-start:0;
  rotate:45deg}

/* ② سهم */
.ay-bl--arrow .ay-bl__m{font-size:0;position:relative;border-radius:8px}
.ay-bl--arrow .ay-bl__m::before{content:"";position:absolute;inset-inline-start:40%;top:30%;
  width:.38rem;height:.38rem;border:2.2px solid currentColor;border-block-end:0;border-inline-end:0;
  rotate:-45deg}

/* ③ أرقام */
.ay-bl--numbers .ay-bl__m{background:var(--ay-la);color:#fff}

/* ④ بطاقات */
.ay-bl--cards{gap:.9rem}
.ay-bl--cards .ay-bl__i{background:var(--wp--preset--color--base);border-radius:16px;
  padding:1.05rem 1.15rem;border:1px solid var(--wp--preset--color--line);
  transition:transform .3s,box-shadow .3s,border-color .3s}
.ay-bl--cards.ay-bl--anim .ay-bl__i:hover{transform:translateY(-4px);
  border-color:var(--ay-la);box-shadow:0 20px 40px -30px color-mix(in srgb,var(--ay-la) 60%,transparent)}

/* ⑤ نقاط */
.ay-bl--dots .ay-bl__m{width:.6rem;height:.6rem;margin-top:.6rem;font-size:0;
  background:var(--ay-la)}

/* ⑥ أيقونات مربّعة */
.ay-bl--icons .ay-bl__m{width:2.1rem;height:2.1rem;border-radius:12px;font-size:.85rem;
  background:linear-gradient(140deg,var(--ay-la),color-mix(in srgb,var(--ay-la) 45%,var(--wp--preset--color--navy)));
  color:#fff;box-shadow:0 8px 18px -10px var(--ay-la)}

/* ⑦ خطوات موصولة بخطّ */
.ay-bl--steps{gap:0}
.ay-bl--steps .ay-bl__i{position:relative;padding-block-end:1.3rem}
.ay-bl--steps .ay-bl__i::before{content:"";position:absolute;inset-inline-start:.75rem;
  top:1.9rem;bottom:.2rem;width:2px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ay-la) 45%,transparent),transparent)}
.ay-bl--steps .ay-bl__i:last-child{padding-block-end:0}
.ay-bl--steps .ay-bl__i:last-child::before{display:none}
.ay-bl--steps .ay-bl__m{background:var(--ay-la);color:#fff;z-index:1}

@media (prefers-reduced-motion:reduce){
  .ay-bars--anim.is-armed .ay-bar__f,.ay-bl__m,.ay-bl--cards .ay-bl__i,
  .ay-cd--boxes.ay-cd--anim .ay-cd__u{transition:none}
  .ay-bars--striped .ay-bar__f,.ay-bars--gradient .ay-bar__f::after{animation:none}
}

/* ══════════════════════════════════════════════════════════
   نماذج الاشتراك البريدي — سبعة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-op{--ay-oa:var(--ay-op-accent,var(--wp--preset--color--coral));
  position:relative;isolation:isolate;border-radius:22px;overflow:hidden}
.ay-op__glow{position:absolute;inset:auto -25% -60% auto;width:20rem;height:20rem;z-index:-1;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--ay-oa) 40%,transparent),transparent 68%)}
.ay-op__t{margin:0 0 .5rem;font-family:var(--wp--preset--font-family--display);
  font-size:clamp(1.15rem,.95rem + .9vw,1.6rem);line-height:1.55}
.ay-op__x{margin:0;font-size:.95rem;line-height:1.95;opacity:.9}
.ay-op__perks{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ay-op__perks li{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;
  padding:.3rem .8rem;border-radius:999px;
  background:color-mix(in srgb,var(--ay-oa) 12%,transparent);color:var(--ay-oa);font-weight:700}
.ay-op__perks li::before{content:"✓";font-size:.72rem}
.ay-op__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ay-op__form{margin-block-start:1.2rem}
.ay-op__row{display:flex;gap:.6rem;flex-wrap:wrap}
.ay-op__i{flex:1 1 13rem;min-width:0}
.ay-op__btn{flex:0 0 auto;background:var(--ay-oa);box-shadow:0 14px 30px -16px var(--ay-oa)}
.ay-op__note{margin:.7rem 0 0;font-size:.78rem;opacity:.7}
.ay-op__msg{margin-block-start:.7rem}

/* ① بطاقة */
.ay-op--card{background:var(--wp--preset--color--base);padding:clamp(1.5rem,3vw,2.3rem);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 22px 50px -36px rgba(48,79,142,.55)}

/* ② سطري — عنوان وحقل في سطر واحد */
.ay-op--inline{background:color-mix(in srgb,var(--ay-oa) 8%,transparent);
  padding:1.2rem 1.4rem}
.ay-op--inline .ay-op__b{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.ay-op--inline .ay-op__t{margin:0;font-size:1.05rem;flex:1 1 14rem}
.ay-op--inline .ay-op__x,.ay-op--inline .ay-op__perks{display:none}
.ay-op--inline .ay-op__form{margin:0;flex:1 1 18rem}

/* ③ مقسوم — صورة جانبية */
.ay-op--split{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);
  background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line)}
.ay-op--split .ay-op__ph{margin:0;overflow:hidden}
.ay-op--split .ay-op__ph img{width:100%;height:100%;object-fit:cover;display:block}
.ay-op--split .ay-op__b{padding:clamp(1.4rem,3vw,2.2rem)}
@media(max-width:760px){.ay-op--split{grid-template-columns:1fr}
  .ay-op--split .ay-op__ph{max-height:11rem}}

/* ④ لافتة ملوّنة */
.ay-op--banner{background:linear-gradient(140deg,var(--ay-oa),
  color-mix(in srgb,var(--ay-oa) 45%,var(--wp--preset--color--navy)));
  color:#fff;padding:clamp(1.7rem,3.4vw,2.8rem);text-align:center}
.ay-op--banner .ay-op__row{justify-content:center;max-width:32rem;margin-inline:auto}
.ay-op--banner .ay-op__btn{background:#fff;color:var(--ay-oa)}
.ay-op--banner .ay-op__perks{justify-content:center}
.ay-op--banner .ay-op__perks li{background:rgba(255,255,255,.22);color:#fff}

/* ⑤ مؤطَّر منقَّط */
.ay-op--boxed{background:var(--wp--preset--color--alt);
  border:2px dashed color-mix(in srgb,var(--ay-oa) 45%,transparent);
  padding:clamp(1.5rem,3vw,2.3rem)}

/* ⑥ داكن */
.ay-op--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  color:#e9eefb;padding:clamp(1.6rem,3.2vw,2.5rem)}
.ay-op--dark .ay-op__i{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.ay-op--dark .ay-op__perks li{background:rgba(255,255,255,.14);color:#fff}

/* ⑦ بسيط */
.ay-op--minimal{background:transparent;border-radius:0;
  border-block-start:2px solid var(--ay-oa);padding:1.4rem 0 0}
.ay-op--minimal .ay-op__glow{display:none}

.ay-op--anim .ay-op__btn{transition:transform .22s,box-shadow .25s,filter .2s}
.ay-op--anim .ay-op__btn:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* ══════════════════════════════════════════════════════════
   وسائل التواصل — سبعة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-so{--ay-sa:var(--ay-so-accent,var(--wp--preset--color--navy));
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.ay-so__i{margin:0}
.ay-so__a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  text-decoration:none;color:var(--ay-sa);
  width:var(--ay-so-size,44px);height:var(--ay-so-size,44px);
  transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,box-shadow .25s}
.ay-so__ic{width:52%;height:52%;fill:currentColor;flex:0 0 auto}
.ay-so__l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* 🌟 اللون البرَندي اختياري لا افتراضي: صفٌّ من عشرة ألوان صارخة يشتّت
   النظر ويضرب هوية الموقع، والاتّساق أهمّ من التعرّف الفوري هنا. */
.ay-so.is-brand .ay-so__a{color:var(--ay-so-b,var(--ay-sa))}
.ay-so.has-labels .ay-so__a{width:auto;padding-inline:1rem}
.ay-so.has-labels .ay-so__l{position:static;width:auto;height:auto;clip-path:none;
  font-size:.85rem;font-weight:700}
.ay-so.has-labels .ay-so__ic{width:1.1em;height:1.1em}

/* ① دوائر */
.ay-so--circle .ay-so__a{border-radius:50%;background:var(--wp--preset--color--alt)}
.ay-so--circle.ay-so--anim .ay-so__a:hover{transform:translateY(-4px) scale(1.06);
  background:var(--ay-so-b,var(--ay-sa));color:#fff}

/* ② مربّعات */
.ay-so--square .ay-so__a{border-radius:12px;background:var(--wp--preset--color--alt)}
.ay-so--square.ay-so--anim .ay-so__a:hover{transform:translateY(-4px) rotate(-6deg);
  background:var(--ay-so-b,var(--ay-sa));color:#fff}

/* ③ حبّات بأسماء */
.ay-so--pill .ay-so__a{border-radius:999px;background:var(--wp--preset--color--alt);
  width:auto;padding-inline:1.1rem}
.ay-so--pill .ay-so__l{position:static;width:auto;height:auto;clip-path:none;
  font-size:.85rem;font-weight:700}
.ay-so--pill .ay-so__ic{width:1.05em;height:1.05em}
.ay-so--pill.ay-so--anim .ay-so__a:hover{background:var(--ay-so-b,var(--ay-sa));color:#fff}

/* ④ بسيط */
.ay-so--minimal .ay-so__a{background:transparent;width:auto;height:auto;padding:.4rem}
.ay-so--minimal .ay-so__ic{width:1.35rem;height:1.35rem}
.ay-so--minimal.ay-so--anim .ay-so__a:hover{transform:translateY(-3px);
  color:var(--ay-so-b,var(--ay-sa))}

/* ⑤ زجاجي */
.ay-so--glass .ay-so__a{border-radius:14px;
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);
  border:1px solid color-mix(in srgb,#fff 50%,transparent);
  box-shadow:0 10px 26px -18px rgba(12,24,52,.5)}
.ay-so--glass.ay-so--anim .ay-so__a:hover{transform:translateY(-4px)}

/* ⑥ متدرّج */
.ay-so--gradient .ay-so__a{border-radius:14px;color:#fff;
  background:linear-gradient(140deg,var(--ay-so-b,var(--ay-sa)),
    color-mix(in srgb,var(--ay-so-b,var(--ay-sa)) 45%,#000));
  box-shadow:0 10px 24px -14px var(--ay-so-b,var(--ay-sa))}
.ay-so--gradient.ay-so--anim .ay-so__a:hover{transform:translateY(-4px) scale(1.05)}

/* ⑦ إطار */
.ay-so--outline .ay-so__a{border-radius:50%;background:transparent;
  border:2px solid color-mix(in srgb,var(--ay-so-b,var(--ay-sa)) 40%,transparent)}
.ay-so--outline.ay-so--anim .ay-so__a:hover{border-color:var(--ay-so-b,var(--ay-sa));
  background:var(--ay-so-b,var(--ay-sa));color:#fff;transform:translateY(-3px)}

/* ══════════════════════════════════════════════════════════
   نموذج التواصل — قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-form{--ay-fma:var(--ay-form-accent,var(--wp--preset--color--navy))}
.ay-form--glass{background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid color-mix(in srgb,#fff 50%,transparent);border-radius:20px;
  padding:clamp(1.4rem,3vw,2.4rem);
  box-shadow:0 22px 52px -34px rgba(12,24,52,.5)}
.ay-form--boxed{background:var(--wp--preset--color--alt);border-radius:20px;
  border:2px dashed color-mix(in srgb,var(--ay-fma) 40%,transparent);
  padding:clamp(1.4rem,3vw,2.4rem)}
.ay-form--soft{background:var(--wp--preset--color--base);border-radius:24px;border:0;
  padding:clamp(1.4rem,3vw,2.4rem);
  box-shadow:0 26px 60px -38px rgba(48,79,142,.6)}

/* تسميات عائمة: التسمية تسكن داخل الحقل ثم ترتفع عند الكتابة. */
.ay-form--float .ay-form__f{position:relative}
.ay-form--float .ay-form__l{position:absolute;inset-inline-start:1rem;top:.9rem;margin:0;
  font-size:.95rem;font-weight:400;color:var(--wp--preset--color--muted);
  pointer-events:none;transition:all .18s ease;background:var(--wp--preset--color--base);
  padding-inline:.35rem}
.ay-form--float .ay-form__i{padding-top:1.05rem}
.ay-form--float .ay-form__i:focus + .ay-form__l,
.ay-form--float .ay-form__i:not(:placeholder-shown) + .ay-form__l{
  top:-.6rem;font-size:.76rem;font-weight:700;color:var(--ay-fma)}

.ay-form--anim .ay-form__i{transition:border-color .18s,box-shadow .18s,transform .18s}
.ay-form--anim .ay-form__i:focus{transform:translateY(-1px)}

/* ══════════════════════════════════════════════════════════
   كتلة HTML و CSS الحرّة
   ══════════════════════════════════════════════════════════ */
.ay-code{display:block}
.ay-code > style{display:none}

/* غلاف العرض الأقصى — يتوسّط دوماً فلا ينزاح إلى أحد الجانبين. */
.ay-w{margin-inline:auto;width:100%}

/* ══════════════════════════════════════════════════════════
   حاسبة أرباح أدسنس — خمسة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-calc{--ay-ka:var(--ay-calc-accent,var(--wp--preset--color--coral));
  border-radius:20px;padding:clamp(1.3rem,3vw,2rem)}
.ay-calc__h{margin:0 0 1.3rem;font-family:var(--wp--preset--font-family--display);
  font-size:clamp(1.05rem,.9rem + .8vw,1.45rem);line-height:1.6}
.ay-calc__in{display:grid;gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.ay-calc__f{margin:0;display:flex;flex-direction:column;gap:.4rem}
.ay-calc__l{font-size:.82rem;font-weight:700;color:var(--wp--preset--color--muted)}
.ay-calc__i{width:100%;box-sizing:border-box;padding:.72rem .9rem;font:inherit;
  font-size:1rem;font-family:var(--wp--preset--font-family--numeric,inherit);
  /* الأرقام لاتينية دوماً مهما كانت لغة الصفحة */
  font-variant-numeric:tabular-nums;direction:ltr;text-align:center;
  color:var(--wp--preset--color--ink);background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);border-radius:12px;
  transition:border-color .18s,box-shadow .18s}
.ay-calc__i:focus{outline:none;border-color:var(--ay-ka);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ay-ka) 20%,transparent)}
select.ay-calc__i{cursor:pointer}

.ay-calc__out{display:grid;gap:.7rem;margin-block-start:1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.ay-calc__r{display:flex;flex-direction:column;gap:.2rem;align-items:center;
  text-align:center;padding:.9rem .6rem;border-radius:14px;
  background:var(--wp--preset--color--alt);transition:transform .25s,box-shadow .25s}
.ay-calc--anim .ay-calc__r:hover{transform:translateY(-3px);
  box-shadow:0 14px 28px -20px rgba(48,79,142,.55)}
.ay-calc__r b{font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:clamp(1.1rem,.9rem + .7vw,1.45rem);font-weight:800;line-height:1.2;
  direction:ltr;font-variant-numeric:tabular-nums;color:var(--wp--preset--color--navy)}
.ay-calc__r i{font-style:normal;font-size:.74rem;color:var(--wp--preset--color--muted)}
.ay-calc__r.is-hi{background:color-mix(in srgb,var(--ay-ka) 12%,transparent)}
.ay-calc__r.is-hi b{color:var(--ay-ka)}
.ay-calc__note{margin:1.1rem 0 0;font-size:.8rem;line-height:1.95;
  color:var(--wp--preset--color--muted)}

.ay-calc--card{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  box-shadow:0 18px 44px -34px rgba(48,79,142,.5)}
.ay-calc--boxed{background:var(--wp--preset--color--alt);
  border:2px dashed color-mix(in srgb,var(--ay-ka) 45%,transparent)}
.ay-calc--minimal{background:transparent;padding-inline:0;border-radius:0;
  border-block-start:2px solid var(--ay-ka)}
.ay-calc--split{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.4rem;align-items:start}
.ay-calc--split .ay-calc__h,.ay-calc--split .ay-calc__note{grid-column:1/-1}
.ay-calc--split .ay-calc__in{grid-template-columns:1fr}
.ay-calc--split .ay-calc__out{margin-block-start:0;grid-template-columns:1fr 1fr}
@media(max-width:700px){.ay-calc--split{grid-template-columns:1fr}}
.ay-calc--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  color:#e9eefb;border:1px solid rgba(255,255,255,.12)}
.ay-calc--dark .ay-calc__l,.ay-calc--dark .ay-calc__note{color:#aab8d8}
.ay-calc--dark .ay-calc__i{background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.2);color:#fff}
.ay-calc--dark .ay-calc__r{background:rgba(255,255,255,.07)}
.ay-calc--dark .ay-calc__r b{color:#fff}
.ay-calc--dark .ay-calc__r i{color:#b9c6e2}

/* ══════════════════════════════════════════════════════════
   العدّاد — خمسة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-counter{--ay-na:var(--ay-cn-accent,var(--wp--preset--color--coral));
  text-align:center}
.ay-counter__n{margin:0;display:flex;align-items:baseline;justify-content:center;gap:.15rem;
  font-family:var(--wp--preset--font-family--numeric,inherit);
  font-size:clamp(1.9rem,1.3rem + 2vw,3rem);font-weight:800;line-height:1.1;
  direction:ltr;font-variant-numeric:tabular-nums;color:var(--ay-na)}
.ay-counter__p,.ay-counter__s{font-size:.6em;opacity:.85}
.ay-counter__l{margin:.35rem 0 0;font-size:.85rem;color:var(--wp--preset--color--muted)}

.ay-counter--card{background:var(--wp--preset--color--base);border-radius:18px;
  padding:1.4rem 1rem;border:1px solid var(--wp--preset--color--line);
  box-shadow:0 16px 36px -30px rgba(48,79,142,.5)}
.ay-counter--circle{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;
  padding:1rem;border:3px solid color-mix(in srgb,var(--ay-na) 30%,transparent);
  background:var(--wp--preset--color--base)}
.ay-counter--gradient .ay-counter__n{
  background:linear-gradient(120deg,var(--ay-na),var(--wp--preset--color--navy));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.ay-counter--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  border-radius:18px;padding:1.4rem 1rem;border:1px solid rgba(255,255,255,.12)}
.ay-counter--dark .ay-counter__n{color:#fff}
.ay-counter--dark .ay-counter__l{color:#b9c6e2}

@media(prefers-reduced-motion:reduce){
  .ay-calc__r,.ay-calc__i{transition:none}
}

/* 🌟 تعطيل locl على كل رقم: الخطوط العربية (Tajawal وأمثالها) تحمل ميزة
   locl تستبدل أرقام ASCII بالعربية-الهندية حين تكون لغة الصفحة عربية —
   فتظهر 30000 على شكل ٣٠٠٠٠ وصفرها نقطة، والقيمة في DOM لاتينية سليمة
   فلا يكشفها أي فحص برمجي. الناشر يقارن هذه الأرقام بلوحة أدسنس، وهي
   لاتينية دوماً. والسمة lang="en" وحدها لا تكفي مع كل الخطوط. */
.ay-calc__i, .ay-calc__r b, .ay-counter__n, .ay-cd__u b, .ay-bar__n,
.ay-price__amount b, .ay-offer__new, .ay-offer__old, .ay-offer__u b,
.ay-tags__c, .ay-recent__r, .ay-bl__m, .ay-ct__v, .ay-statrow .ay-counter__n{
  font-feature-settings:"locl" 0;
  font-variant-numeric:lining-nums tabular-nums;
  -webkit-font-feature-settings:"locl" 0;
}

/* ══════════════════════════════════════════════════════════
   بطاقة الكاتب — ستة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-author{--ay-aa:var(--ay-au-accent,var(--wp--preset--color--coral));
  position:relative;isolation:isolate;display:flex;gap:1.3rem;align-items:flex-start;
  border-radius:20px;padding:1.6rem 1.5rem;
  transition:transform .3s,box-shadow .3s,border-color .3s}
.ay-author__glow{position:absolute;inset:auto -25% -60% auto;width:15rem;height:15rem;z-index:-1;
  border-radius:50%;opacity:0;pointer-events:none;transition:opacity .4s;
  background:radial-gradient(circle,color-mix(in srgb,var(--ay-aa) 50%,transparent),transparent 68%)}
.ay-author--anim:hover{transform:translateY(-4px)}
.ay-author--anim:hover .ay-author__glow{opacity:.45}
.ay-author__ph{flex:0 0 auto;margin:0;width:92px;height:92px;border-radius:18px;overflow:hidden;
  background:var(--wp--preset--color--alt);
  border:2px solid color-mix(in srgb,var(--ay-aa) 30%,transparent)}
.ay-author__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.ay-author--anim:hover .ay-author__ph img{transform:scale(1.06)}
.ay-author__b{min-width:0;flex:1}
.ay-author__k{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;
  padding:.24rem .7rem;border-radius:999px;margin-block-end:.5rem;
  background:color-mix(in srgb,var(--ay-aa) 13%,transparent);color:var(--ay-aa)}
.ay-author__n{display:block;font-family:var(--wp--preset--font-family--display);
  font-size:1.08rem;line-height:1.6}
.ay-author__x{margin:.4rem 0 0;font-size:.9rem;line-height:1.95;
  color:var(--wp--preset--color--muted)}
.ay-author__so{list-style:none;display:flex;gap:.45rem;margin:.9rem 0 0;padding:0}
.ay-author__so a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--wp--preset--color--alt);color:var(--ay-aa);transition:all .22s}
.ay-author__so a:hover{background:var(--ay-aa);color:#fff;transform:translateY(-2px)}
.ay-author__so svg{width:15px;height:15px;fill:currentColor}
/* 🌟 اللون بأولوية أعلى ثم !important عند الحاجة: القالب يلوّن كل رابط
   داخل المحتوى باللون المرجاني، فيصير نصّ الزرّ مرجانياً على خلفية
   مرجانية — موجوداً في HTML وغير مرئي على الشاشة، ولا يكشفه فحص. */
.ay-author .ay-author__cta,
.ay-author .ay-author__cta:visited{display:inline-block;margin-block-start:.9rem;
  text-decoration:none;font-size:.86rem;font-weight:700;padding:.5rem 1.2rem;
  border-radius:999px;background:var(--ay-aa);color:#fff;
  transition:transform .2s,filter .2s}
.ay-author .ay-author__cta:hover{color:#fff}
.ay-author--gradient .ay-author__cta,
.ay-author--gradient .ay-author__cta:visited,
.ay-author--gradient .ay-author__cta:hover{color:var(--ay-aa)}
/* بلا نبذة لا يبقى عمود فارغ: البطاقة تنكمش على محتواها. */
.ay-author__b:not(:has(.ay-author__x)){flex:0 1 auto}
.ay-author__cta:hover{transform:translateY(-2px);filter:brightness(1.07)}

.ay-author--card{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 18px 40px -32px rgba(48,79,142,.5)}
.ay-author--split{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);gap:1.6rem}
.ay-author--split .ay-author__ph{width:150px;height:auto;aspect-ratio:3/4;border-radius:16px}
.ay-author--centered{flex-direction:column;align-items:center;text-align:center;
  background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line)}
.ay-author--centered .ay-author__ph{width:110px;height:110px;border-radius:50%}
.ay-author--centered .ay-author__so{justify-content:center}
.ay-author--minimal{background:transparent;border:0;padding:0 0 0 1.2rem;border-radius:0;
  border-inline-start:3px solid color-mix(in srgb,var(--ay-aa) 45%,transparent)}
.ay-author--minimal .ay-author__ph{width:64px;height:64px;border-radius:50%}
.ay-author--dark{background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d));
  color:#e9eefb;border:1px solid rgba(255,255,255,.12)}
.ay-author--dark .ay-author__x{color:#b9c6e2}
.ay-author--dark .ay-author__so a{background:rgba(255,255,255,.12);color:#fff}
.ay-author--gradient{color:#fff;
  background:linear-gradient(140deg,var(--ay-aa),color-mix(in srgb,var(--ay-aa) 45%,var(--wp--preset--color--navy)))}
.ay-author--gradient .ay-author__x{color:rgba(255,255,255,.9)}
.ay-author--gradient .ay-author__k{background:rgba(255,255,255,.22);color:#fff}
.ay-author--gradient .ay-author__cta{background:#fff;color:var(--ay-aa)}
.ay-author--gradient .ay-author__so a{background:rgba(255,255,255,.2);color:#fff}
@media(max-width:560px){
  .ay-author,.ay-author--split{flex-direction:column;align-items:center;text-align:center}
  .ay-author__so{justify-content:center}
}

/* ══════════════════════════════════════════════════════════
   مقارنة بين خيارين — خمسة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-cmp{--ay-ma:var(--ay-sk-accent,var(--wp--preset--color--coral));
  display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ay-cmp__col{padding:1.3rem 1.4rem;border-radius:16px}
.ay-cmp__col h4{margin:0 0 .9rem;font-family:var(--wp--preset--font-family--display);font-size:1.02rem}
.ay-cmp__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ay-cmp__col li{position:relative;padding-inline-start:1.7rem;font-size:.92rem;line-height:1.9}
.ay-cmp__col li::before{position:absolute;inset-inline-start:0;top:.15rem;
  width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;
  font-size:.72rem;font-weight:800}
.ay-cmp__col--no li::before{content:"✗";background:rgba(192,80,77,.12);color:#c0504d}
.ay-cmp__col--yes li::before{content:"✓";background:color-mix(in srgb,var(--ay-ma) 15%,transparent);
  color:var(--ay-ma)}
.ay-cmp__col--no h4{color:var(--wp--preset--color--muted)}
.ay-cmp__col--yes h4{color:var(--ay-ma)}
.ay-cmp--anim .ay-cmp__col{transition:transform .3s,box-shadow .3s}
.ay-cmp--anim .ay-cmp__col:hover{transform:translateY(-4px)}

.ay-cmp--split .ay-cmp__col--no{background:var(--wp--preset--color--alt)}
.ay-cmp--split .ay-cmp__col--yes{background:var(--wp--preset--color--base);
  border:2px solid var(--ay-ma)}
.ay-cmp--cards{gap:1.3rem}
.ay-cmp--cards .ay-cmp__col{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 16px 36px -30px rgba(48,79,142,.5)}
.ay-cmp--cards .ay-cmp__col--yes{border-color:var(--ay-ma)}
.ay-cmp--table{gap:0;border-radius:16px;overflow:hidden;
  border:1px solid var(--wp--preset--color--line)}
.ay-cmp--table .ay-cmp__col{border-radius:0}
.ay-cmp--table .ay-cmp__col--no{background:var(--wp--preset--color--alt)}
.ay-cmp--table .ay-cmp__col--yes{background:var(--wp--preset--color--base)}
.ay-cmp--minimal .ay-cmp__col{background:transparent;padding-inline:0}
.ay-cmp--minimal .ay-cmp__col--yes{border-block-start:2px solid var(--ay-ma);border-radius:0}
.ay-cmp--minimal .ay-cmp__col--no{border-block-start:2px solid var(--wp--preset--color--line);border-radius:0}
.ay-cmp--dark .ay-cmp__col{background:rgba(255,255,255,.06);color:#e9eefb;
  border:1px solid rgba(255,255,255,.12)}
.ay-cmp--dark .ay-cmp__col--yes{border-color:var(--ay-ma)}
.ay-cmp--dark .ay-cmp__col--no h4{color:#aab8d8}

/* ══════════════════════════════════════════════════════════
   أسئلة بسيطة — ستة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-faq{--ay-qa:var(--ay-sk-accent,var(--wp--preset--color--coral));counter-reset:ayq}
.ay-faq details{margin-block-end:.65rem;transition:border-color .2s,box-shadow .25s,background .2s}
.ay-faq summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:700;font-size:.96rem;
  line-height:1.75;list-style:none;position:relative;padding-inline-end:2.4rem}
.ay-faq summary::-webkit-details-marker{display:none}
.ay-faq summary::after{content:"+";position:absolute;inset-inline-end:1rem;top:50%;
  transform:translateY(-50%);font-size:1.2rem;font-weight:400;color:var(--ay-qa);
  transition:transform .25s}
.ay-faq details[open] summary::after{content:"−";transform:translateY(-50%) rotate(180deg)}
.ay-faq details > p,.ay-faq details > div{margin:0;padding:0 1.1rem 1rem;
  font-size:.9rem;line-height:2;color:var(--wp--preset--color--muted)}
.ay-faq--anim details[open] > p,.ay-faq--anim details[open] > div{
  animation:ay-fq-open .32s cubic-bezier(.22,.7,.28,1) both}

.ay-faq--line details{border-block-end:1px solid var(--wp--preset--color--line)}
.ay-faq--card details{background:var(--wp--preset--color--base);border-radius:14px;
  border:1px solid var(--wp--preset--color--line)}
.ay-faq--card details[open]{border-color:var(--ay-qa)}
.ay-faq--boxed details{background:var(--wp--preset--color--alt);border-radius:16px;
  border:2px solid transparent}
.ay-faq--boxed details[open]{background:var(--wp--preset--color--base);border-color:var(--ay-qa)}
.ay-faq--pill details{background:var(--wp--preset--color--alt);border-radius:999px;overflow:hidden}
.ay-faq--pill details[open]{border-radius:22px;background:var(--wp--preset--color--base);
  border:1px solid var(--ay-qa)}
.ay-faq--numbered details{background:var(--wp--preset--color--base);border-radius:14px;
  border:1px solid var(--wp--preset--color--line)}
.ay-faq--numbered summary{counter-increment:ayq;padding-inline-start:3rem}
.ay-faq--numbered summary::before{content:counter(ayq);position:absolute;
  inset-inline-start:1rem;top:50%;transform:translateY(-50%);
  width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;
  font-size:.74rem;font-weight:800;
  background:color-mix(in srgb,var(--ay-qa) 14%,transparent);color:var(--ay-qa)}
.ay-faq--dark details{background:rgba(255,255,255,.05);border-radius:14px;
  border:1px solid rgba(255,255,255,.12)}
.ay-faq--dark summary{color:#eaf0ff}
.ay-faq--dark details > p,.ay-faq--dark details > div{color:#b9c6e2}

/* ══════════════════════════════════════════════════════════
   صفّ الأرقام — خمسة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-statrow{--ay-ra:var(--ay-sk-accent,var(--wp--preset--color--coral));
  display:grid;gap:1.2rem;text-align:center;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
.ay-statrow > *{padding:.4rem}
.ay-statrow--cards > *{background:var(--wp--preset--color--base);border-radius:18px;
  padding:1.4rem 1rem;border:1px solid var(--wp--preset--color--line);
  box-shadow:0 16px 36px -32px rgba(48,79,142,.5);transition:transform .3s}
.ay-statrow--cards.ay-statrow--anim > *:hover{transform:translateY(-5px)}
.ay-statrow--divided > * + *{border-inline-start:1px solid var(--wp--preset--color--line)}
.ay-statrow--gradient .ay-counter__n,.ay-statrow--gradient .ay-stat__n{
  background:linear-gradient(120deg,var(--ay-ra),var(--wp--preset--color--navy));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.ay-statrow--dark > *{background:rgba(255,255,255,.07);border-radius:16px;padding:1.3rem 1rem}
.ay-statrow--dark,.ay-statrow--dark *{color:#e9eefb}

/* ══════════════════════════════════════════════════════════
   الخطّ الزمني — خمسة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-timeline{--ay-ta2:var(--ay-sk-accent,var(--wp--preset--color--coral));
  list-style:none;margin:0;padding:0;counter-reset:ayt}
.ay-timeline__i{position:relative;padding-inline-start:2.2rem;padding-block-end:1.6rem;
  counter-increment:ayt}
.ay-timeline__i::before{content:"";position:absolute;inset-inline-start:.42rem;top:.55rem;
  width:.7rem;height:.7rem;border-radius:50%;background:var(--ay-ta2);z-index:1}
.ay-timeline__i::after{content:"";position:absolute;inset-inline-start:.72rem;top:1.4rem;
  bottom:0;width:2px;background:linear-gradient(180deg,
    color-mix(in srgb,var(--ay-ta2) 40%,transparent),transparent)}
.ay-timeline__i:last-child{padding-block-end:0}
.ay-timeline__i:last-child::after{display:none}
.ay-timeline__d{display:block;font-size:.74rem;font-weight:800;letter-spacing:.06em;
  color:var(--ay-ta2);margin-block-end:.2rem}
.ay-timeline__t{display:block;font-size:.98rem;line-height:1.75}
.ay-timeline__x{display:block;font-size:.86rem;line-height:1.9;
  color:var(--wp--preset--color--muted);margin-block-start:.15rem}

.ay-timeline--cards .ay-timeline__i{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);border-radius:16px;
  padding:1.1rem 1.2rem 1.1rem 2.4rem;margin-block-end:.8rem}
.ay-timeline--cards .ay-timeline__i::after{display:none}
.ay-timeline--cards .ay-timeline__i::before{inset-inline-start:1.1rem;top:1.4rem}
.ay-timeline--numbered .ay-timeline__i{padding-inline-start:3rem}
.ay-timeline--numbered .ay-timeline__i::before{content:counter(ayt);
  width:1.8rem;height:1.8rem;inset-inline-start:0;top:.1rem;color:#fff;
  display:grid;place-items:center;font-size:.78rem;font-weight:800}
.ay-timeline--numbered .ay-timeline__i::after{inset-inline-start:.87rem;top:2rem}
.ay-timeline--dark .ay-timeline__t{color:#eaf0ff}
.ay-timeline--dark .ay-timeline__x{color:#b9c6e2}
@media(min-width:760px){
  .ay-timeline--alternating .ay-timeline__i{width:50%;padding-inline-start:0;
    padding-inline-end:2.2rem;text-align:end}
  .ay-timeline--alternating .ay-timeline__i::before{inset-inline-start:auto;inset-inline-end:-.35rem}
  .ay-timeline--alternating .ay-timeline__i::after{inset-inline-start:auto;inset-inline-end:-.03rem}
  .ay-timeline--alternating .ay-timeline__i:nth-child(even){margin-inline-start:50%;
    padding-inline-start:2.2rem;padding-inline-end:0;text-align:start}
  .ay-timeline--alternating .ay-timeline__i:nth-child(even)::before{
    inset-inline-end:auto;inset-inline-start:-.35rem}
  .ay-timeline--alternating .ay-timeline__i:nth-child(even)::after{
    inset-inline-end:auto;inset-inline-start:-.03rem}
}

@media(prefers-reduced-motion:reduce){
  .ay-author,.ay-author__ph img,.ay-cmp__col,.ay-statrow--cards > *{transition:none}
  .ay-faq--anim details[open] > p,.ay-faq--anim details[open] > div{animation:none}
}

/* ══════════════════════════════════════════════════════════
   قوالب الشكل (skin) — بُعدٌ مستقلّ عن اللون (tone)
   🌟 فُصِلا عمداً: صاحب الموقع يريد شكلاً آخر بنفس ألوان هويته،
      فدمجهما في قائمة واحدة يضاعف الخيارات بلا فائدة.
   ══════════════════════════════════════════════════════════ */

/* ── صندوق التنبيه ── */
.ay-callout--sbar{border-radius:0 14px 14px 0;
  border-inline-start:5px solid var(--ay-ct,currentColor);background:var(--wp--preset--color--alt)}
.ay-callout--ssolid{background:var(--ay-ct,var(--wp--preset--color--coral));
  color:#fff;border:0}
.ay-callout--ssolid .ay-callout__t,.ay-callout--ssolid .ay-callout__x{color:#fff}
.ay-callout--soutline{background:transparent;
  border:2px dashed color-mix(in srgb,var(--ay-ct,currentColor) 55%,transparent)}
.ay-callout--sicon{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.ay-callout--sicon::before{content:"!";display:grid;place-items:center;
  inline-size:2.6rem;block-size:2.6rem;border-radius:50%;font-weight:800;font-size:1.3rem;
  color:#fff;background:var(--ay-ct,var(--wp--preset--color--coral))}
.ay-callout--sbanner{border-radius:0;border-inline:0;padding-inline:clamp(1rem,4vw,3rem);
  border-block:3px solid color-mix(in srgb,var(--ay-ct,currentColor) 40%,transparent)}
.ay-callout--coral{--ay-ct:var(--wp--preset--color--coral)}
.ay-callout--navy{--ay-ct:var(--wp--preset--color--navy)}
.ay-callout--gold{--ay-ct:var(--wp--preset--color--gold)}

/* ── بطاقة الأداة ── */
.ay-tool--stop{display:block}
.ay-tool--stop .ay-tool__ph{inline-size:100%;margin-block-end:1rem}
.ay-tool--soverlay{position:relative;display:block;overflow:hidden;isolation:isolate}
.ay-tool--soverlay .ay-tool__ph{inline-size:100%;margin:0}
.ay-tool--soverlay .ay-tool__b{position:absolute;inset-block-end:0;inset-inline:0;
  padding:1.6rem 1.2rem 1.1rem;color:#fff;
  background:linear-gradient(to top,rgba(10,18,38,.92),rgba(10,18,38,0))}
.ay-tool--soverlay .ay-tool__t,.ay-tool--soverlay .ay-tool__x{color:#fff}
.ay-tool--scompact{--ay-tool-media:110px!important;gap:.9rem;padding:.8rem}
.ay-tool--scompact .ay-tool__x{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.ay-tool--sbadge{position:relative;overflow:hidden}
.ay-tool--sbadge::after{content:"مُختار";position:absolute;inset-block-start:14px;
  inset-inline-end:-38px;transform:rotate(45deg);inline-size:140px;text-align:center;
  padding-block:.28rem;font-size:.72rem;font-weight:800;color:#fff;
  background:var(--wp--preset--color--coral)}

/* ── العرض ── */
.ay-offer--ssplit{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:1.6rem;align-items:center}
@media(max-width:700px){.ay-offer--ssplit{grid-template-columns:1fr}}
.ay-offer--sbanner{border-radius:0;padding-inline:clamp(1rem,5vw,3.5rem);
  display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between}
.ay-offer--sticket{border-radius:18px;
  -webkit-mask:radial-gradient(circle 13px at 0 50%,transparent 98%,#000) ,
    radial-gradient(circle 13px at 100% 50%,transparent 98%,#000);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ay-offer--sminimal{background:transparent;border:0;box-shadow:none;padding-inline:0}
.ay-offer--sminimal .ay-offer__glow{display:none}

/* ── الترويج ── */
.ay-promo--sglass{background:color-mix(in srgb,var(--wp--preset--color--base) 62%,transparent);
  backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35)}
.ay-promo--soutline{background:transparent;box-shadow:none;
  border:2px solid color-mix(in srgb,var(--wp--preset--color--navy) 22%,transparent)}
.ay-promo--soutline .ay-promo__glow{display:none}
.ay-promo--sgradient{border:0;color:#fff;
  background:linear-gradient(125deg,var(--wp--preset--color--navy),var(--wp--preset--color--coral))}
.ay-promo--sgradient .ay-promo__t,.ay-promo--sgradient .ay-promo__x,
.ay-promo--sgradient .ay-promo__k{color:#fff}
.ay-promo--sslant{position:relative;border-radius:0;overflow:hidden;
  clip-path:polygon(0 0,100% 3%,100% 100%,0 97%);padding-block:clamp(2rem,5vw,3.2rem)}

/* ── الخطّ الزمني: أفقي ومسار ──
   🌟 الأفقي يمرَّر باللمس لا يُكدَّس: كبْسُ ست محطّات في عرض الجوال يجعل
      كلاًّ منها عمودَ حرفٍ واحد. والتمرير أوضح من التصغير. */
.ay-timeline--horizontal{display:flex;gap:1.1rem;overflow-x:auto;padding-block-end:1rem;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.ay-timeline--horizontal::before,.ay-timeline--horizontal::after{content:none}
.ay-timeline--horizontal .ay-timeline__i{flex:0 0 min(78%,260px);scroll-snap-align:start;
  position:relative;padding:1.1rem;margin:0;border-radius:16px;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 14px 32px -28px rgba(48,79,142,.5)}
.ay-timeline--horizontal .ay-timeline__i::before{content:"";position:absolute;
  inset-block-start:-1px;inset-inline:1.1rem;block-size:3px;border-radius:3px;
  background:var(--ay-tl-accent,var(--wp--preset--color--coral))}

.ay-timeline--roadmap{display:flex;gap:0;overflow-x:auto;padding-block:2.4rem 1rem;
  scroll-snap-type:x mandatory}
.ay-timeline--roadmap::before,.ay-timeline--roadmap::after{content:none}
.ay-timeline--roadmap .ay-timeline__i{flex:0 0 min(70%,220px);scroll-snap-align:center;
  position:relative;margin:0;padding:1.6rem .8rem 0;text-align:center}
.ay-timeline--roadmap .ay-timeline__i::after{content:"";position:absolute;
  inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:3px;
  background:color-mix(in srgb,var(--ay-tl-accent,var(--wp--preset--color--coral)) 35%,transparent)}
.ay-timeline--roadmap .ay-timeline__i::before{content:"";position:absolute;
  inset-block-start:-7px;inset-inline-start:calc(50% - 8px);
  inline-size:16px;block-size:16px;border-radius:50%;z-index:1;
  background:var(--ay-tl-accent,var(--wp--preset--color--coral));
  box-shadow:0 0 0 4px var(--wp--preset--color--base)}
.ay-timeline--roadmap .ay-timeline__d{display:block;font-weight:800;
  color:var(--ay-tl-accent,var(--wp--preset--color--coral))}

@media(prefers-reduced-motion:reduce){
  .ay-timeline--horizontal,.ay-timeline--roadmap{scroll-behavior:auto}
}

/* ══════════════════════════════════════════════════════════
   أزرار — عشرة أشكال · ستّ حركات · أربعة أحجام
   ══════════════════════════════════════════════════════════ */
.ay-btns{--ay-ba:var(--ay-btn-accent,var(--wp--preset--color--coral));
  display:flex;flex-wrap:wrap;gap:var(--ay-btn-gap,12px);align-items:center}
.ay-btns--astart{justify-content:flex-start}
.ay-btns--acenter{justify-content:center}
.ay-btns--aend{justify-content:flex-end}
.ay-btns--abetween{justify-content:space-between}

.ay-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
  gap:.5rem;text-decoration:none;font-weight:700;line-height:1.2;cursor:pointer;
  border:2px solid transparent;border-radius:var(--ay-btn-r,999px);
  inline-size:var(--ay-btn-w,auto);box-sizing:border-box;
  transition:transform .22s cubic-bezier(.34,1.3,.64,1),box-shadow .22s,
             background-color .22s,color .22s,border-color .22s;
  isolation:isolate;overflow:hidden}
.ay-btns--stretch{align-items:stretch}
.ay-btns--stretch .ay-btn{flex:1 1 180px}
.ay-btn__i{font-size:1.1em;line-height:1;display:inline-block;transition:transform .22s}

.ay-btns--sm .ay-btn{padding:.48rem 1.05rem;font-size:.86rem}
.ay-btns--md .ay-btn{padding:.7rem 1.5rem;font-size:.97rem}
.ay-btns--lg .ay-btn{padding:.92rem 2rem;font-size:1.08rem}
.ay-btns--xl .ay-btn{padding:1.15rem 2.6rem;font-size:1.22rem}

/* ── الأشكال ── */
.ay-btns--ssolid .ay-btn{background:var(--ay-ba);color:#fff}
.ay-btns--soutline .ay-btn{background:transparent;color:var(--ay-ba);border-color:var(--ay-ba)}
.ay-btns--sghost .ay-btn{background:transparent;color:var(--ay-ba)}
.ay-btns--sgradient .ay-btn{color:#fff;
  background:linear-gradient(115deg,var(--ay-ba),var(--wp--preset--color--navy))}
.ay-btns--ssoft .ay-btn{color:var(--ay-ba);
  background:color-mix(in srgb,var(--ay-ba) 14%,transparent)}
.ay-btns--sd3 .ay-btn{background:var(--ay-ba);color:#fff;
  box-shadow:0 5px 0 0 color-mix(in srgb,var(--ay-ba) 62%,#000)}
.ay-btns--sd3 .ay-btn:active{transform:translateY(4px);
  box-shadow:0 1px 0 0 color-mix(in srgb,var(--ay-ba) 62%,#000)}
.ay-btns--sneon .ay-btn{background:transparent;color:var(--ay-ba);border-color:var(--ay-ba);
  box-shadow:0 0 12px -2px var(--ay-ba),inset 0 0 12px -6px var(--ay-ba)}
.ay-btns--sneon .ay-btn:hover{color:#fff;background:var(--ay-ba);
  box-shadow:0 0 26px -2px var(--ay-ba)}
.ay-btns--sglass .ay-btn{color:var(--wp--preset--color--ink);
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  border-color:rgba(255,255,255,.4);backdrop-filter:blur(12px);
  box-shadow:0 10px 30px -22px rgba(27,37,64,.6)}
.ay-btns--sgradborder .ay-btn{background:var(--wp--preset--color--base);
  color:var(--ay-ba);border:0;
  box-shadow:0 0 0 2px transparent;
  background-image:linear-gradient(var(--wp--preset--color--base),var(--wp--preset--color--base)),
    linear-gradient(115deg,var(--ay-ba),var(--wp--preset--color--navy));
  background-origin:border-box;background-clip:padding-box,border-box;
  border:2px solid transparent}
.ay-btns--slink .ay-btn{background:transparent;color:var(--ay-ba);border-radius:0;
  padding-inline:.2rem;overflow:visible}
.ay-btns--slink .ay-btn::after{content:"";position:absolute;inset-block-end:-2px;
  inset-inline-start:0;inline-size:100%;block-size:2px;background:currentColor;
  transform:scaleX(0);transform-origin:inline-end;transition:transform .3s}
.ay-btns--slink .ay-btn:hover::after{transform:scaleX(1);transform-origin:inline-start}

/* ── الحركات ── */
.ay-btns--anim.ay-btns--mlift .ay-btn:hover{transform:translateY(-3px);
  box-shadow:0 16px 32px -18px color-mix(in srgb,var(--ay-ba) 70%,transparent)}
.ay-btns--anim.ay-btns--mgrow .ay-btn:hover{transform:scale(1.055)}
.ay-btns--anim.ay-btns--mshine .ay-btn::before{content:"";position:absolute;inset-block:0;
  inset-inline-start:-60%;inline-size:45%;z-index:-1;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transition:inset-inline-start .55s ease}
.ay-btns--anim.ay-btns--mshine .ay-btn:hover::before{inset-inline-start:120%}
.ay-btns--anim.ay-btns--mfill .ay-btn::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--ay-ba);transform:scaleX(0);transform-origin:inline-end;
  transition:transform .32s ease}
.ay-btns--anim.ay-btns--mfill .ay-btn:hover::before{transform:scaleX(1);
  transform-origin:inline-start}
.ay-btns--anim.ay-btns--mfill .ay-btn:hover{color:#fff;border-color:var(--ay-ba)}
.ay-btns--anim.ay-btns--mwobble .ay-btn:hover{animation:ay-wobble .5s ease}
@keyframes ay-wobble{
  0%,100%{transform:rotate(0)}25%{transform:rotate(-2.2deg)}
  50%{transform:rotate(1.8deg)}75%{transform:rotate(-1deg)}}
.ay-btns--anim.ay-btns--mpulse .ay-btn{animation:ay-bpulse 2.2s ease-in-out infinite}
@keyframes ay-bpulse{
  0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ay-ba) 55%,transparent)}
  60%{box-shadow:0 0 0 14px transparent}}
.ay-btns--anim .ay-btn:hover .ay-btn__i{transform:translateX(-4px)}

.ay-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--ay-ba) 60%,transparent);
  outline-offset:3px}

/* ══════════════════════════════════════════════════════════
   جدول — ثمانية قوالب
   ══════════════════════════════════════════════════════════ */
.ay-tbl{--ay-ta:var(--ay-tbl-accent,var(--wp--preset--color--navy))}
.ay-tbl__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.ay-tbl__t{inline-size:100%;border-collapse:collapse;text-align:start;
  font-size:.95rem;line-height:1.7}
.ay-tbl__t th,.ay-tbl__t td{padding:.85rem 1rem;text-align:start;vertical-align:middle}
.ay-tbl__t thead th{font-weight:800;color:var(--wp--preset--color--ink);
  background:var(--wp--preset--color--alt);white-space:nowrap}
.ay-tbl--first tbody th{font-weight:700;color:var(--wp--preset--color--ink)}
.ay-tbl__cap{margin:.7rem 0 0;font-size:.82rem;color:var(--wp--preset--color--muted)}

.ay-tbl--dloose th,.ay-tbl--dloose td{padding:1.15rem 1.2rem}
.ay-tbl--dtight th,.ay-tbl--dtight td{padding:.5rem .7rem;font-size:.88rem}

.ay-tbl--sticky thead th{position:sticky;inset-block-start:0;z-index:2}

.ay-tbl--sstriped tbody tr:nth-child(odd){background:var(--wp--preset--color--alt)}
.ay-tbl--sbordered .ay-tbl__t th,.ay-tbl--sbordered .ay-tbl__t td{
  border:1px solid var(--wp--preset--color--line)}
.ay-tbl--slines tbody tr{border-block-end:1px solid var(--wp--preset--color--line)}
.ay-tbl--slines thead th{border-block-end:2px solid var(--ay-ta);background:transparent}
.ay-tbl--ssoft .ay-tbl__t th,.ay-tbl--ssoft .ay-tbl__t td{border:0}
.ay-tbl--ssoft thead th{background:transparent;
  color:var(--wp--preset--color--muted);font-size:.8rem;letter-spacing:.04em}
.ay-tbl--spainted thead th{background:var(--ay-ta);color:#fff}
.ay-tbl--spainted tbody tr:nth-child(even){background:var(--wp--preset--color--alt)}
.ay-tbl--scompact{font-size:.86rem}
.ay-tbl--scompact th,.ay-tbl--scompact td{padding:.42rem .6rem}
.ay-tbl--scompact tbody tr:hover{background:var(--wp--preset--color--alt)}
.ay-tbl--sdark .ay-tbl__scroll{
  background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d))}
.ay-tbl--sdark .ay-tbl__t{color:#e9eefb}
.ay-tbl--sdark thead th{background:rgba(255,255,255,.08);color:#fff}
.ay-tbl--sdark tbody tr{border-block-end:1px solid rgba(255,255,255,.1)}
.ay-tbl--sdark tbody th{color:#fff}

/* بطاقات: كل صفّ بطاقة مستقلّة — والعنوان يُعاد أمام كل خانة */
.ay-tbl--scards .ay-tbl__scroll{overflow:visible}
.ay-tbl--scards .ay-tbl__t,.ay-tbl--scards thead,.ay-tbl--scards tbody,
.ay-tbl--scards tr,.ay-tbl--scards th,.ay-tbl--scards td{display:block}
.ay-tbl--scards thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}
.ay-tbl--scards tbody tr{margin-block-end:1rem;border-radius:16px;padding:.6rem .4rem;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 16px 36px -30px rgba(48,79,142,.5)}
.ay-tbl--scards tbody td::before,.ay-tbl--scards tbody th::before{
  content:attr(data-ay-h);display:block;font-size:.74rem;font-weight:700;
  color:var(--wp--preset--color--muted);margin-block-end:.15rem}
.ay-tbl--scards tbody td:empty,.ay-tbl--scards tbody th:empty{display:none}

.ay-tbl--anim tbody tr{transition:background-color .2s}
.ay-tbl--anim:not(.ay-tbl--scards) tbody tr:hover{
  background:color-mix(in srgb,var(--ay-ta) 7%,transparent)}

@media(max-width:640px){
  /* 🌟 الجدول العريض يُكدَّس بطاقاتٍ على الجوال لا يُمرَّر أفقياً: التمرير
     الأفقي داخل صفحة تُمرَّر رأسياً يُفقد الزائر خانتَه في الصفّ. */
  .ay-tbl--sstriped .ay-tbl__t,.ay-tbl--sbordered .ay-tbl__t,
  .ay-tbl--slines .ay-tbl__t,.ay-tbl--ssoft .ay-tbl__t{font-size:.86rem}
  .ay-tbl__t th,.ay-tbl__t td{padding:.6rem .55rem}
}

/* ══════════════════════════════════════════════════════════
   تقويم الحجز — ستّة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-bk{--ay-ka:var(--ay-bk-accent,var(--wp--preset--color--coral));
  border-radius:20px;padding:clamp(1.2rem,3vw,2rem)}
.ay-bk__h{margin:0 0 .35rem;font-family:var(--wp--preset--font-family--display);
  font-size:clamp(1.05rem,.9rem + .8vw,1.45rem)}
.ay-bk__n{margin:0 0 1.2rem;font-size:.88rem;color:var(--wp--preset--color--muted)}
.ay-bk__grid{display:grid;gap:1.4rem}
.ay-bk__mh{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;
  margin-block-end:.8rem;font-size:1rem}
.ay-bk__mh2{font-size:.82rem;color:var(--wp--preset--color--muted)}
.ay-bk__dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
  margin-block-end:6px;text-align:center;font-size:.72rem;font-weight:700;
  color:var(--wp--preset--color--muted)}
.ay-bk__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ay-bk__d{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;aspect-ratio:1;min-block-size:38px;padding:0;cursor:pointer;
  font:inherit;border:1.5px solid transparent;border-radius:11px;
  background:var(--wp--preset--color--alt);color:var(--wp--preset--color--ink);
  transition:transform .16s,background-color .16s,border-color .16s,color .16s}
.ay-bk__d.is-blank{background:transparent;border:0;cursor:default;pointer-events:none}
.ay-bk__dn{font-size:.9rem;font-weight:700;direction:ltr;
  font-variant-numeric:tabular-nums}
.ay-bk__dh{font-size:.62rem;opacity:.65;direction:ltr;font-variant-numeric:tabular-nums}
.ay-bk__d.is-today{border-color:var(--ay-ka)}
.ay-bk__d[disabled],.ay-bk__d.is-off{opacity:.34;cursor:not-allowed;background:transparent}
.ay-bk--anim .ay-bk__d:not([disabled]):hover{transform:translateY(-2px);
  background:color-mix(in srgb,var(--ay-ka) 16%,transparent)}
.ay-bk__d.is-on{background:var(--ay-ka);color:#fff;border-color:var(--ay-ka)}
.ay-bk__d.is-on .ay-bk__dh{opacity:.85}

.ay-bk__sl{display:block;margin-block-end:.55rem;font-size:.84rem}
.ay-bk__sg{display:flex;flex-wrap:wrap;gap:.5rem}
.ay-bk__s{padding:.5rem .95rem;font:inherit;font-size:.88rem;cursor:pointer;
  direction:ltr;font-variant-numeric:tabular-nums;border-radius:999px;
  border:1.5px solid var(--wp--preset--color--line);
  background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink);
  transition:transform .16s,background-color .16s,border-color .16s,color .16s}
.ay-bk--anim .ay-bk__s:hover{transform:translateY(-2px);border-color:var(--ay-ka)}
.ay-bk__s.is-on{background:var(--ay-ka);border-color:var(--ay-ka);color:#fff}

.ay-bk__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.8rem;margin-block-start:1.3rem}
.ay-bk__pick{margin:0;font-size:.86rem;font-weight:700;color:var(--ay-ka);min-block-size:1.2em}
.ay-bk__cta{display:inline-flex;align-items:center;justify-content:center;
  padding:.72rem 1.7rem;border-radius:999px;font-weight:700;text-decoration:none;
  background:var(--ay-ka);color:#fff;transition:opacity .2s,transform .2s}
.ay-bk__cta.is-idle{opacity:.45}
.ay-bk--anim .ay-bk__cta.is-ready:hover{transform:translateY(-2px)}

.ay-bk--scard{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  box-shadow:0 20px 48px -36px rgba(48,79,142,.55)}
.ay-bk--ssplit{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line)}
.ay-bk--ssplit .ay-bk__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:start}
@media(max-width:720px){.ay-bk--ssplit .ay-bk__grid{grid-template-columns:1fr}}
.ay-bk--ssplit .ay-bk__sg{flex-direction:column}
.ay-bk--ssplit .ay-bk__s{inline-size:100%}
.ay-bk--scompact{padding:1rem}
.ay-bk--scompact .ay-bk__d{min-block-size:30px;border-radius:8px}
.ay-bk--scompact .ay-bk__dn{font-size:.8rem}
.ay-bk--scompact .ay-bk__dh{display:none}
.ay-bk--sminimal{background:transparent;padding-inline:0;border-radius:0;
  border-block-start:2px solid var(--ay-ka)}
.ay-bk--sgradient{border:0;color:#fff;
  background:linear-gradient(150deg,var(--wp--preset--color--navy),var(--ay-ka))}
.ay-bk--sgradient .ay-bk__n,.ay-bk--sgradient .ay-bk__mh2,
.ay-bk--sgradient .ay-bk__dow{color:rgba(255,255,255,.72)}
.ay-bk--sgradient .ay-bk__d{background:rgba(255,255,255,.13);color:#fff}
.ay-bk--sgradient .ay-bk__d.is-on{background:#fff;color:var(--wp--preset--color--navy)}
.ay-bk--sgradient .ay-bk__s{background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.28);color:#fff}
.ay-bk--sgradient .ay-bk__pick{color:#fff}
.ay-bk--sgradient .ay-bk__cta{background:#fff;color:var(--wp--preset--color--navy)}
.ay-bk--sdark{border:1px solid rgba(255,255,255,.12);color:#e9eefb;
  background:linear-gradient(165deg,#22365f,var(--wp--preset--color--navy-dark,#1b2b4d))}
.ay-bk--sdark .ay-bk__n,.ay-bk--sdark .ay-bk__dow,
.ay-bk--sdark .ay-bk__mh2{color:#aab8d8}
.ay-bk--sdark .ay-bk__d{background:rgba(255,255,255,.07);color:#e9eefb}
.ay-bk--sdark .ay-bk__s{background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);color:#e9eefb}

@media(prefers-reduced-motion:reduce){
  .ay-btn,.ay-bk__d,.ay-bk__s,.ay-bk__cta,.ay-tbl tbody tr{transition:none;animation:none}
  .ay-btns--anim.ay-btns--mpulse .ay-btn{animation:none}
}

/* ══════════════════════════════════════════════════════════
   وسائل التواصل — ثمانية قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-so--tile .ay-so__a{inline-size:auto;block-size:auto;aspect-ratio:1;
  min-inline-size:84px;border-radius:18px;flex-direction:column;gap:.4rem;
  padding:.9rem .6rem;background:var(--wp--preset--color--alt)}
.ay-so--tile .ay-so__l{font-size:.74rem}
.ay-so--tile .ay-so__ic{inline-size:26px;block-size:26px}

.ay-so--bar{gap:0;border-radius:999px;overflow:hidden;
  border:1px solid var(--wp--preset--color--line);inline-size:fit-content}
.ay-so--bar .ay-so__a{border-radius:0;background:var(--wp--preset--color--base);
  border:0;border-inline-end:1px solid var(--wp--preset--color--line)}
.ay-so--bar .ay-so__a:last-child{border-inline-end:0}
.ay-so--bar .ay-so__a:hover{background:var(--ay-so-b,var(--wp--preset--color--coral));color:#fff}

.ay-so--neon .ay-so__a{background:transparent;color:var(--ay-so-b,currentColor);
  border:1.5px solid currentColor;
  box-shadow:0 0 10px -3px currentColor,inset 0 0 10px -7px currentColor}
.ay-so--neon .ay-so__a:hover{color:#fff;
  background:var(--ay-so-b,var(--wp--preset--color--coral));
  box-shadow:0 0 24px -3px var(--ay-so-b,var(--wp--preset--color--coral))}

.ay-so--d3 .ay-so__a{background:var(--ay-so-b,var(--wp--preset--color--coral));color:#fff;
  box-shadow:0 4px 0 0 color-mix(in srgb,var(--ay-so-b,#000) 60%,#000);
  transition:transform .12s,box-shadow .12s}
.ay-so--d3 .ay-so__a:active{transform:translateY(3px);
  box-shadow:0 1px 0 0 color-mix(in srgb,var(--ay-so-b,#000) 60%,#000)}

/* عائم: كل أيقونة ترتفع بتأخير مختلف فيبدو الصفّ موجةً لا كتلةً واحدة */
.ay-so--float.ay-so--anim .ay-so__a{animation:ay-sofloat 3.4s ease-in-out infinite}
.ay-so--float .ay-so__a:nth-child(2){animation-delay:.22s}
.ay-so--float .ay-so__a:nth-child(3){animation-delay:.44s}
.ay-so--float .ay-so__a:nth-child(4){animation-delay:.66s}
.ay-so--float .ay-so__a:nth-child(5){animation-delay:.88s}
.ay-so--float .ay-so__a:nth-child(6){animation-delay:1.1s}
.ay-so--float .ay-so__a:nth-child(7){animation-delay:1.32s}
@keyframes ay-sofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.ay-so--flip .ay-so__a{position:relative;overflow:hidden;
  background:var(--wp--preset--color--alt);perspective:400px}
.ay-so--flip .ay-so__ic,.ay-so--flip .ay-so__a .ay-so__l{
  transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s}
.ay-so--flip .ay-so__a .ay-so__l{position:absolute;inset:0;display:grid;place-items:center;
  font-size:.7rem;font-weight:800;opacity:0;transform:rotateX(-90deg);
  background:var(--ay-so-b,var(--wp--preset--color--coral));color:#fff}
.ay-so--flip .ay-so__a:hover .ay-so__ic{transform:rotateX(90deg);opacity:0}
.ay-so--flip .ay-so__a:hover .ay-so__l{opacity:1;transform:rotateX(0)}

/* سائل: العرض وحده يتمدّد فيظهر الاسم — والارتفاع ثابت فلا يقفز الصفّ */
.ay-so--liquid .ay-so__a{overflow:hidden;white-space:nowrap;
  background:var(--ay-so-b,var(--wp--preset--color--coral));color:#fff;
  transition:inline-size .38s cubic-bezier(.4,0,.2,1),border-radius .38s}
.ay-so--liquid .ay-so__l{max-inline-size:0;opacity:0;overflow:hidden;
  transition:max-inline-size .38s,opacity .25s,margin .38s}
.ay-so--liquid .ay-so__a:hover .ay-so__l{max-inline-size:120px;opacity:1;
  margin-inline-start:.45rem}

.ay-so--orbit{position:relative;justify-content:center}
.ay-so--orbit .ay-so__a{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  transition:transform .35s cubic-bezier(.34,1.4,.64,1),box-shadow .35s}
.ay-so--orbit.ay-so--anim .ay-so__a:hover{transform:translateY(-8px) rotate(-8deg) scale(1.12);
  box-shadow:0 18px 30px -18px var(--ay-so-b,rgba(48,79,142,.6));
  border-color:var(--ay-so-b,var(--wp--preset--color--coral))}
.ay-so--orbit .ay-so__a:hover~.ay-so__a{transform:translateX(6px)}

/* ══════════════════════════════════════════════════════════
   الوسوم — سبعة قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-tags--gradient .ay-tags__a{color:#fff;border:0;
  background:linear-gradient(115deg,var(--wp--preset--color--coral),
    var(--wp--preset--color--navy))}
.ay-tags--gradient .ay-tags__a:hover{filter:brightness(1.12)}

/* سحابة: الحجم من عدد المقالات — يُمرَّر من الخادم متغيّراً لكل وسم */
.ay-tags--cloud{align-items:baseline}
.ay-tags--cloud .ay-tags__a{background:transparent;border:0;padding:.15rem .4rem;
  font-size:calc(.78rem + var(--ay-tag-w,0) * .5rem);font-weight:700;
  color:color-mix(in srgb,var(--wp--preset--color--navy)
    calc(55% + var(--ay-tag-w,0) * 45%),var(--wp--preset--color--muted))}
.ay-tags--cloud .ay-tags__a:hover{color:var(--wp--preset--color--coral)}

.ay-tags--card .ay-tags__a{flex-direction:column;gap:.15rem;padding:.6rem .85rem;
  border-radius:12px;background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 10px 24px -22px rgba(48,79,142,.55)}
.ay-tags--card .ay-tags__c{font-size:1rem;font-weight:800;
  color:var(--wp--preset--color--coral)}

.ay-tags--badge .ay-tags__a{position:relative;padding-inline-end:1.5rem;
  background:var(--wp--preset--color--alt);border:0}
.ay-tags--badge .ay-tags__c{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;
  min-inline-size:19px;block-size:19px;display:grid;place-items:center;padding:0 .3rem;
  border-radius:999px;font-size:.66rem;font-weight:800;color:#fff;
  background:var(--wp--preset--color--coral);
  box-shadow:0 0 0 2px var(--wp--preset--color--base)}

.ay-tags--neon .ay-tags__a{background:transparent;color:var(--wp--preset--color--coral);
  border:1.5px solid currentColor;box-shadow:0 0 9px -3px currentColor}
.ay-tags--neon .ay-tags__a:hover{color:#fff;background:var(--wp--preset--color--coral);
  box-shadow:0 0 20px -3px var(--wp--preset--color--coral)}

.ay-tags--key .ay-tags__a{border-radius:7px;background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 3px 0 0 var(--wp--preset--color--line);
  transition:transform .11s,box-shadow .11s}
.ay-tags--key .ay-tags__a:hover{transform:translateY(2px);
  box-shadow:0 1px 0 0 var(--wp--preset--color--line)}

.ay-tags--ribbon .ay-tags__a{border-radius:0 8px 8px 0;padding-inline-start:1.1rem;
  background:var(--wp--preset--color--alt);border:0;position:relative}
.ay-tags--ribbon .ay-tags__a::before{content:"";position:absolute;inset-block:0;
  inset-inline-start:0;inline-size:4px;
  background:var(--wp--preset--color--coral);border-radius:0 3px 3px 0}
.ay-tags--ribbon .ay-tags__a:hover{background:
  color-mix(in srgb,var(--wp--preset--color--coral) 14%,transparent)}

/* ══════════════════════════════════════════════════════════
   أحدث المقالات — سبعة قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-recent--magazine .ay-recent__l{display:grid;gap:1.1rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ay-recent--magazine .ay-recent__a{display:block;padding:0;border:0}
.ay-recent--magazine .ay-recent__ph{inline-size:100%;block-size:auto;aspect-ratio:16/10;
  border-radius:14px;margin-block-end:.6rem;overflow:hidden}
.ay-recent--magazine .ay-recent__i:first-child{grid-column:1/-1}
.ay-recent--magazine .ay-recent__i:first-child .ay-recent__ph{aspect-ratio:21/9}
.ay-recent--magazine .ay-recent__i:first-child .ay-recent__t{font-size:1.2rem}

.ay-recent--grid .ay-recent__l{display:grid;gap:1.1rem;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.ay-recent--grid .ay-recent__a{display:block;padding:.7rem;border:1px solid
  var(--wp--preset--color--line);border-radius:16px;
  background:var(--wp--preset--color--base);
  transition:transform .25s,box-shadow .25s}
.ay-recent--grid .ay-recent__ph{inline-size:100%;block-size:auto;aspect-ratio:16/10;
  border-radius:11px;margin-block-end:.55rem;overflow:hidden}
.ay-recent--anim.ay-recent--grid .ay-recent__a:hover{transform:translateY(-5px);
  box-shadow:0 22px 40px -28px rgba(48,79,142,.55)}

.ay-recent--cover .ay-recent__l{display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.ay-recent--cover .ay-recent__a{position:relative;display:block;padding:0;border:0;
  min-block-size:210px;border-radius:16px;overflow:hidden;isolation:isolate}
.ay-recent--cover .ay-recent__ph{position:absolute;inset:0;inline-size:100%;
  block-size:100%;border-radius:0;margin:0}
.ay-recent--cover .ay-recent__ph img{inline-size:100%;block-size:100%;object-fit:cover;
  transition:transform .5s}
.ay-recent--cover .ay-recent__b{position:relative;z-index:1;margin-block-start:auto;
  padding:2.6rem .9rem .9rem;
  background:linear-gradient(to top,rgba(10,18,38,.93),rgba(10,18,38,0))}
.ay-recent--cover .ay-recent__a{display:flex;flex-direction:column}
.ay-recent--cover .ay-recent__t,.ay-recent--cover .ay-recent__d{color:#fff}
.ay-recent--anim.ay-recent--cover .ay-recent__a:hover .ay-recent__ph img{transform:scale(1.07)}

.ay-recent--listy .ay-recent__a{position:relative;padding-inline-start:1.1rem;border:0;
  border-block-end:1px solid var(--wp--preset--color--line)}
.ay-recent--listy .ay-recent__a::before{content:"";position:absolute;
  inset-block:.55rem;inset-inline-start:0;inline-size:3px;border-radius:3px;
  background:var(--wp--preset--color--coral);transform:scaleY(.35);
  transform-origin:top;transition:transform .3s}
.ay-recent--anim.ay-recent--listy .ay-recent__a:hover::before{transform:scaleY(1)}
.ay-recent--listy .ay-recent__ph{display:none}

.ay-recent--mosaic .ay-recent__l{display:grid;gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.ay-recent--mosaic .ay-recent__a{display:block;padding:0;border:0}
.ay-recent--mosaic .ay-recent__ph{inline-size:100%;block-size:auto;aspect-ratio:1;
  border-radius:13px;margin-block-end:.5rem;overflow:hidden}
@media(min-width:760px){
  .ay-recent--mosaic .ay-recent__i:first-child{grid-row:span 2;grid-column:span 2}
  .ay-recent--mosaic .ay-recent__i:first-child .ay-recent__ph{aspect-ratio:1}
}

.ay-recent--carousel .ay-recent__l{display:flex;gap:1rem;overflow-x:auto;
  padding-block-end:.8rem;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch}
.ay-recent--carousel .ay-recent__a{flex:0 0 min(80%,250px);scroll-snap-align:start;
  display:block;padding:.7rem;border-radius:16px;
  border:1px solid var(--wp--preset--color--line);
  background:var(--wp--preset--color--base)}
.ay-recent--carousel .ay-recent__ph{inline-size:100%;block-size:auto;aspect-ratio:16/10;
  border-radius:11px;margin-block-end:.5rem;overflow:hidden}

.ay-recent--paper .ay-recent__l{column-count:2;column-gap:1.6rem;
  column-rule:1px solid var(--wp--preset--color--line)}
@media(max-width:640px){.ay-recent--paper .ay-recent__l{column-count:1}}
.ay-recent--paper .ay-recent__a{break-inside:avoid;display:block;border:0;
  padding-block:.55rem;margin-block-end:.4rem}
.ay-recent--paper .ay-recent__ph{display:none}
.ay-recent--paper .ay-recent__t{font-family:var(--wp--preset--font-family--display)}

.ay-recent--magazine .ay-recent__ph img,.ay-recent--grid .ay-recent__ph img,
.ay-recent--mosaic .ay-recent__ph img,.ay-recent--carousel .ay-recent__ph img{
  inline-size:100%;block-size:100%;object-fit:cover}

/* ══════════════════════════════════════════════════════════
   المقارنة — خمسة قوالب إضافية (مع صورة لكل عمود)
   ══════════════════════════════════════════════════════════ */
.ay-cmp__ph{margin:0 0 .9rem;border-radius:13px;overflow:hidden;
  aspect-ratio:16/10;background:var(--wp--preset--color--alt)}
.ay-cmp__ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.ay-cmp__badge{position:absolute;inset-block-start:-11px;inset-inline-start:50%;
  transform:translateX(-50%);padding:.24rem .85rem;border-radius:999px;
  font-size:.72rem;font-weight:800;color:#fff;white-space:nowrap;
  background:var(--ay-sk-accent,var(--wp--preset--color--coral));
  box-shadow:0 8px 18px -12px var(--ay-sk-accent,rgba(231,95,95,.7))}
.ay-cmp__col{position:relative}

.ay-cmp--photo{display:grid;gap:1.3rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.ay-cmp--photo .ay-cmp__col{padding:.85rem;border-radius:18px;
  background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  box-shadow:0 18px 40px -32px rgba(48,79,142,.5)}
.ay-cmp--photo .ay-cmp__col.is-win{
  border-color:var(--ay-sk-accent,var(--wp--preset--color--coral))}
.ay-cmp--photo .ay-cmp__ph{aspect-ratio:4/3}

/* قبل وبعد: عمودان متلاصقان بخطّ فاصل وشارة على كلٍّ منهما */
.ay-cmp--beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-radius:18px;overflow:hidden;
  border:1.5px solid var(--wp--preset--color--line)}
@media(max-width:640px){.ay-cmp--beforeafter{grid-template-columns:1fr}}
.ay-cmp--beforeafter .ay-cmp__col{padding:1.2rem;margin:0}
.ay-cmp--beforeafter .ay-cmp__col--no{background:var(--wp--preset--color--alt)}
.ay-cmp--beforeafter .ay-cmp__col--yes{
  background:color-mix(in srgb,var(--ay-sk-accent,#e75f5f) 8%,transparent);
  border-inline-start:2px dashed var(--wp--preset--color--line)}
.ay-cmp--beforeafter .ay-cmp__badge{inset-block-start:10px;inset-inline-start:auto;
  inset-inline-end:10px;transform:none}
.ay-cmp--beforeafter .ay-cmp__ph{aspect-ratio:16/9;border-radius:9px}

/* ميزان: كفّتان تميلان قليلاً، والفائزة أعلى */
.ay-cmp--scale{display:grid;gap:1.6rem;align-items:start;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ay-cmp--scale .ay-cmp__col{padding:1.1rem;border-radius:16px;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  transition:transform .35s cubic-bezier(.34,1.3,.64,1)}
.ay-cmp--scale .ay-cmp__col--no{transform:rotate(-1.1deg) translateY(10px)}
.ay-cmp--scale .ay-cmp__col--yes{transform:rotate(1.1deg)}
.ay-cmp--scale .ay-cmp__col.is-win{
  box-shadow:0 22px 46px -30px var(--ay-sk-accent,rgba(231,95,95,.75))}
.ay-cmp--anim.ay-cmp--scale .ay-cmp__col:hover{transform:rotate(0) translateY(-4px)}

/* الفائز: العمود المُبرَز متدرّج بارز والآخر باهت */
.ay-cmp--winner{display:grid;gap:1.2rem;align-items:stretch;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ay-cmp--winner .ay-cmp__col{padding:1.3rem 1.1rem;border-radius:18px;
  background:var(--wp--preset--color--alt);opacity:.82}
.ay-cmp--winner .ay-cmp__col.is-win{opacity:1;color:#fff;
  background:linear-gradient(140deg,var(--wp--preset--color--navy),
    var(--ay-sk-accent,var(--wp--preset--color--coral)));
  box-shadow:0 26px 52px -32px rgba(48,79,142,.7);transform:scale(1.02)}
.ay-cmp--winner .ay-cmp__col.is-win h4,
.ay-cmp--winner .ay-cmp__col.is-win li{color:#fff}
.ay-cmp--winner .ay-cmp__col.is-win .ay-cmp__badge{color:var(--wp--preset--color--navy);
  background:#fff}

.ay-cmp--glass{display:grid;gap:1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ay-cmp--glass .ay-cmp__col{padding:1.25rem;border-radius:18px;
  background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);
  box-shadow:0 20px 44px -34px rgba(27,37,64,.6)}
.ay-cmp--glass .ay-cmp__col.is-win{
  border-color:color-mix(in srgb,var(--ay-sk-accent,#e75f5f) 50%,transparent)}

/* ══════════════════════════════════════════════════════════
   حاسبة أدسنس — ستّة قوالب إضافية
   ══════════════════════════════════════════════════════════ */
/* لوحة قيادة: النتيجة الأهمّ كبيرة فوق، والبقيّة صفٌّ صغير تحتها */
.ay-calc--dash{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line);
  box-shadow:0 20px 46px -34px rgba(48,79,142,.5)}
.ay-calc--dash .ay-calc__out{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));
  gap:.5rem}
.ay-calc--dash .ay-calc__r.is-hi{grid-column:1/-1;padding-block:1.5rem;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ay-ka) 16%,transparent),transparent)}
.ay-calc--dash .ay-calc__r.is-hi b{font-size:clamp(1.9rem,1.2rem + 2.4vw,3.1rem)}
.ay-calc--dash .ay-calc__r:not(.is-hi){background:transparent;
  border:1px solid var(--wp--preset--color--line)}

/* إيصال: كشف حساب بخطّ أحادي وحافة مسنّنة */
.ay-calc--receipt{background:#fffdf7;border:1px solid #e8e0cc;border-radius:6px;
  font-family:ui-monospace,"Courier New",monospace;
  -webkit-mask:radial-gradient(circle 8px at 50% 0,transparent 98%,#000) top/22px 16px repeat-x,
    radial-gradient(circle 8px at 50% 100%,transparent 98%,#000) bottom/22px 16px repeat-x,
    linear-gradient(#000,#000) center/100% calc(100% - 30px) no-repeat}
.ay-calc--receipt .ay-calc__out{grid-template-columns:1fr;gap:0}
.ay-calc--receipt .ay-calc__r{flex-direction:row;justify-content:space-between;
  align-items:baseline;text-align:start;background:transparent;border-radius:0;
  padding:.5rem .2rem;border-block-end:1px dashed #ddd2b6}
.ay-calc--receipt .ay-calc__r.is-hi{border-block-end:0;border-block-start:2px solid #3a3222;
  margin-block-start:.4rem;background:transparent}
.ay-calc--receipt .ay-calc__r b{font-size:1.05rem;color:#3a3222}
.ay-calc--receipt .ay-calc__r.is-hi b{font-size:1.4rem}
.ay-calc--receipt .ay-calc__i{background:#fff;border-color:#ded4bd;border-radius:4px}
.ay-calc--receipt .ay-calc__h{text-align:center;border-block-end:2px dashed #ddd2b6;
  padding-block-end:.8rem}

.ay-calc--neon{background:#0d1426;border:1px solid rgba(120,200,255,.25);color:#dceaff;
  box-shadow:0 0 42px -22px rgba(90,180,255,.7),inset 0 0 60px -50px rgba(90,180,255,.9)}
.ay-calc--neon .ay-calc__l,.ay-calc--neon .ay-calc__note{color:#8fa6c9}
.ay-calc--neon .ay-calc__i{background:rgba(255,255,255,.05);color:#fff;
  border-color:rgba(120,200,255,.3)}
.ay-calc--neon .ay-calc__i:focus{border-color:#5ab4ff;
  box-shadow:0 0 0 4px rgba(90,180,255,.22),0 0 18px -6px #5ab4ff}
.ay-calc--neon .ay-calc__r{background:rgba(255,255,255,.04);
  border:1px solid rgba(120,200,255,.18)}
.ay-calc--neon .ay-calc__r b{color:#7fd4ff;text-shadow:0 0 14px rgba(90,200,255,.8)}
.ay-calc--neon .ay-calc__r i{color:#8fa6c9}
.ay-calc--neon .ay-calc__r.is-hi{border-color:#5ab4ff;
  box-shadow:0 0 22px -10px #5ab4ff}

.ay-calc--gradient{border:0;color:#fff;
  background:linear-gradient(140deg,var(--wp--preset--color--navy),
    var(--ay-ka),var(--wp--preset--color--gold));background-size:180% 180%}
.ay-calc--anim.ay-calc--gradient{animation:ay-calcflow 14s ease infinite}
@keyframes ay-calcflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.ay-calc--gradient .ay-calc__l,.ay-calc--gradient .ay-calc__note{color:rgba(255,255,255,.8)}
.ay-calc--gradient .ay-calc__i{background:rgba(255,255,255,.16);color:#fff;
  border-color:rgba(255,255,255,.3)}
.ay-calc--gradient .ay-calc__r{background:rgba(255,255,255,.14)}
.ay-calc--gradient .ay-calc__r b{color:#fff}
.ay-calc--gradient .ay-calc__r i{color:rgba(255,255,255,.78)}

/* خطوات: كل حقل مرقَّم فيقرأه الزائر كخطوات لا كنموذج */
.ay-calc--steps{background:var(--wp--preset--color--base);
  border:1.5px solid var(--wp--preset--color--line)}
.ay-calc--steps .ay-calc__in{grid-template-columns:1fr;gap:0;counter-reset:aystep}
.ay-calc--steps .ay-calc__f{counter-increment:aystep;position:relative;
  padding:.9rem 0 .9rem 0;padding-inline-start:2.7rem;
  border-inline-start:2px solid var(--wp--preset--color--line);
  margin-inline-start:.9rem}
.ay-calc--steps .ay-calc__f:last-of-type{border-inline-start-color:transparent}
.ay-calc--steps .ay-calc__f::before{content:counter(aystep);position:absolute;
  inset-block-start:.85rem;inset-inline-start:-.95rem;inline-size:1.85rem;
  block-size:1.85rem;display:grid;place-items:center;border-radius:50%;
  font-size:.82rem;font-weight:800;color:#fff;background:var(--ay-ka);
  font-variant-numeric:tabular-nums}
.ay-calc--steps .ay-calc__out{margin-block-start:1.5rem}

.ay-calc--glass{
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);
  box-shadow:0 24px 54px -38px rgba(27,37,64,.65)}
.ay-calc--glass .ay-calc__i{
  background:color-mix(in srgb,var(--wp--preset--color--base) 70%,transparent)}
.ay-calc--glass .ay-calc__r{
  background:color-mix(in srgb,var(--wp--preset--color--base) 50%,transparent);
  border:1px solid rgba(255,255,255,.35)}

/* ══════════════════════════════════════════════════════════
   الخطّ الزمني — أربعة قوالب إضافية
   ══════════════════════════════════════════════════════════ */
/* مترو: محطّات مرقّمة على خطّ أفقي يُمرَّر */
.ay-timeline--metro{display:flex;gap:0;overflow-x:auto;padding-block:2.8rem 1rem;
  scroll-snap-type:x mandatory;counter-reset:aymetro}
.ay-timeline--metro::before,.ay-timeline--metro::after{content:none}
.ay-timeline--metro .ay-timeline__i{counter-increment:aymetro;position:relative;
  flex:0 0 min(72%,230px);scroll-snap-align:center;margin:0;
  padding:1.3rem .9rem 0;text-align:center}
.ay-timeline--metro .ay-timeline__i::after{content:"";position:absolute;
  inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:4px;
  border-radius:4px;background:color-mix(in srgb,
    var(--ay-tl-accent,var(--wp--preset--color--coral)) 28%,transparent)}
.ay-timeline--metro .ay-timeline__i::before{content:counter(aymetro);position:absolute;
  inset-block-start:-14px;inset-inline-start:calc(50% - 16px);
  inline-size:32px;block-size:32px;display:grid;place-items:center;border-radius:50%;
  font-size:.85rem;font-weight:800;color:#fff;z-index:1;
  font-variant-numeric:tabular-nums;
  background:var(--ay-tl-accent,var(--wp--preset--color--coral));
  box-shadow:0 0 0 5px var(--wp--preset--color--base)}
.ay-timeline--metro .ay-timeline__d{display:block;font-size:.76rem;font-weight:800;
  color:var(--ay-tl-accent,var(--wp--preset--color--coral))}

/* درج: كل مرحلة أعلى من سابقتها فيُقرأ التقدّم صعوداً */
.ay-timeline--stairs{display:flex;flex-direction:column;gap:.7rem}
.ay-timeline--stairs::before,.ay-timeline--stairs::after{content:none}
.ay-timeline--stairs .ay-timeline__i{margin:0;padding:1rem 1.1rem;border-radius:14px;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  border-inline-start:4px solid var(--ay-tl-accent,var(--wp--preset--color--coral));
  transition:transform .3s,box-shadow .3s}
.ay-timeline--stairs .ay-timeline__i:nth-child(1){margin-inline-start:0}
.ay-timeline--stairs .ay-timeline__i:nth-child(2){margin-inline-start:clamp(0px,4vw,2.4rem)}
.ay-timeline--stairs .ay-timeline__i:nth-child(3){margin-inline-start:clamp(0px,8vw,4.8rem)}
.ay-timeline--stairs .ay-timeline__i:nth-child(4){margin-inline-start:clamp(0px,12vw,7.2rem)}
.ay-timeline--stairs .ay-timeline__i:nth-child(n+5){margin-inline-start:clamp(0px,16vw,9.6rem)}
.ay-timeline--anim.ay-timeline--stairs .ay-timeline__i:hover{
  transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(48,79,142,.55)}

.ay-timeline--glass{display:grid;gap:.9rem}
.ay-timeline--glass::before,.ay-timeline--glass::after{content:none}
.ay-timeline--glass .ay-timeline__i{margin:0;padding:1.1rem 1.2rem;border-radius:16px;
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);
  box-shadow:0 18px 40px -34px rgba(27,37,64,.6)}
.ay-timeline--glass .ay-timeline__d{
  color:var(--ay-tl-accent,var(--wp--preset--color--coral));font-weight:800}

/* نقاط: خطّ رأسي متدرّج ونقطة مجوّفة تمتلئ عند المرور */
.ay-timeline--dots{position:relative;display:grid;gap:1.3rem;
  padding-inline-start:1.7rem}
.ay-timeline--dots::after{content:none}
.ay-timeline--dots::before{content:"";position:absolute;inset-block:.4rem;
  inset-inline-start:.35rem;inline-size:2px;border-radius:2px;
  background:linear-gradient(to bottom,
    var(--ay-tl-accent,var(--wp--preset--color--coral)),
    color-mix(in srgb,var(--ay-tl-accent,#e75f5f) 12%,transparent))}
.ay-timeline--dots .ay-timeline__i{position:relative;margin:0;padding:0}
.ay-timeline--dots .ay-timeline__i::before{content:"";position:absolute;
  inset-block-start:.42rem;inset-inline-start:-1.7rem;inline-size:12px;block-size:12px;
  border-radius:50%;background:var(--wp--preset--color--base);
  border:2.5px solid var(--ay-tl-accent,var(--wp--preset--color--coral));
  transition:background-color .25s,transform .25s}
.ay-timeline--anim.ay-timeline--dots .ay-timeline__i:hover::before{
  background:var(--ay-tl-accent,var(--wp--preset--color--coral));transform:scale(1.25)}
.ay-timeline--dots .ay-timeline__d{font-size:.76rem;font-weight:800;
  color:var(--ay-tl-accent,var(--wp--preset--color--coral))}

@media(prefers-reduced-motion:reduce){
  .ay-cmp--scale .ay-cmp__col,.ay-timeline--stairs .ay-timeline__i,
  .ay-timeline--dots .ay-timeline__i::before{transition:none}
  .ay-calc--anim.ay-calc--gradient{animation:none}
}

/* ══════════════════════════════════════════════════════════
   شريط القائمة العلوية
   ══════════════════════════════════════════════════════════ */
.ay-hd{--ay-a:var(--ay-hd-accent,var(--wp--preset--color--coral));
  --ay-b:var(--ay-hd-bg,var(--wp--preset--color--base));
  --ay-f:var(--ay-hd-fg,var(--wp--preset--color--ink));
  position:relative;z-index:50;background:var(--ay-b);color:var(--ay-f);
  transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}
.ay-hd--sticky{position:sticky;inset-block-start:0}
.ay-hd--shadow.is-scrolled{box-shadow:0 10px 30px -22px rgba(27,37,64,.55)}

.ay-hd__in{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;
  block-size:var(--ay-hd-h,68px);padding-inline:clamp(1rem,3vw,2rem);
  max-inline-size:var(--ay-hd-max,none);margin-inline:auto;
  transition:block-size .3s}
.ay-hd--shrink.is-scrolled .ay-hd__in{block-size:calc(var(--ay-hd-h,68px) * .78)}

.ay-hd__logo{display:inline-flex;align-items:center;text-decoration:none;
  color:inherit;flex:0 0 auto}
.ay-hd__logo img{inline-size:var(--ay-hd-logo,150px);block-size:auto;display:block;
  transition:inline-size .3s}
.ay-hd--shrink.is-scrolled .ay-hd__logo img{inline-size:calc(var(--ay-hd-logo,150px) * .84)}
.ay-hd__name{font-family:var(--wp--preset--font-family--display);font-weight:800;
  font-size:1.15rem;white-space:nowrap}

.ay-hd__l{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;
  list-style:none;flex-wrap:wrap}
.ay-hd__a{position:relative;display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .85rem;border-radius:10px;text-decoration:none;color:inherit;
  font-weight:700;font-size:.95rem;white-space:nowrap;
  transition:color .22s,background-color .22s,transform .22s}
.ay-hd__ic{font-size:1.05em;line-height:1}
.ay-hd__a.is-current{color:var(--ay-a)}

/* ── محاذاة ── */
.ay-hd--acenter .ay-hd__in{flex-direction:column;justify-content:center;gap:.4rem;
  block-size:auto;padding-block:.8rem}
.ay-hd--acenter .ay-hd__l{justify-content:center}
.ay-hd--aright .ay-hd__in{justify-content:flex-start}
.ay-hd--aright .ay-hd__nav{margin-inline-start:auto}
.ay-hd--alogo-menu-center .ay-hd__nav{flex:1;display:flex;justify-content:center}

/* ── حركة الروابط ── */
.ay-hd--munderline .ay-hd__a::after{content:"";position:absolute;inset-block-end:.28rem;
  inset-inline-start:.85rem;inline-size:calc(100% - 1.7rem);block-size:2px;
  border-radius:2px;background:currentColor;transform:scaleX(0);
  transform-origin:inline-end;transition:transform .28s}
.ay-hd--munderline .ay-hd__a:hover::after,
.ay-hd--munderline .ay-hd__a.is-current::after{transform:scaleX(1);
  transform-origin:inline-start}
.ay-hd--mfill .ay-hd__a:hover{background:color-mix(in srgb,var(--ay-a) 13%,transparent);
  color:var(--ay-a)}
.ay-hd--mlift .ay-hd__a:hover{transform:translateY(-3px);color:var(--ay-a)}
.ay-hd--mcolor .ay-hd__a:hover{color:var(--ay-a)}
.ay-hd--marc .ay-hd__a::before{content:"";position:absolute;inset-block-start:.15rem;
  inset-inline-start:50%;inline-size:1.6rem;block-size:.5rem;
  border:2px solid currentColor;border-block-end:0;
  border-radius:1.6rem 1.6rem 0 0;transform:translateX(50%) scaleY(0);
  transform-origin:bottom;transition:transform .28s}
.ay-hd--marc .ay-hd__a:hover::before{transform:translateX(50%) scaleY(1)}

/* ── الرابط المُبرَز ── */
.ay-hd--hbutton .ay-hd__a.is-hl{background:var(--ay-a);color:#fff;border-radius:999px}
.ay-hd--hbutton .ay-hd__a.is-hl::after{content:none}
.ay-hd--houtline .ay-hd__a.is-hl{border:2px solid var(--ay-a);color:var(--ay-a);
  border-radius:999px}
.ay-hd--houtline .ay-hd__a.is-hl::after{content:none}
.ay-hd--hglow .ay-hd__a.is-hl{color:var(--ay-a);border-radius:999px;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--ay-a) 55%,transparent)}
.ay-hd--animate.ay-hd--hglow .ay-hd__a.is-hl{animation:ay-hdglow 2.4s ease-in-out infinite}
@keyframes ay-hdglow{
  0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ay-a) 55%,transparent)}
  60%{box-shadow:0 0 0 12px transparent}}
.ay-hd--hdot .ay-hd__a.is-hl{padding-inline-end:1.5rem;color:var(--ay-a)}
.ay-hd--hdot .ay-hd__a.is-hl::before{content:"";position:absolute;
  inset-block-start:.55rem;inset-inline-end:.55rem;inline-size:7px;block-size:7px;
  border-radius:50%;background:var(--ay-a);transform:none}
.ay-hd--animate.ay-hd--hdot .ay-hd__a.is-hl::before{animation:ay-hddot 1.7s ease-in-out infinite}
@keyframes ay-hddot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}
.ay-hd--hbadge .ay-hd__a.is-hl{padding-inline-end:1.1rem}
.ay-hd--hbadge .ay-hd__a.is-hl::before{content:"جديد";position:absolute;
  inset-block-start:-.1rem;inset-inline-end:-.15rem;padding:.06rem .38rem;
  border-radius:999px;font-size:.6rem;font-weight:800;color:#fff;
  background:var(--ay-a);transform:none}
.ay-hd--hgradient .ay-hd__a.is-hl{color:#fff;border-radius:999px;
  background:linear-gradient(115deg,var(--ay-a),var(--wp--preset--color--navy),var(--ay-a));
  background-size:220% 100%}
.ay-hd--hgradient .ay-hd__a.is-hl::after{content:none}
.ay-hd--animate.ay-hd--hgradient .ay-hd__a.is-hl{animation:ay-hdgrad 5s linear infinite}
@keyframes ay-hdgrad{0%{background-position:0% 50%}100%{background-position:220% 50%}}

/* ── القوالب ── */
.ay-hd--sglass{background:color-mix(in srgb,var(--ay-b) 62%,transparent);
  backdrop-filter:blur(14px);border-block-end:1px solid rgba(255,255,255,.28)}
.ay-hd--sdark{--ay-b:var(--wp--preset--color--navy-dark,#1a2c55);--ay-f:#eaf0fb}
.ay-hd--sgradient{border:0;--ay-f:#fff;
  background:linear-gradient(115deg,var(--wp--preset--color--navy),var(--ay-a))}
.ay-hd--sfloating{background:transparent;padding-block:.7rem}
.ay-hd--sfloating .ay-hd__in{background:var(--ay-b);border-radius:999px;
  box-shadow:0 18px 44px -30px rgba(27,37,64,.6);
  border:1px solid var(--wp--preset--color--line);
  max-inline-size:var(--ay-hd-max,1180px)}
.ay-hd--sunderline{border-block-end:2px solid var(--wp--preset--color--line)}
.ay-hd--sunderline.is-scrolled{border-block-end-color:var(--ay-a)}
.ay-hd--scentered .ay-hd__in{flex-direction:column;gap:.5rem;block-size:auto;
  padding-block:1rem}
.ay-hd--scentered .ay-hd__l{justify-content:center}
.ay-hd--scompact{--ay-hd-h:52px}
.ay-hd--scompact .ay-hd__a{padding:.35rem .6rem;font-size:.88rem}

/* شفّاف في الأعلى ثمّ يمتلئ — يُطبَّق فوق أي قالب */
.ay-hd--transparent:not(.is-scrolled){background:transparent;box-shadow:none;
  border-block-end-color:transparent}
.ay-hd--transparent.is-scrolled{background:var(--ay-b)}

/* ── قائمة الجوال ── */
.ay-hd__burger{display:none;flex-direction:column;justify-content:center;gap:5px;
  inline-size:42px;block-size:42px;padding:0 9px;cursor:pointer;
  background:transparent;border:0;border-radius:10px}
.ay-hd__burger span{display:block;block-size:2px;inline-size:100%;border-radius:2px;
  background:currentColor;transition:transform .28s,opacity .2s}
.ay-hd.is-open .ay-hd__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ay-hd.is-open .ay-hd__burger span:nth-child(2){opacity:0}
.ay-hd.is-open .ay-hd__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:860px){
  /* 🌟 القائمة تنسدل لوحة كاملة لا تنضغط: خمسة روابط عربية في عرض جوال
     تلتفّ إلى ثلاثة أسطر وتُخفي المحتوى تحتها، واللوحة أوضح وأسهل لمساً. */
  .ay-hd__burger{display:flex}
  .ay-hd__nav{position:absolute;inset-inline:0;inset-block-start:100%;
    background:var(--ay-b);border-block-start:1px solid var(--wp--preset--color--line);
    box-shadow:0 22px 40px -28px rgba(27,37,64,.6);
    max-block-size:0;overflow:hidden;transition:max-block-size .32s ease}
  .ay-hd.is-open .ay-hd__nav{max-block-size:70vh;overflow-y:auto}
  .ay-hd__l{flex-direction:column;align-items:stretch;gap:0;padding:.4rem 0}
  .ay-hd__a{border-radius:0;padding:.85rem clamp(1rem,4vw,2rem)}
  .ay-hd--munderline .ay-hd__a::after{content:none}
  .ay-hd--acenter .ay-hd__in,.ay-hd--scentered .ay-hd__in{flex-direction:row;
    block-size:var(--ay-hd-h,68px);padding-block:0}
  .ay-hd--sfloating .ay-hd__in{border-radius:18px}
}

@media(prefers-reduced-motion:reduce){
  .ay-hd,.ay-hd__in,.ay-hd__a,.ay-hd__logo img,.ay-hd__nav{transition:none}
  .ay-hd--animate .ay-hd__a.is-hl,
  .ay-hd--animate .ay-hd__a.is-hl::before{animation:none}
}

/* ══════════════════════════════════════════════════════════
   خطّ التحديد تحت العبارة — ثمانية عشر شكلاً
   ══════════════════════════════════════════════════════════ */
.ay-ul{--ay-c:var(--ay-ul-c,var(--wp--preset--color--coral))}
.ay-ul--acenter{text-align:center}
.ay-ul--astart{text-align:start}
.ay-ul--aend{text-align:end}
.ay-ul__t{margin:0;font-size:var(--ay-ul-fs,inherit);line-height:1.6}
.ay-ul__w{position:relative;display:inline-block;max-inline-size:100%}
.ay-ul__x{position:relative;z-index:1}
.ay-ul--behind .ay-ul__x{z-index:0}
.ay-ul--behind .ay-ul__s{z-index:1}

/* 🌟 الخطّ يتمدّد بعرض العبارة لا بعرض الصفحة: viewBox ثابت مع
   preserveAspectRatio:none يجعل شكلاً واحداً يخدم كل الأطوال، و
   non-scaling-stroke يبقي السُّمك ثابتاً بصرياً مهما تمدّد الإطار. */
/* 🌟 [عطل حقيقي] التوسيط بالهوامش التلقائية لا بـtranslate على
   inset-inline-start: الخاصية المنطقية تنقلب في RTL فصار 50% يُقاس من
   اليمين ثمّ يزيحه translate(-50%) يساراً أيضاً — فوقع الخطّ بجانب
   العبارة لا تحتها. والهامش التلقائي يتوسّط في الاتجاهين بلا حساب. */
.ay-ul__s{position:absolute;inset-inline:0;margin-inline:auto;
  inset-block-start:calc(100% + var(--ay-ul-drop,0px));
  transform:translateY(-42%);
  inline-size:var(--ay-ul-spread,100%);block-size:.55em;min-block-size:14px;
  color:var(--ay-c);overflow:visible;pointer-events:none}
.ay-ul--astart .ay-ul__s{margin-inline-end:auto;margin-inline-start:0}
.ay-ul--aend .ay-ul__s{margin-inline-start:auto;margin-inline-end:0}

/* الأشكال المحيطة بالعبارة تُركَّز عليها لا تحتها */
.ay-ul--circle .ay-ul__s,.ay-ul--oval .ay-ul__s,.ay-ul--box .ay-ul__s{
  inset-block-start:50%;block-size:165%;
  inline-size:calc(var(--ay-ul-spread,100%) + 16%);
  transform:translateY(-50%)}

/* القلم العريض يقع خلف النصّ دوماً وإلا غطّاه */
.ay-ul--marker .ay-ul__s{inset-block-start:50%;block-size:88%;
  transform:translateY(-50%);opacity:.32;z-index:0}
.ay-ul--marker .ay-ul__x{z-index:1}
.ay-ul--gradient .ay-ul__s path{fill:url(#ay-ul-g)}
.ay-ul--gradient .ay-ul__s{opacity:.85}
.ay-ul--dash .ay-ul__s path{stroke-dasharray:14 11}
.ay-ul--slant .ay-ul__s{opacity:.22;inset-block-start:50%;block-size:95%;
  transform:translateY(-50%);z-index:0}

.ay-ul__dots{position:absolute;inset-inline:0;margin-inline:auto;
  inset-block-start:calc(100% + var(--ay-ul-drop,0px));
  display:flex;gap:.4em;
  inline-size:var(--ay-ul-spread,100%);justify-content:center}
.ay-ul__dots i{inline-size:calc(var(--ay-ul-w,6) * 1px);
  block-size:calc(var(--ay-ul-w,6) * 1px);border-radius:50%;background:var(--ay-c)}

/* الرسم عند الظهور
   🌟 [عطل حقيقي — وقع مرّتين] الخطّ مرئيٌّ افتراضاً، والجافاسكربت يُخفيه
      (is-armed) ثمّ يكشفه (is-drawn). فلو لم يعمل السكربت — تعطيلٌ، أو
      خطأ في ملفّ آخر، أو حاجب إعلانات — بقي الخطّ ظاهراً لا مختفياً
      إلى الأبد. وإخفاؤه في CSS انتظاراً لصنفٍ قد لا يأتي هو ما جعل
      الأشكال الثمانية عشر كلها غير مرئية. */
.ay-ul--draw.is-armed .ay-ul__s path{stroke-dasharray:var(--ay-ul-len,600);
  stroke-dashoffset:var(--ay-ul-len,600);
  transition:stroke-dashoffset 1.1s cubic-bezier(.45,.05,.3,1)}
.ay-ul--draw.is-armed.is-drawn .ay-ul__s path{stroke-dashoffset:0}
/* الأشكال الممتلئة لا تُرسَم بل تُكشَف من جانب */
.ay-ul--draw.is-armed.ay-ul--brush .ay-ul__s,
.ay-ul--draw.is-armed.ay-ul--taper .ay-ul__s,
.ay-ul--draw.is-armed.ay-ul--marker .ay-ul__s,
.ay-ul--draw.is-armed.ay-ul--gradient .ay-ul__s,
.ay-ul--draw.is-armed.ay-ul--slant .ay-ul__s{
  clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.45,.05,.3,1)}
.ay-ul--draw.is-armed.is-drawn.ay-ul--brush .ay-ul__s,
.ay-ul--draw.is-armed.is-drawn.ay-ul--taper .ay-ul__s,
.ay-ul--draw.is-armed.is-drawn.ay-ul--marker .ay-ul__s,
.ay-ul--draw.is-armed.is-drawn.ay-ul--gradient .ay-ul__s,
.ay-ul--draw.is-armed.is-drawn.ay-ul--slant .ay-ul__s{clip-path:inset(0 0 0 0)}
.ay-ul--draw.is-armed .ay-ul__dots i{opacity:0;transform:scale(.4);
  transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.5,.64,1);
  transition-delay:calc(var(--i) * .07s)}
.ay-ul--draw.is-armed.is-drawn .ay-ul__dots i{opacity:1;transform:scale(1)}

/* ══════════════════════════════════════════════════════════
   الأسهم — عشرون شكلاً
   ══════════════════════════════════════════════════════════ */
.ay-ar{--ay-c:var(--ay-ar-c,var(--wp--preset--color--coral));
  display:flex;color:var(--ay-c)}
.ay-ar--acenter{justify-content:center}
.ay-ar--astart{justify-content:flex-start}
.ay-ar--aend{justify-content:flex-end}
.ay-ar__b{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem}
.ay-ar__s{inline-size:var(--ay-ar-size,90px);block-size:var(--ay-ar-size,90px);
  transform:rotate(var(--ay-ar-rot,0deg));overflow:visible}
.ay-ar__l{font-size:.82rem;font-weight:700;color:var(--wp--preset--color--muted)}
.ay-ar--dashed .ay-ar__s path{stroke-dasharray:9 8}
.ay-ar--gradient .ay-ar__s path{fill:url(#ay-ar-g)}
.ay-ar--outline .ay-ar__s path{stroke:currentColor;fill:none}
.ay-ar--chevron3 .ay-ar__s path:nth-child(1){opacity:1}

.ay-ar__dots{display:flex;flex-direction:column;gap:5px;align-items:center;
  margin-block-end:2px}
.ay-ar__dots i{inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;
  opacity:.35}
.ay-ar--anim .ay-ar__dots i{animation:ay-ardot 1.5s ease-in-out infinite;
  animation-delay:calc(var(--i) * .16s)}
@keyframes ay-ardot{0%,100%{opacity:.25}50%{opacity:1}}

.ay-ar--anim.ay-ar--mbounce .ay-ar__s{animation:ay-arb 1.7s ease-in-out infinite}
@keyframes ay-arb{0%,100%{transform:rotate(var(--ay-ar-rot,0deg)) translateY(0)}
  50%{transform:rotate(var(--ay-ar-rot,0deg)) translateY(9px)}}
.ay-ar--anim.ay-ar--mslide .ay-ar__s{animation:ay-ars 2s ease-in-out infinite}
@keyframes ay-ars{0%{opacity:0;transform:rotate(var(--ay-ar-rot,0deg)) translateY(-16px)}
  40%,60%{opacity:1;transform:rotate(var(--ay-ar-rot,0deg)) translateY(0)}
  100%{opacity:0;transform:rotate(var(--ay-ar-rot,0deg)) translateY(16px)}}
.ay-ar--anim.ay-ar--mpulse .ay-ar__s{animation:ay-arp 1.8s ease-in-out infinite}
@keyframes ay-arp{0%,100%{transform:rotate(var(--ay-ar-rot,0deg)) scale(1);opacity:.75}
  50%{transform:rotate(var(--ay-ar-rot,0deg)) scale(1.14);opacity:1}}
.ay-ar--anim.ay-ar--mfade .ay-ar__s{animation:ay-arf 2.2s ease-in-out infinite}
@keyframes ay-arf{0%,100%{opacity:.3}50%{opacity:1}}
.ay-ar--anim.ay-ar--mdraw .ay-ar__s path{
  stroke-dasharray:var(--ay-ar-len,200);
  animation:ay-ardraw 2.6s cubic-bezier(.45,.05,.3,1) infinite}
@keyframes ay-ardraw{0%{stroke-dashoffset:var(--ay-ar-len,200)}
  55%,100%{stroke-dashoffset:0}}

.ay-ar--hide-mobile{display:flex}
@media(max-width:600px){.ay-ar--hide-mobile{display:none}}
@media(max-width:900px){.ay-ar--hide-small{display:none}}
@media(min-width:901px){.ay-ar--hide-desktop{display:none}}

/* ══════════════════════════════════════════════════════════
   الهيكل التنظيمي
   ══════════════════════════════════════════════════════════ */
.ay-og{--ay-c:var(--ay-og-c,var(--wp--preset--color--navy));
  --ay-l:var(--ay-og-line,var(--wp--preset--color--line))}
.ay-og__tree{display:flex;flex-direction:column;align-items:center;gap:0}
.ay-og__lvl{display:flex;justify-content:center;gap:1.1rem;inline-size:100%;
  flex-wrap:wrap}
.ay-og__cell{position:relative;display:flex;flex-direction:column;align-items:center;
  padding-block-start:2.1rem}
.ay-og__lvl--1 .ay-og__cell{padding-block-start:0}

/* الوصلة: عمود نازل من المستوى الأعلى وخطّ أفقي يربط الإخوة */
.ay-og__lvl:not(.ay-og__lvl--1) .ay-og__cell::before{content:"";position:absolute;
  inset-block-start:0;inset-inline-start:50%;inline-size:var(--ay-og-w,2px);
  block-size:2.1rem;background:var(--ay-l);transform:translateX(50%)}
.ay-og__lvl:not(.ay-og__lvl--1) .ay-og__cell::after{content:"";position:absolute;
  inset-block-start:0;inline-size:calc(100% + 1.1rem);block-size:var(--ay-og-w,2px);
  background:var(--ay-l)}
.ay-og__lvl:not(.ay-og__lvl--1) .ay-og__cell:first-child::after{
  inset-inline-start:50%;inline-size:calc(50% + .55rem)}
.ay-og__lvl:not(.ay-og__lvl--1) .ay-og__cell:last-child::after{
  inset-inline-end:50%;inline-size:calc(50% + .55rem)}
.ay-og__lvl:not(.ay-og__lvl--1) .ay-og__cell:only-child::after{content:none}

.ay-og--cnone .ay-og__cell::before,.ay-og--cnone .ay-og__cell::after{content:none}
.ay-og--cdashed .ay-og__cell::before{background:repeating-linear-gradient(
  to bottom,var(--ay-l) 0 5px,transparent 5px 10px)}
.ay-og--cdashed .ay-og__cell::after{background:repeating-linear-gradient(
  to right,var(--ay-l) 0 5px,transparent 5px 10px)}
.ay-og--cstraight .ay-og__cell::after{content:none}
.ay-og--ccurve .ay-og__cell::before{border-radius:0 0 8px 8px}
.ay-og--carrow .ay-og__cell::before{
  background:linear-gradient(to bottom,var(--ay-l) 60%,transparent)}
.ay-og--carrow .ay-og__cell .ay-og__n::before{content:"";position:absolute;
  inset-block-start:-9px;inset-inline-start:calc(50% - 5px);inline-size:0;block-size:0;
  border-inline:5px solid transparent;border-block-start:7px solid var(--ay-l)}

.ay-og__n{position:relative;padding:.7rem 1.1rem;border-radius:12px;text-align:center;
  min-inline-size:118px;background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  transition:transform .25s,box-shadow .25s}
.ay-og__nt{display:block;font-size:.92rem;font-weight:700;line-height:1.45}
.ay-og__ns{display:block;font-size:.74rem;color:var(--wp--preset--color--muted)}
.ay-og__n.is-root{background:var(--ay-c);border-color:var(--ay-c);color:#fff}
.ay-og__n.is-root .ay-og__ns{color:rgba(255,255,255,.78)}
.ay-og--anim .ay-og__n:hover{transform:translateY(-3px);
  box-shadow:0 16px 32px -24px rgba(48,79,142,.6)}

.ay-og--cards .ay-og__n{border:0;
  box-shadow:0 16px 34px -28px rgba(48,79,142,.55)}
.ay-og--pills .ay-og__n{border-radius:999px;padding-inline:1.5rem}
.ay-og--dark .ay-og__n{background:var(--wp--preset--color--navy-dark,#1a2c55);
  border-color:rgba(255,255,255,.14);color:#eaf0fb}
.ay-og--dark .ay-og__ns{color:#a9b8d8}
.ay-og--gradient .ay-og__n{border:0;color:#fff;
  background:linear-gradient(135deg,var(--ay-c),var(--wp--preset--color--coral))}
.ay-og--gradient .ay-og__ns{color:rgba(255,255,255,.8)}
.ay-og--minimal .ay-og__n{background:transparent;border:0;padding-inline:.5rem}

@media(max-width:600px){
  .ay-og--stack-mobile .ay-og__lvl{flex-direction:column;align-items:center}
  .ay-og--stack-mobile .ay-og__cell::after{content:none}
  .ay-og--h3-mobile .ay-og__lvl--3{display:none}
}
@media(max-width:900px){
  .ay-og--stack-small .ay-og__lvl{flex-direction:column;align-items:center}
  .ay-og--stack-small .ay-og__cell::after{content:none}
  .ay-og--h3-small .ay-og__lvl--3{display:none}
}
@media(min-width:901px){.ay-og--h3-desktop .ay-og__lvl--3{display:none}}

/* ══════════════════════════════════════════════════════════
   الخريطة الذهنية
   ══════════════════════════════════════════════════════════ */
.ay-mm{--ay-c:var(--ay-mm-c,var(--wp--preset--color--coral))}
.ay-mm__in{display:flex;flex-direction:column;align-items:center;gap:1.4rem}
.ay-mm__c{padding:.85rem 1.5rem;border-radius:999px;color:#fff;font-weight:800;
  font-size:calc(1.02rem * var(--ay-mm-ns,1));text-align:center;
  background:linear-gradient(135deg,var(--wp--preset--color--navy),var(--ay-c));
  box-shadow:0 18px 38px -26px rgba(48,79,142,.65)}
.ay-mm__l{display:grid;gap:1rem;margin:0;padding:0;list-style:none;inline-size:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.ay-mm__b{position:relative;--bc:var(--ay-mm-bc,var(--ay-c))}
.ay-mm__bx{padding:.9rem 1rem;border-radius:14px;block-size:100%;
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  border-block-start:3px solid var(--bc);
  transition:transform .28s,box-shadow .28s}
.ay-mm--anim .ay-mm__bx:hover{transform:translateY(-4px);
  box-shadow:0 20px 38px -28px rgba(48,79,142,.6)}
.ay-mm__bt{display:block;font-size:calc(.95rem * var(--ay-mm-ns,1));font-weight:800;
  color:var(--bc);margin-block-end:.3rem}
.ay-mm__sub{margin:0;padding-inline-start:1rem;font-size:.82rem;line-height:1.85;
  color:var(--wp--preset--color--muted)}
.ay-mm__link{position:absolute;inset-block-start:-1rem;inset-inline-start:50%;
  inline-size:var(--ay-mm-w,2px);block-size:1rem;background:var(--bc);opacity:.45}
.ay-mm--lnone .ay-mm__link{display:none}
.ay-mm--lcurve .ay-mm__link{border-radius:999px}
.ay-mm--lelbow .ay-mm__link{block-size:1rem;inline-size:var(--ay-mm-w,2px)}

.ay-mm--sides .ay-mm__l{grid-template-columns:repeat(2,1fr)}
.ay-mm--tree .ay-mm__l{grid-template-columns:1fr;max-inline-size:520px;
  margin-inline:auto}
.ay-mm--cluster .ay-mm__l{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ay-mm--cluster .ay-mm__bx{border-radius:20px;text-align:center}
.ay-mm--bubbles .ay-mm__bx{border-radius:999px;text-align:center;
  padding:1.3rem 1.1rem;aspect-ratio:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;border-block-start-width:1px;
  background:color-mix(in srgb,var(--bc) 12%,transparent);border-color:var(--bc)}
.ay-mm--bubbles .ay-mm__sub{padding:0;list-style:none;font-size:.72rem}
.ay-mm--outline .ay-mm__l{grid-template-columns:1fr;gap:.5rem}
.ay-mm--outline .ay-mm__bx{border:0;border-inline-start:3px solid var(--bc);
  border-radius:0 10px 10px 0;background:var(--wp--preset--color--alt)}
.ay-mm--outline .ay-mm__link{display:none}
.ay-mm--dark .ay-mm__bx{background:var(--wp--preset--color--navy-dark,#1a2c55);
  border-color:rgba(255,255,255,.12);color:#eaf0fb}
.ay-mm--dark .ay-mm__sub{color:#a9b8d8}
.ay-mm--minimal .ay-mm__bx{background:transparent;border:0;
  border-block-start:2px solid var(--bc);border-radius:0}

@media(max-width:560px){.ay-mm--sides .ay-mm__l{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .ay-ar__s,.ay-ar__dots i,.ay-ul__s path,.ay-ul__dots i,
  .ay-og__n,.ay-mm__bx{animation:none!important;transition:none}
}

/* ══════════════════════════════════════════════════════════
   عناوين الأقسام — أربعة وعشرون شكلاً
   ══════════════════════════════════════════════════════════ */
.ay-hg{--ay-c:var(--ay-hg-c,var(--wp--preset--color--navy));
  --ay-c2:var(--ay-hg-c2,var(--wp--preset--color--coral));
  --ay-fg:var(--ay-hg-fg,var(--wp--preset--color--ink))}
.ay-hg--acenter{text-align:center}
.ay-hg--astart{text-align:start}
.ay-hg--aend{text-align:end}
.ay-hg__in{position:relative;display:inline-block;max-inline-size:100%;
  padding:.65rem 1.2rem;isolation:isolate}
.ay-hg--acenter .ay-hg__in{display:block;inline-size:fit-content;margin-inline:auto}
.ay-hg--aend .ay-hg__in{display:block;inline-size:fit-content;margin-inline-start:auto}
.ay-hg__t{position:relative;z-index:2;margin:0;color:var(--ay-fg);
  font-family:var(--wp--preset--font-family--display,inherit);
  font-size:var(--ay-hg-fs,clamp(1.3rem,1rem + 1.6vw,2.1rem));
  font-weight:900;line-height:1.45;text-wrap:balance}
.ay-hg__k{position:relative;z-index:2;display:block;font-size:.78rem;font-weight:800;
  letter-spacing:.06em;color:var(--ay-c2);margin-block-end:.2rem}
.ay-hg__sub{position:relative;z-index:2;margin:.4rem 0 0;font-size:.9rem;
  color:var(--wp--preset--color--muted);line-height:1.8}
.ay-hg__deco{position:absolute;inset:0;z-index:0;pointer-events:none}

/* ① شريط مائل */
.ay-hg--ribbon .ay-hg__in{padding-inline:2rem}
.ay-hg--ribbon .ay-hg__deco{background:var(--ay-c);
  clip-path:polygon(3% 0,100% 6%,97% 100%,0 94%);border-radius:4px}
.ay-hg--ribbon .ay-hg__t,.ay-hg--ribbon .ay-hg__k{color:#fff}
.ay-hg--ribbon .ay-hg__sub{color:rgba(255,255,255,.8)}

/* ② لوح مصمت */
.ay-hg--slab .ay-hg__deco{background:var(--ay-c);border-radius:10px}
.ay-hg--slab .ay-hg__t{color:#fff}
.ay-hg--slab .ay-hg__k{color:rgba(255,255,255,.85)}

/* ③ متدرّج */
.ay-hg--gradient .ay-hg__deco{border-radius:16px;
  background:linear-gradient(120deg,var(--ay-c),var(--ay-c2))}
.ay-hg--gradient .ay-hg__t,.ay-hg--gradient .ay-hg__k{color:#fff}
.ay-hg--gradient .ay-hg__sub{color:rgba(255,255,255,.82)}

/* ④ إطار مزدوج */
.ay-hg--frame .ay-hg__in{padding:1rem 1.8rem}
.ay-hg--frame .ay-hg__deco{border:2px solid var(--ay-c);border-radius:6px}
.ay-hg--frame .ay-hg__deco::after{content:"";position:absolute;inset:5px;
  border:1px solid color-mix(in srgb,var(--ay-c) 45%,transparent);border-radius:3px}

/* ⑤ خطّان جانبيان */
.ay-hg--rules .ay-hg__in{display:flex;align-items:center;gap:1rem;padding-inline:0;
  inline-size:100%}
.ay-hg--rules .ay-hg__deco{display:none}
.ay-hg--rules .ay-hg__t{flex:0 0 auto}
.ay-hg--rules .ay-hg__in::before,.ay-hg--rules .ay-hg__in::after{content:"";
  flex:1;block-size:2px;border-radius:2px;
  background:linear-gradient(to right,transparent,var(--ay-c))}
.ay-hg--rules .ay-hg__in::after{background:linear-gradient(to left,transparent,var(--ay-c))}

/* ⑥ قوس علوي */
.ay-hg--arch .ay-hg__in{padding-block-start:1.5rem}
.ay-hg--arch .ay-hg__deco{inset-block-end:auto;block-size:2.2rem;
  border:3px solid var(--ay-c);border-block-end:0;
  border-radius:999px 999px 0 0;inset-inline:22%}

/* ⑦ ظلّ نصّي كبير */
.ay-hg--ghost .ay-hg__in{padding-block:2.2rem}
.ay-hg--ghost .ay-hg__t::before{content:attr(data-ay-ghost);position:absolute;
  inset-inline-start:50%;inset-block-start:46%;transform:translate(-50%,-50%);
  z-index:-1;white-space:nowrap;font-size:2.3em;font-weight:900;
  color:color-mix(in srgb,var(--ay-c) 11%,transparent);pointer-events:none}

/* ⑧ حبّة كبسولة */
.ay-hg--pill .ay-hg__in{padding:.6rem 2rem}
.ay-hg--pill .ay-hg__deco{border-radius:999px;
  background:color-mix(in srgb,var(--ay-c) 13%,transparent);
  border:1.5px solid color-mix(in srgb,var(--ay-c) 35%,transparent)}
.ay-hg--pill .ay-hg__t{color:var(--ay-c)}

/* ⑨ زاوية مقصوصة */
.ay-hg--notch .ay-hg__in{padding-inline:1.8rem}
.ay-hg--notch .ay-hg__deco{background:var(--ay-c);
  clip-path:polygon(0 0,100% 0,100% 62%,88% 100%,0 100%)}
.ay-hg--notch .ay-hg__t,.ay-hg--notch .ay-hg__k{color:#fff}

/* ⑩ طابع بريد */
.ay-hg--stamp .ay-hg__in{padding:1rem 1.7rem}
.ay-hg--stamp .ay-hg__deco{background:var(--wp--preset--color--alt);
  border:2px dashed var(--ay-c);border-radius:4px;
  -webkit-mask:radial-gradient(circle 5px at 50% 0,transparent 96%,#000) top/14px 10px repeat-x,
    radial-gradient(circle 5px at 50% 100%,transparent 96%,#000) bottom/14px 10px repeat-x,
    linear-gradient(#000,#000) center/100% calc(100% - 18px) no-repeat}

/* ⑪ لوح مائل بظلّ */
.ay-hg--tilt .ay-hg__in{padding:.8rem 1.9rem}
.ay-hg--tilt .ay-hg__deco{background:var(--ay-c);border-radius:8px;
  transform:rotate(-1.6deg);box-shadow:0 18px 34px -24px rgba(48,79,142,.7)}
.ay-hg--tilt .ay-hg__t,.ay-hg--tilt .ay-hg__k{color:#fff}

/* ⑫ نقاط خلفية */
.ay-hg--dotted .ay-hg__in{padding:1.1rem 1.9rem}
.ay-hg--dotted .ay-hg__deco{border-radius:12px;
  background-image:radial-gradient(color-mix(in srgb,var(--ay-c) 30%,transparent) 1.6px,transparent 1.6px);
  background-size:11px 11px}

/* ⑬ خطوط مائلة */
.ay-hg--stripes .ay-hg__in{padding:1rem 1.9rem}
.ay-hg--stripes .ay-hg__deco{border-radius:12px;background:repeating-linear-gradient(
  -45deg,color-mix(in srgb,var(--ay-c) 16%,transparent) 0 6px,transparent 6px 13px)}

/* ⑭ شبكة */
.ay-hg--grid .ay-hg__in{padding:1.1rem 1.9rem}
.ay-hg--grid .ay-hg__deco{border-radius:12px;background-size:16px 16px;
  background-image:linear-gradient(color-mix(in srgb,var(--ay-c) 16%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ay-c) 16%,transparent) 1px,transparent 1px)}

/* ⑮ توهّج */
.ay-hg--glow .ay-hg__in{padding:1.2rem 2rem}
.ay-hg--glow .ay-hg__deco{border-radius:50%;filter:blur(30px);inset:12% 8%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--ay-c2) 55%,transparent),transparent)}

/* ⑯ زجاجي */
.ay-hg--glass .ay-hg__in{padding:1rem 1.9rem}
.ay-hg--glass .ay-hg__deco{border-radius:16px;backdrop-filter:blur(12px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  border:1px solid rgba(255,255,255,.4)}

/* ⑰ حدّ سفلي عريض */
.ay-hg--underline .ay-hg__in{padding-inline:0;padding-block-end:.9rem}
.ay-hg--underline .ay-hg__deco{inset-block-start:auto;block-size:6px;
  border-radius:6px;inline-size:64px;
  background:linear-gradient(to right,var(--ay-c),var(--ay-c2))}
.ay-hg--acenter.ay-hg--underline .ay-hg__deco{inset-inline-start:calc(50% - 32px)}
.ay-hg--aend.ay-hg--underline .ay-hg__deco{inset-inline-start:auto;inset-inline-end:0}

/* ⑱ رقم كبير جانبي */
.ay-hg--numbered .ay-hg__in{padding-inline-start:3.6rem}
.ay-hg--numbered .ay-hg__deco{display:none}
.ay-hg__num{position:absolute;inset-inline-start:0;inset-block-start:-.35rem;
  z-index:1;font-size:3.2rem;font-weight:900;line-height:1;
  color:color-mix(in srgb,var(--ay-c) 24%,transparent);
  font-variant-numeric:tabular-nums}

/* ⑲ أيقونة في دائرة */
.ay-hg--badge .ay-hg__in{padding-block-start:3.4rem}
.ay-hg--badge .ay-hg__deco{display:none}
.ay-hg__badge{position:absolute;inset-block-start:0;inset-inline-start:50%;
  transform:translateX(-50%);z-index:2;display:grid;place-items:center;
  inline-size:2.8rem;block-size:2.8rem;border-radius:50%;font-size:1.25rem;
  color:#fff;background:var(--ay-c);
  box-shadow:0 12px 26px -16px var(--ay-c)}
.ay-hg--astart.ay-hg--badge .ay-hg__badge{inset-inline-start:0;transform:none}
.ay-hg--aend.ay-hg--badge .ay-hg__badge{inset-inline-start:auto;inset-inline-end:0;
  transform:none}

/* ⑳ نصّ مفرَّغ */
.ay-hg--outline .ay-hg__deco{display:none}
.ay-hg--outline .ay-hg__t{color:transparent;
  -webkit-text-stroke:2px var(--ay-c);paint-order:stroke fill}

/* ㉑ موجة سفلية */
.ay-hg--wave .ay-hg__in{padding-block-end:1.5rem}
.ay-hg--wave .ay-hg__deco{display:none}
.ay-hg__wave{position:absolute;inset-block-end:.2rem;inset-inline:10%;
  inline-size:80%;block-size:14px;color:var(--ay-c)}

/* ㉒ بقعة لونية */
.ay-hg--blob .ay-hg__in{padding:1.3rem 2.2rem}
.ay-hg--blob .ay-hg__deco{
  background:color-mix(in srgb,var(--ay-c2) 22%,transparent);
  border-radius:58% 42% 47% 53% / 44% 52% 48% 56%}
.ay-hg--anim.ay-hg--blob .ay-hg__deco{animation:ay-blob 9s ease-in-out infinite}
@keyframes ay-blob{
  0%,100%{border-radius:58% 42% 47% 53% / 44% 52% 48% 56%}
  50%{border-radius:42% 58% 56% 44% / 54% 44% 56% 46%}}

/* ㉓ شريحة ثلاثية الأبعاد */
.ay-hg--d3 .ay-hg__in{padding:.8rem 1.9rem}
.ay-hg--d3 .ay-hg__deco{background:var(--ay-c);border-radius:8px;
  box-shadow:6px 6px 0 0 color-mix(in srgb,var(--ay-c) 55%,#000)}
.ay-hg--d3 .ay-hg__t,.ay-hg--d3 .ay-hg__k{color:#fff}

/* ㉔ بسيط */
.ay-hg--plain .ay-hg__in{padding-inline:0}
.ay-hg--plain .ay-hg__deco{display:none}

/* ══════════════════════════════════════════════════════════
   النافذة المنبثقة — عشرة قوالب
   ══════════════════════════════════════════════════════════ */
.ay-pp{--ay-c:var(--ay-pp-c,var(--wp--preset--color--coral));
  position:fixed;inset:0;z-index:9000;display:flex;align-items:center;
  justify-content:center;padding:clamp(.8rem,3vw,2rem)}
.ay-pp[hidden]{display:none}
.ay-pp__veil{position:absolute;inset:0;background:rgba(12,19,34,0);
  transition:background-color .28s;cursor:pointer}
.ay-pp--overlay.is-on .ay-pp__veil{background:rgba(12,19,34,.62);
  backdrop-filter:blur(3px)}
.ay-pp:not(.ay-pp--overlay) .ay-pp__veil{pointer-events:none}

.ay-pp__box{position:relative;z-index:1;inline-size:min(100%,480px);
  max-block-size:min(92vh,760px);overflow-y:auto;border-radius:20px;
  padding:clamp(1.3rem,4vw,2.1rem);background:var(--wp--preset--color--base);
  box-shadow:0 34px 70px -34px rgba(12,19,34,.65);
  opacity:0;transform:translateY(18px) scale(.97);
  transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.25,.64,1)}
.ay-pp.is-on .ay-pp__box{opacity:1;transform:none}

.ay-pp__x{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;
  inline-size:34px;block-size:34px;display:grid;place-items:center;cursor:pointer;
  border:0;border-radius:50%;font-size:1.5rem;line-height:1;
  background:var(--wp--preset--color--alt);color:var(--wp--preset--color--ink);
  transition:background-color .2s,transform .2s}
.ay-pp__x:hover{background:var(--ay-c);color:#fff;transform:rotate(90deg)}

.ay-pp__t{margin:0 0 .55rem;font-family:var(--wp--preset--font-family--display,inherit);
  font-size:clamp(1.05rem,.9rem + .8vw,1.4rem);font-weight:900;line-height:1.6;
  text-wrap:balance}
.ay-pp__x2{margin:0 0 1.1rem;font-size:.9rem;line-height:1.85;
  color:var(--wp--preset--color--muted)}
.ay-pp__f{display:flex;flex-direction:column;gap:.7rem}
.ay-pp__lb{display:flex;flex-direction:column;gap:.3rem;font-size:.84rem;
  font-weight:700}
.ay-pp__lb input{padding:.72rem .9rem;font:inherit;font-size:.95rem;
  border-radius:11px;border:1.5px solid var(--wp--preset--color--line);
  background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink);
  transition:border-color .2s,box-shadow .2s}
.ay-pp__lb input:focus{outline:none;border-color:var(--ay-c);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ay-c) 18%,transparent)}
.ay-pp__hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}
.ay-pp__cta{margin-block-start:.3rem;padding:.9rem 1.4rem;font:inherit;
  font-size:1rem;font-weight:800;cursor:pointer;color:#fff;border:0;
  border-radius:12px;background:var(--ay-c);
  transition:transform .2s,box-shadow .2s,opacity .2s}
.ay-pp__cta:hover{transform:translateY(-2px);
  box-shadow:0 16px 30px -18px var(--ay-c)}
.ay-pp__cta[disabled]{opacity:.55;cursor:progress;transform:none}
.ay-pp__n{margin:.1rem 0 0;font-size:.74rem;text-align:center;
  color:var(--wp--preset--color--muted)}
.ay-pp__msg{margin:.2rem 0 0;font-size:.85rem;font-weight:700;text-align:center;
  color:var(--ay-c);min-block-size:1.2em}

.ay-pp--psbottom,.ay-pp--pbottom{align-items:flex-end}
.ay-pp--ptop{align-items:flex-start}
.ay-pp--pcorner{align-items:flex-end;justify-content:flex-end}

.ay-pp--ssplit .ay-pp__box{inline-size:min(100%,760px);display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;overflow:hidden}
.ay-pp--ssplit .ay-pp__ph{margin:0;min-block-size:100%}
.ay-pp--ssplit .ay-pp__ph img{inline-size:100%;block-size:100%;object-fit:cover;
  display:block}
.ay-pp--ssplit .ay-pp__b{padding:clamp(1.3rem,4vw,2.1rem)}
@media(max-width:640px){
  .ay-pp--ssplit .ay-pp__box{grid-template-columns:1fr}
  .ay-pp--ssplit .ay-pp__ph{max-block-size:150px}
}
.ay-pp--sbottombar,.ay-pp--stopbar{padding:0}
.ay-pp--sbottombar .ay-pp__box,.ay-pp--stopbar .ay-pp__box{
  inline-size:100%;max-inline-size:none;border-radius:0;
  transform:translateY(100%);padding-block:1.1rem}
.ay-pp--stopbar .ay-pp__box{transform:translateY(-100%)}
.ay-pp--sbottombar.is-on .ay-pp__box,.ay-pp--stopbar.is-on .ay-pp__box{
  transform:none}
.ay-pp--sbottombar .ay-pp__f,.ay-pp--stopbar .ay-pp__f{
  flex-direction:row;flex-wrap:wrap;align-items:flex-end;
  max-inline-size:1100px;margin-inline:auto}
.ay-pp--sbottombar .ay-pp__lb,.ay-pp--stopbar .ay-pp__lb{flex:1 1 180px}
.ay-pp--scorner .ay-pp__box{inline-size:min(100%,340px)}
.ay-pp--sfullscreen{padding:0}
.ay-pp--sfullscreen .ay-pp__box{inline-size:100%;block-size:100%;
  max-block-size:none;border-radius:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center}
.ay-pp--sfullscreen .ay-pp__b{inline-size:min(100%,480px)}
.ay-pp--sdark .ay-pp__box{background:var(--wp--preset--color--navy-dark,#1a2c55);
  color:#eaf0fb}
.ay-pp--sdark .ay-pp__x2{color:#a9b8d8}
.ay-pp--sdark .ay-pp__lb input{background:rgba(255,255,255,.07);color:#fff;
  border-color:rgba(255,255,255,.18)}
.ay-pp--sdark .ay-pp__x{background:rgba(255,255,255,.1);color:#fff}
.ay-pp--sgradient .ay-pp__box{color:#fff;
  background:linear-gradient(140deg,var(--wp--preset--color--navy),var(--ay-c))}
.ay-pp--sgradient .ay-pp__x2{color:rgba(255,255,255,.82)}
.ay-pp--sgradient .ay-pp__lb input{background:rgba(255,255,255,.15);color:#fff;
  border-color:rgba(255,255,255,.28)}
.ay-pp--sgradient .ay-pp__cta{background:#fff;color:var(--wp--preset--color--navy)}
.ay-pp--sglass .ay-pp__box{backdrop-filter:blur(18px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 62%,transparent);
  border:1px solid rgba(255,255,255,.4)}
.ay-pp--sminimal .ay-pp__box{box-shadow:none;border:2px solid var(--ay-c);
  border-radius:8px}

@media(max-width:600px){.ay-pp--nomobile{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .ay-pp__box,.ay-pp__veil,.ay-pp__x,.ay-pp__cta{transition:none}
}

/* ══════════════════════════════════════════════════════════
   الإنفوجرافيك — ستّة وعشرون شكلاً
   🌟 كلها SVG وCSS لا صوراً: تتبع لوحة الموقع، وتبقى حادّة على أي
      حجم، ويقرأ محرّك البحث أرقامها ونصوصها.
   ══════════════════════════════════════════════════════════ */
.ay-ig{--c1:var(--ay-ig-c1,var(--wp--preset--color--coral));
  --c2:var(--ay-ig-c2,var(--wp--preset--color--navy));
  --c3:var(--ay-ig-c3,var(--wp--preset--color--gold));
  margin:0;display:flex;flex-direction:column;gap:.7rem}
.ay-ig--acenter{align-items:center;text-align:center}
.ay-ig--astart{align-items:flex-start;text-align:start}
.ay-ig--aend{align-items:flex-end;text-align:end}
.ay-ig__h{font-size:1rem;font-weight:800;order:-1}
.ay-ig__cap{font-size:.8rem;color:var(--wp--preset--color--muted);line-height:1.7}
.ay-ig__st{inline-size:100%;display:flex;flex-direction:column;align-items:center;
  gap:.6rem}
.ay-ig--astart .ay-ig__st{align-items:flex-start}
.ay-ig--aend .ay-ig__st{align-items:flex-end}
.ay-ig__st > *{transform:scale(var(--ay-ig-s,1));transform-origin:center}
.ay-ig--astart .ay-ig__st > *{transform-origin:right}
.ay-ig svg{display:block;max-inline-size:100%;block-size:auto}
.ay-ig__note{margin:0;font-size:.82rem;color:var(--wp--preset--color--muted)}

/* حلقة ومقياس */
.ay-ig__ring,.ay-ig__gauge{position:relative;display:inline-block}
.ay-ig__ring svg{transform:rotate(-90deg)}
.ay-ig__ring .ay-ig__v{position:absolute;inset:0;display:grid;place-items:center}
.ay-ig__gauge .ay-ig__v{position:absolute;inset-block-end:2px;inset-inline:0;
  text-align:center}
.ay-ig__v{font-size:1.45rem;font-weight:900;color:var(--c2);
  font-variant-numeric:tabular-nums;direction:ltr}
.ay-ig--anim .ay-ig__p,.ay-ig--anim .ay-ig__p2{
  animation:ay-igdraw 1.5s cubic-bezier(.4,0,.2,1) both}
@keyframes ay-igdraw{from{stroke-dashoffset:var(--from,9999)}}

/* أعمدة رأسية */
.ay-ig__bars{display:flex;align-items:flex-end;gap:.6rem;min-block-size:150px}
.ay-ig__bar{display:flex;flex-direction:column;align-items:center;gap:.25rem;
  justify-content:flex-end;block-size:150px}
.ay-ig__bar i{inline-size:30px;block-size:var(--h,50%);border-radius:8px 8px 3px 3px;
  display:block;transform-origin:bottom}
.ay-ig--anim .ay-ig__bar i{animation:ay-iggrow .8s cubic-bezier(.34,1.2,.64,1) both;
  animation-delay:calc(var(--i,0) * .08s)}
@keyframes ay-iggrow{from{transform:scaleY(0)}}
.ay-ig__bv{font-size:.72rem;font-weight:800;color:var(--wp--preset--color--muted);
  font-variant-numeric:tabular-nums;direction:ltr}
.ay-ig__bl{font-size:.72rem;color:var(--wp--preset--color--muted);
  max-inline-size:62px;line-height:1.4}

/* أعمدة أفقية */
.ay-ig__hbars{display:flex;flex-direction:column;gap:.6rem;inline-size:100%;
  max-inline-size:440px}
.ay-ig__hb{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;gap:.6rem;
  align-items:center}
.ay-ig__hl{font-size:.82rem;font-weight:700}
.ay-ig__ht{block-size:14px;border-radius:999px;overflow:hidden;
  background:var(--wp--preset--color--alt)}
.ay-ig__ht i{display:block;block-size:100%;inline-size:var(--w,50%);
  border-radius:999px;transform-origin:right}
.ay-ig--anim .ay-ig__ht i{animation:ay-igwide .9s cubic-bezier(.34,1.15,.64,1) both;
  animation-delay:calc(var(--i,0) * .09s)}
@keyframes ay-igwide{from{transform:scaleX(0)}}
.ay-ig__hv{font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;
  direction:ltr;color:var(--c2)}

/* شريط مكدّس */
.ay-ig__stackw{inline-size:100%;max-inline-size:460px}
.ay-ig__stack{display:flex;block-size:26px;border-radius:999px;overflow:hidden}
.ay-ig__stack i{display:block;inline-size:var(--w,33%)}
.ay-ig__leg{display:flex;flex-wrap:wrap;gap:.9rem;margin-block-start:.6rem;
  font-size:.76rem;color:var(--wp--preset--color--muted);justify-content:center}
.ay-ig__leg span{display:flex;align-items:center;gap:.3rem}
.ay-ig__leg b{inline-size:10px;block-size:10px;border-radius:3px;display:block}
.ay-ig__leg em{font-style:normal;font-weight:800;color:var(--wp--preset--color--ink);
  font-variant-numeric:tabular-nums;direction:ltr}

/* شريط تقدّم */
.ay-ig__prog{display:flex;flex-direction:column;gap:.9rem;inline-size:100%;
  max-inline-size:440px}
.ay-ig__prh{display:flex;justify-content:space-between;font-size:.82rem;
  margin-block-end:.3rem}
.ay-ig__prh b{font-weight:800;font-variant-numeric:tabular-nums;direction:ltr}
.ay-ig__prt{display:block;block-size:10px;border-radius:999px;overflow:hidden;
  background:var(--wp--preset--color--alt)}
.ay-ig__prt i{display:block;block-size:100%;inline-size:var(--w,50%);
  border-radius:999px;transform-origin:right}
.ay-ig--anim .ay-ig__prt i{animation:ay-igwide .9s cubic-bezier(.34,1.15,.64,1) both;
  animation-delay:calc(var(--i,0) * .09s)}

/* مربّعات نسبة */
.ay-ig__pict{display:flex;flex-wrap:wrap;gap:5px;max-inline-size:228px;
  justify-content:center}
.ay-ig__pict i{inline-size:19px;block-size:19px;border-radius:5px;
  background:var(--wp--preset--color--line)}
.ay-ig__pict i.is-on{background:var(--c1)}
.ay-ig--anim .ay-ig__pict i.is-on{animation:ay-igpop .45s cubic-bezier(.34,1.6,.64,1) both;
  animation-delay:calc(var(--i,0) * .04s)}
@keyframes ay-igpop{from{transform:scale(.3);opacity:0}}

/* خريطة كثافة */
.ay-ig__heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
  inline-size:210px}
.ay-ig__heat i{aspect-ratio:1;border-radius:4px}
.ay-ig--anim .ay-ig__heat i{animation:ay-igfade .5s ease both;
  animation-delay:calc(var(--i,0) * .022s)}
@keyframes ay-igfade{from{opacity:0;transform:scale(.6)}}

/* قمع */
.ay-ig__funnel{display:flex;flex-direction:column;align-items:center;gap:6px;
  inline-size:100%;max-inline-size:400px}
.ay-ig__funnel i{display:flex;align-items:center;justify-content:center;gap:.5rem;
  inline-size:var(--w,100%);block-size:34px;border-radius:8px;font-style:normal;
  font-size:.8rem;font-weight:700;color:#fff;padding-inline:.6rem}
.ay-ig__funnel i b{font-variant-numeric:tabular-nums;direction:ltr;opacity:.9}
.ay-ig--anim .ay-ig__funnel i{animation:ay-igin .55s cubic-bezier(.34,1.2,.64,1) both;
  animation-delay:calc(var(--i,0) * .1s)}
@keyframes ay-igin{from{opacity:0;transform:translateY(-10px)}}

/* هرم */
.ay-ig__pyr{display:flex;flex-direction:column;align-items:center;gap:5px;
  inline-size:100%;max-inline-size:380px}
.ay-ig__pyr i{display:grid;place-items:center;inline-size:var(--w,60%);
  block-size:32px;font-style:normal;font-size:.78rem;font-weight:700;color:#fff;
  clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}
.ay-ig--anim .ay-ig__pyr i{animation:ay-igin .5s ease both;
  animation-delay:calc(var(--i,0) * .1s)}

/* خطوات */
.ay-ig__steps{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;
  justify-content:center}
.ay-ig__step{display:flex;flex-direction:column;align-items:center;gap:.3rem;
  max-inline-size:96px}
.ay-ig__step b{display:grid;place-items:center;inline-size:40px;block-size:40px;
  border-radius:50%;color:#fff;font-size:.88rem;font-weight:900;
  font-variant-numeric:tabular-nums}
.ay-ig__step em{font-style:normal;font-size:.75rem;line-height:1.45;
  color:var(--wp--preset--color--muted)}
.ay-ig__sln{inline-size:28px;block-size:3px;border-radius:3px;margin-block-start:19px;
  background:var(--wp--preset--color--line)}
.ay-ig--anim .ay-ig__step{animation:ay-igin .5s ease both;
  animation-delay:calc(var(--i,0) * .11s)}

/* كفّتان */
.ay-ig__vs{display:flex;align-items:center;gap:.8rem;inline-size:100%;
  max-inline-size:400px}
.ay-ig__vside{flex:1;text-align:center}
.ay-ig__vbox{display:grid;place-items:center;block-size:70px;border-radius:13px;
  color:#fff;font-weight:900;font-size:1.2rem;font-variant-numeric:tabular-nums;
  direction:ltr}
.ay-ig__vl{display:block;margin-block-start:.35rem;font-size:.76rem;
  color:var(--wp--preset--color--muted)}
.ay-ig__vmid{font-size:.8rem;font-weight:900;color:var(--wp--preset--color--muted)}

/* مؤشّرات */
.ay-ig__kpis{display:grid;gap:.6rem;inline-size:100%;max-inline-size:440px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
.ay-ig__kpi{padding:.75rem .6rem;border-radius:12px;text-align:center;
  background:var(--wp--preset--color--alt)}
.ay-ig__kpi b{display:block;font-size:1.3rem;font-weight:900;
  font-variant-numeric:tabular-nums;direction:ltr;line-height:1.2}
.ay-ig__kpi span{font-size:.72rem;color:var(--wp--preset--color--muted)}
.ay-ig--anim .ay-ig__kpi{animation:ay-igin .5s ease both;
  animation-delay:calc(var(--i,0) * .08s)}

/* بطاقة رقم */
.ay-ig__stat{inline-size:100%;max-inline-size:340px;padding:1.2rem;
  border-radius:16px;color:#fff;position:relative;overflow:hidden}
.ay-ig__stat b{display:block;font-size:2.2rem;font-weight:900;line-height:1;
  font-variant-numeric:tabular-nums;direction:ltr}
.ay-ig__stat span{font-size:.8rem;opacity:.86}
.ay-ig__stat::after{content:"";position:absolute;inset-block-start:-34px;
  inset-inline-start:-34px;inline-size:120px;block-size:120px;border-radius:50%;
  background:rgba(255,255,255,.13)}

/* شجرة */
.ay-ig__tree{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.ay-ig__tn{padding:.35rem .9rem;border-radius:9px;font-size:.78rem;font-weight:700;
  color:#fff}
.ay-ig__tbar{inline-size:64%;block-size:2px;background:var(--wp--preset--color--line)}
.ay-ig__trow{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}

/* نجوم */
.ay-ig__stars{position:relative;display:inline-flex;align-items:center;gap:.5rem;
  font-size:1.6rem;line-height:1}
.ay-ig__sb{color:var(--wp--preset--color--line);letter-spacing:.1em}
.ay-ig__sf{position:absolute;inset-inline-start:0;inset-block-start:0;
  inline-size:var(--fill,70%);overflow:hidden;white-space:nowrap;
  letter-spacing:.1em;direction:ltr}
.ay-ig__sv{font-size:.95rem;font-weight:900;color:var(--c2);
  font-variant-numeric:tabular-nums;direction:ltr}

@media(prefers-reduced-motion:reduce){
  .ay-ig--anim *{animation:none!important}
}

/* 🌟 [عطل حقيقي] السُّمك في CSS لا في سمة SVG: سمات العرض في SVG
   (stroke-width وأخواتها) لا تقبل var() إطلاقاً — تُقرأ نصّاً غير صالح
   فيسقط الخطّ إلى سُمك 1 أو يختفي. والخاصية في CSS تقبل المتغيّر. */
.ay-ul__s path{stroke-width:calc(var(--ay-ul-w,6) * 1px)}
.ay-ar__s path{stroke-width:calc(var(--ay-ar-w,6) * 1px)}

/* معاينة النافذة داخل المحرّر: تُعرَض ضمن التدفّق لا مثبَّتة فوق الشاشة */
.ay-pp--preview{position:relative;inset:auto;padding:0;
  min-block-size:auto;display:block}
.ay-pp--preview .ay-pp__veil{display:none}
.ay-pp--preview .ay-pp__box{margin-inline:auto;transform:none;opacity:1}
.ay-pp__hint{margin:0 0 .7rem;padding:.5rem .8rem;border-radius:9px;
  font-size:.78rem;text-align:center;
  background:var(--wp--preset--color--alt);color:var(--wp--preset--color--muted)}

/* ══════════════════════════════════════════════════════════
   داخل المحرّر فقط
   🌟 [عطل حقيقي] روابط الكتل مُعطَّلة داخل مسرح المحرّر: معاينة
      ServerSideRender تُخرِج روابط حقيقية، والنقر عليها يُحمّل الموقع
      داخل إطار المحرّر — «موقع داخل موقع». والمحرِّر يريد تحديد الكتلة
      لا زيارة الرابط.
   ══════════════════════════════════════════════════════════ */
.block-editor-block-list__layout [class^="ay-"] a,
.block-editor-block-list__layout [class*=" ay-"] a,
.editor-styles-wrapper [class^="ay-"] a,
.editor-styles-wrapper [class*=" ay-"] a{pointer-events:none}
/* عدا ما يحتاج تفاعلاً فعلياً للمعاينة */
.editor-styles-wrapper .ay-pp__x,
.editor-styles-wrapper .ay-tags__more{pointer-events:auto}

/* شريط القائمة داخل المحرّر: لا يُثبَّت ولا يغطّي أدوات الكتلة */
.editor-styles-wrapper .ay-hd--sticky{position:relative}

/* ══════════════════════════════════════════════════════════
   اقتباس — عشرون شكلاً
   ══════════════════════════════════════════════════════════ */
.ay-q{--ay-c:var(--ay-q-c,var(--wp--preset--color--coral));
  --ay-c2:var(--ay-q-c2,var(--wp--preset--color--navy));
  position:relative;margin:0;padding:1.4rem 1.6rem;border-radius:16px;
  display:flex;gap:1.2rem;align-items:flex-start;isolation:isolate}
.ay-q--acenter{text-align:center;flex-direction:column;align-items:center}
.ay-q--aend{text-align:end}
.ay-q__deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ay-q__b{flex:1;min-inline-size:0}
.ay-q__t{margin:0;border:0;padding:0;font-size:var(--ay-q-fs,1.05rem);
  line-height:1.95;font-weight:500}
.ay-q__t p{margin:0}
.ay-q__c{display:flex;flex-direction:column;gap:.1rem;margin-block-start:.8rem}
.ay-q--acenter .ay-q__c{align-items:center}
.ay-q__n{font-style:normal;font-weight:800;font-size:.92rem;color:var(--ay-c)}
.ay-q__r{font-size:.78rem;color:var(--wp--preset--color--muted)}
.ay-q__ph{inline-size:64px;block-size:64px;border-radius:50%;object-fit:cover;
  flex:0 0 auto}

.ay-q--mark{padding-block-start:2.4rem}
.ay-q--mark .ay-q__deco::before{content:"”";position:absolute;
  inset-block-start:-.3rem;inset-inline-start:.6rem;font-size:5rem;line-height:1;
  font-family:Georgia,serif;color:color-mix(in srgb,var(--ay-c) 24%,transparent)}
.ay-q--bar{border-radius:0 14px 14px 0;
  border-inline-start:5px solid var(--ay-c);background:var(--wp--preset--color--alt)}
.ay-q--card{background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 20px 44px -34px rgba(48,79,142,.55)}
.ay-q--bubble{background:var(--wp--preset--color--alt);border-radius:20px}
.ay-q--bubble .ay-q__deco::after{content:"";position:absolute;inset-block-end:-13px;
  inset-inline-start:2.2rem;inline-size:0;block-size:0;
  border-inline:11px solid transparent;
  border-block-start:14px solid var(--wp--preset--color--alt)}
.ay-q--corners{padding:1.9rem}
.ay-q--corners .ay-q__deco::before,.ay-q--corners .ay-q__deco::after{content:"";
  position:absolute;inline-size:34px;block-size:34px;border:3px solid var(--ay-c)}
.ay-q--corners .ay-q__deco::before{inset-block-start:0;inset-inline-start:0;
  border-block-end:0;border-inline-end:0;border-start-start-radius:8px}
.ay-q--corners .ay-q__deco::after{inset-block-end:0;inset-inline-end:0;
  border-block-start:0;border-inline-start:0;border-end-end-radius:8px}
.ay-q--gradient{color:#fff;background:linear-gradient(135deg,var(--ay-c2),var(--ay-c))}
.ay-q--gradient .ay-q__n{color:#fff}
.ay-q--gradient .ay-q__r{color:rgba(255,255,255,.78)}
.ay-q--dark{color:#eaf0fb;background:var(--wp--preset--color--navy-dark,#1a2c55)}
.ay-q--dark .ay-q__r{color:#a9b8d8}
.ay-q--glass{backdrop-filter:blur(14px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  border:1px solid rgba(255,255,255,.4)}
.ay-q--side{background:var(--wp--preset--color--alt)}
.ay-q--avatar{flex-direction:column;align-items:center;text-align:center;
  padding-block-start:2.2rem;background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line)}
.ay-q--avatar .ay-q__ph{inline-size:76px;block-size:76px;
  box-shadow:0 0 0 4px var(--wp--preset--color--base),0 0 0 6px var(--ay-c)}
.ay-q--banner{border-radius:0;padding-inline:clamp(1rem,5vw,4rem);
  padding-block:2.4rem;background:var(--wp--preset--color--alt);
  flex-direction:column;align-items:center;text-align:center}
.ay-q--banner .ay-q__t{font-size:var(--ay-q-fs,clamp(1.1rem,.95rem + .9vw,1.6rem))}
.ay-q--underline{padding-inline:0;background:transparent}
.ay-q--underline .ay-q__deco{inset-block-start:auto;inset-block-end:2.4rem;
  block-size:8px;border-radius:8px;inset-inline:1.6rem;
  background:color-mix(in srgb,var(--ay-c) 30%,transparent)}
.ay-q--sticky{background:#FFF8D6;border-radius:2px;
  box-shadow:3px 4px 12px -6px rgba(27,37,64,.4);transform:rotate(-1deg)}
.ay-q--book{background:var(--wp--preset--color--base);border-radius:6px;
  box-shadow:inset 0 0 0 1px var(--wp--preset--color--line),
    0 18px 34px -28px rgba(48,79,142,.6)}
.ay-q--book .ay-q__deco::before{content:"";position:absolute;inset-block:0;
  inset-inline-start:50%;inline-size:1px;background:var(--wp--preset--color--line)}
.ay-q--notch{background:var(--wp--preset--color--alt);border-radius:0;
  clip-path:polygon(0 0,100% 0,100% 78%,93% 100%,0 100%)}
.ay-q--big{background:transparent;padding-inline:0}
.ay-q--big .ay-q__t{font-size:var(--ay-q-fs,clamp(1.2rem,1rem + 1.3vw,2rem));
  font-weight:800;line-height:1.7}
.ay-q--wrap{padding-inline:3rem}
.ay-q--wrap .ay-q__deco::before,.ay-q--wrap .ay-q__deco::after{
  position:absolute;font-family:Georgia,serif;font-size:3.4rem;line-height:1;
  color:color-mix(in srgb,var(--ay-c) 30%,transparent)}
.ay-q--wrap .ay-q__deco::before{content:"“";inset-block-start:.1rem;inset-inline-start:.4rem}
.ay-q--wrap .ay-q__deco::after{content:"”";inset-block-end:-.9rem;inset-inline-end:.4rem}
.ay-q--tilt{background:var(--ay-c);color:#fff;transform:rotate(-1.2deg);
  box-shadow:0 20px 40px -28px rgba(48,79,142,.7)}
.ay-q--tilt .ay-q__n,.ay-q--tilt .ay-q__r{color:#fff}
.ay-q--rules{flex-direction:column;align-items:center;text-align:center;
  background:transparent}
.ay-q--rules .ay-q__deco::before,.ay-q--rules .ay-q__deco::after{content:"";
  position:absolute;inset-inline:25%;block-size:2px;border-radius:2px;
  background:linear-gradient(to right,transparent,var(--ay-c),transparent)}
.ay-q--rules .ay-q__deco::before{inset-block-start:0}
.ay-q--rules .ay-q__deco::after{inset-block-end:0}
.ay-q--plain{padding:0;background:transparent}
.ay-q--anim{transition:transform .3s,box-shadow .3s}
.ay-q--anim:hover{transform:translateY(-3px)}
.ay-q--anim.ay-q--sticky:hover{transform:rotate(-1deg) translateY(-3px)}
.ay-q--anim.ay-q--tilt:hover{transform:rotate(-1.2deg) translateY(-3px)}

/* ══════════════════════════════════════════════════════════
   التذييل — اثنا عشر قالباً
   ══════════════════════════════════════════════════════════ */
.ay-ft{--ay-c:var(--ay-ft-c,var(--wp--preset--color--coral));
  --ay-bg:var(--ay-ft-bg,var(--wp--preset--color--alt));
  --ay-fg:var(--ay-ft-fg,var(--wp--preset--color--ink));
  position:relative;background:var(--ay-bg);color:var(--ay-fg);
  padding-block:2.4rem 0}
.ay-ft__wave{position:absolute;inset-block-start:-1px;inset-inline:0;
  inline-size:100%;block-size:44px;color:var(--ay-bg);transform:translateY(-99%)}
.ay-ft__in{display:grid;gap:1.8rem;padding-inline:clamp(1rem,4vw,3rem);
  max-inline-size:1180px;margin-inline:auto;
  grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) minmax(0,1.2fr)}
@media(max-width:880px){.ay-ft__in{grid-template-columns:1fr}}
.ay-ft__logo{display:inline-block;text-decoration:none;color:inherit}
.ay-ft__logo img{inline-size:150px;block-size:auto;display:block}
.ay-ft__name{font-family:var(--wp--preset--font-family--display,inherit);
  font-weight:900;font-size:1.2rem}
.ay-ft__about{margin:.7rem 0 0;font-size:.86rem;line-height:1.9;
  color:color-mix(in srgb,var(--ay-fg) 72%,transparent)}
.ay-ft__so{display:flex;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;
  flex-wrap:wrap}
.ay-ft__so a{display:grid;place-items:center;inline-size:36px;block-size:36px;
  border-radius:11px;color:inherit;
  background:color-mix(in srgb,var(--ay-fg) 8%,transparent);
  transition:background-color .2s,transform .2s,color .2s}
.ay-ft__so a:hover{background:var(--ay-c);color:#fff;transform:translateY(-3px)}
.ay-ft__so svg{inline-size:18px;block-size:18px;fill:currentColor}
.ay-ft__cols{display:grid;gap:1.3rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.ay-ft__ct{display:block;font-size:.88rem;font-weight:800;margin-block-end:.55rem}
.ay-ft__cols ul{margin:0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:.35rem}
.ay-ft__cols a{text-decoration:none;font-size:.84rem;
  color:color-mix(in srgb,var(--ay-fg) 74%,transparent);
  transition:color .18s,padding-inline-start .18s}
.ay-ft__cols a:hover{color:var(--ay-c);padding-inline-start:.25rem}
.ay-ft__nt{display:block;font-size:.92rem;font-weight:800}
.ay-ft__nx{margin:.25rem 0 .7rem;font-size:.8rem;
  color:color-mix(in srgb,var(--ay-fg) 68%,transparent)}
.ay-ft__f{display:flex;gap:.45rem;flex-wrap:wrap}
.ay-ft__f input[type=email]{flex:1 1 150px;padding:.62rem .8rem;font:inherit;
  font-size:.88rem;border-radius:10px;
  border:1.5px solid color-mix(in srgb,var(--ay-fg) 18%,transparent);
  background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink)}
.ay-ft__f button{padding:.62rem 1.15rem;font:inherit;font-size:.88rem;
  font-weight:800;cursor:pointer;color:#fff;border:0;border-radius:10px;
  background:var(--ay-c);transition:transform .2s,opacity .2s}
.ay-ft__f button:hover{transform:translateY(-2px)}
.ay-ft__f button[disabled]{opacity:.55;cursor:default;transform:none}
.ay-ft__hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;
  clip-path:inset(50%)}
.ay-ft__msg{margin:.4rem 0 0;font-size:.78rem;font-weight:700;color:var(--ay-c);
  min-block-size:1.1em}
.ay-ft__bar{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:.7rem;margin-block-start:2rem;
  padding:1rem clamp(1rem,4vw,3rem);
  border-block-start:1px solid color-mix(in srgb,var(--ay-fg) 12%,transparent);
  max-inline-size:1180px;margin-inline:auto;font-size:.78rem;
  color:color-mix(in srgb,var(--ay-fg) 68%,transparent)}
.ay-ft__top{inline-size:34px;block-size:34px;display:grid;place-items:center;
  cursor:pointer;border:0;border-radius:50%;font-size:1rem;color:#fff;
  background:var(--ay-c);transition:transform .2s}
.ay-ft__top:hover{transform:translateY(-3px)}

.ay-ft--dark{--ay-bg:var(--wp--preset--color--navy-dark,#1a2c55);--ay-fg:#eaf0fb}
.ay-ft--dark .ay-ft__f input[type=email]{background:rgba(255,255,255,.08);
  color:#fff;border-color:rgba(255,255,255,.18)}
.ay-ft--gradient{--ay-fg:#fff;
  background:linear-gradient(140deg,var(--wp--preset--color--navy),var(--ay-c))}
.ay-ft--gradient .ay-ft__f input[type=email]{background:rgba(255,255,255,.15);
  color:#fff;border-color:rgba(255,255,255,.28)}
.ay-ft--gradient .ay-ft__f button{background:#fff;color:var(--wp--preset--color--navy)}
.ay-ft--compact{padding-block:1rem 0}
.ay-ft--compact .ay-ft__in{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1rem}
.ay-ft--compact .ay-ft__about,.ay-ft--compact .ay-ft__nl{display:none}
.ay-ft--compact .ay-ft__cols{display:flex;gap:1.4rem}
.ay-ft--compact .ay-ft__ct{display:none}
.ay-ft--compact .ay-ft__cols ul{flex-direction:row;gap:.9rem;flex-wrap:wrap}
.ay-ft--newsletter .ay-ft__in{grid-template-columns:1fr}
.ay-ft--newsletter .ay-ft__nl{order:-1;padding:1.5rem;border-radius:18px;
  text-align:center;background:color-mix(in srgb,var(--ay-c) 12%,transparent)}
.ay-ft--newsletter .ay-ft__f{justify-content:center;max-inline-size:420px;
  margin-inline:auto}
.ay-ft--centered .ay-ft__in{grid-template-columns:1fr;text-align:center;
  justify-items:center}
.ay-ft--centered .ay-ft__cols{inline-size:100%}
.ay-ft--centered .ay-ft__f{justify-content:center}
.ay-ft--split .ay-ft__in{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
@media(max-width:880px){.ay-ft--split .ay-ft__in{grid-template-columns:1fr}}
.ay-ft--cards .ay-ft__col,.ay-ft--cards .ay-ft__nl{padding:1rem;border-radius:14px;
  background:color-mix(in srgb,var(--ay-fg) 5%,transparent)}
.ay-ft--glass{backdrop-filter:blur(14px);
  --ay-bg:color-mix(in srgb,var(--wp--preset--color--base) 60%,transparent)}
.ay-ft--topline{border-block-start:5px solid var(--ay-c)}
.ay-ft--sitemap .ay-ft__in{grid-template-columns:1fr}
.ay-ft--sitemap .ay-ft__cols{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.ay-ft--minimal{--ay-bg:transparent;padding-block:1.4rem 0;
  border-block-start:1px solid var(--wp--preset--color--line)}
.ay-ft--minimal .ay-ft__in{grid-template-columns:1fr;text-align:center}
.ay-ft--minimal .ay-ft__cols,.ay-ft--minimal .ay-ft__nl{display:none}

@media(prefers-reduced-motion:reduce){
  .ay-q--anim,.ay-pg__a,.ay-ft__so a,.ay-ft__top,.ay-ft__f button{transition:none}
}

/* ══════════════════════════════════════════════════════════
   الخريطة الذهنية — ثمانية قوالب إضافية مختلفة بنيوياً
   ══════════════════════════════════════════════════════════ */
/* عظم السمكة: الفروع تتناوب فوق خطٍّ أفقي يمرّ في الوسط */
.ay-mm--fishbone .ay-mm__in{display:block;position:relative;
  padding-block:1.2rem}
.ay-mm--fishbone .ay-mm__c{position:absolute;inset-inline-start:0;
  inset-block-start:50%;transform:translateY(-50%);z-index:2;max-inline-size:140px}
.ay-mm--fishbone .ay-mm__l{display:flex;gap:1.1rem;overflow-x:auto;
  padding:3.4rem 0 3.4rem 9rem;position:relative}
.ay-mm--fishbone .ay-mm__l::before{content:"";position:absolute;
  inset-block-start:50%;inset-inline:0;block-size:var(--ay-mm-w,2px);
  background:var(--ay-c);opacity:.4}
.ay-mm--fishbone .ay-mm__b{flex:0 0 min(60%,210px)}
.ay-mm--fishbone .ay-mm__b:nth-child(odd){margin-block-end:5.6rem}
.ay-mm--fishbone .ay-mm__b:nth-child(even){margin-block-start:5.6rem}
.ay-mm--fishbone .ay-mm__link{inset-block-start:auto;inset-block-end:-2.4rem;
  block-size:2.4rem;transform:rotate(-14deg);transform-origin:top}
.ay-mm--fishbone .ay-mm__b:nth-child(even) .ay-mm__link{
  inset-block-end:auto;inset-block-start:-2.4rem;transform:rotate(14deg);
  transform-origin:bottom}

/* شجرة أفقية: المركز جانباً والفروع تتدرّج يميناً */
.ay-mm--horizontal .ay-mm__in{flex-direction:row;align-items:center;gap:2rem}
.ay-mm--horizontal .ay-mm__c{flex:0 0 auto;max-inline-size:150px;text-align:center}
.ay-mm--horizontal .ay-mm__l{grid-template-columns:1fr;gap:.6rem}
.ay-mm--horizontal .ay-mm__link{inset-block-start:50%;inset-inline-start:-1.2rem;
  inline-size:1.2rem;block-size:var(--ay-mm-w,2px)}
@media(max-width:640px){.ay-mm--horizontal .ay-mm__in{flex-direction:column}}

/* حلقات: الفروع تحيط بالمركز على مدار */
.ay-mm--orbit .ay-mm__in{position:relative;min-block-size:340px;
  display:grid;place-items:center}
.ay-mm--orbit .ay-mm__c{position:relative;z-index:2}
.ay-mm--orbit .ay-mm__in::before{content:"";position:absolute;
  inline-size:min(300px,86%);aspect-ratio:1;border-radius:50%;
  border:var(--ay-mm-w,2px) dashed color-mix(in srgb,var(--ay-c) 32%,transparent)}
.ay-mm--orbit .ay-mm__l{position:absolute;inset:0;display:block}
.ay-mm--orbit .ay-mm__b{position:absolute;inset-inline-start:50%;
  inset-block-start:50%;inline-size:min(160px,40%);
  transform:rotate(calc(var(--i) * (360deg / var(--ay-mm-n,4))))
    translateY(min(-150px,-43%))
    rotate(calc(var(--i) * (-360deg / var(--ay-mm-n,4))))
    translateX(-50%)}
.ay-mm--orbit .ay-mm__link{display:none}
.ay-mm--orbit .ay-mm__bx{text-align:center;padding:.6rem .7rem}
.ay-mm--orbit .ay-mm__sub{display:none}
@media(max-width:560px){
  .ay-mm--orbit .ay-mm__in{min-block-size:auto;display:flex}
  .ay-mm--orbit .ay-mm__l{position:static;display:grid;gap:.7rem;
    grid-template-columns:1fr;margin-block-start:1rem}
  .ay-mm--orbit .ay-mm__b{position:static;transform:none;inline-size:auto}
  .ay-mm--orbit .ay-mm__sub{display:block}
}

/* معلّقة بخيوط */
.ay-mm--hanging .ay-mm__l{align-items:flex-start;gap:1.4rem}
.ay-mm--hanging .ay-mm__b:nth-child(even){margin-block-start:1.8rem}
.ay-mm--hanging .ay-mm__link{inset-block-start:-1.8rem;block-size:1.8rem;opacity:.7}
.ay-mm--hanging .ay-mm__b:nth-child(even) .ay-mm__link{inset-block-start:-3.6rem;
  block-size:3.6rem}
.ay-mm--hanging .ay-mm__bx{border-radius:0 0 16px 16px;border-block-start-width:4px}

/* لوح بخلفية شبكية */
.ay-mm--board .ay-mm__in{padding:1.6rem;border-radius:18px;
  background-color:var(--wp--preset--color--alt);background-size:22px 22px;
  background-image:linear-gradient(color-mix(in srgb,var(--ay-c) 9%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ay-c) 9%,transparent) 1px,transparent 1px)}
.ay-mm--board .ay-mm__bx{box-shadow:0 14px 28px -22px rgba(48,79,142,.6)}

/* أقسام ملوّنة متلاصقة */
.ay-mm--blocks .ay-mm__l{gap:0;border-radius:16px;overflow:hidden}
.ay-mm--blocks .ay-mm__bx{border:0;border-radius:0;block-size:100%;
  background:color-mix(in srgb,var(--bc) 14%,transparent);
  border-inline-end:1px solid var(--wp--preset--color--base)}
.ay-mm--blocks .ay-mm__link{display:none}

/* نيون */
.ay-mm--neon .ay-mm__in{padding:1.6rem;border-radius:18px;background:#0d1426}
.ay-mm--neon .ay-mm__c{background:transparent;color:var(--ay-c);
  border:2px solid var(--ay-c);box-shadow:0 0 22px -6px var(--ay-c)}
.ay-mm--neon .ay-mm__bx{background:rgba(255,255,255,.04);color:#dceaff;
  border:1px solid color-mix(in srgb,var(--bc) 45%,transparent);
  box-shadow:0 0 16px -9px var(--bc)}
.ay-mm--neon .ay-mm__sub{color:#8fa6c9}

/* يدوي */
.ay-mm--sketch .ay-mm__c{border-radius:255px 15px 225px 15px/15px 225px 15px 255px;
  background:var(--ay-c)}
.ay-mm--sketch .ay-mm__bx{background:transparent;
  border:2px solid var(--bc);border-block-start-width:2px;
  border-radius:255px 15px 225px 15px/15px 225px 15px 255px}
.ay-mm--sketch .ay-mm__link{background:var(--bc);opacity:.6}

/* ══════════════════════════════════════════════════════════
   الهيكل التنظيمي — ثمانية قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-og--glass .ay-og__n{backdrop-filter:blur(12px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);
  border-color:rgba(255,255,255,.4)}
.ay-og--neon{--ay-l:color-mix(in srgb,var(--ay-c) 55%,transparent)}
.ay-og--neon .ay-og__n{background:#0d1426;color:#dceaff;
  border:1px solid color-mix(in srgb,var(--ay-c) 45%,transparent);
  box-shadow:0 0 18px -10px var(--ay-c)}
.ay-og--neon .ay-og__ns{color:#8fa6c9}
.ay-og--neon .ay-og__n.is-root{box-shadow:0 0 28px -8px var(--ay-c)}
.ay-og--sidebar .ay-og__n{border-radius:0 12px 12px 0;
  border-inline-start:4px solid var(--ay-c);text-align:start}
.ay-og--avatars .ay-og__n{padding-block-start:2.1rem}
.ay-og--avatars .ay-og__n::after{content:"";position:absolute;
  inset-block-start:-18px;inset-inline-start:calc(50% - 18px);
  inline-size:36px;block-size:36px;border-radius:50%;background:var(--ay-c);
  box-shadow:0 0 0 4px var(--wp--preset--color--base)}
.ay-og--compact .ay-og__n{padding:.4rem .7rem;min-inline-size:88px}
.ay-og--compact .ay-og__nt{font-size:.8rem}
.ay-og--compact .ay-og__ns{display:none}
.ay-og--numbered{counter-reset:ayog}
.ay-og--numbered .ay-og__n{counter-increment:ayog;padding-inline-start:2.3rem;
  text-align:start}
.ay-og--numbered .ay-og__n::after{content:counter(ayog);position:absolute;
  inset-block-start:50%;inset-inline-start:.6rem;transform:translateY(-50%);
  inline-size:1.5rem;block-size:1.5rem;display:grid;place-items:center;
  border-radius:50%;font-size:.7rem;font-weight:800;color:#fff;
  background:var(--ay-c);font-variant-numeric:tabular-nums}
.ay-og--raised .ay-og__n{border:0;
  box-shadow:0 5px 0 0 color-mix(in srgb,var(--ay-c) 25%,transparent),
    0 18px 34px -26px rgba(48,79,142,.6)}
.ay-og--horizontal .ay-og__tree{flex-direction:row;align-items:center;gap:2.2rem}
.ay-og--horizontal .ay-og__lvl{flex-direction:column;inline-size:auto}
.ay-og--horizontal .ay-og__cell{padding-block-start:0;padding-inline-start:0}
.ay-og--horizontal .ay-og__cell::before,
.ay-og--horizontal .ay-og__cell::after{content:none}
@media(max-width:700px){.ay-og--horizontal .ay-og__tree{flex-direction:column}}

/* ══════════════════════════════════════════════════════════
   باقة السعر — عشرة قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-price--neon{background:#0d1426;color:#dceaff;
  border:1px solid color-mix(in srgb,var(--ay-price-accent,#e75f5f) 45%,transparent);
  box-shadow:0 0 34px -18px var(--ay-price-accent,#e75f5f)}
.ay-price--neon .ay-price__amount b{color:var(--ay-price-accent,#e75f5f);
  text-shadow:0 0 18px color-mix(in srgb,var(--ay-price-accent,#e75f5f) 70%,transparent)}
.ay-price--topbar{border-block-start:6px solid var(--ay-price-accent,#e75f5f);
  background:var(--wp--preset--color--base)}
.ay-price--tilt{transform:rotate(-1.4deg);
  box-shadow:0 24px 44px -30px rgba(48,79,142,.65)}
.ay-price--glassdark{backdrop-filter:blur(16px);color:#eaf0fb;
  background:rgba(20,30,52,.62);border:1px solid rgba(255,255,255,.16)}
.ay-price--solid{color:#fff;border:0;
  background:var(--ay-price-accent,var(--wp--preset--color--coral))}
.ay-price--solid .ay-price__amount b,.ay-price--solid .ay-price__name{color:#fff}
.ay-price--gradborder{border:2px solid transparent;
  background:linear-gradient(var(--wp--preset--color--base),var(--wp--preset--color--base)) padding-box,
    linear-gradient(135deg,var(--ay-price-accent,#e75f5f),var(--wp--preset--color--navy)) border-box}
.ay-price--inline{display:grid;gap:1rem;align-items:center;text-align:start;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}
@media(max-width:700px){.ay-price--inline{grid-template-columns:1fr;text-align:center}}
.ay-price--stamp{position:relative;overflow:hidden}
.ay-price--stamp::after{content:"";position:absolute;inset-block-start:-26px;
  inset-inline-end:-26px;inline-size:84px;block-size:84px;border-radius:50%;
  background:color-mix(in srgb,var(--ay-price-accent,#e75f5f) 16%,transparent)}
.ay-price--d3{border:0;
  box-shadow:7px 7px 0 0 color-mix(in srgb,var(--ay-price-accent,#e75f5f) 30%,transparent)}
.ay-price--wave{position:relative;overflow:hidden;padding-block-end:2.4rem}
.ay-price--wave::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;
  block-size:38px;
  background:radial-gradient(circle 24px at 50% 0,transparent 98%,
    color-mix(in srgb,var(--ay-price-accent,#e75f5f) 14%,transparent)) 0 0/48px 38px repeat-x}

/* ══════════════════════════════════════════════════════════
   تقويم الحجز — ثمانية قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-bk--sneon{background:#0d1426;color:#dceaff;
  border:1px solid color-mix(in srgb,var(--ay-ka) 40%,transparent);
  box-shadow:0 0 40px -22px var(--ay-ka)}
.ay-bk--sneon .ay-bk__n,.ay-bk--sneon .ay-bk__dow,
.ay-bk--sneon .ay-bk__mh2{color:#8fa6c9}
.ay-bk--sneon .ay-bk__d{background:rgba(255,255,255,.05);color:#dceaff}
.ay-bk--sneon .ay-bk__d.is-on{box-shadow:0 0 20px -6px var(--ay-ka)}
.ay-bk--sneon .ay-bk__s{background:rgba(255,255,255,.05);color:#dceaff;
  border-color:rgba(120,200,255,.2)}
.ay-bk--sglass{backdrop-filter:blur(16px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  border:1px solid rgba(255,255,255,.4)}
.ay-bk--spaper{background:#FFFDF7;border:1px solid #E8E0CC;border-radius:6px;
  box-shadow:0 16px 34px -28px rgba(80,66,40,.6)}
.ay-bk--spaper .ay-bk__d{border-radius:3px;background:#fff;
  border:1px solid #EDE6D4}
.ay-bk--spaper .ay-bk__mh{border-block-end:2px dashed #E3D9C2;
  padding-block-end:.6rem}
.ay-bk--spills .ay-bk__d{border-radius:999px}
.ay-bk--spills .ay-bk__s{border-radius:8px}
.ay-bk--sseamless .ay-bk__days{gap:0}
.ay-bk--sseamless .ay-bk__d{border-radius:0;
  border:1px solid var(--wp--preset--color--line)}
.ay-bk--ssidebar{border-inline-start:6px solid var(--ay-ka);border-radius:0 18px 18px 0;
  background:var(--wp--preset--color--base);
  border-block:1px solid var(--wp--preset--color--line);
  border-inline-end:1px solid var(--wp--preset--color--line)}
.ay-bk--stilt{transform:rotate(-1deg);background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--line);
  box-shadow:0 26px 48px -32px rgba(48,79,142,.65)}
.ay-bk--sgradborder{border:2px solid transparent;
  background:linear-gradient(var(--wp--preset--color--base),var(--wp--preset--color--base)) padding-box,
    linear-gradient(135deg,var(--ay-ka),var(--wp--preset--color--navy)) border-box}

/* ══════════════════════════════════════════════════════════
   معرض الأعمال — اثنا عشر قالباً
   ══════════════════════════════════════════════════════════ */
.ay-pf--mosaic .ay-pf__l{display:grid;gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
@media(min-width:760px){
  .ay-pf--mosaic .ay-pf__i:first-child{grid-row:span 2;grid-column:span 2}
}
.ay-pf--tilt .ay-pf__i{transform:rotate(-1deg);transition:transform .3s}
.ay-pf--tilt .ay-pf__i:nth-child(even){transform:rotate(1deg)}
.ay-pf--tilt .ay-pf__i:hover{transform:rotate(0) translateY(-4px)}
.ay-pf--carousel .ay-pf__l{display:flex;gap:1rem;overflow-x:auto;
  scroll-snap-type:x mandatory;padding-block-end:.8rem}
.ay-pf--carousel .ay-pf__i{flex:0 0 min(80%,280px);scroll-snap-align:start}
.ay-pf--magazine .ay-pf__i:first-child{grid-column:1/-1}
.ay-pf--polaroid .ay-pf__i{background:#fff;padding:.7rem .7rem 2.6rem;
  border-radius:3px;box-shadow:0 16px 32px -24px rgba(27,37,64,.6)}
.ay-pf--glass .ay-pf__i{backdrop-filter:blur(12px);
  background:color-mix(in srgb,var(--wp--preset--color--base) 58%,transparent);
  border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden}
.ay-pf--neon .ay-pf__i{background:#0d1426;border-radius:16px;overflow:hidden;
  border:1px solid rgba(120,200,255,.22);
  box-shadow:0 0 26px -14px rgba(90,180,255,.8)}
.ay-pf--list .ay-pf__l{display:flex;flex-direction:column;gap:.8rem}
.ay-pf--list .ay-pf__i{display:grid;gap:1rem;align-items:center;
  grid-template-columns:minmax(0,150px) minmax(0,1fr)}
.ay-pf--circles .ay-pf__ph{border-radius:50%;aspect-ratio:1}
.ay-pf--circles .ay-pf__l{text-align:center}
.ay-pf--footbar .ay-pf__i{border-radius:14px;overflow:hidden;
  border-block-end:4px solid var(--wp--preset--color--coral)}

/* ══════════════════════════════════════════════════════════
   شريط القائمة — ثمانية قوالب إضافية
   ══════════════════════════════════════════════════════════ */
.ay-hd--sgradline{border-block-end:3px solid transparent;
  background:linear-gradient(var(--ay-b),var(--ay-b)) padding-box,
    linear-gradient(90deg,var(--ay-a),var(--wp--preset--color--navy)) border-box}
.ay-hd--sneon{--ay-b:#0d1426;--ay-f:#dceaff;
  border-block-end:1px solid color-mix(in srgb,var(--ay-a) 40%,transparent);
  box-shadow:0 8px 26px -18px var(--ay-a)}
.ay-hd--sneon .ay-hd__a:hover{color:var(--ay-a);
  text-shadow:0 0 14px color-mix(in srgb,var(--ay-a) 70%,transparent)}
.ay-hd--sdouble{border-block-start:4px solid var(--ay-a)}
.ay-hd--snotch{clip-path:polygon(0 0,100% 0,100% 74%,94% 100%,0 100%)}
.ay-hd--sclear{background:transparent;box-shadow:none}
.ay-hd--ssoft{box-shadow:0 18px 44px -30px rgba(27,37,64,.55)}
.ay-hd--sbordered{border:1px solid var(--wp--preset--color--line);
  border-radius:0 0 16px 16px}
.ay-hd--sdarkfloat{background:transparent;padding-block:.7rem}
.ay-hd--sdarkfloat .ay-hd__in{border-radius:999px;
  background:var(--wp--preset--color--navy-dark,#1a2c55);color:#eaf0fb;
  box-shadow:0 20px 44px -28px rgba(27,37,64,.75);
  max-inline-size:var(--ay-hd-max,1180px)}
@media(max-width:860px){
  .ay-hd--sdarkfloat .ay-hd__in{border-radius:18px}
  .ay-hd--sdarkfloat .ay-hd__nav{background:var(--wp--preset--color--navy-dark,#1a2c55);
    color:#eaf0fb}
}

@media(prefers-reduced-motion:reduce){
  .ay-pf--tilt .ay-pf__i{transition:none}
}

/* ══════════════════════════════════════════════════════════
   شبكة المقالات — إعادة بناء كاملة
   ══════════════════════════════════════════════════════════ */
.ay-pg{--ay-c:var(--ay-pg-c,var(--wp--preset--color--coral));
  --ay-b:var(--ay-pg-b,var(--wp--preset--color--line));
  --ay-bg:var(--ay-pg-bg,var(--wp--preset--color--base))}

/* ── عنوان القسم ── */
.ay-pg__h{margin:0 0 1rem;font-size:1.05rem;font-weight:800}
.ay-pg--hbar .ay-pg__h{background:var(--wp--preset--color--navy-dark,#2b2b2b);
  color:#fff;padding:.7rem 1.1rem;border-radius:6px 6px 0 0;
  border-block-end:3px solid var(--ay-c)}
.ay-pg--hrule .ay-pg__h span{border-block-end:3px solid var(--ay-c);
  padding-block-end:.35rem}
.ay-pg--hpill .ay-pg__h span{background:color-mix(in srgb,var(--ay-c) 14%,transparent);
  color:var(--ay-c);padding:.35rem 1rem;border-radius:999px;display:inline-block}
.ay-pg--hrules .ay-pg__h{display:flex;align-items:center;gap:1rem}
.ay-pg--hrules .ay-pg__h::before,.ay-pg--hrules .ay-pg__h::after{content:"";
  flex:1;block-size:2px;border-radius:2px;
  background:linear-gradient(to right,transparent,var(--ay-c))}
.ay-pg--hrules .ay-pg__h::after{
  background:linear-gradient(to left,transparent,var(--ay-c))}

/* ── الشبكة ── */
.ay-pg__l{display:grid;gap:var(--ay-pg-gap,14px);
  grid-template-columns:repeat(var(--ay-pg-cols,2),minmax(0,1fr))}
@media(max-width:880px){.ay-pg__l{grid-template-columns:repeat(
  min(2,var(--ay-pg-cols,2)),minmax(0,1fr))}}
@media(max-width:600px){.ay-pg__l{grid-template-columns:1fr}}

/* 🌟 [تعقيبات المستخدم] البطاقات متساوية الارتفاع بالشبكة لا بارتفاع ثابت:
   ارتفاعٌ مكتوب يقصّ العنوان الطويل، و`align-items:stretch` يجعل كل بطاقة
   بارتفاع أطول بطاقة في صفّها تلقائياً مهما اختلفت العناوين. */
.ay-pg--equal .ay-pg__l{align-items:stretch}
.ay-pg--equal .ay-pg__i{display:flex}
.ay-pg--equal .ay-pg__a{inline-size:100%}
.ay-pg--equal .ay-pg__b{flex:1;display:flex;flex-direction:column}
.ay-pg--equal .ay-pg__m{margin-block-start:auto;padding-block-start:.5rem}

.ay-pg__i{position:relative;min-inline-size:0}
.ay-pg__a{display:flex;gap:.9rem;align-items:flex-start;text-decoration:none;
  color:inherit;padding:.9rem 1rem;border-radius:var(--ay-pg-r,12px);
  background:var(--ay-bg);
  border:var(--ay-pg-bw,1px) solid var(--ay-b);
  transition:transform .28s cubic-bezier(.34,1.15,.64,1),
             box-shadow .28s,border-color .28s}
.ay-pg--sidestart .ay-pg__a{flex-direction:row}
.ay-pg--sideend .ay-pg__a{flex-direction:row-reverse}
.ay-pg--sidetop .ay-pg__a{flex-direction:column}

/* ── الظلال ── */
.ay-pg--shsoft .ay-pg__a{box-shadow:0 10px 24px -20px rgba(27,37,64,.55)}
.ay-pg--shmedium .ay-pg__a{box-shadow:0 16px 34px -22px rgba(27,37,64,.5)}
.ay-pg--shdeep .ay-pg__a{box-shadow:0 26px 52px -26px rgba(27,37,64,.55)}
.ay-pg--shtint .ay-pg__a{
  box-shadow:0 16px 34px -24px color-mix(in srgb,var(--ay-c) 75%,transparent)}
.ay-pg--shlifted .ay-pg__a{
  box-shadow:0 4px 0 0 color-mix(in srgb,var(--ay-b) 80%,transparent),
             0 18px 32px -26px rgba(27,37,64,.5)}

/* ── الصورة ── */
.ay-pg__ph{position:relative;flex:0 0 auto;display:block;overflow:hidden;
  background:var(--wp--preset--color--alt);border-radius:10px}
.ay-pg__ph img{inline-size:100%;block-size:100%;object-fit:contain;display:block;
  transition:transform .45s}
.ay-pg--tcircle .ay-pg__ph{inline-size:58px;block-size:58px;border-radius:50%}
.ay-pg--tsquare .ay-pg__ph{inline-size:62px;block-size:62px}
.ay-pg--trect .ay-pg__ph{inline-size:100px;block-size:66px}
.ay-pg--twide .ay-pg__ph{inline-size:136px;block-size:76px}
.ay-pg--tfull .ay-pg__ph{inline-size:100%;block-size:auto;aspect-ratio:16/10}
.ay-pg--trect .ay-pg__ph img,.ay-pg--twide .ay-pg__ph img,
.ay-pg--tfull .ay-pg__ph img{object-fit:cover}

/* ── جسم البطاقة ── */
.ay-pg__b{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:.32rem}
.ay-pg__crow{display:flex;flex-wrap:wrap;gap:.35rem}
.ay-pg__t{font-size:.95rem;font-weight:700;line-height:1.8}
.ay-pg__t:has(+ .ay-pg__x){margin-block-end:.1rem}
.ay-pg--anim .ay-pg__a:hover .ay-pg__t{color:var(--ay-c)}
.ay-pg__x{font-size:.82rem;color:var(--wp--preset--color--muted);line-height:1.75}
.ay-pg__m{display:flex;align-items:center;gap:.7rem;font-size:.74rem;
  color:var(--wp--preset--color--muted)}
.ay-pg__cc::before{content:"💬 ";font-size:.9em}
.ay-pg__r{flex:0 0 auto;font-size:1.6rem;font-weight:900;line-height:1;
  color:color-mix(in srgb,var(--ay-c) 32%,transparent);
  font-variant-numeric:tabular-nums}

/* أقصى أسطر للعنوان */
.ay-pg{--ay-pg-lines:0}
.ay-pg__t{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
  -webkit-line-clamp:var(--ay-pg-lines,99)}
.ay-pg[style*="--ay-pg-lines"] .ay-pg__t{-webkit-line-clamp:var(--ay-pg-lines)}

/* ── التصنيف ── */
.ay-pg__cat{display:inline-block;padding:.12rem .6rem;border-radius:999px;
  font-size:.68rem;font-weight:800;line-height:1.7;white-space:nowrap;
  color:var(--ay-pg-cat,var(--ay-c));
  background:color-mix(in srgb,var(--ay-pg-cat,var(--ay-c)) 13%,transparent)}
.ay-pg__cat::before{content:"● ";font-size:.72em;vertical-align:middle}
.ay-pg--catinline .ay-pg__cat{margin-inline-end:.4rem;vertical-align:middle}
.ay-pg--catonthumb .ay-pg__ph .ay-pg__cat{position:absolute;
  inset-block-end:.35rem;inset-inline-start:.35rem;color:#fff;
  background:var(--ay-pg-cat,var(--ay-c))}
.ay-pg--catonthumb .ay-pg__ph .ay-pg__cat::before{content:none}

/* ── الوسم: شقيق الرابط لا ابنه، وموضعه آخر صفّ التاريخ ── */
.ay-pg__tagslot{flex:1}
.ay-pg__tag{position:absolute;inset-block-end:.95rem;inset-inline-end:1rem;
  z-index:2;padding:.14rem .62rem;border-radius:7px;font-size:.68rem;
  font-weight:700;text-decoration:none;
  color:var(--wp--preset--color--muted);
  background:var(--wp--preset--color--alt);
  border:1px solid var(--ay-b);
  transition:background-color .2s,color .2s,transform .2s}
.ay-pg__tag:hover{background:var(--ay-c);color:#fff;border-color:var(--ay-c);
  transform:translateY(-2px)}
.ay-pg__tag::before{content:"#";opacity:.6;margin-inline-end:.1rem}

/* ── حركات المرور ── */
.ay-pg--anim.ay-pg--fxlift .ay-pg__a:hover{transform:translateY(-4px);
  box-shadow:0 22px 40px -24px rgba(27,37,64,.5)}
.ay-pg--anim.ay-pg--fxzoom .ay-pg__a:hover{transform:scale(1.025)}
.ay-pg--anim.ay-pg--fxglow .ay-pg__a:hover{border-color:var(--ay-c);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ay-c) 16%,transparent)}
.ay-pg--anim.ay-pg--fximgzoom .ay-pg__a:hover .ay-pg__ph img{transform:scale(1.12)}
.ay-pg--anim.ay-pg--fxslide .ay-pg__a:hover{transform:translateX(-5px);
  border-inline-end:3px solid var(--ay-c)}
.ay-pg--anim.ay-pg--fxflipshadow .ay-pg__a:hover{
  box-shadow:-8px 8px 0 0 color-mix(in srgb,var(--ay-c) 22%,transparent)}

/* ── الظهور عند التمرير ──
   🌟 مرئيّ افتراضاً: الإخفاء لا يقع إلا بعد أن يضيف السكربت is-armed،
      فلو لم يعمل بقيت المقالات ظاهرة لا مختفية. */
.ay-pg.is-armed .ay-pg__i{opacity:0;
  transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.15,.64,1)}
.ay-pg.is-armed .ay-pg__i.is-in{opacity:1;transform:none}
.ay-pg--inup.is-armed .ay-pg__i{transform:translateY(18px)}
.ay-pg--inscale.is-armed .ay-pg__i{transform:scale(.94)}
.ay-pg--instagger.is-armed .ay-pg__i{transform:translateY(20px);
  transition-delay:calc(var(--i,1) * .055s)}

/* ── زرّ المزيد ── */
.ay-pg__more{display:flex;justify-content:center;margin-block-start:1.3rem}
.ay-pg__btn{padding:.75rem 1.9rem;font:inherit;font-size:.95rem;font-weight:800;
  cursor:pointer;border:2px solid transparent;border-radius:999px;
  background:var(--ay-c);color:#fff;text-decoration:none;
  transition:transform .22s,box-shadow .22s,background-color .22s,color .22s}
.ay-pg__btn:hover{transform:translateY(-2px);
  box-shadow:0 16px 30px -18px var(--ay-c)}
.ay-pg__btn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}
.ay-pg--moutline .ay-pg__btn{background:transparent;color:var(--ay-c);
  border-color:var(--ay-c)}
.ay-pg--moutline .ay-pg__btn:hover{background:var(--ay-c);color:#fff}
.ay-pg--mlink .ay-pg__btn{background:transparent;color:var(--ay-c);
  border-radius:0;border:0;border-block-end:2px solid currentColor;
  padding-inline:.3rem}
.ay-pg--mgradient .ay-pg__btn{border:0;
  background:linear-gradient(115deg,var(--ay-c),var(--wp--preset--color--navy))}
.ay-pg--mblock .ay-pg__more{display:block}
.ay-pg--mblock .ay-pg__btn{inline-size:100%;border-radius:var(--ay-pg-r,12px)}

/* ══════════ القوالب العشرون ══════════ */
.ay-pg--cards .ay-pg__a{flex-direction:column;gap:.7rem}
.ay-pg--cards .ay-pg__ph{inline-size:100%;block-size:auto;aspect-ratio:16/10}
.ay-pg--cards .ay-pg__ph img{object-fit:cover}

.ay-pg--magazine .ay-pg__i:first-child{grid-column:1/-1}
.ay-pg--magazine .ay-pg__a{flex-direction:column;gap:.7rem}
.ay-pg--magazine .ay-pg__ph{inline-size:100%;block-size:auto;aspect-ratio:16/9}
.ay-pg--magazine .ay-pg__ph img{object-fit:cover}
.ay-pg--magazine .ay-pg__i:first-child .ay-pg__t{font-size:1.2rem}

.ay-pg--list .ay-pg__l{grid-template-columns:1fr;gap:0}
.ay-pg--list .ay-pg__a{border:0;border-radius:0;
  border-block-end:1px solid var(--ay-b);box-shadow:none}
.ay-pg--list .ay-pg__tag{inset-block-end:.7rem}

.ay-pg--mosaic .ay-pg__a{flex-direction:column}
.ay-pg--mosaic .ay-pg__ph{inline-size:100%;aspect-ratio:1;block-size:auto}
.ay-pg--mosaic .ay-pg__ph img{object-fit:cover}
@media(min-width:760px){
  .ay-pg--mosaic .ay-pg__i:first-child{grid-row:span 2;grid-column:span 2}
}

.ay-pg--cover .ay-pg__a{position:relative;padding:0;overflow:hidden;
  min-block-size:200px;flex-direction:column;justify-content:flex-end;border:0}
.ay-pg--cover .ay-pg__ph{position:absolute;inset:0;inline-size:100%;
  block-size:100%;border-radius:0}
.ay-pg--cover .ay-pg__ph img{object-fit:cover}
.ay-pg--cover .ay-pg__b{position:relative;z-index:1;padding:2.6rem .95rem .95rem;
  color:#fff;background:linear-gradient(to top,rgba(10,18,38,.93),transparent)}
.ay-pg--cover .ay-pg__m,.ay-pg--cover .ay-pg__x{color:rgba(255,255,255,.8)}
.ay-pg--cover .ay-pg__cat{color:#fff;
  background:var(--ay-pg-cat,var(--ay-c))}
.ay-pg--cover .ay-pg__tag{background:rgba(255,255,255,.18);color:#fff;
  border-color:rgba(255,255,255,.25)}

.ay-pg--paper .ay-pg__l{display:block;column-count:2;column-gap:1.6rem;
  column-rule:1px solid var(--ay-b)}
@media(max-width:640px){.ay-pg--paper .ay-pg__l{column-count:1}}
.ay-pg--paper .ay-pg__i{break-inside:avoid;margin-block-end:.5rem}
.ay-pg--paper .ay-pg__a{border:0;padding-inline:0;box-shadow:none}
.ay-pg--paper .ay-pg__ph,.ay-pg--paper .ay-pg__tag{display:none}

.ay-pg--carousel .ay-pg__l{display:flex;overflow-x:auto;
  gap:var(--ay-pg-gap,14px);scroll-snap-type:x mandatory;padding-block-end:.7rem}
.ay-pg--carousel .ay-pg__i{flex:0 0 min(82%,280px);scroll-snap-align:start}
.ay-pg--carousel .ay-pg__a{flex-direction:column;block-size:100%}
.ay-pg--carousel .ay-pg__ph{inline-size:100%;aspect-ratio:16/10;block-size:auto}
.ay-pg--carousel .ay-pg__ph img{object-fit:cover}

.ay-pg--compact .ay-pg__a{padding:.5rem .75rem;gap:.5rem}
.ay-pg--compact .ay-pg__ph{display:none}
.ay-pg--compact .ay-pg__t{font-size:.87rem}
.ay-pg--compact .ay-pg__tag{inset-block-end:.55rem}

.ay-pg--numbered .ay-pg__a{align-items:center}

.ay-pg--glass .ay-pg__a{backdrop-filter:blur(12px);
  background:color-mix(in srgb,var(--ay-bg) 58%,transparent);
  border-color:rgba(255,255,255,.4)}

.ay-pg--dark .ay-pg__a{background:var(--wp--preset--color--navy-dark,#1a2c55);
  border-color:rgba(255,255,255,.12);color:#eaf0fb}
.ay-pg--dark .ay-pg__m,.ay-pg--dark .ay-pg__x{color:#a9b8d8}
.ay-pg--dark .ay-pg__tag{background:rgba(255,255,255,.08);color:#c6d3ec;
  border-color:rgba(255,255,255,.14)}

.ay-pg--gradient .ay-pg__a{border:2px solid transparent;
  background:linear-gradient(var(--ay-bg),var(--ay-bg)) padding-box,
    linear-gradient(135deg,var(--ay-c),var(--wp--preset--color--navy)) border-box}

.ay-pg--tilt .ay-pg__a{transform:rotate(-.6deg)}
.ay-pg--tilt .ay-pg__i:nth-child(even) .ay-pg__a{transform:rotate(.6deg)}
.ay-pg--anim.ay-pg--tilt .ay-pg__a:hover{transform:rotate(0) translateY(-3px)}

.ay-pg--sidebar .ay-pg__a{border-radius:0 var(--ay-pg-r,12px) var(--ay-pg-r,12px) 0;
  border-inline-start:4px solid var(--ay-pg-cat,var(--ay-c))}

.ay-pg--footbar .ay-pg__a{
  border-block-end:4px solid var(--ay-pg-cat,var(--ay-c))}

.ay-pg--neon .ay-pg__a{background:#0d1426;color:#dceaff;
  border-color:color-mix(in srgb,var(--ay-c) 38%,transparent);
  box-shadow:0 0 22px -14px var(--ay-c)}
.ay-pg--neon .ay-pg__m,.ay-pg--neon .ay-pg__x{color:#8fa6c9}
.ay-pg--neon .ay-pg__tag{background:rgba(255,255,255,.06);color:#9fb5d6;
  border-color:rgba(120,200,255,.2)}

.ay-pg--raised .ay-pg__a{border:0;
  box-shadow:0 5px 0 0 color-mix(in srgb,var(--ay-c) 22%,transparent),
    0 20px 36px -26px rgba(27,37,64,.5)}

.ay-pg--lines .ay-pg__l{gap:0}
.ay-pg--lines .ay-pg__a{border:0;border-radius:0;box-shadow:none;
  border-block-end:1px dashed var(--ay-b)}

.ay-pg--board .ay-pg__l{padding:1.2rem;border-radius:18px;
  background-color:var(--wp--preset--color--alt);background-size:22px 22px;
  background-image:linear-gradient(color-mix(in srgb,var(--ay-c) 8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ay-c) 8%,transparent) 1px,transparent 1px)}

@media(prefers-reduced-motion:reduce){
  .ay-pg__a,.ay-pg__ph img,.ay-pg__tag,.ay-pg__btn,.ay-pg__i{
    transition:none!important}
}

/* 🌟 شكل الصورة يتبع القالب حين يفرض القالب عرضاً كاملاً: «دائرية» على
   صورة بعرض البطاقة تُنتج بيضاوياً مشوّهاً لا دائرة. فالقوالب التي تمدّ
   الصورة بعرض البطاقة تتجاوز خيار الشكل وتستعمل استدارة البطاقة نفسها. */
.ay-pg--cards .ay-pg__ph,.ay-pg--magazine .ay-pg__ph,
.ay-pg--mosaic .ay-pg__ph,.ay-pg--carousel .ay-pg__ph,
.ay-pg--cover .ay-pg__ph{
  border-radius:calc(var(--ay-pg-r,12px) - 2px);
  inline-size:100%;block-size:auto}
.ay-pg--cards .ay-pg__ph img,.ay-pg--magazine .ay-pg__ph img,
.ay-pg--mosaic .ay-pg__ph img,.ay-pg--carousel .ay-pg__ph img,
.ay-pg--cover .ay-pg__ph img{object-fit:cover}
.ay-pg--cover .ay-pg__ph{border-radius:0;block-size:100%}

/* تساوي الارتفاع يحتاج الرابط بارتفاع البطاقة كاملاً لا بعرضها فقط */
.ay-pg--equal .ay-pg__a{block-size:100%}