<!-- زر فتح المنيو -->
<button type="button" class="custom-mobile-menu-btn" id="openMobileMenuBtn" aria-label="فتح القائمة">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
<!-- خلفية التعتيم الشفافة -->
<div class="custom-menu-overlay" id="menuOverlay"></div>
<!-- لوحة المنيو الجانبية -->
<aside class="custom-mobile-drawer" id="mobileDrawer" dir="rtl">
<!-- رأس المنيو -->
<div class="drawer-header">
<div class="drawer-title">قائمة التصفح</div>
<button type="button" class="drawer-close-btn" id="closeMobileMenuBtn" aria-label="إغلاق">
×
</button>
</div>
<!-- روابط المنيو -->
<nav class="drawer-body">
<ul class="drawer-menu-list">
<li><a href="/">الرئيسية</a></li>
<li><a href="/shop/">الجميع / المتجر</a></li>
<!-- عنصر يحتوي على قائمة فرعية -->
<li class="has-dropdown">
<div class="menu-item-row">
<a href="#">مستلزمات الرحلات</a>
<button type="button" class="dropdown-toggle-btn">+</button>
</div>
<ul class="sub-menu">
<li><a href="#">خيام وفراش النوم</a></li>
<li><a href="#">الجلسات والزوالي</a></li>
<li><a href="#">الإنارة والطاقة</a></li>
</ul>
</li>
<li><a href="/cart/">سلة الشراء</a></li>
<li><a href="/my-account/">حسابي</a></li>
</ul>
</nav>
<!-- أسفل المنيو -->
<div class="drawer-footer">
<a href="https://wa.me/" class="whatsapp-btn" target="_blank" rel="noopener">
تواصل معنا عبر الواتساب
</a>
</div>
</aside>
المراجعات
Clear filtersلا توجد مراجعات بعد.