/* ============================================================
   Layout shell
   ============================================================ */
/* عمداً z-index ندارد. اگر بگیرد، یک stacking context می‌سازد و z-index:99
   سایدبار داخلش حبس می‌شود — آن‌وقت #drawerBack (فرزند body، z-index:98)
   روی کشوی موبایل می‌نشیند و هر لمسی روی منو به بک‌دراپ می‌خورد.
   position:relative برای بالا ماندن از body::before کافی است، چون آن هم
   pointer-events:none دارد و در DOM جلوتر است. */