/**
 * 移动菜单自定义样式 - 移除底部空白区域
 */

/* 移除内容区域底部的额外空白区域 */
.mobile-menu-content.has-cart {
    padding-bottom: 0 !important; /* 覆盖原有的80px空白区域 */
}

/* 确保不会因为覆盖而导致内容被购物车遮挡 */
.mobile-menu-items {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 确保菜品列表容器不添加额外的底部间距 */
.mobile-menu-dishes-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 移除购物车与内容之间可能存在的其他空白区域 */
.mobile-menu-cart {
    margin-top: 0 !important;
}

/* 确保分类菜品区域不添加底部空白 */
.mobile-menu-category-dishes {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 确保最后一个菜品项目和购物车之间没有额外空间 */
.mobile-menu-items-list .mobile-menu-item:last-child {
    margin-bottom: 0 !important;
}