<div class="dm-sidebar-container">
<aside class="dm-sticky-sidebar">
<!-- বাটন সেকশন -->
<div class="dm-action-header">
<button class="dm-btn dm-btn-call">📞 Call for Order</button>
<button class="dm-btn dm-btn-upload">📤 Upload Prescription</button>
</div>
<!-- ক্যাটাগরি লিস্ট -->
<nav class="dm-nav-list">
<!-- Flash Sale -->
<div class="dm-item flash-item">
<a href="#">
<span class="dm-icon">⚡</span>
<span class="dm-label">FLASH SALE</span>
<span class="dm-count">1000+</span>
</a>
</div>
<!-- Medicine Dropdown -->
<div class="dm-group" onclick="toggleDmMenu(this)">
<div class="dm-item">
<div class="dm-title-wrap">
<span class="dm-icon">💊</span>
<span class="dm-label">Medicine</span>
</div>
<span class="dm-chevron">></span>
</div>
<div class="dm-dropdown-content">
<a href="#">Prescription Drugs</a>
<a href="#">OTC Medicine</a>
<a href="#">Supplements</a>
</div>
</div>
<!-- Beauty Dropdown -->
<div class="dm-group" onclick="toggleDmMenu(this)">
<div class="dm-item">
<div class="dm-title-wrap">
<span class="dm-icon">🧴</span>
<span class="dm-label">Beauty</span>
</div>
<span class="dm-chevron">></span>
</div>
<div class="dm-dropdown-content">
<a href="#">Skincare</a>
<a href="#">Hair Care</a>
<a href="#">Personal Care</a>
</div>
</div>
<!-- সাধারণ ক্যাটাগরি -->
<div class="dm-item">
<a href="#">
<span class="dm-icon">🔬</span>
<span class="dm-label">Lab Test</span>
</a>
</div>
<div class="dm-item">
<a href="#">
<span class="dm-icon">🍼</span>
<span class="dm-label">Baby Care</span>
</a>
</div>
</nav>
</aside>
</div>
<script>
function toggleDmMenu(element) {
element.classList.toggle('is-open');
}
</script>