@media (max-width:1320px){ /* تطبيق إصلاح القائمة الجانبية على الموبايل والتابلت فقط حتى لا يتأثر الديسكتوب. */
  html body .mobile-nav-backdrop{position:fixed!important;inset:0!important;z-index:988!important;display:block!important;border:0!important;background:rgba(21,12,18,.38)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important;} /* خلفية تغطي الشاشة وتغلق القائمة عند الضغط خارجها. */
  html body.nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;} /* إظهار الخلفية فقط عند فتح القائمة. */
  html body .mobile-nav-panel{inset:0 0 0 auto!important;width:min(86vw,360px)!important;height:100svh!important;z-index:989!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:82px 24px 34px!important;border-inline-start:1px solid rgba(203,43,111,.12)!important;background:rgba(255,252,250,.98)!important;box-shadow:-24px 0 70px rgba(31,15,24,.16)!important;opacity:0!important;visibility:hidden!important;transform:translateX(110%)!important;transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .26s ease,visibility .26s ease!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;} /* تحويل القائمة من شاشة كاملة إلى درج جانبي أنيق. */
  html[dir="rtl"] body .mobile-nav-panel{inset:0 auto 0 0!important;border-inline-start:0!important;border-inline-end:1px solid rgba(203,43,111,.12)!important;box-shadow:24px 0 70px rgba(31,15,24,.16)!important;transform:translateX(-110%)!important;} /* جعل القائمة تفتح من الجانب المناسب في العربية. */
  html body.nav-open .mobile-nav-panel{opacity:1!important;visibility:visible!important;transform:translateX(0)!important;} /* فتح القائمة بسلاسة عند إضافة كلاس nav-open. */
  html body .mobile-nav-close{position:absolute!important;top:22px!important;inset-inline-end:22px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid rgba(203,43,111,.14)!important;border-radius:50%!important;background:#fff!important;color:#a10616!important;font-size:30px!important;line-height:1!important;font-family:Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 14px 28px rgba(42,20,30,.08)!important;transition:transform .22s ease,background .22s ease,color .22s ease!important;} /* زر الإغلاق داخل القائمة بشكل واضح ومريح. */
  html body .mobile-nav-close:hover{background:#cb2b6f!important;color:#fff!important;transform:rotate(90deg)!important;} /* تأثير بسيط عند الوقوف على زر الإغلاق. */
  html body .mobile-nav-panel>a,html body .mobile-nav-panel .mobile-search-link{width:100%!important;max-width:none!important;padding:15px 4px!important;border-bottom:1px solid rgba(203,43,111,.10)!important;text-align:start!important;font-size:clamp(18px,5.8vw,26px)!important;line-height:1.25!important;} /* ضبط روابط القائمة داخل الدرج الجانبي. */
  html body.nav-open{overflow:hidden!important;} /* منع تمرير الصفحة الخلفية أثناء فتح القائمة. */
} /* نهاية قواعد الموبايل والتابلت. */