{{-- ═══════════════════════════════════════════════════════════════
APPLIES TO: MOBILE ONLY (≤ 767px)
Fix: Category/Brand drawer cut off on the right side.
Root causes:
1. Bootstrap modal-dialog's CSS transform makes position:fixed
children treat the modal-dialog (not the screen) as their
viewport — drawer-side is narrower than the real screen.
2. pos-sidebar-root overflow:hidden + border-radius clips
position:fixed children in iOS Safari.
Fix: full-width modal on mobile + release the overflow clip.
═══════════════════════════════════════════════════════════════ --}}